@charset "UTF-8";

/* ---------------------------------------------------------------------------
Header
----------------------------------------------------------------------------- */
header { width:25%; height:auto; margin:0 0 0 0; padding:0 0 0 0; float:left; }
div.logo { width:100%; margin:50px 0 0 0; padding:0 0 0 0; }
div.logo h1 { width:100%; margin:0 0 0 0; padding:0 0 0 0; line-height:0; }
div.logo h1 a { display:block; text-align:left; cursor:pointer; }
div.logo h1 a:hover { opacity:0.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }
div.logo h1 a img { width:100%; height:auto; max-width:180px; max-height:54px; }
nav.pcmenu { width:100%; margin:120px 0 0 0; padding:0 0 0 0; }
nav.pcmenu ul { width:100%; margin:0 auto 0 auto; padding:0 0 0 0; text-align:left; }
nav.pcmenu ul li { width:100%; margin:0 0 20px 0; list-style:none; }
nav.pcmenu ul li a { display:inline-block; font-family:'wbf'; color:#7CA694; font-size:120%; letter-spacing:5px; cursor:pointer; }
nav.pcmenu ul li a:hover { opacity:0.6; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }

div.mbmenu { display:none; }

/* under 600 --*/
@media screen and (max-height:600px){
nav.pcmenu { width:100%; margin:60px 0 0 0; padding:0 0 0 0; }
nav.pcmenu ul li { width:100%; margin:0 0 15px 0; list-style:none; }
}


/* ============================================================================
                Media Querys
=============================================================================== */
@media screen and (min-width:300px) and (max-width:750px) {
header { width:100%; height:auto; margin:0 0 0 0; padding:0 0 0 0; float:none; }
div.logo { width:100%; margin:20px 0 0 0; padding:0 0 0 0; }
div.logo h1 { width:100%; margin:0 0 0 0; padding:0 0 0 0; line-height:0; }
div.logo h1 a { display:block; text-align:center; cursor:pointer; }
div.logo h1 a img { width:100%; height:100%; max-width:90px; max-height:27px; }
nav.pcmenu { display:none; }

div.mbmenu { width:95%; margin:20px auto 0 auto; display:block; text-align:left; }
div.mbmenu nav.mbbox { width:100%; min-height:100%; margin:0; padding:0; }
div.mbmenu nav.mbbox ul { margin:0; padding:0; overflow:hidden; }
div.mbmenu nav.mbbox ul li { width:48%; margin:0 4% 10px 0; padding:7px 0 7px 0; border:1px solid #7CA694; display:block; float:left; list-style:none; }
div.mbmenu nav.mbbox ul li:nth-child(even) { margin:0 0 10px 0; }
div.mbmenu nav.mbbox ul li a { display:block; width:100%; margin:0; padding:0; font-family:'wbf'; color:#7CA694; font-size:105%; text-align:center; line-height:1em; letter-spacing:5px; cursor:pointer; }
}


/* ------------------------------------------------------
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) {
}
}