html { width:100%; }
body { color: #010101; font-size:12pt; line-height:1.8em;}

#triggerdiv{ display:none; }

#sidebt { display: none; position: fixed; top: 10%; right: 10px; padding: 5px; cursor: pointer; z-index:1500; }
#bt_pagetop { display: none; position: fixed; bottom: 5%; right: 10px; padding: 5px; cursor: pointer; z-index:1500; }

.att{ color:#cf2143; font-size:0.8em;}
.LH35 { line-height:3.5em;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
headerbox
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
#headerbox { position: fixed; z-index: 9999; display: none; top: 0; left: 0; width: 100%; height:85px; text-align: center; background: #fbdade; color: #fff; }
#headerbase { position: rerative; top: 0; left: 0; width: 100%; height:auto; text-align: left; background:transparent url(../images/bg_hd.jpg) top left repeat; }

.logobase { text-align:left;}
.telbase { text-align:right; }

/*video*/
@media screen and (min-width: 1200px) {
.menubase { position:relative; width:100%; bottom:0; padding:10px 0;}
}
@media screen and (min-width:768px) and (max-width:1199px) {
.menubase { position:relative; width:100%; bottom:0; padding:10px 0;}
.logobase { float:left; width:40%;}
.telbase { float:right; width:55%; }
}
@media screen and (max-width: 767px) {
#headerbox { height:35px}
.menubase { position:relative; width:100%; top:0; }
.logobase { text-align:center;}
.telbase { text-align:center; }
}

.menubaseL,.menubaseM,.menubaseS { float:left; position:relative; width:100%; top:0px; padding:5px 0;}
#wrap{}
.inner_texts { float:left; position:relative; width:90%; margin-left:5%;}
.inner_btns { float:left; position:relative; width:90%; margin-left:5%; text-align:center;}
/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
menu
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

.menu {clear:both; float:left; width:100%; text-align:right;}
@media screen and (min-width: 1200px) {
.menubaseM{ display:none;}
.menubaseS{ display:none;}
.menu li{float:left;text-align:center; height:83px;}
.menu li a{display:block; height:83px; text-decoration:none; color:#fff;}
.menu li a:hover{ color:#FFD464;}
.menu01 a, .menu02 a, .menu03 a, .menu04 a, .menu05 a, .menu06 a{display:block; height:83px; margin-left:0; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position-y:-83px;}
.menu01 a:hover, .menu02 a:hover, .menu03 a:hover, .menu04 a:hover, .menu05 a:hover, .menu06 a:hover{background-position-y:0px;}
.menu01on a, .menu02on a, .menu03on a, .menu04on a, .menu05on a, .menu06on a{display:block; height:83px; margin-left:0; background-image:url(../images/menu.jpg); background-repeat:no-repeat; background-position-y:0px;}

.menu01 a{width:285px; background-position: 0px 0px;}
.menu02 a{width:293px; background-position: -285px 0px;}
.menu03 a{width:276px; background-position: -578px 0px;}
.menu04 a{width:166px; background-position: -854px 0px;}
.menu05 a{width:124px; background-position: -1020px 0px;}
.menu06 a{width:116px; background-position: -1144px 0px;}

.menu01 a:hover, .menu01on a{width:285px; background-position: 0px -83px;}
.menu02 a:hover, .menu02on a{width:293px; background-position: -285px -83px;}
.menu03 a:hover, .menu03on a{width:276px; background-position: -578px -83px;}
.menu04 a:hover, .menu04on a{width:166px; background-position: -854px -83px;}
.menu05 a:hover, .menu05on a{width:124px; background-position: -1020px -83px;}
.menu06 a:hover, .menu06on a{width:116px; background-position: -1144px -83px;}
}
@media screen and (min-width:768px) and (max-width:1199px) {
.menu { margin-top:15px;}
.menubaseM{ display:none;}
.menubaseS{ display:none;}
.menu li{float:left;text-align:center; height:64px;}
.menu li a{display:block; height:64px; text-decoration:none; color:#fff;}
.menu li a:hover{ color:#FFD464;}
.menu01 a, .menu02 a, .menu03 a, .menu04 a, .menu05 a, .menu06 a{display:block; height:64px; margin-left:0; background-image:url(../images/menu_m.jpg); background-repeat:no-repeat; background-position-y:-64px;}
.menu01 a:hover, .menu02 a:hover, .menu03 a:hover, .menu04 a:hover, .menu05 a:hover, .menu06 a:hover{background-position-y:0px;}
.menu01on a, .menu02on a, .menu03on a, .menu04on a, .menu05on a, .menu06on a{display:block; height:64px; margin-left:0; background-image:url(../images/menu_m.jpg); background-repeat:no-repeat; background-position-y:0px;}

.menu01 a{width:216px; background-position: 0px 0px;}
.menu02 a{width:224px; background-position: -216px 0px;}
.menu03 a{width:210px; background-position: -440px 0px;}
.menu04 a{width:127px; background-position: -650px 0px;}
.menu05 a{width:95px; background-position: -777px 0px;}
.menu06 a{width:88px; background-position: -872px 0px;}

.menu01 a:hover, .menu01on a{width:216px; background-position: 0px -64px;}
.menu02 a:hover, .menu02on a{width:224px; background-position: -216px -64px;}
.menu03 a:hover, .menu03on a{width:210px; background-position: -440px -64px;}
.menu04 a:hover, .menu04on a{width:127px; background-position: -650px -64px;}
.menu05 a:hover, .menu05on a{width:95px; background-position: -777px -64px;}
.menu06 a:hover, .menu06on a{width:88px; background-position: -872px -64px;}
}
@media screen and (max-width: 767px) {
.menubaseL{ display:none;}
.menubaseM{ display:none;}
.pure-toggle-label { border: none;}
.pure-toggle-label .pure-toggle-icon,.pure-toggle-label .pure-toggle-icon:before,.pure-toggle-label .pure-toggle-icon:after { background-color: #000;}
.pure-toggle-label:hover .pure-toggle-icon,.pure-toggle-label:hover .pure-toggle-icon:before,.pure-toggle-label:hover .pure-toggle-icon:after { background-color: #e3c700;}
}



@media screen and (min-width: 1200px) {
.pure-container{ display:none;}
}
@media screen and (min-width:768px) and (max-width:1199px) {
.pure-container{ display:none;}
}
@media screen and (max-width: 767px) {
.menu{ display:none;}
.pure-container{ top:0px;}
}
.pure-drawer { background-color: #243040;}
.pure-drawer li a { color: #fff;}
.pure-drawer li a:hover { color: #fff;}
.pure-drawer li a:visit { color: #fff;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
contents
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

.titlebase { width:100%; border-bottom:#0027D9 solid 3px; padding-bottom:5px; }
.ttex { font-size:1.2em; color:#0027D9; font-weight:700;}
.episodebase { width:90%; background-color:#FFEFBF; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:10px; padding-bottom:35px; }

.Ques { float:left; vertical-align:bottom; font-size:1.3em; font-weight:700; color:#b47700; padding-left:40px; background:url(../images/obj_ques.jpg) bottom left no-repeat; height:70px; line-height:70px; min-height:80px;}
.Ans { float:left; vertical-align:bottom; padding-right:40px; background:url(../images/obj_ans.jpg) bottom right no-repeat; min-height:80px; }
@media screen and (min-width: 1200px) {
.ttex{ display:none;}
.profileM{ display:none;}
}
@media screen and (min-width:768px) and (max-width:1199px) {
.Ques,.Ans { line-height:1em;}
.timg{ display:none;}
.profileL{ display:none;}
}
@media screen and (max-width: 767px) {
#bt_pagetop img { width:60%; right: 0px;}
.Ques { clear:both; float:left; width:90%; margin-left:5%; line-height:1.4em;}
.Ans { clear:both; float:left; width:90%; margin-left:5%; line-height:1.4em; margin-bottom:20px;}
.timg{ display:none;}
.profileL{ display:none;}
}

.profileti{position:relative; width:100%; font-size:20px; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:10px 0; background-color:#FFBE03;border-radius:20px; color:#4E0700;}
.profiletx{ text-align:center; margin-top:20px;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
facebook
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
.fbbase { }
.fbbase > .fb-page { }
.fbbase > .fb-page > span,.fbbase iframe { display:block;margin:0 auto;}
/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
instagram
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
#Instabase { width:100%; padding:0 0;}
.instagram-image { position:relative; float:left; width:32%; margin:1px;}
.instagram-image img { width:100%;}
.caption{ width:96%; left:2%; margin-top:5px; font-size:12px; text-align:left; line-height:1.3em; }

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
NEWS
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
.newstitle { color: #006731; font-size:1.2em; }

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
footer
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
#footer { float:left; position:relative; display:block; width:100%; height:auto; padding-top:20px; line-height:20px; background:transparent url(../images/bg_ft.jpg) top left repeat-x;; bottom:0; color:#343434;}
#footer li{ text-align:left; text-indent:0.5em;}
#footer a {color:#C33; text-decoration:none;}
#footer a:hover {color:#C33; text-decoration:none;}
#footer a:visit {color:#C33; text-decoration:none;}
@media screen and (max-width: 767px) {
.lgft{width:100%;}
}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Button
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

select {-webkit-appearance: button;-moz-appearance: button;appearance: button;text-indent: 1em;background:#EEE url(../images/bt_arrow.png) no-repeat;background-size:20px 20px;background-position: 95% 50%;width:100px;height: 40px;line-height: 40px;font-size: 14px;vertical-align: middle;border:1px solid #CCC;margin:-10px 0 5px 0;}
input,textarea{border:0;padding:10px;font-size:1.3em;font-family:Arial, sans-serif;color:#242424;border:solid 1px #ccc;margin:-10px 0 0 0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
select.Title{ width:40%;}

#contactform select { width:100%;}
#contactform textarea { width:100%;}
#contactform input { width:100%;}
#contactform input.zipinput { width:30%;}

input:focus, textarea:focus {border:solid 1px #EFA600;-webkit-box-shadow: 0px 1px rgba(239, 166, 0, 0.5);-moz-box-shadow: 0px 1px rgba(239, 166, 0, 0.5);box-shadow: 0px 1px rgba(239, 166, 0, 0.5);}
input#submit_button { padding: 15px 40px;font-size: 1.2em;background-color: #EFA600;color: #fff;border-style: none;width:250px;}
input#submit_button:hover { background-color: #006731;color: #fff; cursor:pointer;}

/*角まるボタン*/
.cssbt a {position:relative; width:100%; font-size:24px; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:18px 0 20px; background-color:#fff;border-radius:5px;}
.cssbt a:hover{ background-color:#FFD464;}
#footer .cssbt a {position:relative; width:100%; font-size:24px; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:18px 0 20px; background-color:#fff;border-radius:5px; color:#33C;}
#footer .cssbt a:hover{ background-color:#0027D9; color:#fff;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
contact
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/
.formbasebl { background-color:#40AAEF; padding:30px 0 0 0;}
.formbasegr { background-color:#58BE89; padding:30px 0 0 0;}
.formbaseyr { background-color:#FFF200; padding:30px 0 0 0;}
.formbaseor { background-color:#FBA848; padding:30px 0 0 0;}
.formbasepk { background-color:#F27398; padding:30px 0 0 0;}
.formbaserd { background-color:#F58E7E; padding:30px 0 0 0;}

/*
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
print css
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
*/

@media print{
@charset "shift_jis";
html{background-color: #fff; background-image:none;}
body {background: none; color:#000000;}
*html body{zoom:60%;margin:0;padding:0;}
a{text-decoration: none;}
.header, .footer{ background-color:#fff; color:#000;}
.menu, .headerline, .classbase,#Slidshowbase, .facebookbase{display: none;}
}
@media screen and (max-width: 460px){
.sidebt{display:none}
}