@charset "utf-8";




/*********************************
 * 641〜
 *********************************/

@media screen and (min-width:641px){
div.spmainimage  { display: none; }
div.spmainimage div.inner  { display: none; }
div.contents3_sp  { display: none; }
div.contents1 .area01 h2.sptit { display: none; }
div.contents4 div.inner_left .spprtit { display: none; }
div.contents4 div.inner_right .spprtit { display: none; }
div.contents4 div.inner_left .spsubtit { display: none; }
div.contents4 div.inner_right .spsubtit { display: none; }
div.cNavi .sptitle  { display: none; }
div.cNavi2 .sptitle  { display: none; }
div.cNavi3 .sptitle  { display: none; }
div.cNavi4 .sptitle4  { display: none; }
div.cNavi5 .sptitle5  { display: none; }
div.contents6 .spmap  { display: none; }
div.contents9 .box ul.spnavi { display: none; }
div.toptit01 .sptitle01  { display: none; }
div.toptit02 .sptitle02  { display: none; }
div.toptit03 .sptitle03  { display: none; }
div.toptit04 .sptitle04  { display: none; }
div.toptit05 .sptitle05  { display: none; }
div.toptit06 .sptitle06  { display: none; }
div.toptit07 .sptitle07  { display: none; }
div.toptit08 .sptitle08  { display: none; }
div.toptit09 .sptitle09  { display: none; }


div.mainimage { margin: 250px auto 0 auto; width: 828px; height: 434px; z-index:200; }
div.mainimage2 { margin: 0px auto 0 auto; width: 1009px; height: 417px;}
div.mainimage div.inner { position: relative; width: 817px; height:auto; margin: 0 auto !important;}
div.mainimage div.inner div.topphoto { position: absolute;  width: 100%; height: auto; left: 28px; top: 0px;}
div.mainimage div.inner div.toptit { position: absolute;  width: 136px; height: 36px; left:396px; top: 15px;}
div.mainimage div.inner div.logo { position: absolute;  width: 144px; height: 144px; right:0px; top:46px;}
div.mainimage div.inner div.namebox { position: absolute;  width: 400px; left:396px; top: 73px; font-size:16px;}
div.mainimage div.inner div.namebox h2 { font-size:42px; font-weight:bold; margin:5px 0 0 0; letter-spacing:0.1em;}
div.mainimage div.inner div.txtbox { position: absolute;  width: 417px; left:396px; top: 206px; font-size:14px; line-height:1.8em;}
div.mainimage div.inner div.btn_face { position: absolute;  left:401px; top: 349px;}
div.mainimage div.inner div.btn_blog { position: absolute;  left:551px; top: 349px;}
div.mainimage div.inner div.btn_shop { position: absolute;  left:677px; top: 349px;}


div.cNavi { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi .title { text-align:center !important; margin: 11px 0 11px 0;}


div.cNavi2 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi2 .title { text-align:center !important; margin: 11px 0 11px 0;}

div.cNavi3 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi3 .title { text-align:center !important; margin: 11px 0 11px 0;}

div.cNavi4 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi4 .title4 { text-align:center !important; margin: 11px 0 11px 0;}

div.cNavi5 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi5 .title5 { text-align:center !important; margin: 11px 0 11px 0;}


div.toptit01 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit01 .pctitle01 { text-align:center !important; margin: 11px 0 11px 0;}

div.toptit02 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit02 .pctitle02 { text-align:center !important; margin: 11px 0 11px 0;}

div.toptit03 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit03 .pctitle03 { text-align:center !important; margin: 11px 0 11px 0;}

div.toptit04 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit04 .pctitle04 { text-align:center !important; margin: 11px 0 11px 0;}


div.toptit05 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit05 .pctitle05 { text-align:center !important; margin: 11px 0 11px 0;}

div.toptit06 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit06 .pctitle06 { text-align:center !important; margin: 11px 0 11px 0;}


div.toptit07 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit07 .pctitle07 { text-align:center !important; margin: 11px 0 11px 0;}


div.toptit08 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit08 .pctitle08 { text-align:center !important; margin: 11px 0 11px 0;}

div.toptit09 { position: relative; width: 100%; margin: 100px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit09 .pctitle09 { text-align:center !important; margin: 11px 0 11px 0;}



div.contents1 { position: relative; width: 100%; margin: 0 auto; background: #000000; overflow: hidden;}
div.contents1 .area01 { text-align:center !important; padding: 0px 0 45px 0; margin: 0 auto; width:828px;}
div.contents1 .area01 h2.pctit{ font-size:35px; font-weight:bold; color:#FFF; padding:50px 0 0 0;}
div.contents1 .area01 p{ font-size:19px; color:#FFF; text-align:left; margin-top:25px; line-height:1.8em; }


div.contents2 { position: relative; width: 100%; margin: 0 auto;}
div.contents2 .topnews { width: 828px; height: 310px; overflow: auto; margin: 30px auto 30px auto; text-align:left; }
div.contents2 .topnews p { font-size:17px; padding-bottom:25px;}

div.contents3 { width: 100%; margin: 0 auto; padding-top:85px;}
div.btn01 { width: 490px; height:109px; margin: 45px auto 100px auto ;}

div.contents4 { position: relative; width: 828px; margin: 90px auto 0 auto; }
div.contents4 div.inner_left { float: left; position: relative; width: 371px; margin-left:20px; }
div.contents4 div.inner_left .prtit { margin: 20px auto 0 auto; text-align:center !important;}
div.contents4 div.inner_left .subtit { margin: 0 auto 0 auto; text-align:center !important;}
div.contents4 div.inner_left p { font-size:15px; text-align:center; }
div.contents4 div.inner_right { float: right; position: relative; width: 371px; margin-left:46px; margin-right:20px; }
div.contents4 div.inner_right .prtit { margin: 20px auto 0 auto; text-align:center !important;}
div.contents4 div.inner_right p { font-size:15px; text-align:center; }

div.contents5 { position: relative; width: 828px; margin: 90px auto 0 auto; }
div.contents5 ul.photo { width: 828px;}
div.contents5 ul.photo li.l_p { float: left; width: 393px; margin-bottom:50px; line-height:1.5em;}
div.contents5 ul.photo li.l_p p { margin-top:20px;}
div.contents5 ul.photo li.r_p { float: left; width: 393px; margin-left:40px; margin-bottom:50px; line-height:1.5em;}
div.contents5 ul.photo li.r_p p { margin-top:20px;}

div.contents6 { position: relative; width: 828px; margin: 100px auto 0 auto; padding-bottom:90px; border-bottom: 1px solid #929292; }
div.contents6 .box { width: 760px; margin: 100px auto 0 auto; font-size:21px; line-height:1.8em; }
div.contents6 .box h3{ padding-bottom:15px; font-size:34px; font-weight:bold; color:#0088D2; line-height:1.5em;}
/*div.contents6 .box p{  margin-top:15px; font-size:21px; line-height:1.8em; }*/
div.contents6 .box table { font-size:21px; line-height:1.8em; margin-top:40px;}
div.contents6 .map { margin-top:40px; width:723px; /*height:418;*/}

div.contents7 { position: relative; width: 828px; margin: 100px auto 0 auto; padding-bottom:90px; }
div.contents7 .box { width: 760px; margin: 100px auto 0 auto; }
div.contents7 .box h3{ font-size:34px; font-weight:bold; color:#0088D2; line-height:1.5em;}
div.contents7 .box p{ font-size:21px; line-height:1.8em; margin-top:15px;}
div.contents7 .box table { font-size:21px; line-height:1.8em; margin-top:40px;}
div.contents7 .map { margin-top:40px; width:723px; height:418;}

div.contents8 { position: relative; width: 828px; margin: 90px auto 0 auto; }
div.contents8 ul.movie { width: 828px;}
div.contents8 ul.movie li.l_m { float: left; width: 400px; margin-bottom:50px; line-height:1.5em;}
div.contents8 ul.movie li.l_m p { margin-top:20px;}
div.contents8 ul.movie li.r_m { float: left; width: 400px; margin-left:28px; margin-bottom:50px; line-height:1.5em;}
div.contents8 ul.movie li.r_m p { margin-top:20px;}
div.contents8 iframe.mov { width: 400px; height:300px; margin: 0 auto 0 auto; text-align:center; }
div.contents8 iframe.mov2 { width: 400px; height:225px; margin: 0 auto 0 auto; text-align:center; }

div.contents9 { position: relative; width: 828px; margin: 100px auto 0 auto; }
div.contents9 .box { width: 800px; margin: 100px auto 0 auto; }
div.contents9 .box p{ font-size:17px; line-height:1.8em; margin-top:15px;}
div.contents9 .box table { font-size:17px; line-height:1.8em; margin-top:40px;}
div.contents9 .logo { width:252px; height:251px; margin-right:10px;}
div.contents9 .box div.inner_left { float: left; position: relative; width: 250px; margin-left:0px; }
div.contents9 .box div.inner_right { float: right; position: relative; width: 500px; margin-left:20px; margin-right:20px; font-size:16px;}


div.contents9 .box ul.navi { width: 600px; height:43px; margin: 50px auto 0 auto; }
div.contents9 .box ul.navi li.face { float: left; width:171px;}
div.contents9 .box ul.navi li.blog { float: left; margin-left:42px; width:125px; }
div.contents9 .box ul.navi li.shop { float: left; margin-left:52px; width:185px;}


div.contents10 { width: 100%; margin: 0 auto; padding-top:85px;}
div.btn02 { width: 664px; height:147px; margin: 85px auto 40px auto ;}
div.mainimage3 { margin: 40px auto 0 auto; width: 687px; height: 617px; }



div.f_contents { margin: 253px auto 0 auto; width: 100%;}
div.f_contents .tit { width: 100%; text-align:center; margin: 50px auto 10px auto }
div.f_contents .box { width: 828px; margin: 0 auto 0 auto; }
div.f_contents .box p{ font-size:17px; line-height:1.8em; margin-top:15px;}






}/* @media 641- */


/*********************************
 * 〜640
 *********************************/

@media screen and (max-width:640px){

div.spmainimage { padding: 10px 0; text-align:center; }
div.mainimage  { display: none; }
div.mainimage2 { display: none; }
div.cNavi .title  { display: none; }
div.cNavi2 .title  { display: none; }
div.cNavi3 .title  { display: none; }
div.cNavi4 .title4  { display: none; }
div.cNavi5 .title5  { display: none; }
div.contents1 .area01 h2.pctit { display: none; }
div.contents3  { display: none; }
div.contents4 div.inner_left .prtit { display: none; }
div.contents4 div.inner_right .prtit { display: none; }
div.contents4 div.inner_left .subtit { display: none; }
div.contents4 div.inner_right .subtit { display: none; }
/* div.contents6 .map  { display: none; } */
div.contents6 .map img { width:100%; margin:15px 0 0 0; }
div.contents9 .box ul.navi { display: none; }
div.toptit01 .pctitle01  { display: none; }
div.toptit02 .pctitle02  { display: none; }
div.toptit03 .pctitle03  { display: none; }
div.toptit04 .pctitle04  { display: none; }
div.toptit05 .pctitle05  { display: none; }
div.toptit06 .pctitle06  { display: none; }
div.toptit07 .pctitle07  { display: none; }
div.toptit08 .pctitle08  { display: none; }
div.toptit09 .pctitle09  { display: none; }


div.spmainimage { width: 100%; }
div.spmainimage div.inner { width: 90%; text-align:center !important; margin: 0 auto;}
div.spmainimage div.inner div.topphoto { width: 100%; text-align:center !important; margin: 0 auto;}
div.spmainimage div.inner div.topphoto2 { width: 100%; text-align:center !important; margin: 0 auto;}
div.spmainimage div.inner div.toptit {width: 30%; margin-top:20px;}
div.spmainimage div.inner div.logo {width: 30%; float:right; margin-top:20px;}
div.spmainimage div.inner div.namebox { width: 90%; font-size:0.9em; text-align:left !important; margin-top:10px;}
div.spmainimage div.inner div.namebox h2 { font-size:2.0em; font-weight:bold;  width: 60%; letter-spacing:0.1em;}
div.spmainimage div.inner div.txtbox { width: 95%; font-size:0.9em; text-align:left !important; margin-top:10px;}

div.spmainimage div.inner ul.navi { text-align:center !important; margin:0 auto 0 auto; width:100%;}
div.spmainimage div.inner ul.navi li.face { float: left; width: 30%; margin:10px 0 30px 10px;}
div.spmainimage div.inner ul.navi li.blog { float: left; width: 20%; margin:10px 0 30px 20px;}
div.spmainimage div.inner ul.navi li.shop { float: left; width: 30%; margin:10px 0 30px 20px;}


div.toptit01 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit01 .sptitle01 { text-align:center !important; margin: 11px auto 11px auto; width:90%;}

div.toptit02 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit02 .sptitle02 { text-align:center !important; margin: 11px auto 11px auto; width:20%;}


div.toptit03 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit03 .sptitle03 { text-align:center !important; margin: 11px auto 11px auto; width:80%;}

div.toptit04 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit04 .sptitle04 { text-align:center !important; margin: 11px auto 11px auto; width:40%;}

div.toptit05 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit05 .sptitle05 { text-align:center !important; margin: 11px auto 11px auto; width:25%;}

div.toptit06 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit06 .sptitle06 { text-align:center !important; margin: 11px auto 11px auto; width:40%;}

div.toptit07 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit07 .sptitle07 { text-align:center !important; margin: 11px auto 11px auto; width:25%;}

div.toptit08 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit08 .sptitle08 { text-align:center !important; margin: 11px auto 11px auto; width:60%;}

div.toptit09 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.toptit09 .sptitle09 { text-align:center !important; margin: 11px auto 11px auto; width:85%;}



div.cNavi { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi .sptitle { text-align:center !important; margin: 11px auto 11px auto; width:85%;}

div.cNavi2 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi2 .sptitle { text-align:center !important; margin: 11px auto 11px auto; width:85%;}

div.cNavi3 { position: relative; width: 100%; margin: 50px 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi3 .sptitle { text-align:center !important; margin: 11px auto 11px auto; width:85%;}

div.cNavi4 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi4 .sptitle4 { text-align:center !important; margin: 11px auto 11px auto; width:20%;}

div.cNavi5 { position: relative; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; background: #0186d1; overflow: hidden;}
div.cNavi5 .sptitle5 { text-align:center !important; margin: 11px auto 11px auto; width:40%;}



div.contents1 { position: relative; width: 100%; margin: 0 auto; background: #000000; overflow: hidden;}
div.contents1 .area01 { text-align:center !important; margin: 0 auto; width:90%; padding:25px 0 25px 0;}
div.contents1 .area01 h2.sptit{ font-size:1.4em; font-weight:bold; color:#FFF; margin: 1.2em auto 0 auto; width:95%;}
div.contents1 .area01 p{ color:#FFF; text-align:left; margin: 1.2em 0 1.2em 0; line-height:1.8em; }

div.contents2 { position: relative; margin: 10% 0 0 0;}
div.contents2 .topnews { width: 95%; height: 250px; overflow: auto; margin: 30px auto 30px auto; text-align:left; }
div.contents2 .topnews p { padding-bottom:1.0em;}

div.contents3_sp { width: 90%; margin: 0 auto; padding-top:40px;}
div.btn01 { width: 90%; margin: 45px auto 85px auto ;}

div.contents4 { position: relative; width: 95%; margin: 30px auto 0 auto; text-align:center !important; }
div.contents4 div.inner_left { margin: 0px auto 0 auto; text-align:center !important; }
div.contents4 div.inner_left .spprtit { width: 70%; margin: 20px auto 0 auto; text-align:center !important;}
div.contents4 div.inner_left .spsubtit { width: 100%; margin: 20px auto 0 auto; text-align:center !important;}
div.contents4 div.inner_right { margin: 30px auto 30px auto; text-align:center !important;}
div.contents4 div.inner_right .spprtit { width: 90%; margin: 20px auto 0 auto; text-align:center !important;}
div.contents4 div.inner_right .spsubtit { width: 100%; margin: 20px auto 0 auto; text-align:center !important;}


div.contents5 { position: relative; width: 98%; margin: 30px auto 0 auto; text-align:center !important; }
div.contents5 ul.photo { width: 99%;}
div.contents5 ul.photo li.l_p { width: 99%; margin: 0px auto 30px auto; text-align:center !important; }
div.contents5 ul.photo li.l_p p { text-align:left !important; margin-left:1.0em; margin-top:0.5em; }
div.contents5 ul.photo li.r_p { width: 99%; margin: 0px auto 30px auto; text-align:center !important;  }
div.contents5 ul.photo li.r_p p { text-align:left !important; margin-left:1.0em; margin-top:0.5em; }

div.contents6 { position: relative; width: 98%; margin: 30px auto 0 auto; padding-bottom:30px; border-bottom: 1px solid #929292; }
div.contents6 .box { width: 90%; margin: 0 auto 0 auto; }
div.contents6 .box h3{  font-size:1.4em; font-weight:bold; color:#0088D2; line-height:1.5em;}
div.contents6 .box p{  font-size:1.0em;; line-height:1.8em; margin-top:15px;}
div.contents6 .box table { font-size:1.0em; line-height:1.8em; margin-top:20px;}
div.contents6 .spmap { margin-top:20px; width:96%;}

div.contents7 { position: relative; width: 98%; margin: 30px auto 0 auto; padding-bottom:30px;  }
div.contents7 .box { width: 90%; margin: 0 auto 0 auto; }
div.contents7 .box h3{  font-size:1.4em; font-weight:bold; color:#0088D2; line-height:1.5em;}
div.contents7 .box p{  font-size:1.0em;; line-height:1.8em; margin-top:15px;}
div.contents7 .box table { font-size:1.0em; line-height:1.8em; margin-top:20px;}
div.contents7 .map { margin-top:20px; width:96%;}


div.contents8 { position: relative; width: 100%; margin: 30px auto 0 auto; }
div.contents8 ul.movie { width: 100%;}
div.contents8 ul.movie li.l_m { width: 100%; margin: 0px auto 30px auto; text-align:center !important; }
div.contents8 ul.movie li.l_m p { width: 90%; text-align:left !important; margin-left:1.0em; margin-top:0.5em; }
div.contents8 ul.movie li.r_m { width: 100%; margin: 0px auto 30px auto; text-align:center !important;  }
div.contents8 ul.movie li.r_m p { width: 90%; text-align:left !important; margin-left:1.0em; margin-top:0.5em; }
div.contents8 iframe.mov { width: 300px; height:225px; margin: 0 auto 0 auto; text-align:center; }
div.contents8 iframe.mov2 { width: 300px; height:169px; margin: 0 auto 0 auto; text-align:center; }

div.contents9 { position: relative; width: 98%; margin: 30px auto 0 auto; }
div.contents9 .box { width: 98%; margin: 30px auto 0 auto; }
div.contents9 .box p{ font-size:1.0em; line-height:1.8em;; margin-top:15px;}
div.contents9 .box div.inner_left { width: 60%; margin: 0px auto 30px auto; text-align:center !important; }
div.contents9 .box div.inner_right {width: 90%; margin: 0px auto 0px auto; text-align:left !important; }
div.contents9 .box ul.spnavi { width: 129px; margin: 10px auto 0 auto !important; text-align:center !important;}
div.contents9 .box ul.spnavi li.face { float: left; padding-bottom:10px;}
div.contents9 .box ul.spnavi li.blog { float: left; padding-bottom:10px;}
div.contents9 .box ul.spnavi li.shop { float: left; padding-bottom:70px !important;}

div.contents10 { width: 90%; margin: 0 auto; padding-top:20px;}
div.btn02 { width: 90%; margin: 30px auto 30px auto; text-align:center !important;}
div.mainimage3 { width: 90% !important; margin: 30px auto 30px auto; text-align:center !important; }



div.contents { position: relative; margin: 10% 0 0 0; }

div.contents div.inner_left h2 { margin: 0 0 0 0; } 
div.contents div.inner_left p { width: 93.75%; margin: 0 auto; padding: 3% 0; background: url(../images/common/line02_dot.png) left bottom repeat-x; }
div.contents div.inner_left p strong { display: block; font-weight: normal; }
div.contents div.inner_left p span { margin: 0 0 0 1em; }
div.contents div.inner_left p span.big { margin: 0 0 0 0; }
div.contents div.inner_left p span.big a { color:#00abe3; text-decoration:none; }
div.contents div.inner_left p span.big a:hover { color:#00abe3; text-decoration:none; }
div.contents div.inner_left p span.cam { color: #932a2a; }
div.contents div.inner_left p span.new { color: #4c9e2c; }

div.contents div.inner_right { margin: 10% 0 0 0; }


}/* @media 641- */