html{-webkit-text-size-adjust: 100%;}


/* width1200px */
#head-t,h1,#menu,#content-main,#foot,#footlink{max-width:1200px;margin:0 auto;}
/* logo */
a.logo{background: url(../../images/common/logo.png) no-repeat center center;background-size:100%;display:block;height:40px;text-indent:-9999px;}
/* img 100% */
img{max-width:100%}
.tel img,.mv div img{width:100%}


/* head */
header h1{display:none;}
#head-t{margin-bottom:10px;}
#head-t .logo{margin-top:36px;width:50%;margin:10px auto 0;}
#head-t-r{}
.tel{display:none}

#head-t-r-r{display:flex; justify-content: space-between;}
#head-t-r-r a{
    display:block;
    width:42%;
    text-decoration:none;
    padding:12px 5px 12px 20px;
    border-radius: 20px;
    font-weight:bold;
    font-size:110%;
}
.contact{order:2;color:#074B9E;background:#FFF600 url(../../images/common/mail.png) no-repeat 15px center; background-size:17px;text-indent:15px;}
.access{order:1;color:#FFF;background:#074B9E url(../../images/common/car.png) no-repeat 25px center;background-size:28px; text-indent:40px;}

/* mv */
.mv{border-top: 4px solid #666666;}
.mv div{border-top:9px solid #47A8D2; border-bottom:9px solid #47A8D2;margin-top:3px;padding:0;}
.mv div img{display:block;}

/* menu */
#menu{display:block;margin:10px auto 20px;}
#menu ul{display:flex;flex-wrap: wrap;}
#menu ul li{display:block;width:50%;}
#menu ul li a{font-size:16px;display:block; text-decoration:none; color:#00B2FF; text-align:left;border:1px solid #00B2FF;width:90%;margin-left:5%;margin-bottom:5px;text-align:center;padding:13px 0;}
#menu ul li a span{display:none;}


/* footer */
footer{border-top:9px solid #47A8D2;padding-top:30px;}
#foot{display: flex; flex-direction: column;}
#foot .logo{margin:0 auto;width:50%; }
#foot-l{order:1;}
#foot-l p{display:block;margin:28px 0 0; text-align:center;}
#foot-c{text-align:center; order:3; margin-top:30px}
#foot-r{margin-top:10px; order:2;margin-top:20px;}
address{display:block;text-align: center;font-style: normal;margin:10px auto 40px;font-size:11px;}

/* contents */
#content-main{margin-top:30px;margin-bottom:30px;}

/* side main */
#side{padding:0 5%;}
#side img{width:100%}
#main{text-align: left;padding:0 5%;}

.side1,.widget,#sns{margin-bottom:50px;}

.side1{display:block;}

#side h2{display:block;background:#00B2FF;color:#fff;padding:16px;font-size:18px;font-weight:bold;text-align:center;}
#side ul{list-style:none;margin-top:1px;}
#side ul li a{display:block;margin-bottom:1px;background:#47A8D2;color:#fff;padding:20px 15px;text-decoration: none;}
#side ul li a:before{content:"▶"; color:#fff600;font-size:11px;margin-right:5px;}


.area{background:#fff600;text-align:center;padding:20px;line-height:160%; font-size:90%;}


#sns li{display: block;border: 1px solid #666;margin-bottom:12px; border-radius: 50px;}
#sns li a{display:block;color:#666!important; text-decoration:none;background-size:24px!important;padding:20px 20px 20px 60px!important;font-size:20px;font-weight:bold; }
#sns li a:before{display:none!important;}
.sns1{background:url(../../images/common/sns1.png) no-repeat 20px center transparent!important;}
.sns2{background:url(../../images/common/sns2.png) no-repeat 20px center transparent!important;}
.sns3{background:url(../../images/common/sns3.png) no-repeat 20px center transparent!important;}


/* main common */
#main article{}
#main h2{border-bottom:9px solid #fff600;padding-bottom:10px;background: url(../../images/common/h2-sp.png) no-repeat top center; background-size:24px;padding-left:40px;padding-top:15px;font-size:20px;color:#333;margin-bottom:40px;}

#main h2.i01{background:url(../../images/1.png) no-repeat top center;padding-top:2em;}
#main h2.i02{background:url(../../images/2.png) no-repeat top center;padding-top:2em;}
#main h2.i03{background:url(../../images/3.png) no-repeat top center;padding-top:2em;}
#main h2.i04{background:url(../../images/4.png) no-repeat top center;padding-top:2em;}
#main h2.i05{background:url(../../images/5.png) no-repeat top center;padding-top:2em;}
#main h2.i06{background:url(../../images/6.png) no-repeat top center;padding-top:2em;}
#main h2.i07{background:url(../../images/7.png) no-repeat top center;padding-top:2em;}
#main h2.i08{background:url(../../images/8.png) no-repeat top center;padding-top:2em;}


/* ______________________________________________

top

______________________________________________ */
#main h1.catch{font-size:23px;color:#666;border-bottom:1px solid #000;margin-bottom:10px; text-align:center;padding-bottom:10px}

.top1 p{display:block;padding:0 30% 0 0; line-height:160%;}
.top1{background:url(../../images/top/01.png) no-repeat right center;background-size:30%;margin-bottom:85px;}


#main h2.infoti{ text-align: center;padding-left:0!important;}
#main h2 span{display:block;margin-top:13px;}
#main h2 a{display:block;width:60%;margin:0 auto 3px auto;border-radius:50px;background:#00B2FF; color:#fff;padding:10px 10px 10px 13px; text-decoration:none;font-size:90%;}
#main h2 a:before{content:"▶"; color:#fff600;font-size:11px;margin-right:5px;}

.info{border-bottom:1px solid #DADADA;}
.info li{margin-bottom:10px;list-style:none;}
.info li a{text-decoration:none;font-size:13px;color:#333;}
.info li span{margin-right:30px;}

.top2{display:block;margin-bottom:10px;}
.top4 .w3{display:flex;justify-content: space-between;margin-top:20px;}
.top4 .w3 div{width:30%}
.top4 .w3 div img{width:100%;margin-bottom:13px;}

.top5{display:block;background:#5AE200 url(../../images/top/qr.png) no-repeat center 20px; background-size:100px;padding:150px 10% 30px;color:#fff;font-size:23px;font-weight:bold;margin-top:23px;margin-bottom:10px; text-align:center;}
.top5 a{text-decoration:none;color:#fff;}
.top5 small{}
.top5 span{}



/* 

common

*/
.bread{display:none;}
article ul li{list-style:none;margin-left:1em;}
article ul.mbadd li{margin-bottom:32px;}
#footlink{text-align:center;margin:10px 0;}
#footlink a{text-decoration:none;color:#666;font-size:11px;}
.contentscommon article{margin-bottom:30px;line-height:180%;}

.contentscommon h2{text-align:center;padding-left:0!important;margin-bottom:20px!important;}

/* privacy */
.privacy h2{background:none!important;border-color:#00b2ff!important;border-size:6px!important;padding-left:17px!important;margin-bottom:17px!important;}
.privacy article{margin-bottom:20px;}
.privacy p,.privacy ul{padding:0 8px 30px;}

/* faq */
.faq h2{font-size:17px!important; background:url(../../images/q.png) no-repeat center top!important; border-color:#00b2ff!important; text-align:center!important; margin-bottom:17px!important; padding-top:2em!important;}
.faq article{margin-bottom:20px;}


/* contactbox */
article table{margin:0 8px;width:98%;}
article table tbody{width:100%;}
article table tbody tr{display:block;border-bottom:1px solid #eee;}
article table tbody tr th{padding:16px 8px;display:block;font-weight: normal; text-align:center;}
article table tbody tr td{padding:16px 8px;display:block; text-align:center;}
article input{width:100%;}
article textarea{width:100%;height:12em;}
article .send input{display:block;margin:18px auto 0;background:#fff600; border:none; border-radius:50px;font-size:20px;font-weight:bold;padding:10px 0; text-align:center;width:50%;}


/* w2-1 */
.w2-1{}
.w2-1 div{}
.w2-1 span{display:block;}
.w2-1 span img{width:100%;}

/* w2-1 */
.w2-2{}
.w2-2 div{}
.w2-2 span{display:block;}
.w2-2 span img{width:100%;}


/* shop */
.shop{}
.shop span{display:block;}
.shop span img{width:100%;}
.shop div{}
.shop div h3{text-align:center;margin:16px auto;}
.shop div table{}
.shop div table tbody{}
.shop div table tbody tr{border:none!important;}
.shop div table tbody tr th{padding:3px 8px;display:block;font-weight: normal; vertical-align: top;}
.shop div table tbody tr td{padding:3px 8px;display:block;margin-bottom:32px;}

/* w4 */
.w4{display:flex; flex-wrap:wrap;margin-top:20px;}
.w4 div{width:47%;}
.w4 div:first-child{margin-right:6%;}
.w4 div:last-child{margin-left:6%;}
.w4 div img{width:100%;margin-bottom:13px;}


/* accessmap */
.accessmap{padding:0 0 0 28px;}
.accessmap-in{display:flex;flex-wrap:wrap;}
.accessmap-in div{}

#accessbox{display:flex;justify-content: space-between;}
#accessbox div{width:46%;}


/* consul */
#consul{}
#consul div{margin-bottom:80px;}

#consul div img{display:block;width:74%;}
#consul div img,
#consul div p{margin:0 13%;font-size:90%;}


/* manu */

#manu{}
#manu div{padding:3%; text-align:center;}
#manu div:nth-child(2n+1){margin-left:0;}

#manu div strong{display:block;margin:140px 0 12px;font-size:20px}

#manu1{background: url(../../images/manu/02.png) no-repeat center 15px #DBFCFF;}
#manu2{background: url(../../images/manu/03.png) no-repeat center 20px #FFEBF0;}
#manu3{background: url(../../images/manu/04.png) no-repeat center 40px #FFFECA;}
#manu4{background: url(../../images/manu/05.png) no-repeat center 20px #EEFFC8;}


#manuw4{padding:15px 23px;}
#manuw4 div{display:flex;margin-bottom:10px;}
#manuw4 div img{width:120px;height:115px;display:block;margin-right:10px;}


/* blog */
.next{display:block;text-indent:-999px;background:url(../../images/blog/next.png) no-repeat;width:150px;height:50px;margin:50px auto 0;}

#blogb{font-size:90%;}
#blogb h3{display:block;background:#00B2FF;border-radius:50px;padding:12px 0;text-align:center;margin-bottom:20px;color:#fff;}

#blogb ul{list-style:none!important;}
#blogb ul li{margin-bottom:10px;}
#blogb ul a{text-decoration:none;color:#333;}



.navigation{text-align: center;margin:30px auto;}
.navigation{display:flex;flex-wrap:wrap;}
.navigation{display:flex;flex-wrap:wrap;}
.alignleft{width:47%;}
.alignright{width:47%; }

.alignleft a{text-align:left!important;}
.alignright a{text-align:right!important;}


.blog h2 small,
.archive h2 small,
.category h2 small
{    font-size: 90%;
    margin-left: 2em;}





    /*gotop*/
#goto {
    display: block;
    position: fixed;
    bottom: 120px;
    right: 0px;
    background: url(../../images/common/goto.png) no-repeat;
    width: 56px;
    height: 66px;
    text-indent: -9999px;
}
#goto a {
    display: block;
    width: 73px;
    height: 66px;
}



article br{display:none;}





.maker{display:flex;flex-wrap: wrap;}

.maker a{    margin-top: 30px;
    width: 45%;
    display: block;
    margin-left: 20px;}
.maker a img{width:100%;}