@charset "utf-8";
/* ================================
low
================================= */

.top .onlyTop { display:block; }
.top .onlyLow { display:none; }

.low .onlyTop { display:none; }
.low .onlyLow { display:block; }

.clear_bd { border:none!important; }
/*.en { font-family: 'Noto Sans', sans-serif; }*/
.tate { font-size:15px; line-height:29px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl; }
.shadow { text-shadow:2px 2px 4px #000000; }
.min { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important; font-weight:600; }
.alink { text-decoration:underline; }
.alink:hover { text-decoration:none; }
.bold { font-weight:bold!important; }
.font18 { font-size:18px; }
.font16 { font-size:16px; }
.font14 { font-size:14px; }
.font12 { font-size:12px; line-height:18px; display:block; }
.cation { font-size:10px; }
.hitarea { position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/spacer.gif"); }
.cover_blk { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; }
.cover_gray { opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#999; }
.yellow { color:#f1c908; }
.scale { display:block; transition:ease-out 0.1s; }
.scale:hover {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -o-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
}

.bright { display:block; transition:ease-out 0.1s; }
.bright:hover {
    filter:brightness(108%);
}

#loadmc { position:fixed; top:0; left:0; width:100%; height:100%; margin:0; background-color:#fff; z-index:9999; }

header { position:relative; height:175px; z-index:10; }
header .inner_b {  } 
header .inner { height:100%; }
header #hd_logo { position:absolute; top:21px; left:545px; }
header #hd_logo #hd_logo_catch { display:none; }
header ul#gnavis { width:100%; }
header ul#gnavis li { width:44%; }
header ul#gnavis li#gnv_l { width:45%; float:left; padding-top:122px; text-align: center;line-height: 18px;font-size: 13px;}
header ul#gnavis li#gnv_l a .sub_nav {font-size: 9px;}
header ul#gnavis li#gnv_r { width:44%; float:right; padding-top:122px; }
header ul#gnavis li#gnv_l a { float:left; padding:0 0 0 42px; }
header ul#gnavis li#gnv_r a { float:left; padding:0 0 0 47px; }
header ul#gnavis li a {text-align: center;line-height: 18px;font-size: 13px;}
header ul#gnavis li a .sub_nav {font-size: 9px;}

header ul#snslist { position:absolute; top:49px; left:90px; }
header ul#snslist li { float:left; margin-right:14px; }
header ul#snslist li a {  }

header ul#fnavis { position:absolute; top:52px; right:230px; }
/*header ul#fnavis { position:absolute; top:60px; right:87px; }*/
header ul#fnavis li { float:left; margin-left:20px; }
header ul#fnavis li a {  }

header #wave { position:absolute; bottom:-23px; left:50%; margin-left:-145px; }

/*header #language { position:absolute; top:10px; right:87px;}*/
header #language {position: absolute;left: 1000px; top: 50px; font-size: 13px;border-radius: 2px;}

header .bogo-language-switcher li{display: inline-block; margin-left: 5px;font-size: 12px;}
header .bogo-language-switcher li a{color: #fff;padding: 5px 10px; color: #fff; background: #000;border-radius: 2px;}
header .bogo-language-switcher {}
header .bogo-language-switcher a.current {padding: 5px 10px;color: #000; background: #fff;border-radius: 2px;border:solid 1px #ccc;} 

header ul#gnavis.en li#gnv_l a { float:left; padding:10px 0 10px 42px; }
header ul#gnavis.en li#gnv_r a { float:left; padding:10px 0 10px 47px; }

/*.bogo-language-switcher .current { display: none; }
.bogo-language-switcher .current li{ text-align: right; }
.bogo-language-switcher .current a:before{content: "\f0ec";font-family: FontAwesome;padding-right: 8px;} */

.low header { height:154px; padding-bottom:22px; border-bottom:solid 1px #cccccc; }
/*.low header .inner { width:1020px; }*/
.low header #wave { display:none; }
.low header #hd_logo { position:absolute; top:12px; left:559px; }
.low header #hd_logo img#hd_logo_img { width:85px; } 
/*.low header ul#gnavis li#gnv_l { padding-top:102px; height:17px; overflow:hidden; }
.low header ul#gnavis li#gnv_l a { padding:0 0 0 55px; }
.low header ul#gnavis li#gnv_l a#gnv1 { padding-left:0; }
.low header ul#gnavis li#gnv_r { padding-top:102px; height:17px; overflow:hidden; }
.low header ul#gnavis li#gnv_r a { padding:0 0 0 49px; }*/
.low header #hd_logo #hd_logo_catch { display:block; margin:4px 0 0 5px; }
/*.low header ul#fnavis { right:0; }
.low header ul#snslist { left:0; }*/



#breadcrumb { margin-top:45px; }
#breadcrumb .inner { width:1020px; }
#breadcrumb .bcrumbs { font-size:12px; color:#000; }
#breadcrumb a.bcrumbs { color:#9e9e9e; }
#breadcrumb .bcrumbmark { margin:0 5px; color:#9e9e9e; }


.basicbtn { display:block; width:215px; height:46px; color:#fff; text-align:center; background-color:#684323; border-radius:5px; overflow:hidden; }
.basicbtn .bs_txt { font-size:14px; line-height:44px; font-weight:700; }
.basicbtn .bs_icon { margin-left:18px; vertical-align:middle; }
.bs_icon .btn_icon_search { width:13px; }
.icon_download { width:15px; }
.icon_cart { width: 21px; }
.icon_back { width:14px; }

.basicbtnB { display:block; width:180px; height:46px; color:#fff; text-align:center; background-color:#000; border-radius:5px; overflow:hidden; }
.basicbtnB .bs_txt { font-size:14px; line-height:44px; font-weight:700; }

.basicbtnC { display:block; width:270px; height:48px; color:#fff; text-align:center; background-color:#000; border-radius:5px; overflow:hidden; }
.basicbtnC .bs_icon { margin-left:2px; vertical-align:baseline; }
.basicbtnC .bs_txt { font-size:14px; line-height:46px; margin-left:5px; font-weight:700; }

.basicbtnD { position:relative; display:block; width:320px; height:50px; color:#000; text-align:center; background:url("../images/btn_bg_y.jpg") repeat-x; border-radius:5px; }
.basicbtnD .bs_txt { font-size:16px; line-height:50px; margin-left:5px; font-weight:700; }
.basicbtnD .btn_txt_e { position:absolute; bottom:-47px; left:51px; }
.basicbtnD .bs_icon { margin-left:7px; vertical-align:baseline; }
.basicbtnD .bs_icon img { vertical-align:text-bottom; }

.basicbtnE { display:inline-block; width:500px; height:55px; color:#fff; text-align:center; background-color:#313131; border-radius:5px; position: relative; }
.basicbtnE:nth-child(n+2) {margin-left: 8px;}
.basicbtnE .bs_icon { margin-left:7px; vertical-align:baseline; }
.basicbtnE .bs_icon img { vertical-align:text-bottom; }
.basicbtnE .bs_txt { font-size:18px; line-height:54px; margin-left:5px; font-weight:700; }

.mov_hit { position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/spacer.gif"); display:block; }
.mov_hit .movie_playicon { display:block; position:absolute; top:50%; left:50%; margin:-35px 0 0 -35px; transition:ease-out 0.1s; }
.mov_hit:hover >  .movie_playicon {
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -o-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
}


footer { position:relative; clear:both; display:flex; color:#fff; background-color:#2a2a2a; }
footer .inner { display:inline-table; width:1070px; padding-top:60px; }
footer .ft_unset { width:20%; margin:-12px 0 0 3%; float:right; }
footer .ft_unset2 { margin-right:80px; color: #757575;}
footer .ft_unset3,
footer .ft_unset4 { width:15%; color: #757575;}
footer .ft_unset #ft_logo {  }
footer .ft_unset #ft_address { font-size:13px; line-height:24px; margin-bottom:11px; }

footer .ft_un_fst { width:32%; margin:0 3% 0 0; float:left; }
footer .ft_un_last { margin:-12px 0 0 0; }

footer ul {  }
footer ul li,
footer ul li p,
footer ul li a { color:#fff; font-size:13px; line-height:24px; }
footer ul li a:hover { text-decoration:underline; }

footer ul#ft_snslist { position:relative; }
footer ul#ft_snslist li { float:left; margin-right:14px; }
footer ul#ft_snslist li a { }


footer #copyrights { clear:both; text-align:center; color:#757575; padding:60px 0 80PX; font-size:12px; }


.vd_container { width:860px; }
.vd_container .vd_movie { height:540px; background-color:#000; }
.vd_container .vd_movie iframe { width:100%; }
.vd_container dl.vd_tset { padding:25px 45px; text-align:left; }
.vd_container dl.vd_tset dt { font-size:18px; font-weight:700; }
.vd_container dl.vd_tset dd { margin-top:10px; }


.howto_container { width:510px; }
.howto_container .howto { height:330px; background-color:#000; }
.howto_container .howto iframe { width:100%; }
.howto_container dl.howto_tset { padding:25px 45px; text-align:left; }
.howto_container dl.howto_tset dt { font-size:18px; font-weight:700; }
.howto_container dl.howto_tset dd { margin-top:10px; font-size: 13px!important;}
.howto_container dl.howto_tset p { margin-top:10px; font-size: 13px!important;}

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

}


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


.tate { font-size:12px; line-height:25px;
        -webkit-writing-mode: inherit;
        -ms-writing-mode: inherit;
        writing-mode: inherit; }

.scale { transition:inherit; }
.scale:hover {
    -webkit-transform: inherit;
    -moz-transform: inherit;
    -o-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
}

.bright { transition:inherit; }
.bright:hover {
    filter:inherit;
}

#breadcrumb { margin-top:80px!important; }

header { position:fixed!important; top:0; left:0; width:100%; height:57px!important; background-color:#fff; z-index:100; }
header .inner_b { position:relative!important; height:auto; padding-top:0!important; } 
header .inner {  }
header .menu-trigger { position:absolute; top:16px; right:16px; }
header .menu-trigger span { background-color:#333!important; }
header #hdbox { position:relative; width:100%; height:56px; background-color:#fff; z-index:99; }
header #hd_logo { position:absolute; top:5px; left:50%; margin-left:-21px; z-index:1000; }
header #hd_logo img { width:43px; }
header #hd_navi_all { position:fixed; top:-9999px; left:0; width:100%; min-width:inherit; background-color:#eee; z-index:98; }
header ul#gnavis {  }
header ul#gnavis li { width:100%; }
header ul#gnavis li#gnv_l,
header ul#gnavis li#gnv_r { position:relative; float:left; width:100%; margin:0; padding-top:0; }
header ul#gnavis li#gnv_l {  }
header ul#gnavis li#gnv_r {  }
header ul#gnavis li#gnv_l a,
header ul#gnavis li#gnv_r a { font-size:12px; padding:0; width:50%; float:left; text-align:center; height:58px; border-bottom:solid 1px #ccc; }
header ul#gnavis li#gnv_l a img,
header ul#gnavis li#gnv_r a img { padding:15px 0; margin:0 auto; }

header ul#gnavis li a#gnv2,
header ul#gnavis li a#gnv4,
header ul#gnavis li a#gnv6,
header ul#gnavis li a#gnv8 { border-left:solid 1px #ccc; margin-left:-1px; }

header ul#fnavis { clear:both; display:inline-block; width:100%; position:relative; top:0; right:inherit; }
header ul#fnavis li { font-size:12px; padding:0; width:50%; float:left; text-align:center; height:40px; border-bottom:solid 1px #ccc; margin:0; background-color:#f9f9f9; }
header ul#fnavis li:nth-child(even) { border-left:solid 1px #ccc; margin-left:-1px; }
header ul#fnavis li a { display:block; font-size:12px; padding:8px 0; }

header #language { position:absolute; top:10px; right:inherit;left: 10px;z-index: 100;}
header #language .goog-te-combo {width: auto !important;}

header #snscontainer { text-align:center; border-bottom:solid 1px #ccc; }
header ul#snslist { clear:both; display:inline-block; position:relative; top:0; left:inherit; margin-top:6px; }
header ul#snslist li { margin:0 10px; }
header ul#snslist li a {  }

header #wave { bottom:-10px; left:50%; margin-left:-80px; line-height:0; z-index:100; }
header #wave img { width:160px; vertical-align:top; }

header { height:56px!important; border-bottom:none; background:url("../images/hd_sh.png") center bottom repeat-x; padding-bottom:30px; background-size:cover; border-bottom:none!important; }
	
	
header ul#gnavis.en li#gnv_l a,
header ul#gnavis.en li#gnv_r a { font-size:12px; padding:0; width:50%; float:left; text-align:center; height:auto; border-bottom:solid 1px #ccc; padding: 15px 0; }
	
.low header .inner { width:100%; margin:0; }
.low header #wave { display:block; }
.low header #hd_logo { top:5px; left:50%; }
.low header #hd_logo img#hd_logo_img { width:43px; } 
.low header ul#gnavis li#gnv_l { padding-top:0; height:auto; overflow:initial; }
/*.low header ul#gnavis li#gnv_l a { padding:0; }*/
.low header ul#gnavis li#gnv_l a#gnv1 {  }
.low header ul#gnavis li#gnv_r { padding-top:0; height:auto; overflow:initial; }
/*.low header ul#gnavis li#gnv_r a { padding:0; }*/
.low header #hd_logo #hd_logo_catch { display:none; }
.low header ul#fnavis { right:inherit; }
.low header ul#snslist { left:inherit; }
.low header ul#gnavis li#gnv_l a .onlyLow,
.low header ul#gnavis li#gnv_r a .onlyLow { display:none!important; margin:0 auto; }
.low header ul#gnavis li#gnv_l a .onlyTop,
.low header ul#gnavis li#gnv_r a .onlyTop { display:block!important;  margin:0 auto; }

.basicbtn { display:block; width:100%; height:35px; }
.basicbtn .bs_txt { font-size:13px; line-height:35px; }
.basicbtn .bs_icon { margin-left:18px; }
.basicbtn .bs_icon .btn_icon_search { width:15px; }

.mov_hit {  }
.mov_hit .movie_playicon { margin:-20px 0 0 -20px; }
.mov_hit .movie_playicon img { width:40px; }

.basicbtn .bs_txt { line-height:38px; }
.basicbtnB .bs_txt { line-height:48px; }
.basicbtnC .bs_txt { line-height:50px; }
.basicbtnD .bs_txt { line-height:52px; }

footer { display:block; }
footer .inner { display:block; width:100%!important; padding-top:0; margin:0; }
footer .ft_unset { clear:both; display:inline-block; width:90%; margin:0 5%; float:none; }
footer .ft_unset2 { margin-top:20px; color: #fff; }
footer .ft_unset3,
footer .ft_unset4 { width:100%; margin:0!important; color: #fff; }

footer .ft_unset3 #ft_un_txt,
footer .ft_unset4 #ft_un_txt { width:90%; padding:9px 5% 8px; background-color:#444; border-bottom:solid 1px #666;}
footer .ft_unset3 ul li a,
footer .ft_unset4 ul li a { width:90%; padding:9px 5% 8px; border-bottom:solid 1px #666; background:url("../images/spnavi_arrow.png") 96% 14px no-repeat; background-size:9px; }

footer .ft_unset #ft_logo { margin-bottom:10px; }
footer .ft_unset #ft_logo img { width:150px; }
footer .ft_unset #ft_address { font-size:12px; line-height:20px; margin-bottom:15px; }

footer .ft_un_fst { width:90%; margin:30px 5% 0; }
footer .ft_un_last { margin:0 5%; }

footer ul {  }
footer ul li,
footer ul li p,
footer ul li a { display:block; font-size:12px; line-height:20px; }
footer ul li a:hover {  }

footer ul#ft_snslist {  }
footer ul#ft_snslist li {  }
footer ul#ft_snslist li a { }

footer #copyrights { padding:20px 0; font-size:10px; }




.vd_container { width:100%; }
.vd_container .vd_movie { height:260px; }
.vd_container .vd_movie iframe { width:100%; height:260px; }
.vd_container dl.vd_tset { padding:8% 6%; text-align:left; }
.vd_container dl.vd_tset dt { font-size:16px; font-weight:700; }
.vd_container dl.vd_tset dd { margin-top:10px; }

.howto_container { width:100%; }
.howto_container .howto { height:202px; }
.howto_container .howto img { width: 315px; }
.howto_container .howto iframe { width:100%; height:260px; }
.howto_container dl.howto_tset { padding:8% 6%; text-align:left; }
.howto_container dl.howto_tset dt { font-size:16px; font-weight:700; }
.howto_container dl.howto_tset dd { margin-top:10px; }
	
.lineup_item01_t { width:93px; }
.lineup_item02_t { width:106px; }
.lineup_item03_t { width:73px; }
.lineup_item04_t { width:112px; }
.lineup_item05_t { width:73px; }



.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 24px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
}
.low .menu-trigger span { background-color:#fff; }
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 11px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}



.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}





}

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



}

/*=======================================================

   回り込み設定

=======================================================*/
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}