@charset "utf-8";
/* CSS Document */
#sphead, #spfooter, .pcnone, .pchidden{display: none;}
img{max-width: 100%;height:auto;vertical-align: middle}
.flexbox{display: flex;display:-webkit-flex;}
.flexwrap{flex-wrap:wrap}
.flexboxspace{display: flex;display:-webkit-flex;justify-content:space-between}
.flexboxaround{display: flex;display:-webkit-flex;justify-content:space-around}

.mainwrap{width: 1100px;margin: auto;display: flex;display:-webkit-flex;flex-wrap:wrap;justify-content:space-between;padding: 30px 0}
.mainwrap2{width: 1100px;margin: auto;padding: 5px 0}
.mainvisual{display: block;margin: auto;width: 1000px;}
.mainvisual img{border-radius: 5px;box-shadow: 1px 1px 4px #666;}
main{order: 2;width: 73%;box-sizing: border-box}
aside{order: 1;width: 18%;box-sizing: border-box}

.floatR{float: right;padding: 0 0 10px 10px;}
/*=========================
テーブル
=========================*/
table {border-collapse: collapse;border: 1px solid #CCC;line-height: 1.4em;margin: 0 0 20px}
th {font-weight: 400;padding: 8px;border: 1px solid #CCC;text-align: left;background-color: #CFD9EF}
td {padding: 8px;border: 1px solid #CCC;text-align: left;background: #FFF;font-weight: 400}
table {width:calc(100% - 5px)}
.price{text-align:right}


/*=========================
ヘッダー関連
=========================*/
.headtel{width:30%;text-align: right}

/*=========================
ナビゲーション
=========================*/
#pchead{width: 1100px;margin:0 auto}
.headnav2 {background: #969924;border-radius: 5px;position: relative;z-index: 999;margin: 5px 0}
.headnav2 .menu {margin: 0 auto;display: flex;justify-content: space-around;list-style: none;position: relative}
.headnav2 .menu > li {cursor: pointer;display: flex;width: 100%}
.headnav2 li a {color: #FFF;font-weight: 700;text-shadow: 0 1px 1px rgba(0,0,0,0.5);text-decoration: none}
.headnav2 li a:hover {color: #f3f333;transition: ease .5s}
.headnav2 .menu > li a {width: 100%;text-align: center;padding: .75rem 0;letter-spacing: -0.1em;}
.headnav2 .menu > li:after {content: "";display: inline;border-right: solid 1px #bac14f;height: 100%;margin-right: -1rem}
.headnav2 .menu > li:last-child:after {border: none;border-image: none}
.headnav2 .menu > li:hover {background: rgba(0,0,0,0.2);transition: ease .5s}
.menu > li > .sub-menu {position: absolute;z-index: 999;top: 100%;left: 0;
right: 0;visibility: hidden;opacity: 0;transition: opacity .3s ease-in;background: #eaecad;width: 600px;border-radius: 5px}
.headnav2 .menu > li li {padding: 1rem 0 1rem 1rem}
.headnav2 .menu > li li:hover {background: #f99a00}
.headnav2 .menu > li li a:hover {color: #fff!important}
.menu > li > .sub-menu a {color: #333}
.menu > li:hover > .sub-menu,.menu > li:hover:focus > .sub-menu {
opacity: 1;visibility: visible;z-index: 999}
.headnav2 > .menu .navi6 a{background:#f99a00}
.headnav2 > .menu .navi6 a:hover{background:#ff6000;transition: ease .5s}


#mainvisual {background: url(../images/slider_bg.jpg) no-repeat center center;
background-attachment: scroll;position: relative;padding: 50px 0;background-size: cover;}

#sidemenu li {margin: 0 0 5px}
#sidemenu ul.media ,#sidemenu ul.chosho {border: 1px solid #ccc;width: 197px;text-align: center;margin: 20px 0;padding: 10px 0}
.media li{line-height: 0.8em}
#sidemenu a{text-decoration: none}
#sidemenu .menu li.snavi_r_1 a{
background: #eaebae;color: #333;font-weight: 600;border-radius: 5px;display: block;letter-spacing: -1px;padding: 10px;height: 70px;font-size: 0.9em;line-height: 1.3em}
#sidemenu .menu li.snavi_r_2 a {padding: 5px 10px}
#sidemenu .menu li.snavi_r_1 a:hover,#sidemenu .menu li.snavi_r_2 a:hover,#sidemenu .menu li.snavi_r_3 a:hover,.snavi2 a:hover,.snavi3 a:hover,.snavi4 a:hover,.snavi5 a:hover,.snavi6 a:hover,.snavi7 a:hover,.snavi8 a:hover,.snavi9 a:hover,.snavi10 a:hover,.snavi13 a:hover,.snavi14 a:hover,.snavi15 a:hover,.snavi16 a:hover,.snavi17 a:hover,.snavi18 a:hover {
background: #feca26}
.textwidget{margin-bottom: 5px}

.snavi14 {font-size: .9em}
.snavi12 a {background-image: url(../images/snavi12.jpg);width: 197px!important;
height: 163px!important;display: block;text-indent: -9999px}
.snavi12.menu-item a:hover {background-image: url(../images/snavi12ON.jpg)}
.snavi12.current-menu-item a {background-image: url(../images/snavi12ON.jpg)}
.snavi1 a {background-image: url(../images/snavi1.jpg);width: 199px!important;height: 174px!important;display: block;
text-indent: -9999px}
.snavi1.menu-item a:hover {background-image: url(../images/snavi1ON.jpg)}
.snavi2 a,.snavi3 a,.snavi4 a,.snavi5 a,.snavi6 a,.snavi7 a,.snavi8 a,.snavi9 a,.snavi10 a {
background: #eaebae;color: #333;font-weight: 600;text-align: center;display: block;height: 60px;border-radius: 5px;line-height: 60px}
.snavi13 a,.snavi14 a,.snavi15 a,.snavi16 a,.snavi17 a,.snavi18 a {background: #eaebae;color: #333;font-weight: 600;text-align: center;
display: block;height: 60px;border-radius: 5px;line-height: 60px;letter-spacing: -2px;border-left: 8px solid #e7580b}
#sidemenu .current-menu-item a {background: #feca26}
.teltitle{background: #969924;color: #fff;text-align: center;font-weight: 700; font-size: 2em}
.telbanner_2 {background: url(../images/banner/background.png) no-repeat 30px bottom;position: relative;height: 312px;margin: 20px 0;border: 3px solid #969924;}
.telbanner_2 .tel,.telbanner_2 .openclose,.telbanner_2 .jikangai {position: absolute;
right: 5%}
.telbanner_2 .tel {top: 28.7%}
.telbanner_2 .openclose {top: 59%}
.telbanner_2 .jikangai {top: 85.8%}
.mbanner a{width: 49.5%;margin: 3px 0}

#fottercontents{background:#71761a}
#fottercontents a{color: #fff;text-decoration: underline}
#fottercontents a:hover{color: #B6B893;}
#footerlist{width: 30%}
#footerlink{display: flex;display:-webkit-flex;justify-content:space-between;flex-wrap:wrap;font-size: 0.8em;line-height: 1.8em;
width: 100%; color: #fff!important;margin-bottom: 30px}
#footerlink dt{font-weight: 700}
.fmenu{display: flex;display:-webkit-flex;flex-wrap:wrap}
.fmenu li{font-size: 0.7em;}
.fmenu li{padding-right: 1em}
.fmenu li + li{padding-left:1em;border-left:1px solid #fff}

#area{margin-bottom: 30px}
#area p, #area li{font-size: 0.7em;}
#area ul{display: flex;flex-wrap:wrap}
#area li{line-height: 2em;}
#area li + li{padding-left:.5em;}
#copyright{width: 100%}


/*===Page top===*/
.backtotop {position: fixed;right:-1%;bottom:20px;display: none;} 
.backtotop a {display: block;margin: 0;}

/*====index====*/

.tservice {overflow: hidden;margin: 0 0 20px;display: flex;display:-webkit-flex;flex-wrap: wrap;justify-content:space-between}
.tservice dt {width: 30%;height: 50%;}
.tservice dd {width: 65%;padding: 0 0 10px;}
.topprice {border: 2px solid #ccc;width: 221px;float: left;text-align: center;line-height: 1.6em;margin: 0 15px 10px}

/*===流れ===*/
.nagare {display: flex;display:-webkit-flex;justify-content:space-between;overflow: hidden;margin: 0;padding: 0 0 0 8px;}
.nagare dt {width: 30%;order: 2;}
.nagare dd {width: 65%;padding: 0 0 10px;order: 1;font-weight: 700;font-size: 17px;line-height: 1.5em;padding: 10px 0 0}
.nagare2 {display: flex;display:-webkit-flex;overflow: hidden;margin: 0;background: #ebff9a;padding: 5px 8px}
.nagare2 dt {width: 30%;order: 2;}
.nagare2 dd {width: 65%;order: 1;font-weight: 700;font-size: 17px;line-height: 1.5em;padding: 10px;border: 2px solid #999;background: #fff;min-height: 113px}
.nagare2 dd.colorY {border: 3px solid #cece31}
.nagare3 {display: flex;display:-webkit-flex;overflow: hidden;margin: 10px 0 0;padding: 10px 8px 0}
.nagare3 dt {width: 30%;order: 2;}
.nagare3 dd {width: 65%;order: 1;font-weight: 700;font-size: 17px;line-height: 1.5em;
padding: 10px;border: 2px solid #999;background: #fff;min-height: 113px}

.nagare4,.nagare5 {display: flex;display:-webkit-flex;justify-content:space-between;overflow: hidden;margin: 15px 0;padding: 10px 8px;box-sizing: border-box}
.nagare4:after,.nagare5:after {content: ' ';display: none;clear: both}
.nagare4 dt, .nagare5 dt {width: 30%;}
.nagare4 dt img, .nagare5 dt img{max-width: 100%;height: auto}
.nagare4 dd, .nagare5 dd {width: 65%;border: 1px solid #ccc;background: #fcfcfc;min-height: 230px;box-sizing: border-box;padding: 15px;
border-radius: 3px;position: relative}
.nagare4 dd:before,.nagare5 dd:before {position: absolute;top: 26px;left: -15px;display: inline-block;
border-top: 15px solid transparent;border-right: 15px solid #ccc;border-left: 0 solid #ccc;border-bottom: 15px solid transparent;
content: " "}
.nagare4 dd:after,.nagare5 dd:after {position: absolute;top: 27px;left: -14px;
display: inline-block;border-top: 14px solid transparent;border-right: 14px solid #fcfcfc;border-left: 0 solid #fcfcfc;
border-bottom: 14px solid transparent;content: " "}
.box{padding: 10px;border: 1px solid #ccc;background: #fcfcfc;box-sizing: border-box;border-radius: 3px;}

/*=========================
フォントサイズ
=========================*/
.fsmall{font-size: 0.8em}
.fbig{font-size: 2.0em}
.f20{font-size: 20px}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f26{font-size: 26px}
.f28{font-size: 28px}
.f30{font-size: 30px}

/*=========================
幅/余白/マージン
=========================*/
.w5{width: 5%}
.w10{width: 10%}
.w15{width: 15%}
.w20{width: 20%}
.w25{width: 25%}
.w30{width: 30%}
.w33{width: 33%}
.w35{width: 35%}
.w40{width: 40%}
.w45{width: 45%}
.w50{width: 50%}
.w55{width: 55%}
.w60{width: 60%}
.w65{width: 65%}
.w70{width: 70%}
.w75{width: 75%}
.w80{width: 80%}
.w85{width: 85%}
.w90{width: 90%}
.w95{width: 95%}
.w100{width: 100%}
.padding10{padding:10px;}
.padding20{padding:20px}
.padding30{padding:30px}
.padding40{padding:40px}
.padding50{padding:50px}
.padding60{padding:60px}
.paddingud10{padding-top:10px;padding-bottom:10px}
.paddingud15{padding-top:15px;padding-bottom:15px}
.paddingud20{padding-top:20px;padding-bottom:20px}
.paddingud30{padding-top:30px;padding-bottom:30px}
.paddingud40{padding-top:40px;padding-bottom:40px}
.paddingud50{padding-top:50px;padding-bottom:50px}
.paddingud60{padding-top:60px;padding-bottom:60px}
.paddinglr10{padding-left:10px;padding-right:10px}
.paddinglr20{padding-left:20px;padding-right:20px}
.paddinglr30{padding-left:30px;padding-right:30px}
.paddinglr40{padding-left:40px;padding-right:40px}
.paddinglr50{padding-left:50px;padding-right:50px}
.paddinglr60{padding-left:60px;padding-right:60px}
.marginall10{margin:10px}
.marginall20{margin:20px}
.marginall30{margin:30px}
.marginall40{margin:40px}
.marginall50{margin:50px}
.marginall60{margin:60px}
.marginall70{margin:70px}
.marginall80{margin:80px}
.marginall90{margin:90px}
.marginud10{margin-top:10px;margin-bottom:10px;}
.marginud20{margin-top:20px;margin-bottom:20px;}
.marginud30{margin-top:30px;margin-bottom:30px;}
.marginud40{margin-top:40px;margin-bottom:40px;}
.marginud50{margin-top:50px;margin-bottom:50px;}
.marginud60{margin-top:60px;margin-bottom:60px;}
.marginud70{margin-top:70px;margin-bottom:70px;}
.marginud80{margin-top:80px;margin-bottom:80px;}
.marginud90{margin-top:90px;margin-bottom:90px;}
.marginu10{margin-top:10px;}
.marginu20{margin-top:20px;}
.marginu30{margin-top:30px;}
.marginu40{margin-top:40px;}
.marginu50{margin-top:50px;}
.marginu60{margin-top:60px;}
.marginu70{margin-top:70px;}
.marginu80{margin-top:80px;}
.marginu90{margin-top:90px;}
.margind10{margin-bottom:10px;}
.margind20{margin-bottom:20px;}
.margind30{margin-bottom:30px;}
.margind40{margin-bottom:40px;}
.margind50{margin-bottom:50px;}
.margind60{margin-bottom:60px;}
.margind70{margin-bottom:70px;}
.margind80{margin-bottom:80px;}
.margind90{margin-bottom:90px;}

.marginlr10{margin-left:10px;margin-right:10px;}
.marginlr20{margin-left:20px;margin-right:20px;}
.marginlr30{margin-left:30px;margin-right:30px;}
.marginlr40{margin-left:40px;margin-right:40px;}
.marginlr50{margin-left:50px;margin-right:50px;}
.marginlr60{margin-left:60px;margin-right:60px;}
.marginlr70{margin-left:70px;margin-right:70px;}
.marginlr80{margin-left:80px;margin-right:80px;}
.marginlr90{margin-left:90px;margin-right:90px;}
.marginl10{margin-left:10px;}
.marginl20{margin-left:20px;}
.marginl30{margin-left:30px;}
.marginl40{margin-left:40px;}
.marginl50{margin-left:50px;}
.marginl60{margin-left:60px;}
.marginl70{margin-left:70px;}
.marginl80{margin-left:80px;}
.marginl90{margin-left:90px;}
.marginr10{margin-right:10px;}
.marginr20{margin-right:20px;}
.marginr30{margin-right:30px;}
.marginr40{margin-right:40px;}
.marginr50{margin-right:50px;}
.marginr60{margin-right:60px;}
.marginr70{margin-right:70px;}
.marginr80{margin-right:80px;}
.marginr90{margin-right:90px;}