@charset "utf-8";
/* ------------------------------------------------------------ common */

a:link 		{ color: #111; text-decoration: none; }
a:visited 	{ color: #111; text-decoration: none; }
a:hover,
a:hover img,
input[type="submit"]:hover { color: #111; text-decoration: none; 
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }
    
input[type="text"],
select,
textaera	{ border: 1px solid #b5b5b5; }

input[type="submit"] { -webkit-appearance: button; cursor: pointer; padding: 0; border: none; }

h1 		{ font-size: 10px; width: 950px; padding: 5px 0; margin: 0 auto; color: #9d9d9d; }
h3.h3-main { font-size: 30px; padding: 0 0 40px; }
h3.h3-main span { display: block; font-size: 14px; color: #b09866; }

.SP { display: none;}
.inner 	{ width: 1100px; margin: 0 auto; }
.btn 	{ text-align: center; }
.btn a 	{ display: inline-block; *display: inline; *zoom: 1; color: #fff;  
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; }

.btn-gold { padding: 65px 0 0; }
.btn-gold span { display: inline-block; *display: inline; *zoom: 1; width: 320px; height: 46px; background: url(../images/common/btn-gold.jpg) no-repeat center center; background-size: cover; color: #fff; line-height: 46px; text-align: center; }

.btn-gold2 { padding: 40px 0 0; }
.btn-gold2 a { display: inline-block; *display: inline; *zoom: 1; width: 420px; height: 51px; background: url(../images/common/btn-gold2.jpg) no-repeat center center; background-size: cover; color: #fff; line-height: 51px; text-align: center; }

.btn-black { padding: 73px 0 103px; text-align: center; }
.btn-black a { display: inline-block; *display: inline; *zoom: 1; width: 420px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; background: url(../images/common/btn-black.png) no-repeat 96% center #000; }

.font-gothic { font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }

body#top { min-width: 1100px; background: #fefefe; }
#main-wrapper.black_mask:before { content:'';display:block;position:fixed;top:111px;left:0;width:100%;height:100%;background: url(../images/common/nav-pattern.png) repeat;z-index:101;overflow:hidden}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Japanese regular';
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Japanese medium';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans Japanese bold';
   font-style: bold;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
 
@font-face {
    font-family: 'FuturaBookBT';
    src: url('../fonts/futura-bk-bt/FuturaBookBT.eot'); 
    src: url('../fonts/futura-bk-bt/FuturaBookBT?#iefix') format('embedded-opentype'), 
         url('../fonts/futura-bk-bt/FuturaBookBT.woff') format('woff'), 
         url('../fonts/futura-bk-bt/FuturaBookBT.ttf') format('truetype'),
         url('../fonts/futura-bk-bt/FuturaBookBT.otf') format('otf'),
         url('../fonts/futura-bk-bt/FuturaBookBT.svg') format('svg');
}
 

.movies { text-align: center; background: #f4f4f0; padding: 70px 0; }
.movies .inner { width: 700px; }
.movies .youtube {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.movies .youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.movies p.btn-red a { width: 300px; height: 65px; line-height: 65px; background: url(../../images/common/btn-black.png) no-repeat 92% center #b1171d; text-align: center; color: #fff; font-size: 18px; display: inline-block; *display: inline; *zoom: 1; margin: 50px 0 0; }
/* ------------------------------------------------------------ header */

#main-wrapper { margin-top: 110px; }
#header { background: #fff; position: fixed; top:0; z-index: 200; width: 100%; min-width: 1100px;}
#header-inner .logo { float: left; width: 130px; padding: 17px 0 15px; margin: 0 0 0 15px;}
#header-inner .nav { float: right; width: auto; }
#header-inner .nav .main-menu ul.lang { text-align: right; padding: 9px 20px 9px 0;}
#header-inner .nav .main-menu ul.lang li { display: inline; font-size: 12px; }
#header-inner .nav .main-menu ul.lang li a { color: #a9a9a9; padding: 0 5px; }
#header-inner .nav .main-menu ul.lang li span { padding: 0 5px; } 
#header-inner .nav .main-menu { padding: 0; float: left; }
#header-inner .nav .main-menu li.main-li:first-child { width: 170px; background: none; }
#header-inner .nav .main-menu li.main-li:hover { border-bottom: 4px solid #b09866; }
#header-inner .nav .main-menu li.main-li { font-size: 14px; float: left; width: 105px; background: url(../images/header/nav.png) no-repeat left 10px; border-bottom: 4px solid #fff; padding: 0 0 33px;}
#header-inner .nav .main-menu li.main-li .dropdown { display: none; position: absolute; top: 111px; z-index: 2; left: 0; right: 0; width: 100%; margin: auto; padding: 30px; background: url(../images/common/nav-pattern.png) repeat;  box-sizing: border-box; -webkit-box-sizing: border-box;}
#header-inner .nav .main-menu li.main-li .dropdown ul { margin: 0 auto; }
#header-inner .nav .main-menu li.main-li .dropdown ul li { width: 250px; float: left; margin: 0 0 13px 13px;  }
#header-inner .nav .main-menu li.main-li .dropdown ul li span { display: block; font-size: 13px; color: #fff; text-align: left; padding: 12px 0 12px 25px; background: url(../images/common/icn_00.png) no-repeat left center; }
#header-inner .nav .main-menu li.main-li a { display: block; color: #000; text-align: center; }
#header-inner .nav .main-menu li.main-li a span { display: block; color: #b09866; line-height: 120%; font-size: 10px; }
#header-inner .nav .nav-btn { float: right; width: 260px;}
#header-inner .nav .nav-btn li { float: left; width: 130px; position: relative; cursor: pointer; z-index: 5000; }
#header-inner .nav .nav-btn li .dropdown { display: none; position: absolute; top: 111px; z-index: 1000; right: 0; width: 260px; background: #fff;}
#header-inner .nav .nav-btn li .dropdown a { display: block; padding: 20px; cursor:pointer;}
#header-inner .nav .nav-btn li .dropdown a.top { border-bottom: 1px solid #ada06e;}
#header-inner .nav .nav-btn li .dropdown a img { padding: 0 35px 0 0;}
#header-inner .nav .nav-btn li a.btn01 { display: block; width: 100%; font-size: 14px; text-align: center; font-family: "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; padding: 65px 0 22px;}
#header-inner .nav .nav-btn li.h_btn-red a.btn01 { color: #fff; background: url(../images/common/icn_06.png) center 25px no-repeat #ada06e; }
#header-inner .nav .nav-btn li.h_btn-gold a.btn01 { color: #fff; background: url(../images/common/icn_07.png) center 25px no-repeat #b1171d; }


/* ------------------------------------------------------------index.css bread */

#bread { padding: 12px 0; background: #2a2a2a;  }
#bread ol { padding: 0; font-family: "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
#bread ol li { list-style-type: none; display: inline-block;* display: inline;* zoom: 1; }
#bread ol li a { background: url(../images/common/bread.png) right center no-repeat; padding: 0 25px 0 5px; color: #b09866; font-size: 14px; background-size: 14px auto;}
#bread ol li strong { font-size: 14px; padding: 0 5px; color: #fff; }

/* ------------------------------------------------------------ pager */

#pager { text-align: center; padding: 20px 0; font-size: 16px; 
font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
#pager ul span,
#pager ul .number a { display: inline-block; *display: inline; *zoom: 1; width: 41px; padding: 7px 0; margin: 0 3px; color: #fff; color: #b1171d; border: 1px solid #b1171d; }
#pager ul span { background: none; color: #41a3b4;  border: none; margin: 0;  color: #b1171d; }

/* ------------------------------------------------------------ footer */

#f_container { padding: 90px 40px; background: #f4f4f0; min-width: 1020px;}
#footer { padding: 90px 0 0; font-size: 14px;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; 
}
#f_links div { float: left; text-align: left; }
#f_links div a { color: #000; }
#f_links .link-top { width: 150px; }
#f_links .link-top h5 { padding: 0 0 6px; font-size: 14px; }
#f_links .link-top ul li { padding: 6px 0; }
#f_links .link-others h5 { padding: 0 0 10px; font-size: 14px; }
#f_links .link-others ul li { padding: 4px 0 4px 15px; background: url(../images/common/icn_01.png) no-repeat left center; font-size: 12px; }
#f_links .big { width: 190px; }
#f_links .med { width: 160px; }
#f_links .small { width: 140px; }
#f_logo { padding: 90px 0 0; text-align: center; }
#footer address { font-size: 10px; color: #767676; padding: 30px 0; font-weight: bold; text-align: center;
	font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
}

#fixed-foot { position: fixed; bottom: 10px; right: 26px; width: 338px; text-align: center; }
#fixed-foot img { cursor: pointer; }

/* ------------------------------------------------------------ 20180803追加 */

#notice { width: 800px; margin: 30px auto 30px; border: 1px solid #000; padding: 20px; text-align: center;}
#notice h4 { font-size: 21px; font-weight: bold; text-align: center;}/*20190801 boldだけ追記*/									 
#notice p { text-align: left; font-size: 21px; font-weight: bold;}/*20190801 font-sizeを21に変更*/										 
#notice span { font-size: 20px; display: block; text-align: center;}
#notice small { font-size: 14px; display: block; text-align: left; }
#notice .small_center { font-size: 14px; display: block; text-align: center; }


/* ------------------------------------------------------------ 20180822追加 Lifestyle */

#comp_list {  }
#comp_list .inner {  }
#comp_list ul { margin: 0 0 0 -40px; }
#comp_list ul li { float: left; margin: 0 0 0 40px; width: 340px; background: #f1f1f1; }
#comp_list ul li img {  }
#comp_list ul li p { font-size: 14px; text-align: center; padding: 12px 0; }
#comp_list ul li p span { display: block; font-size: 16px; padding: 0; background: url(../images/common/icn_00.png) no-repeat 80px 4px }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

/* ------------------------------------------------------------ common */
.movies { padding: 40px 0; }
.movies .inner { width: 90%; }
.movies p.btn-red a { width: 230px; height: 50px; line-height: 50px; font-size: 16px; margin: 30px 0; }

.PC { display: none;}
.SP { display: block;}
.inner 	{ width: 94%; padding: 0 3%; }

h3.h3-main { padding: 0 0 20px; font-size: 24px; }

body#top { min-width: inherit; }

.btn-gold { text-align: center; padding: 20px 0 0; }
.btn-gold span { width: 80%; background-size: contain !important; max-width: 320px; }

.btn-gold2 a { width: 80%; background-size: contain !important; max-width: 420px; }

.btn-black { padding: 30px 0; }
.btn-black a { width: 80%; height: 40px; line-height: 40px; color: #fff; font-size: 14px; background: url(../images/common/btn-black_sp.png) no-repeat 96% center #000; background-size: 11px 18px; max-width: 340px; }

.slick-slide img { width: 299px; height: auto; }
#wrap { padding: 98px 0 10px !important; }

#firstview { margin: 60px 0 0; }
 
/* ------------------------------------------------------------ header */
#main-wrapper { margin-top: 0; }
#header { padding: 14px 3%; position: fixed; z-index: 9999; width: auto; left: 0; right: 0; top: 0; min-width: inherit; }
#header-inner { margin: 0 auto; }
#header-inner .logo { float: left; width: 190px; padding: 0; background: none;}
.nav-btn {  padding: 20px 0 10px; text-align: center; }
.nav-btn p { display: inline-block; *display: inline; *zoom: 1; width: 40%; max-width: 215px; padding: 0 5px; }
.nav-btn p a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 14px; text-align: center;
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}
.nav-btn p.h_btn-red a { color: #fff; background: #b1171d; }
.nav-btn p.h_btn-gold a { color: #fff; background: url(../images/header/btn-gold.png) no-repeat center center; background-size: cover }

/* ------------------------------------------------------------ bread */

#bread { padding: 5px 0;}
#bread ol li a, #bread ol li strong { font-size: 12px; }
#bread ol li a { background: url(../images/common/bread_sp.png) right center no-repeat; background-size: 13px 25px; }

/* ------------------------------------------------------------ footer */

#f_container { padding: 20px 3%; min-width: inherit;}
#footer { padding: 0 0 50px; }
#footer .inner { width: 100%; padding: 0 0 5px; }
#f_links { border-bottom: 1px solid #f4f4f0; }
#f_links h5 { padding: 10px 3% !important; border-top: 1px solid #f4f4f0; }
#f_links h5 img { float: right; margin: 6px 2px 0 0; }
#f_links .link-top { float: none; width: 100%; padding: 0; }
#f_links .link-top ul li { padding: 12px 3%; border-top: 1px solid #f4f4f0; }
#f_links .link-top ul li a { display: block; }
#f_links .link-others { float: none; width: 100%; padding: 0; }
#f_links .link-others ul { display: none; }
#f_links .link-others ul li { background: url(../images/common/icn_01_sp.png) no-repeat 3% center; background-size: 6px 10px; padding: 8px 0 8px 8% }
#f_links .link-others ul li a { display: block;  }

#fixed-foot { position: fixed; bottom: 0; right:0; width: 100%; text-align: center; }
#fixed-foot ul li { float: left; width: 50%; background: #b1171d; height: 42px; }
#fixed-foot ul li a { display: block; color: #fff; height: 43px; line-height: 42px; font-size: 16px;}
#fixed-foot ul li a img { margin-right: 5%; vertical-align: middle; }
#fixed-foot ul li:first-child a {  border-right: 1px solid #fff; }

/* ------------------------------------------------------------ 20180803追加 */

#notice { width: 94%; margin: 30px auto; border: 1px solid #000; padding: 3%; box-sizing: border-box; }
#notice h4 { font-size: 17px; text-align: center; padding: 0 0 10px;}
#notice p { text-align: center; font-size: 14px; text-align: left;}
#notice span { font-size: 18px; display: block; text-align: center; padding: 0 0 10px;}


/* ------------------------------------------------------------ global nav */

#menu-btn { display: block; z-index: 999; float: right; padding: 8px 1% 0; }
#menu-btn img { width: 25px; height: auto; display: inline !important; }

#open_modal					{ cursor: pointer; display: block;}

.fixed 						{ position: fixed; }
#mask 						{ display: none; height: 100%; width: 100%; height: 100%; min-height: 100%; background: #c32223; position: fixed; /*opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.70;*/ top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

/* #open_modal 				{ cursor: pointer; right: 10px; top: 10px; z-index: 999; position: fixed; } */
#navigation 				{ text-align: center; margin: 0 auto; top: 0; right: 0; left: 0; margin: 0; z-index: 9999; position: relative; display: none; background: #c32223; }
#menu-header				{ padding: 40px 0; background: #c32223; position: relative;}
#navigation #menu-header a img { width: 40%; height: auto; padding: 0 0 5px; max-width: 244px; }
#navigation #menu-header a { color: #fff; text-align: center; }
#navigation #menu-header img.close_modal { position: absolute; top: 20px; right: 6%; cursor: pointer; }
#navigation ul#main-menu 			{ font-size: 14px; z-index: 999; width: 80%; padding: 0 10% 30px; background: #c32223;}
#navigation ul#main-menu li.cfx 	{ width: 100%; font-size: 16px; color: #fff; border-bottom: 1px solid #fff; text-align: left; padding: 0 0 8px;  }
#navigation ul#main-menu li.cfx a 	{ color: #fff; text-align: left; padding: 25px 0 8px; display: inline-block; *display: inline; *zoom: 1; width: 80%; line-height: 100%; }
#navigation ul#main-menu li.cfx img { float: right; margin-top: 25px; cursor: pointer; }
#navigation ul#main-menu li.cfx ul { display: none; }
#navigation ul#main-menu li.cfx ul li { background: url(../images/common/submenu.png) no-repeat 2% center; background-size: 5px 9px; }
#navigation ul#main-menu li.cfx ul li a { display: block; width: 100%;  color: white; padding: 10px 6%; }
#navigation p#close 		{ background: #2d2d2d; color: #fff; padding: 15px 0; }
#header-close 				{ position: absolute; top:20px; right: 10px;}
#navigation .lang	{ padding: 0 0 40px; }
#navigation .lang li { color: #fff; font-size: 14px; display: inline; } 
#navigation .lang li a { color: #fff; font-size: 14px;} 


/* ------------------------------------------------------------ 20180822追加 Lifestyle */

#comp_list {  }
#comp_list .inner { width: 94%; }
#comp_list ul { margin: 0 auto; }
#comp_list ul li { float: none; margin: 3% auto; width: 100%; }
#comp_list ul li:first-child { margin: 0 auto; }
#comp_list ul li img { width: 50%; height: auto; float: left; }
#comp_list ul li p { display: block; font-size: 14px; padding: 1%; float: left; width: 50%; box-sizing: border-box; }
#comp_list ul li p span { display: block; padding: 0 0 5px 22px; background: url(../images/common/icn_00.png) no-repeat left 2px; width: 145px; margin: 0 auto; font-size: 13px; text-align: left; }

}

@media only screen and (orientation : portrait) { 
	#navigation 			{ position: absolute; top:0; margin: 0 0 0; right: 0; left: 0; }
}