/* 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;background-size:100%;display:block;width:395px;height:46px;text-indent:-9999px;}
/* img 100% */
.tel img,.mv div img{width:100%}


/* head */
header h1{font-size:12px; font-weight:normal;display:block;margin-top:24px;}
#head-t{display:flex; justify-content: space-between;margin-bottom:30px;}
#head-t .logo{margin-top:36px;}
#head-t-r{width:505px;display:flex; justify-content: space-between;}
.tel{width:329px; display:block;margin-right:10px;margin-top:14px;}
#head-t-r-r a{
    display:block;
    width:142px;
    text-decoration:none;
    padding:14px 5px 14px 20px;
    border-radius: 20px;
    font-weight:bold;
    font-size:110%;
}
.contact{color:#074B9E;background:#FFF600 url(../../images/common/mail.png) no-repeat 15px center; background-size:17px;text-indent:15px;margin-bottom:5px;}
.access{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:20px auto 20px;}
#menu ul{display:flex;}
#menu ul li{display:block;width:200px;border-right:1px solid #ACD8EB;}
#menu ul li:first-child{border-left:1px solid #ACD8EB;}
#menu ul li a{font-size:28px;display:block; text-decoration:none; color:#666; text-align:center;}
#menu ul li a span{font-size:18px;display:block;color:#999;margin-top:12px;}
#menu ul li a small{font-size:20px;}


/* footer */
footer{border-top:9px solid #47A8D2;padding-top:30px;}
#foot{display:flex;justify-content: space-between;}
#foot-l{width:680px;}
#foot-l p{display:block;margin:28px 0 0 82px;line-height: 190%;font-size:110%;}
#foot-c{width:230px;margin-top:88px;}
#foot-r{width:280px;}
address{display:block;text-align: center;font-style: normal;margin:70px auto 40px;}

/* contents */
#content-main{margin-top:65px;margin-bottom:60px;display:flex; justify-content: space-between;}

/* side main */
#side{width:200px; order:1;}
#side img{width:100%}
#main{width:949px;order:2; text-align: left;}

.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:32px 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.png) no-repeat 0 center;background-size:24px;padding-left:40px;font-size:20px;color:#333;margin-bottom:40px;}


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





/* top */
#main h1.catch{font-size:36px;color:#666;position: relative;
    display: inline-block;
    padding: 0px;}
#main h1.catch:after{
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 217px;
    height: 1px;
    background-color: black;
    }
.top1 p{display:block;padding:45px;line-height:230%;}
.top1{background:url(../../images/top/01.png) no-repeat right center;margin-bottom:85px;}


#main h2.infoti{display:flex;}
#main h2 span{display:block;margin-top:13px;}
#main h2 a{display:block;width:150px;margin:0 0 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;color:#333;}
.info li span{margin-right:30px;}

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

.top5{background:#5AE200 url(../../images/top/qr.png) no-repeat center right;padding:30px 20px 30px 70px;color:#fff;font-size:47px;font-weight:bold;margin-top:32px;}
.top5 a{text-decoration:none;color:#fff;}
.top5 small{font-size:24px;}
.top5 span{margin-left:.8em;}


/* 

common

*/
.bread{margin-bottom:44px;}
.bread a{text-decoration:none;color:#666;}
article ul li{list-style:none;margin-left:1em;}
article ul.mbadd li{margin-bottom:32px;}
#footlink{display:block;margin-top:16px;}
#footlink a{text-decoration:none;color:#666;font-size:11px;margin-right:2em;}
#footlink a:first-child{margin-left:82px;}
.contentscommon article{margin-bottom:55px;line-height:180%;}
.contentscommon article h2{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 left top!important;border-color:#00b2ff!important;border-size:6px!important;padding-left:3em!important;margin-bottom:17px!important;}
.faq article{margin-bottom:60px;}

/* 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;width:270px; font-weight: normal; vertical-align: top;}
article table tbody tr td{padding:16px 8px;width:620px;}
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%;}


/*mbt30*/
.mbt30{display: block;margin:30px 0;}

/* w2-1 */
.w2-1{display:flex;padding:0 0 0 28px; flex-wrap: wrap;}
.w2-1 div{width:72%; order: 1;}
.w2-1 span{display:block;width:23%;margin-left:3%; order:2;}
.w2-1 span img{width:100%;}

/* w2-2 */
.w2-2{display:flex;padding:0 0 0 28px; flex-wrap: wrap;}
.w2-2 div{width:72%; order: 2;}
.w2-2 span{display:block;width:23%;margin-right:3%; order:1;}
.w2-2 span img{width:100%;}



/* shop */
.shop{display:flex;padding:0 0 0 28px; flex-wrap: wrap;}
.shop span{display:block;width:36%;}
.shop span img{width:100%;}
.shop div{width:60%;margin-left:3%;}
.shop div h3{}
.shop div table{}
.shop div table tbody{}
.shop div table tbody tr{border:none!important;}
.shop div table tbody tr th{padding:3px 8px;width:90px; font-weight: normal; vertical-align: top;}
.shop div table tbody tr td{padding:3px 8px;width:330px;}


/* w4 */
.w4{display:flex;justify-content: space-between;margin-top:20px;padding:0 0 0 28px; }
.w4 div{width:200px;}
.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;flex-wrap: wrap;padding:0 0 0 28px;}
#accessbox div{width:300px;margin-right:32px;}



/* consul */
#consul{display:flex;flex-wrap:wrap;}
#consul div{width:32%;margin-left:114px;margin-bottom:80px;}
#consul div:nth-child(2n+1){margin-left:0px;}

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



/* manu */

#manu{display:flex; flex-wrap: wrap;}
#manu div{margin-left:1%;width:43.5%;margin-bottom:1%;padding:3%;}
#manu div:nth-child(2n+1){margin-left:0;}

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

#manu1{background: url(../../images/manu/02.png) no-repeat 227px 5px #DBFCFF;}
#manu2{background: url(../../images/manu/03.png) no-repeat 225px 24px #FFEBF0;}
#manu3{background: url(../../images/manu/04.png) no-repeat 213px 37px #FFFECA;}
#manu4{background: url(../../images/manu/05.png) no-repeat 260px 13px #EEFFC8;}


#manuw4{display:flex;flex-wrap: wrap;padding:15px 23px;}
#manuw4 div{width:157px;margin-left:91px;    font-size: 95%;}
#manuw4 div:first-child{margin-left:0px;}



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

#blogb{display:flex; justify-content: space-between;font-size:90%;}
#blog-l{width:559px;}
#blog-r{width:282px;}

#blogb h3{width:282px;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;}
.alignleft{width:47%;}
.alignright{width:47%; }

.alignleft a{text-align:left!important;display:block;width:400px;}
.alignright a{text-align:right!important;display:block;width:400px;}



.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;
}



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