@charset "utf-8";
/******* 基本設定 *******/
body{width:100%;font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;line-height: 1.166;color: #252525;margin: 0 auto;padding: 0;text-align:center;max-width: 1450px;background: #FFE6B3;font-size: 16px}
h2{margin: 0;padding: 0;font-size: 18px}
p{margin: 4px 0 0 0;}
a:link,a:visited{text-decoration: none;color: #0099FF;font-weight: bold}
a:hover{text-decoration:underline;color: #FF0099;background:none;}
#container{-webkit-text-size-adjust: 100%;margin-left:auto;margin-right:auto;background: #FFF3DB;padding: 2px}
/*上に戻るボタン*/
#pageTop {position: fixed;bottom: 0;right: 20px;z-index: 999}
#pageTop img{border-radius: 10px}
#pageTop a {display: block;z-index: 999;padding: 8px 0 10px 8px}
#pageTop a:link img, a:visited img, a:hover img{border: none;z-index: 999;opacity: 0.7}
#pageTop a:hover img{opacity: 1.0}
/*ヘッダー*/
#header {display: block;clear: both;width:auto ;height:auto;margin: 0;padding: 0}
#header h1 a{color: #444444;}
.box-H{width:99.8%;height:auto;clear: both;float:left;position:relative;margin:0;padding:3px 0 3px 10px;text-align:center}
.box-H-1{float:left;position:relative;width:74%;text-align:left;font-weight:bold;}
.box-H-2{float:right;position:relative;width:24%;text-align:right;padding:0 12px 0 0;font-weight:bold;}
/*コンテンツ*/
#contents{margin: 0;padding: 0;vertical-align: middle;max-width: 1450px;}
.box-1{margin: 4px 0 0 0;padding: 0;display: block;clear: both;width:100%;height:210px;border-bottom: 0.1px solid #FF6411;border-right:0.1px solid #FF6411;border-left: 0.1px solid #FF6411;font-size: 18px}
.box-Z{margin:0;padding: 1px 0 2px 5px;display: block;clear: both;width:99.6%;border-top: 0.1px solid #FF6411;border-bottom: 0.1px solid #FF6411;border-left: 0.1px solid #FF6411;background:#FFFF99;text-align:left;font-size: 14px;font-weight: bold}
.box-A{display: block;clear: both;margin: 0;padding: 0;float:left;position:relative;width:100%;text-align:center;}
.box-A-1{margin: 0;padding: 0;float:left;position:relative;width:16.6%;height:150px;}
.box-A-2{margin: 0;padding: 0;float:left;position:relative;width:16.9%;background: #FFFFFF;border-left: 0.1px solid #FF6411;height:178px;display: flex;align-items: center;justify-content: center;}
.box-A-1 img{margin: 0.9px 0 0.1px 0.5px;padding: 0;max-width:240px;max-height:178px;}
.box-A-2 img{margin: 1px 0 0 0;padding: 0;max-width:243px;max-height:176.5px;}
/*お問い合わせ*/
.box-toiawase{clear: both;width:100%}
.box-toiawase1{float:left;width:49%;margin:0 0 -27px 5px;padding:0}
.box-toiawase1 img{max-width:100%;border-radius: 10px;border:none}
.box-toiawase1 a img{box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29)}
.box-toiawase2{float:right;width:48.5%;margin:0 8px -27px 0;padding:0}
.box-toiawase2 img{max-width:100%;border-radius: 10px;background: #FFFFBF;border: 1px solid #FDC018;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29)}
.box-toiawase2 a img{border: 1px solid #FDC018;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29)}
.toiawase2:active,.toiawase2:focus{background: #DBF0FF;border: 1px solid #FDC018;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29)cursor: pointer;}
/*フッター*/
#footer{width:auto ;height:auto;margin: 0 5px 5px 5px;padding: 0;clear: both;-webkit-box-sizing: border-box;box-sizing: border-box;max-width: 1450px;background-image:url(/images/footer.gif);color: #fff;background-repeat:no-repeat;background-color: #00AE5E}
#footer img{vertical-align:middle}
#footer a{color: #fff;font-weight:normal}
#footer li{margin: 0;width: 18%;padding: 5px 0;background: #00AE5E}
#footer a:hover,#footer a:active,#footer a:focus{color: #fff}
#footer li a:hover,#footer li a:active,#footer li a:focus{background: #FF6F54;padding:2px 5px}
/*フッターナビ*/
.site-footer-nav{margin: 0;padding:0;text-align: center}
.site-footer-nav li{display: inline;list-style: none;position: relative;float: left;margin: 0;padding: 0;text-align: center;}
/*コピーライト*/
.copyright{margin: 0;padding: 1px 0;background: #FF6411;color: #fff;text-align: center;}
.f15px{ font-size: 14.5px!important;vertical-align:middle!important;}
.f16px{ font-size: 15.5px!important;vertical-align:middle!important;}
.f17px{ font-size: 17px;vertical-align:middle!important;}
.f18px{ font-size: 18px;vertical-align:middle!important;}
.f20px{ font-size: 20px;vertical-align:middle!important;}
.f21px{ font-size: 21px!important;}
.f22px{ font-size: 22px!important;}
.f26px{ font-size: 26px!important;}
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.normal a{ font-weight: normal!important; text-decoration:underline!important;}
.line{text-decoration:underline!important;}
.clear{clear: both!important; }
.linkb1{border: 1px solid #C400C4;}
.linkb2{border: 1px solid #FF6666;}
.linkb3{border: 1px solid #1CAC56;}
.linkb4{border: 1px solid #990101;}
.linkb5{border: 1px solid #FF6411;}
.linkb6{background-color:transparent;border:none;box-shadow:none}
.linkred{background: #FFECEC;border: 1px solid #FEC25E;background-color:#fff4ea}
.linkred a{color: #FF0000}
.linkred:hover,.linkred:active,.linkred:focus{background: #FFECEC;border: 1px solid #FF0000;cursor: pointer;}
.linkur a{color: #FF6F7D}
.linkjkk a{color: #1CAC56}
.obi1{clear: both;margin: 0 0 3px;padding: 3px!important;background-color: #993300;color: #FFFFFF;border: 3px double #FFFFFF;font-size: 22px;font-weight:normal}/*茶色帯*/
.obi2{clear: both;margin: 0 0 3px;padding: 3px!important;background-color: #FDC018;color: #FFFFFF;border: 3px double #FFFFFF;font-size: 22px;font-weight:normal}/*濃黄色帯*/
.obi3{clear: both;margin: 0 0 3px;padding: 3px!important;background-color: #FF6F54;color: #FFFFFF;border: 3px double #FFFFFF;font-size: 22px;font-weight:bold;}/*タマオレンジ帯*/
.red{ color: #FF0000!important; }/*フォントの色：赤*/
.blue{ color: #008CE3!important; }/*フォントの色：青*/
.orange{ color: #ff6600!important; }/*フォントの色：オレンジ*/
.orange2{ color: #FF6411!important; }/*フォントの色：濃オレンジ*/
.green{ color: #319A63!important; }/*フォントの色：濃い緑*/
.gray{ color: #444444!important; }/*フォントの色：グレー*/
.kon{ color: #003399!important; }/*フォントの色：紺*/
.brown{ color: #993300!important; }/*フォントの色：茶色*/
.keiou{ color: #C400C4!important; }/*フォントの色：京王線*/
.seibu{ color: #FF6666!important; }/*フォントの色：西武多摩川線*/
.musasino{ color: #1CAC56!important; }/*フォントの色：武蔵野線*/
.nanbu{ color: #990101!important; }/*フォントの色：南武線*/
.tyuuou{ color: #FF6411!important; }/*フォントの色：中央線*/
.f16px{ font-size: 16px;vertical-align:middle;}
.al-c{ text-align: center; }/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align:right; }
.m0-t{ margin-top: 0!important; }
.m2-t{ margin-top: 2px!important; }
.m5-t{ margin-top: 5px!important; }
.m0-b{ margin-bottom: 0!important; }
.m3-b{ margin-bottom: 3px!important; }
.m10-l{ margin-left: 10px!important; }
.p0-t{ padding-top: 0!important; }
.p3-t{ padding-top: 3px!important; }
.p5-t{ padding-top: 5px!important; }
.p8-t{ padding-top: 8px!important; }
.p0-b{ padding-bottom: 0!important; }
.p5-b{ padding-bottom: 5px!important; }
.p8-b{ padding-bottom: 8px!important; }
.p3-r{ padding-right: 3px!important; }
.p5-r{ padding-right: 5px!important; }
.p3-l{ padding-left: 3px!important; }
.p5-l{ padding-left: 5px!important; }
.radius5 img{border-radius: 10px!important;}
.radius10 img{border-radius: 10px!important;}
.width99 img{width: 99%}
.width98.5 img{width: 98.5%!important;}
.w10 {width: 10%!important;}
/* pc */
@media screen and (min-width: 1383px) {a[href^="tel:"] {pointer-events: none;}/*TELリンク無効*/
.nav-menu-hidden-desktop {display: none !important;}/*ＰＣでは非表示*/
}
/* PC小 */
@media (min-width: 970px) and (max-width: 1382px){
body{width:100%;color: #252525;margin: 0 auto;padding: 0;background: #FFE6B3;}	
a[href^="tel:"] {pointer-events: none;}/*TELリンク無効*/
h2{margin: 0;padding: 0;font-size: 1.1vw}
#container{background: none;font-size: 1vw}
#nav-menu li:hover > a{background: #00AE5E}
#nav-menu li ul li a{font-size: 1.3vw}/*文字16px以下*/
.nav-menu-hidden-desktop {display: none !important;}/*ＰＣでは非表示*/
.nav-menu-hidden-tablet {display:inherit}/*タブレットでは非表示*/
.box-H{width:99.8%;height:auto;clear: both;float:left;position:relative;margin:0;padding:0.3vw 0 0.3vw 1vw;text-align:center}
.box-H-1{float:left;position:relative;width:70%;text-align:left}
.box-H-2{float:right;position:relative;width:28%;text-align:right;}
/*コンテンツ PC小*/
#contents{width:99.5%;margin: 0;padding: 0;vertical-align: middle;max-width: 145vw;}
.obi3{clear: both;margin: 0 0 0.3vw;padding: 0.3vw!important;background-color: #FF6F54;color: #FFFFFF;border: 0.3vw double #FFFFFF;font-size: 1.3vw;font-weight:normal}/*タマオレンジ帯*/
.box-1{margin: 0.4vw 0 0 0;padding: 0;display: block;clear: both;width:100%;height:14vw;border: 0.1px solid #FF6411;font-size: 1.5vw}
.box-Z{margin:0;padding: 0.1vw 0 2px 0.5vw ;width:99.4%;border-top: 0.1px solid #FF6411;border-bottom: 0.1px solid #FF6411;border-left: 0.1px solid #FF6411;background:#FFFF99;text-align:left;font-size: 0.95vw ;font-weight: bold}
.box-A{display: block;clear: both;margin: 0;padding: 0;float:left;position:relative;width:100%;text-align:center;}
.box-A-1{margin: 0;padding: 0;float:left;position:relative;width:16.6%;height:12.5vw;}
.box-A-2{margin: 0;padding: 0;float:left;position:relative;width:16.6%;background: #FFFFFF;height:12vw}
.box-A-1 img{margin: 0.09vw 0 0.01vw 0.05vw;padding: 0;max-width:24vw;max-height:12vw;}
.box-A-2 img{margin: 0.09vw 0 0.01vw 0.05vw;padding: 0;max-width:24vw;max-height:12vw;}
.f22px{ font-size: 1.2vw!important;}
}
/* タブレット */
@media (min-width: 568px) and (max-width: 969px){
body{width:100%;color: #252525;margin: 0 auto;padding: 0;background: #FFE6B3;}	
a[href^="tel:"] {pointer-events: none;}/*TELリンク無効*/
h2{margin: 0;padding: 0;font-size: 1.8vw}
#container{background: none;font-size: 1.6vw}
#nav-menu li:hover > a{background: #00AE5E}
#nav-menu li ul li a{font-size: 1.3vw}/*文字16px以下*/
.nav-menu-hidden-tablet {display: none}/*タブレットでは非表示*/
.box-H{width:99.8%;height:auto;clear: both;float:left;position:relative;margin:0;padding:0.3vw 0 0.3vw 1vw;text-align:center}
.box-H-1{float:left;position:relative;width:70%;text-align:left}
.box-H-2{float:right;position:relative;width:28%;text-align:right;}
/*コンテンツ タブレット*/
#contents{width:99.5%;margin: 0;padding: 0;vertical-align: middle;max-width: 145vw;}
.obi3{clear: both;margin: 0 0 0.3vw;padding: 0.3vw!important;background-color: #FF6F54;color: #FFFFFF;border: 0.3vw double #FFFFFF;font-size: 2vw;font-weight:normal}/*タマオレンジ帯*/
.box-1{margin: 0.4vw 0 0 0;padding: 0;display: block;clear: both;width:100%;height:16.5vw;border: 0.1px solid #FF6411;font-size: 1.8vw}
.box-Z{margin:0;padding: 0.1vw 0 2px 0.5vw ;width:99.4%;border: 0.1px solid #FF6411;background:#FFFF99;text-align:left;font-size: 1.4vw ;font-weight: bold}
.box-A{display: block;clear: both;margin: 0;padding: 0;float:left;position:relative;width:100%;text-align:center;}
.box-A-1{margin: 0;padding: 0;float:left;position:relative;width:16.6%;height:12.5vw;}
.box-A-2{margin: 0;padding: 0;float:left;position:relative;width:16.6%;background: #FFFFFF;height:12vw}
.box-A-1 img{margin: 0.09vw 0 0.01vw 0.05vw;padding: 0;max-width:24vw;max-height:12vw;}
.box-A-2 img{margin: 0.09vw 0 0.01vw 0.05vw;padding: 0;max-width:24vw;max-height:12vw;}
.f22px{ font-size: 2vw!important;}
}
/* スマホ アンドロイド360px iPhone5 320px iPhone6 375px iPhone6Plus414px */
@media screen and (max-width: 567px) {
body{width:97%;margin: 0;padding:0}/*マージン0パディング0、98.5→97で横ずれ防止*/
.nav-menu-hidden-phone { display: none !important;}/*スマホでは非表示*/
/*ヘッダー スマホ*/
#header {display: block;clear: both;width:99% ;height:auto;margin: 0;padding: 0}
#header h1 {color: #444444;font-size: 3.33vw;color: #FFFFFF;}
#header p {font-size: 2.9vw;text-align:center;}
.box-H{width:99%;height:auto;clear: both;float:left;position:relative;margin:0;padding:3px 0 3px 10px;text-align:center;}
.box-H-1{float:left;position:relative;width:100%;text-align:left;font-size: 3.2vw;font-weight:bold;}
.box-H-2{clear: both;float:left;position:relative;width:97%;text-align:right;font-size: 3.2vw;font-weight:bold;}
.box-H-4{font-size: 2.8vw;}
/* コンテンツ スマホ */
#contents{width:99%;margin: 0;padding: 0;vertical-align: middle;max-width: 145vw;}
.box-1{margin: 0.4vw 0 0 0;padding: 0;display: block;clear: both;width:99%;height:21.5vw;border: 0.1px solid #FF6411;font-size: 1.8vw}
.box-Z{margin:0;padding: 0.1vw 0 2px 0.5vw ;width:99.3%;border: 0.1px solid #FF6411;background:#FFFF99;text-align:left;font-size: 2.4vw ;font-weight: bold}
.box-A{display: block;clear: both;margin: 0;padding: 0;float:left;position:relative;width:100%;text-align:center;}
.box-A-1{margin: 0;padding: 0;float:left;position:relative;width:16.6%;height:12.5vw;}
.box-A-2{margin: 0;padding: 0;float:left;position:relative;width:16.6%;background: #FFFFFF;height:12vw}
.box-A-1 img{margin: 0.09vw 0 0.01vw 0.05vw;padding: 0;max-width:24vw;max-height:12vw;}
.box-A-2 img{margin: 0.09vw 0 0.01vw 0.05vw;padding: 0;max-width:24vw;max-height:12vw;}
.obi3{clear: both;margin: 0 0 0.3vw;padding: 0.3vw!important;background-color: #FF6F54;color: #FFFFFF;border: 0.3vw double #FFFFFF;font-size: 2vw;font-weight:bold}/*タマオレンジ帯*/
.f26px{ font-size: 5.5vw!important;}
.f22px{ font-size: 2.6vw!important;}


/*お問い合わせ スマホ*/
.box-toiawase{clear: both;width:100%}
.box-toiawase1{float:left;width:47.5%;margin:0 0 -27px 5px;padding:0}
.box-toiawase2{float:right;width:47.5%;margin:0 8px -27px 0;padding:0}
/*お問い合わせ スマホ*/
.box-toiawase1{float:left;width:49.2%;margin:2.13vw 0 -7.2vw 0.533vw;padding:0}
.box-toiawase1-2{float:right;width:49.2%;margin:2.13vw 0.533vw -7.2vw 0;padding:0}
.box-toiawase2{float:right;width:48%;margin:0.533vw 1.06vw 1.44vw 0}
.box-toiawase2-1,.box-toiawase2-2{box-shadow:none}
.img-text{padding:0.533vw 0;position:relative;bottom:8.53vw;left:0;font-size: 3.73vw}
/*フッター スマホ*/
#footer{background-image:none;margin: 0 0 1.44vw 0;}
#footer li{width: 50%;font-size: 4.27vw}
.w10 {width: 50%!important;}
#footer li a{text-decoration:underline}
#footer li a:hover,#footer li a:active,#footer li a:focus{background: #00AE5E;text-decoration:underline;}
.al-c{ text-align: center; }/*文字の横位置*/

.f14px{ font-size: 3.73vw!important;}
.f15px{ font-size: 3.9vw!important;}
.f16px{ font-size: 4.27vw;vertical-align:top!important;}
.f18px{ font-size: 4.8vw;vertical-align:middle!important;}
.f20px{ font-size: 5.33vw;vertical-align:middle!important;}
.f18pxs{ font-size: 4.8vw!important;}
.obi1,.obi2{font-size: 5.07vw}
.obi3{font-size: 4.1vw}
.linkb1{border: 0.266vw solid #C400C4;}
.linkb1:hover,.linkb1:active,.linkb1:focus{border: 0.266vw solid #C400C4}
.linkb2{border: 0.266vw solid #FF6666;}
.linkb2:hover,.linkb2:active,.linkb2:focus{border: 0.266vw solid #FF6666}
.linkb3{border: 0.266vw solid #1CAC56;}
.linkb3:hover,.linkb3:active,.linkb3:focus{border: 0.266vw solid #1CAC56}
.linkb4{border: 0.266vw solid #990101;}
.linkb4:hover,.linkb4:active,.linkb4:focus{border: 0.266vw solid #990101}
.linkb5{border: 0.266vw solid #FF6411;}
.linkb5:hover,.linkb5:active,.linkb5:focus{border: 0.266vw solid #FF6411}
}