@charset "UTF-8";

/* ---------------------------------------------------------------------------
 TOPs
----------------------------------------------------------------------------- */
* {  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width:100%; height:100%; overflow-x:hidden; overflow-y:auto; -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling:touch; }
html { font-family: "游ゴシック","YuGothic", "Yu Gothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic" !important; }
body { width:100%; height:100%; margin:0; padding:0; line-height:1.5; letter-spacing:1.5px; text-align:center; position:relative; }
article { width:100%; height:100%; margin:0; padding:0; color:#736240; position:relative; top:0; left:0; }
/* ---------------------------------------------------------------------------
LINK
----------------------------------------------------------------------------- */
a { -webkit-tap-highlight-color:rgba(0,0,0,0); }
a { font-style:normal; text-decoration:none; }
a:link { font-style:normal; text-decoration:none; }
a:visited { font-style:normal; text-decoration:none; }
a:hover { font-style:normal; text-decoration:none; }
a img { border: none; }
/* ---------------------------------------------------------------------------
Form
----------------------------------------------------------------------------- */
::-webkit-input-placeholder { color:#9B9D99; text-align:center; }
::-ms-input-placeholder { color:#9B9D99; text-align:center; }
::-moz-placeholder { color:#9B9D99; text-align:center; }
input:focus::-webkit-input-placeholder,isindex:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-webkit-input-placeholder,isindex:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder { color: transparent; }
input,textarea { outline: none; }


/* ---------------------------------------------------------------------------
Contents
----------------------------------------------------------------------------- */

div.wrapper { width:95%; max-width:1200px; margin:0 auto 0 auto; overflow:hidden; }
section.main { width:75%; margin:120px 0 0 0; padding:0 0 0 0; float:left; }
div.page_title { width:100%; margin:0 0 0 0; padding:0 0 0 0; }
div.page_title h2 { margin:0 0 0 0; padding:0 0 0 0; color:#736240; font-family:'wbf'; font-size:110%; text-align:center; line-height:1em; letter-spacing:3px; }
div.offline h3 { margin:50 0 20 0; color:#91BFAC; font-family:'wbf'; font-size:120%; border-bottom:1.5px solid #7CA694; font-weight:normal; text-align:left;}
div.offline { width:100%; max-width:700px; margin:40px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail { width:100%; margin:0 0 0 0; padding:10px 0 10px 0; border-bottom:1px dashed #7CA694; text-align:left; }
div.offline div.detail p.date { display:inline-block; width:22%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:76%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text span { color:#408C6D; font-weight:bold; }

/*--Footer--*/
@media screen and (min-width:751px) and (min-height:801px) {
footer { width:100%; margin:0 0 0 0; padding:100px 0 40px 0; bottom:0; left:0; right:0; overflow:hidden; }
}


.cp_box *, .cp_box *:before, .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_box {
width: auto;
margin: 2em auto;
}
.cp_box label {
	font-weight: bold;
	position: relative;
	display: block;
	width: 50%;
	margin-bottom: 50px;
	padding: 0.3em 1em;
	cursor: pointer;
	transition: all 0.3s;
	text-align: center;
	color: #7CA694;
	border: 2px solid #7CA694;
	border-radius: 3px;
	margin-right: auto;
	margin-left: auto;
}
.cp_box label:hover {
transition: all 0.3s;
color: #ffffff;
background: #7CA694;
}

.cp_box label:hover::after {
color: #ffffff;
}

.cp_box input:checked ~ label:hover::after {
color: #ffffff;
}
.cp_box input {
display: none;
}
.cp_box .cp_container {
position: relative;
z-index: 10;
overflow: hidden;
height: 0;
margin-top: -1px;
margin-bottom: 50px;
transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}
.cp_box input:checked ~ div {
transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box input:checked ~ div.cp_container {
height: auto;
}


/* ============================================================================
                Media Querys
=============================================================================== */
/* ------------------------------------------------------
300 - 350 （iphone 4）
-------------------------------------------------------- */
@media screen and (min-width: 300px ) and (max-width:350px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:90%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:90%; text-align:left; vertical-align:top; }
/* ------------------------------------------------------
300 - 350 （iphone 5）
-------------------------------------------------------- */
@media screen and (max-width: 350px) and (max-height: 568px) {
}
}


/* ------------------------------------------------------
350 - 400 ( android）（iphone6-375）
-------------------------------------------------------- */
@media screen and (min-width: 351px ) and (max-width:400px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
}


/* ------------------------------------------------------
400 - 450（iphone6plus 414）
-------------------------------------------------------- */
@media screen and (min-width: 401px) and (max-width:450px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
}


/* ------------------------------------------------------
450 - 500（iphone4 横）
-------------------------------------------------------- */
@media screen and (min-width: 451px) and (max-width:500px) {
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
/* ------------------------------------------------------
450 - 500（pc）
-------------------------------------------------------- */
@media screen and (max-width : 500px) and (min-height : 480px) {
}
}


/* ------------------------------------------------------
500 - 550 （ xperia z ultra）
-------------------------------------------------------- */
@media screen and (min-width: 501px) and (max-width:550px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
}


/* ------------------------------------------------------
550 - 600（iphone5 横）
-------------------------------------------------------- */
@media screen and (min-width: 551px) and (max-width:600px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
/* ------------------------------------------------------
550 - 600（pc）
-------------------------------------------------------- */
@media screen and (max-width : 600px) and (min-height : 350px) {
}
}


/* ------------------------------------------------------
600 - 650（android 横）
-------------------------------------------------------- */
@media screen and (min-width: 601px) and (max-width:650px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
/* ------------------------------------------------------
600 - 650（pc）
-------------------------------------------------------- */
@media screen and (max-width: 650px) and (min-height:420px){
}
}


/* ------------------------------------------------------
650 - 700（iphone6横=667）
-------------------------------------------------------- */
@media screen and (min-width: 651px) and (max-width:700px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
/* ------------------------------------------------------
650 - 700（pc）
-------------------------------------------------------- */
@media screen and (max-width: 700px) and (min-height:450px){
}
}


/* ------------------------------------------------------
700 - 750（iphone6plus横=736）
-------------------------------------------------------- */
@media screen and (min-width: 701px) and (max-width:750px){
section.main { width:95%; margin:30px auto 0 auto; padding:0 0 0 0; float:none; }
div.offline { width:100%; max-width:none; margin:10px auto 0 auto; padding:0 0 0 0; overflow:hidden; }
div.offline div.detail p.date { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
div.offline div.detail p.text { display:inline-block; width:100%; margin:0 0 0 0; font-size:100%; text-align:left; vertical-align:top; }
/* ------------------------------------------------------
700 - 750（pc）
-------------------------------------------------------- */
@media screen and (max-width: 750px) and (min-height:450px){
}
}


/* ------------------------------------------------------
750 - 800（ ipad ）
-------------------------------------------------------- */
@media screen and (min-width: 751px) and (max-width:800px){
}


/* ------------------------------------------------------
800 - 850
-------------------------------------------------------- */
@media screen and (min-width: 801px) and (max-width:850px) {
}


/* ------------------------------------------------------
850 - 900
-------------------------------------------------------- */
@media screen and (min-width: 851px) and (max-width:900px) {
}


/* ------------------------------------------------------
900 - 1000 （xperia z ultra 横）
-------------------------------------------------------- */
@media screen and (min-width: 901px) and (max-width:1000px) {
/* ------------------------------------------------------
900 - 1000（pc）
-------------------------------------------------------- */
@media screen and (max-width : 1000px) and (min-height : 600px) {
}
}


/* ------------------------------------------------------
1000 - 1100（ipad 横）
-------------------------------------------------------- */
@media screen and (min-width: 1001px) and (max-width:1100px){
/* ------------------------------------------------------
1000 - 1100（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1100px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1100 - 1200
-------------------------------------------------------- */
@media screen and (min-width: 1101px) and (max-width:1200px){
/* ------------------------------------------------------
1100 - 1200（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1200px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1200 - 1300
-------------------------------------------------------- */
@media screen and (min-width: 1201px)and (max-width:1300px) {
/* ------------------------------------------------------
1200 - 1300（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1300px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1300 - 1400
-------------------------------------------------------- */
@media screen and (min-width: 1301px) and (max-width:1400px) {
/* ------------------------------------------------------
1300 - 1400（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1400px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1400 - 1500
-------------------------------------------------------- */
@media screen and (min-width: 1401px) and (max-width:1500px) {
/* ------------------------------------------------------
1400 - 1500（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1500px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1500 - 1600
-------------------------------------------------------- */
@media screen and (min-width: 1501px) and (max-width:1600px) {
/* ------------------------------------------------------
1500 - 1600（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1600px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
1600 - 1700
-------------------------------------------------------- */
@media screen and (min-width: 1601px) and (max-width:1700px) {
/* ------------------------------------------------------
1600 - 1700（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1700px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1700 - 1800
-------------------------------------------------------- */
@media screen and (min-width: 1701px)and (max-width:1800px) {
/* ------------------------------------------------------
1700 - 1800（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 1800px) and (max-height : 700px) {
}
}

/* ------------------------------------------------------
1800 - 2000
-------------------------------------------------------- */
@media screen and (min-width: 1801px)and (max-width:2000px) {
/* ------------------------------------------------------
1800 - 2000（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 2000px) and (max-height : 700px) {
}
}


/* ------------------------------------------------------
2000 -
-------------------------------------------------------- */
@media screen and (min-width: 2001px) {
/* ------------------------------------------------------
- 2300（ height 700まで）
-------------------------------------------------------- */
@media screen and (max-width : 2300px) and (max-height : 700px) {
}
}