@charset "utf-8";

body #container {
	background-image: url(../imgs/bg.png);
	background-repeat: no-repeat;
	background-position: top 90px right;
	background-size: 100% auto;
	background-attachment: fixed;
	}
#titleimg{
	height:160px;
	width:100%;
	text-align:center;
	color:#FFF;
	background-image: url(../imgs/headimg.jpg);
	background-size: cover;
	background-position:center center;
	margin-bottom:60px;
	}

#R-SIDE h6 a{
	color:#E45E47;
	}	
	
.profileBox{
	margin:30px 0;
	padding:30px 0;
	border-top:#DDD solid 1px;
	border-bottom:#E45E47 solid 1px;
	}	

.profileBox strong{
	font-weight:normal;
	font-size:26px;
	line-height:1.5;
	}
.profileBox p{ font-size:13px;}	


	
@media only screen and (max-width:820px) {
		body #container {padding-top: 90px;}
	}
@media only screen and (max-width:470px) {
		body #container { padding-top: 80px;}
		.profileBox strong{ font-size:18px;}
		.profileBox p{ font-size:11px;line-height:1.5;}	
	}	
	/* box */
	.box {
		padding: 30px;
	}
	.box { zoom:1; }
	.box:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	
	.box.nextBtn { margin-top: 60px; padding: 15px; text-align: center;}
	.box.nextBtn a { display: inline-block; padding: 10px 33px; width: 400px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	.box.nextBtn a.hasArrow { position: relative;}
	.box.nextBtn a.hasArrow span.arrow { position: absolute; top: 50%; margin-top: -9px; right: -1px; font-size: 20px; line-height: 21px;}
	
	.box.nextBtn a.hasArrow.iconOut span.arrow { position: absolute; top: 50%; margin-top: -5px; left: 50px; right: auto; font-size: 20px; line-height: 21px;}

/* box */
	.box { background-color: #f6eaf5; max-width:700px; box-sizing:border-box; margin-left:auto; margin-right:auto;}
	.box.nextBtn a.radius{ background: #cf737a; border-color: #f8f4f0 #ece7e2 #b3afab #ece7e2; color: #fff; text-decoration: none;}
	.box.nextBtn a.radius:hover{ background: #e0939a; border-color: #f8f4f0 #ece7e2 #b3afab #ece7e2;}
	
	div.box span.pi-color { color: #985f91;}
	.box ol li{ list-style:decimal outside; margin:0 0 5px 60px; font-size:16px;}	
	
	.boxVol4 { max-width:700px; margin-left:auto; margin-right:auto;}
	
.ttl { font-weight: bold;}
h3.ttl { font-size: 24px; line-height: 40px; margin-bottom: 30px;}
h4.ttl { font-size: 20px; line-height: 30px; margin-bottom: 25px; padding-bottom: 4px; border-bottom-width: 1px; border-bottom-style: solid;}
h4.ttl { border-color: #E45E47;}
h4.ttl.p-color.noBold { font-weight: normal;}
h4.ttl.p-color span { color: #a1689a;}

	h5.ttl.p-color { color: #985f91;}
	h5.ttl.p-colorbox { color: #985f91; background-color: #f6eaf5; padding:2px 10px; display:inline-block}
	
	h5.ttl.colorbox { padding:2px 10px; display:inline-block; width:50%}
	h5.ttl.colorbox.redbox { color: #e83820; background-color: #ffe2df;}
	h5.ttl.colorbox.bluebox { color: #2059e8; background-color: #c7e0ff;}
	h5.ttl.colorbox.yellowbox { color: #c6a924; background-color: #f2e9b5;}
	h5.ttl.colorbox.greenbox { color: #24b121; background-color: #cef5cd;}
	h5.ttl.colorbox.pinkbox { color: #d131bc; background-color: #fcd8fc;}

@media only screen and (max-width:960px) {
		.box .img img { width: 100%;}

		/* ttl */
		h3.ttl { font-size: 22px; line-height: 38px; margin-bottom: 25px;}
		h4.ttl { font-size: 18px; line-height: 28px; margin-bottom: 20px; padding-bottom: 3px;}
		h5.ttl { font-size: 14px; line-height: 24px; margin-bottom: 10px;}
		h5.ttl.blt { padding-left: 15px; background-position: left 0.45em;}
	}
	
.area01 .img {
		float: right;
		width: 33.67%;
		margin-left: 3%;
	}
@media only screen and (max-width:599px) {
		.area01 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area01  p { margin-top: 20px;}
		.area01 .img {
			float: none;
			width: 100%;
			margin-top: 0;
			margin-left: 0;
		}
	}
	.box th {
		color: #a1689a;
		text-align: left;
	}
	.box th h5.ttl {
		margin-bottom: 10px;
		font-size: 10px;
		line-height: 1em;
	}
	.box td { font-weight: bold;}
	.box td a { color: #333; font-weight: bold;}
@media only screen and (max-width:599px) {
		.box th,
		.box td {
			display: list-item;
		}
		.btarea .fl { margin-bottom: 30px;}
		.btarea .txt { min-height: auto;}
	}

	/* vol.3 */
	.area02 .img {
		float: left;
		width: 42.857%;
		margin-right: 3.571%;
	}
	@media only screen and (max-width:599px) {
		.area02 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area02  p { margin-top: 20px;}
	}

	/* vol.4 */
	.area03 { max-width: 700px; margin-left: auto; margin-right:auto;}
	.area03 .fl,
	.area03 .fr {
		width: 50%;
	}
	@media only screen and (max-width:599px) {
		.area03 .fl,
		.area03 .fr {
			float: none;
			width: 100%;
		}
		.area03 .fr {
			margin-top: 20px;
		}
	}
	
	
		/* vol.9 */
	.area04 .img {
		float: right;
		width: 38.27%;
		margin-left: 3%;
	}
	@media only screen and (max-width:599px) {
		.area04 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area04  p { margin-top: 20px;}
	}

	.area05 .img {
		float: right;
		width: 26.142%;
		margin-left: 3.571%;
	}
	
	@media only screen and (max-width:599px) {
		.area05 .img {
		float: right;
		width: 31%;
		margin-left: 3%;
	}
	}
	@media only screen and (max-width:420px) {
		.area05 .img {
		float: right;
		width: 43.571%;
		margin-left: 2%;
	}
	}


		/* vol.10 */
	.area06 .img {
		float: right;
		width: 56.428%;
		margin-left: 3.571%;
	}
	@media only screen and (max-width:599px) {
		.area06 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area06  p { margin-top: 20px;}
	}

	/* vol.11 */
	h5.ttl span { font-size: 13px;}

	#L-SIDE dl{ font-size: 16px; line-height: 26px; margin: 24px 0;}
	#L-SIDE dt{color: #FFF; float : left; clear : both; background-color:#985f91; padding: 3px 16px;}
	#L-SIDE dd{background-color: #f6eaf5; font-weight: bold; display: inline-block;padding: 3px 16px;}
	
	/* vol.12 */
	h5.boxttl { font-size: 16px; line-height: 26px; margin-bottom: 25px; color: #985f91; background-color: #f6eaf5; font-weight: bold; display: inline-block;padding: 2px 15px;}
	.box p.boxlist { font-size:16px; }
	.box p.boxlist span { font-size:12px; letter-spacing:0.01em}
	.box p.boxlist span br { display:none }
	@media only screen and (max-width:960px) {
	.box p.boxlist { font-size:14px; }
	.box ol li{ font-size:14px;}
	}
	@media only screen and (max-width:590px) {
		.box p.boxlist span { line-height:1.5em }
		.box p.boxlist span br { display:block }
	}
	@media only screen and (max-width:460px) {
		.box p.boxlist { font-size:12px; letter-spacing:0.01em }
		.box p.boxlist span { font-size:9px;}
	}


	/* vol.26 */
	.area07 .img {
		float: right;
		width: 39.14%;
		margin-left: 3.5%;
	}
	@media only screen and (max-width:330px) {
		.area07  p { margin-top: 20px;}
		.area07 .img {
			float: none;
			width: 100%;
			margin-top: 0;
			margin-left: 0;
		}
	}
	
		/* vol.29 */
		
	.area08 .img {
		float: right;
		width: 34%;
		margin-left: 3.5%;
	}
	
	.area08 .box2 {
		background-color: #f6eaf5;
		width:53%;
		padding: 20px 30px;
		zoom:1; }
		
	@media only screen and (max-width:590px) {
		.area08  p { margin-top: 20px;}
		.area08 .img {
			float: none;
			width: 100%;
			margin-top: 0;
			margin-left: 0;
		}
		.area08 .box2 {
		width:auto; }
	}
	
/* vol.30 */
ol.list_parentheses{
}
 
ol.list_parentheses li{
	font-size: 14px;
	list-style-type: none;
	list-style-position: inside;
	counter-increment: cnt;
	text-indent: -2.2em;
}
ol.list_parentheses li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

@media only screen and (max-width:960px) {
		ol.list_parentheses li{ font-size: 12px;}
	}
.area09 .img {
		float: right;
		width: 48.714%;
		margin-left: 3.571%;
	}
	@media only screen and (max-width:420px) {
		.area09 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area09  p { margin-top: 20px;}
	}
	
	
/* vol.31 */
#L-SIDE .section dl.question dt{background-color:#985f91;color: #FFF; clear: none; padding: 3px 10px; font-weight: bold}
#L-SIDE .section dl.question dd{ background-color: transparent; font-weight: bold;}
#L-SIDE .section dl.answer dt{background-color:#f6eaf5;color: #985f91; padding: 3px 10px; font-weight: bold}
#L-SIDE .section dl.answer dd{ background-color: transparent; font-weight: normal; font-size: 14px; display: inline-block; margin-left:50px; margin-top:-35px; margin-bottom:20px; padding:0}

@media only screen and (max-width:960px) {
#L-SIDE .section dl.question dt, #L-SIDE .section dl.question dd, #L-SIDE .section dl.answer dt{font-size: 13px;}	
#L-SIDE .section dl.answer dd{ font-size: 12px; line-height: 20px;}
	}
	
/* vol.32 */	
	h4.p-ttl { font-size: 20px; line-height: 30px; margin-bottom: 25px; color: #985f91;}
	.area10 .img {
		float: left;
		width: 59.85%;
		margin-right: 4%;
	}
	.area10  p { float: right; width: 36%;}
	
	@media only screen and (max-width:599px) {
		.area10 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area10  p { margin-top: 20px; float: none; width: 100%;}
	}
	
	
/* vol.33 */	
	
#iPhone span { display:none }
#iPhone p { display: block }
@media only screen and (max-width:480px) {
#iPhone span { display:block; margin:0 auto; text-align:center }
#iPhone p { display: none;  }
	}
	
/* vol.34 */
#L-SIDE .section dl.question dt.sdt{padding: 2px 5px}
h5.ttl.p2-color {
	color: #674162;
	padding-top:30px;
	border-top:dashed 2px #c8a7c4;
	}

	.area11 .img {
		float: left;
		width: 29.52%;
		margin-right: 3%;
		margin-bottom: 55px;
	}
	.area12 .img {
		float: right;
		width: 47.02%;
		margin-left: 3%;
	}
	@media only screen and (max-width:559px) {
		.area11 .img {
			float: none;
			width: 100%;
			margin-left: 0;
			margin-bottom: 20px;
		}
		.area12 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area12  p { margin-top: 20px;}
	}