/* onsen */
/* hidebox */
section.hidebox h3.hide-btn {position:relative;border-bottom:solid 2px;}
section.hidebox h3.hide-btn:first-letter{font-size:120%;color:#e4007f;font-weight:bold;}
section.hidebox h3.hide-btn span {display:block;color:#000;cursor:pointer;line-height:1.5;}
section.hidebox h3.hide-btn span:before {position:absolute;content:"";display:block;width:22px;height:22px;top:50%;
	background-image:url(../img/onsen/bt.png);background-repeat:no-repeat;margin-top:-10px;}
section.hidebox h3.hide-on span:before {background-position:0 -78px;}
section.hidebox h3.hide-off span:before {background-position:left top;}

@media all and (min-width: 768px) {
.onsen .pBox{margin-bottom:30px;}
.onsen #mainBox h2{width:910px;height:250px;background:url(../img/onsen/title.jpg) no-repeat; margin:0 auto 20px;}
/*.onsen .button a{display:block;width:540px;height:100px;background:url(../img/onsen/button.png) no-repeat; margin:30px auto 50px;text-indent: -9999px;}*/
.onsen .button {display:block;width:70%;margin:2em auto;color: #e4007f;font-size:110%;line-height:120%;font-weight:bold; text-decoration:none;text-align:center;}
.onsen .ph1{display:block;width:300px;height:300px;margin-left:10px;background:url(../img/onsen/ph1.jpg) no-repeat; float:right;}
.onsen h3 small{position:absolute;top:15px;right:50px;font-size:80%;color: #999;}

section.hidebox {overflow:hidden;width:740px;margin:0 auto 10px;}
section.hidebox h3{font-size:140%;}
section.hidebox h3.hide-btn {background:#fff;border-bottom:solid 2px;}
section.hidebox div.hide-inner {padding:15px;}
section.hidebox h3.hide-btn span {padding:11px 20px 11px 10px;}
section.hidebox h3.hide-btn span:before {position:absolute;right:10px;}
}
@media all and (max-width: 767px) {
.onsen .pBox{margin-bottom:2em;}
.onsen #mainBox h2{width:100%;padding-top:27.5%;height:0;background:url(../img/onsen/title.jpg) center top no-repeat; margin:0 auto 20px;background-size: contain;}
/*.onsen .button a{display:block;width:70%;margin:2em auto;padding:1em;background:#3dbaf7;color: #fff;font-size:80%;line-height:120%;font-weight:bold; text-decoration:none;text-align:center;border-radius: 30px;}*/

.onsen .button {display:block;width:70%;margin:2em auto;color:#e4007f;font-size:90%;line-height:120%;font-weight:bold; text-decoration:none;text-align:center;}
.onsen .ph1{display:block;width:120px;height:120px;margin-left:0.1em;background:url(../img/onsen/ph1.jpg) no-repeat; float:right;background-size: contain;}
.onsen h3 small{display:block;position:absolute;top:0;right:2.5em;color: #999;font-size:80%;}

section.hidebox {overflow:hidden;width:90%;margin:0 auto 0.5em;}
section.hidebox h3{font-size:80%;}
section.hidebox h3.hide-btn {background:#fff;}
section.hidebox div.hide-inner {padding:1em 0.5em;}
section.hidebox h3.hide-btn span {padding:11px 0;}
section.hidebox h3.hide-btn span:before {position:absolute;right:0;}
}
@media all and (max-width: 320px) {
.onsen .ph1{display:block;width:100px;height:100px;margin-left:0.1em;background:url(../img/onsen/ph1.jpg) no-repeat; float:right;background-size: contain;}
}