﻿@charset "utf-8";

/* Index -----------------------------

    -  Import CSS

    1. Common
    2. Title
    3. Case

       Other

   ----------------------------------- */

/* Import CSS ------------------------ */

	@import "../../../common/css/default.css";

/* ----------------------------------- */



/* -----------------------------------
    1. Common
   ----------------------------------- */
#global ul .navi04 a,
#fglobal ul .navi04 a {
	background: -moz-linear-gradient(center top, #fcc5df 0%,#f488bb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcc5df),color-stop(1, #f488bb));
}


/* ----------------------------------- */



/* -----------------------------------
    2. Title
   ----------------------------------- */
#contents #title {
	margin-bottom: 10px;
}

#contents #title h1 {
	margin-bottom: 5px;
	color: #e95098;
	font-size: 15px;
	line-height: 1.5;
}

#contents #title h2 {
	color: #e95098;
	line-height: 1.5;
}

#contents #title p {
	line-height: 1.5;
}


/* ----------------------------------- */



/* -----------------------------------
    3. Coupon
   ----------------------------------- */
#contents #coupon {
	margin: 20px 0;
	text-align: center;
}

#contents #coupon img {
	max-width: 100%;
	border: 1px solid #ccc;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 2px 2px 3px rgba(000,000,000, 0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(000,000,000, 0.3);
}

#contents #coupon p {
	line-height: 1.2;
	font-size: 10px;
	padding-top: 10px;
}
	
#contents #coupon figcaption {
	margin-top: 15px;
	color: #e84692;
	font-weight: bold;
	line-height: 1.25;
}

.plan .content .coupon_copy {
	font-size: 1.2em;
	text-align: center;
	line-height: 1.6em;
	margin-bottom: 2em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
}
.content .coupon_copy .note {
	font-size: 0.9em;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.content .coupon_copy .waku {
	margin-top: 1em;
	padding: 1em;
	margin-bottom: 2em;
	border: 1px solid rgba(255,0,4,1.00);
	color: rgba(255,0,4,1.00);
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
}
.otoku .only_pc .only_pc img {
	width: 100%;
}
.plan .content .otoku {
	text-align: center;
}
.content .otoku .only_pc {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	line-height: 2em;
}
.content .otoku .only_sp {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	line-height: 2em;
}
img {
	width: 100%;
}
.content .btn  {
	color: rgba(255,255,255,1.00);
	background-color: rgba(233,0,127,1.00);
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	text-align: center;
	padding: 0.5em;
	font-size: 1.6em;
}

@media only screen and (max-width:780px){
.content .coupon_copy .waku {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.2em;
}
}
