@charset "UTF-8";
@import "reset.css";
/*@import "reserv.css";
@import "quest.css";*/
@import "sns.css";
@import "common.css";
@import "action.css";
/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: "HiraKakuProN W6",Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
/** font-size:15px; **/font-size:100%;line-height:1.5;letter-spacing: 0.5px;color:#000;min-width:1280px;}
/**
明朝の場合はこっち font-family:'fgutsukushiweb','Garamond','Times New Roman','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HiraMinProN-W3','游明朝','Yu Mincho','游明朝体','YuMincho','HGS明朝E','HG明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
 **/
body.fontS{font-size:14px;}
body.fontL{font-size:18px;}


table{font-size:1em;}
/********** container **********/
.layout_container{background:url(../images/bg_toys.jpg) top center;}
.layout_gride{width:980px;margin:0 auto;}
.layout_gride_wide{width:1280px;margin:0 auto;}

/********** ヘッダー **********/
.layout_header{height:630px;position:relative;background:#fff;}
.layout_header_image{width:100%;height:530px;}
.layout_header_image ul{width:100%;height:530px;position:relative;overflow:hidden;}
.layout_header_image li{width:100%;height:100%;position:absolute;top:0;left:0;}
.layout_header_image li span{width:100%;height:100%;display:block;background:none no-repeat 50% 50%;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}

.layout_main_navi{height:100px;background:#f1ac00;}
.layout_main_navi ul{width: 828px;margin: 0 auto 0 126px;}
.layout_main_navi li{height:100px;overflow:hidden;position:relative;}

.layout_main_navi li a{position:absolute;bottom:0;left:0;width:100%;height:200px;background:none no-repeat;
-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

.layout_main_navi li a.on,.layout_main_navi li a:hover{bottom:-100px;}

.layout_main_navi li.home{width:139px;}
.layout_main_navi li.home a{background-image:url(../images/navi_home.jpg?id=0);}
.layout_main_navi li.office{width:146px;}
.layout_main_navi li.office a{background-image:url(../images/navi_office.jpg?id=0);}
.layout_main_navi li.staff{width:152px;}
.layout_main_navi li.staff a{background-image:url(../images/navi_staff.jpg?id=0);}
.layout_main_navi li.fee{width:194px;}
.layout_main_navi li.fee a{background-image:url(../images/navi_fee.jpg?id=0);}
.layout_main_navi li.gallery{width:197px;}
.layout_main_navi li.gallery a{background-image:url(../images/navi_gallery.jpg?id=0);}
.layout_main_navi li.faq{width:152px;}
.layout_main_navi li.faq a{background-image:url(../images/navi_faq.jpg?id=0);}

.layout_header .cont{position:relative;}
.layout_header h1{position:absolute;left:50%;bottom:152px;margin-left:227px;width:264px;height:108px;}
.layout_header h1 a,.layout_header h1 span{display:block;background:url(../images/head_logo2.png) 50% 50% no-repeat;-webkit-background-size:containr;background-size:contain;}
.layout_header .tel{position:absolute;top:11px;left:50%;margin-left:-496px;width:309px;height:85px;background:url(../images/head_tel2.png) 50% 50% no-repeat;}
.layout_header.top_fix .tel{background-image:url(../images/head_tel_w.png);}

.layout_help_navi{position:absolute;left:50%;top:30px;margin-left:283px;width:206px;height:44px;}
.layout_help_navi .inner{border:3px solid #333;padding:5px 13px 6px 0;/** font-size:14px; **/font-size:94%;line-height:1.8;text-align:center;background-color:#fff;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.layout_header.top_fix .layout_help_navi .inner{border:none;}

.layout_help_navi h2{color:#333;font-weight:bold;width:100px;}
.layout_help_navi ul{width:87px;}
.layout_help_navi li{width:25px;height:25px;margin-left:4px;color:#333;text-align:center;font-weight:bold;
-webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.layout_help_navi li.on,.layout_help_navi li:hover{background:#fff;color:#F6AC00;}
.layout_help_navi li:hover{cursor:pointer;}

.layout_header.second_fix{height:100px;padding-top:120px;}
.layout_header.second_fix h1{bottom:auto;top:4px;margin-left:-494px;}
.layout_header.second_fix .tel{margin-left:-200px;}

/********** コンテンツ *********/
.layout_contents{}
.layout_contents .pankuzu{}
.layout_column.second_fix{padding-top:60px;}
.layout_column_sub{width:200px;}
.layout_column_main{width:720px;}

/********** フッター **********/
.layout_footer{min-height:90px; height:auto !important; height:90px;}
.layout_footer .cont{padding:52px 0 74px;}
.come_contact{width:892px;height:184px;padding:25px 52px 20px 37px;margin:0 auto 44px;background:#c4d70f;
-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px;}
.come_contact h2{width:852px;height:66px;background:url(../images/foot_faq_title.jpg) no-repeat;margin-bottom:25px;margin-left:29px;}
.come_contact .tel{width:448px;height:103px;background:url(../images/foot_tel.jpg) no-repeat;}
.come_contact .btn{width:390px;height:87px;padding-top:11px;}
.come_contact .btn a{background:url(../images/foot_mail_btn_off.jpg) no-repeat;}
.come_contact .btn a:hover{background-image:url(../images/foot_mail_btn_on.jpg);}

.layout_footer .cont ul{width:991px;padding-left:9px;margin-right:auto;margin-left:auto;}
.layout_footer .cont li{width:190px;height:89px;margin-right:9px;}
.layout_footer .cont li.office,.layout_footer .cont li.fee{width:191px;}
.layout_footer .cont li.gallery{width:184px;}
.layout_footer .cont li.home a{background-image:url(../images/foot_navi_home_off.png);}
.layout_footer .cont li.office a{background-image:url(../images/foot_navi_office_off.png);}
.layout_footer .cont li.fee a{background-image:url(../images/foot_navi_fee_off.png);}
.layout_footer .cont li.staff a{background-image:url(../images/foot_navi_staff_off.png);}
.layout_footer .cont li.gallery a{background-image:url(../images/foot_navi_gallery_off.png);}
.layout_footer .cont li.home a:hover,.layout_footer .cont li.home a.on{background-image:url(../images/foot_navi_home_on.png);}
.layout_footer .cont li.office a:hover,.layout_footer .cont li.office a.on{background-image:url(../images/foot_navi_office_on.png);}
.layout_footer .cont li.fee a:hover,.layout_footer .cont li.fee a.on{background-image:url(../images/foot_navi_fee_on.png);}
.layout_footer .cont li.staff a:hover,.layout_footer .cont li.staff a.on{background-image:url(../images/foot_navi_staff_on.png);}
.layout_footer .cont li.gallery a:hover,.layout_footer .cont li.gallery a.on{background-image:url(../images/foot_navi_gallery_on.png);}

.layout_footer .list{padding:15px 0 25px;background:#eeeeee;text-align:center;}
.layout_footer .list li{margin:0 7px;display:inline-block;}
.layout_footer .list li a{padding-left:10px;/** font-size:12px; **/font-size:80%;line-height:1.3;background:url(../images/mini_arrow.png) no-repeat left 50%;}
.layout_footer .copyright{/** font-size:12px; **/font-size:80%;line-height:1.3;padding:15px 0;text-align:center;background:#F6AC00;color:#fff;}

.layout_gotop{position:fixed;bottom:10px;right:10px;width:60px;height:60px;opacity:0;}
.layout_gotop span{display:block;width:60px;height:60px;background:url(../images/gotop.png) #C4D70F 50% 50% no-repeat;color:#fff;position:relative;
-webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px;}
.layout_gotop span:hover{cursor:pointer;opacity:1;}
.layout_gotop.on{opacity:0.9;}
.layout_gotop{-moz-transition: opacity 0.3s ease-in;-webkit-transition: opacity 0.3s ease-in;-o-transition: opacity 0.3s ease-in;-ms-transition: opacity 0.3s ease-in;transition: opacity 0.3s ease-in;}