/*/////////////////////////////////////////////////////////////////////////////////////////////*/
/* setting */
/*/////////////////////////////////////////////////////////////////////////////////////////////*/



/* body
---------------------------------------------------- */
body {
font-family: -apple-system, BlinkMacSystemFont,"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: #000;
line-height:1.5em;
font-size:100%;
text-align:center;
background:#FFF;
-webkit-text-size-adjust: 100%;
letter-spacing: -0.05em;
}


/*link
---------------------------------------------------- */
A { text-decoration: none; } 
A:hover { text-decoration: underline; } 
A:link { color: #0099CC; } 
A:visited { color: #0099CC; } 
A:hover { color: #0099CC; } 
A:active { color: #0099CC; }







/*===============================================
共通
===============================================*/

#textsize li { display:inline-block; background:#FEBC84; margin-right:2px;  }
#textsize li a { display:block; padding:2px 6px; color:#FFF; text-decoration:none; }
#textsize li.title { display:inline-block; background:none; margin-right:3px;  }

.back01 {
	background-image: url(../images/back01.jpg);
	background-repeat: repeat-x;
}





.h6btn { background:#FFDFDF; text-align:center; color:#F36; }
.h6btn a { display:block; padding:10px; text-decoration:none; }
.h6btn a:hover { color:#FFF; background:#F36; }

.sec01 { margin-bottom:50px; text-align: left; clear:both; }
.sec01 h5 { margin-bottom:10px; }


.f1 { font-size:smaller; }
.f2 { font-size:100%; }
.f3 { font-size:larger; }


 /* others
---------------------------------------------------- */
#scrollUp {
    background:url(../images/btn07.png);
    bottom: 10px;
    right: 10px;
    width: 60px;    /* Width of image */
    height: 60px;   /* Height of image */
}





/* photos
---------------------------------------------------- */



/* search
---------------------------------------------------- */





.nav02 { text-decoration: none; font-weight:normal; margin-bottom:30px; }
.nav02 a,ul,li { text-decoration: none; font-weight:normal; box-sizing:border-box; }


.nav02 li { position:relative; width:183px; float:left; border:1px solid #FFF; background:#FF3366; color:#FFF; }
.nav02 li a { display:block;color:#FFF; font-weight:normal; height:40px; padding:8px 5px 0 5px; }
.nav02 li:hover > ul { display:block; }
.nav02 ul { display: none; position: absolute; top:38px; left:1; width:181px; z-index:100; background:none; }
.nav02 li > ul li { float:none; border:none; font-size:80%; text-align:left; width:100%; background:rgba(0,0,0,0.8); }
.nav02 li > ul li a { display:block; font-weight:normal; color:#FFF; height:30px; padding:4px; }
.nav02 li > ul li a:hover { color:#FFF; background: #F36; }




.wp-banner { display:flex; flex-wrap:wrap; justify-content:space-between;}
.wp-banner li { padding-bottom:10px; }









.wp-item { margin-bottom:30px; }
.wp-item a { text-decoration:none; }


.item {
    position: relative;
	float:left;
	line-height:40px;
	width:183px;
    background: #F36;
	border:1px solid #FFF;
	box-sizing: border-box;
}
 
.item a {
    display: block;
	color:#FFF;
}
 
.child {
    visibility: hidden;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
	z-index:600;
    background:rgba(0,0,0,0.8);
	padding:5px 0;
}
 
.item:hover .child {
    visibility: visible;
}

.child li { height:30px; line-height:1.25em; font-size:80%;  }
.child li a { font-weight:normal; padding:5px 0 0 0; }




.tbl02 th { vertical-align:middle; padding:0.5em 1em 0.5em 0; font-weight:normal; font-size:100%; }
.tbl02 th.opt01 { color:#FEBC84; vertical-align:middle; }
.tbl02 td { vertical-align:middle; padding: 0.5em 1em 0.5em 0; }
.tbl02 tr { border-bottom:dashed 1px #DDD; }
.tbl02 tr:last-child { border-bottom: none; }
.tbl02 th { vertical-align:top; }
.tbl02 td { vertical-align:top; }

.tbl02 td.btnroll a {
    width: 70px;
	height:33px;
    background: url(../images/btn_off.png);
    display: block;
    text-indent: -9999px;
}
 
.tbl02 td.btnroll a:hover {
    background: url(../images/btn_on.png);
}

















/*===============================================
タブレット用
===============================================*/
@media screen and (min-width: 860px){

.humWP { display:none; }
#humberger { display:none; }



/* layout */


header { width:100%; height:95px; border-top:5px #FEBC84 solid; padding:0px 10px 0 10px;  }
h1.logo-pc {}
h1.logo-sh { display:none; }


main { width:1000px; margin:0 auto 40px auto; }

.box01 { display:none; }

.side { width: 215px; padding:20px 0; float: left; }
.side #textsize { text-align:right; margin-bottom:20px; }



.h201 {  width:70%; color:#84ab10; font-size:120%; padding-bottom:10px; background: url(../images/bk02.png) repeat-x bottom; margin-bottom:5px; }



.box-search { margin-bottom:20px; text-align:right; }

.search_container{}
.search_container input[type="text"]{
  background:#EFEFEF;
  border: none;
  height: 35px;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background:#FF3366;
  border:none;
  color: #fff;
  outline : none;
  width: 37px;
  height: 37px;
}
.tf-search { width:12em; }
.contents { width:740px; float:right; padding:20px 0; }

/*ul */
.ulform { width:70%; margin:5px 0; border:1px #FEBC84 solid; }
.ulform li { padding:1em; }
.ulform li:nth-child(2n+1) {background: #FFFFFF; }
.ulform li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
    font-size:0.1em;
    line-height:0;
}


.set-nav01 { text-align:left; }
.set-nav01 h5 { margin-bottom:10px; }
.set-nav01 ul { margin-bottom:30px; }
.set-nav01 li { border-bottom:1px dashed #CCC; }
.set-nav01 li a {  color:#000; display:block; padding:0.5em 0; }
.set-nav01 li a:hover{ color:#0099CC; }


footer h6 { float:right; }
.copyright { float:left; }
.wp-footer { width:1000px; margin:auto; }


.info { clear:both; }
.info dt { width:70px; float:left; padding-right:30px; padding:0.65em 0 0 0; }
.info dd { margin-left:100px; padding:0.75em 0 0 0; }
.info dd span { color:#999; font-size:80%; }
.info dd a { display:block; color:#000; font-weight:normal; }
.info dd a:hover { color:#F36; text-decoration:none; }


footer { clear:both; background:#FEBC84; padding:30px 0px; }
footer h6 { color:#FFF; }
.copyright { color:#FFF; font-size:85%; float:none; }


.tbl02 { width:100%; }


}






/*===============================================
スマホ用
===============================================*/
@media screen and (max-width: 859px) {

.wp { position:relative; height: auto !important; height: 100%; min-height: 100%; }
footer { padding-bottom:60px; }

header {  padding-top:40px; }
h1.logo-pc { display:none; }
h1.logo-sh img { width:100%; }


main { width: 90%; margin:auto; }

.h201 {  width:100%; color:#84ab10; font-size:120%; padding-bottom:10px; background: url(../images/bk02.png) repeat-x bottom; margin-bottom:5px; }

.box01 { margin:0.5em 0 30px 0; }
.box01 h5 span { padding-left:0.75em; font-size:85%; font-weight:normal; }


.test { display:none; }


/*.side { position: fixed;bottom: 0;width: 100%; height:50px; padding-top:14px; bottom:0; left:0; background:#FEBC84; }*/
.side { display:none; }
.set-nav01 { display:none; }

.box-search { float:left; width:40%; padding-right:65px; }

.search_container{
  box-sizing: border-box;
}
.search_container input[type="text"]{
  background:#EFEFEF;
  border: none;
  height: 35px;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background:#FF3366;
  border:1px solid #FFF;
  color: #fff;
  outline : none;
  width: 37px;
  height: 37px;
  box-sizing: border-box;
}

.tf-search { width:10em; }





.h501 { width:100%; padding:6px 10px 0 0; text-align:left; }




.info { clear:both; }
.info dt { width:70px; float:left; padding-right:30px; padding:0.65em 0 0 0; }
.info dd { margin-left:100px; padding:0.75em 0 0 0; }
.info dd span { color:#999; font-size:80%; }
.info dd a { display:block; color:#000; font-weight:normal; }
.info dd a:hover { color:#F36; text-decoration:none; }


.wp-banner { display:flex; flex-wrap:wrap; justify-content:space-between;}
.wp-banner li { padding-bottom:10px; width:49%; }
.wp-banner li img { width:100%; }





.nav02 { text-decoration: none; font-weight:normal; margin-bottom:30px; }
.nav02 a,ul,li { text-decoration: none; font-weight:normal; box-sizing:border-box; }


.nav02 li { position:relative; width:49%; float:left; border:1px solid #FFF; background:#FF3366; color:#FFF; }
.nav02 li a { display:block;color:#FFF; font-weight:normal; height:40px; padding:8px 5px 0 5px; }
.nav02 li:hover > ul { display:block; }
.nav02 ul { display: none; position: absolute; top:40px; left:1; width:100%; z-index:100; background:none; }
.nav02 li > ul li { float:none; border:none; font-size:80%; text-align:left; width:100%; background:rgba(0,0,0,0.8); }
.nav02 li > ul li a { display:block; font-weight:normal; color:#FFF; height:30px; padding:4px; }
.nav02 li > ul li a:hover { color:#FFF; background: #F36; }


.tbl02 { width:100%; }





.wp-item { margin-bottom:30px; }
.wp-item a { text-decoration:none; }


.item {
    position: relative;
	float:left;
	line-height:40px;
	width:50%;
    background: #F36;
	border:1px solid #FFF;
	box-sizing: border-box;
}
 
.item a {
    display: block;
	color:#FFF;
}
 
.child {
    visibility: hidden;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0px;
	z-index:600;
    background:rgba(0,0,0,0.8);
	padding:5px 0;
}
 
.item:hover .child {
    visibility: visible;
}

.child li { height:30px; line-height:1.25em; font-size:80%;  }
.child li a { font-weight:normal; padding:5px 0 0 0; }



/*ul */
.ulform { width:100%; margin:20px 0; border:1px #FEBC84 solid; }
.ulform li { padding:1em; }
.ulform li:nth-child(2n+1) {background: #FFFFFF; }
.ulform li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
    font-size:0.1em;
    line-height:0;
}




footer { clear:both; background:#FEBC84; padding:10px 0; }
footer h6 { color:#FFF; }
.copyright { color:#FFF; font-size:85%; }
#textsize { width:170px; float:left; padding-top:5px; }
#textsize li { display:inline-block; background:#FEBC84; border:1px solid #FFF; margin-right:2px;  }
#textsize li a { display:block; padding:2px 6px; color:#FFF; text-decoration:none; }
#textsize li.title { display:inline-block; background:none; margin-right:3px; border:none; color:#FFF; font-size:80%;  }




.wp-nav h5 { margin-bottom:10px; }
.wp-nav ul { margin-bottom:30px; }
.wp-nav li { border-bottom:1px dashed #CCC; }
.wp-nav li a {  color:#000; display:block; padding:0.5em 0; }
.wp-nav li a:hover{ color:#0099CC; }





.humWP { background: #FEBC84; width:100%; height:40px; position:fixed; top:0; right:0; display:block; z-index:700; }


    body.drawer-opened #page{
        left: -240px;
        box-shadow: 1px 0 2px #000;
        -webkit-box-shadow: 1px 0 2px #000;
    }
    body.drawer-opened .fixed-content{
        left: -240px;
    }
    body.drawer-opened #drawernav{
         background: #FEBC84;
       right: 0;
    }
    body.drawer-opened #humberger .icon-bar{
        background: #84ab10;
    }
    body.drawer-opened #humberger :nth-child(1){
        transform:translate(0,8px) rotate(45deg);
        -webkit-transform:translate(0,8px) rotate(45deg);
    }
    body.drawer-opened #humberger :nth-child(2){
        transform:translate(-20px ,0);
        -webkit-transform:translate(-20px ,0);
        opacity:0;
    }
    body.drawer-opened #humberger :nth-child(3){
        transform:translate(0,-8px) rotate(-45deg);
        -webkit-transform:translate(0,-8px) rotate(-45deg);
    }
    body.drawer-opened #overlay{
        z-index: 3;
        opacity:0.2;
        left: -240px;
    }


}