@charset "utf-8";
/* *********************************
000:RESET
001:BASIC
002:TEASER
003:
004:
005:
006:
007:
008:
100:RESPONSIVE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */
/* FONT-FAMILY */
html,
body,
input,textarea,select{font-family: 'Noto Serif JP', serif;}

/* BASIC */
body{margin:0 auto;text-align:center;font-size:14px;color:#303F46;padding:0;line-height: 1;-webkit-text-size-adjust: 100%; background: #000;}

input[type="radio"],input[type="checkbox"]{position: relative;top: 2px;margin-right: 2px;}
strong{font-weight:bold;}
em{color:#fff;/*#F86C6B*/ font-style:normal; font-weight: bold;}
a{text-decoration: none;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}
input{border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/* *********************************
/* 002:TEASER
*********************************** */
.popup-wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
.popup-wrap.active {
  opacity: 1;
  visibility: visible;
}
.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 50%;
  min-width: 500px;
  background-color: #fff;
  padding: 60px 30px;
  text-align: center;
  line-height: 1.6;
}

.popup-content dl dt{font-weight: bold; margin-bottom: 16px;font-size: 16px;}
.popup-content dl dt span{font-size: 12px; display: block;}
.popup-content dl dd ul{display: table; margin: 0 auto;}
.popup-content dl dd ul li{display: table-cell; padding: 0 10px; vertical-align: top;}
.popup-content dl dd ul li input{cursor: pointer; background:#C3A656; color: #FFF; display: inline-block; padding: 10px 8px; width: 8em; height: 42px; font-weight: bold; font-size: 12px; border:none; line-height: 1.1;}
.popup-content dl dd ul li a{background:#BBB; color: #FFF; display: inline-block; padding: 13px 8px 0; width: 8em; height: 42px; font-weight: bold; border: none; font-size: 12px; line-height: 1.1; }
.popup-content dl dd ul li input:hover{background:#7A652C;}
.popup-content dl dd ul li a:hover{background:#666;}

/* *********************************
/* 003:LANDING PAGE
*********************************** */
#header{background: #050505; margin-bottom: 40px; position: relative;}
#header h1{width: 100%; max-width: 1200px; margin: 0 auto;}
#header h1 img{width: 100%; height: auto;}
#header h1 .himg1 { display: block; }
#header h1 .himg2 { display: none; }
#header .logos{display: table;position: absolute; right: 0; bottom: 54px;}
#header .logos li{display: table-cell; padding: 0 6px; width: 60px;}
#header .logos li img{width: 100%; height: auto;}
#privacy #header{margin-bottom: 0;}
#privacy .box{text-align: left;}

.btnBox{text-align: center; width: 100%; max-width: 300px; margin: 0 auto; overflow: hidden;}
.btnBox a{display: block; color: #FFF; font-weight: 700;background: #C3A656; text-shadow: -1px -1px 0 #7A652C;margin-bottom: 0; border-bottom: 3px solid #7A652C; border-radius:8px; padding: 12px 8px;overflow: hidden;transition: 300ms;position: relative;}
.btnBox a:hover{background: #A5883A; border-bottom: 1px solid #7A652C;padding: 14px 8px 12px;transition: 0ms; margin-bottom: 0;}
.btnBox a::before {position: absolute;content: '';display: inline-block;top: -180px;left: 0;width: 30px;height: 100%;background-color: #F3EDDD;transition: 300ms;animation: shinyshiny 3.5s ease-in-out infinite;}
@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


#footer .copy{color: #666; font-size: 12px; padding-bottom: 16px;}

#main .section{padding: 56px 8px 56px;margin-bottom: 24px;}
#main .section.bgW{background: rgba(255, 255, 255, 0.35);}
#main .section.bgG{background: rgba(255, 255, 255, 0.15);}
#main .section .sectionInner{width: 98%; max-width: 1200px; margin: 0 auto;}
#main .section .sectionInner.sizeM{width: 98%; max-width: 1000px; margin: 0 auto;}
#main .section .sectionInner.sizeS{width: 98%; max-width: 880px; margin: 0 auto;}
#main .section .box{line-height: 1.8; color: #FFF;}
#main .section .box.lead { max-width: 720px; width: 98%; margin: auto; line-height: 1.6;}
#main .section .box.lead br { display: none; }
#main .section .box.lead br.br1 { display: inline; }
#main .section.bgW .box{color: #000;}
#main .section h2{position: relative;text-align: center;padding: 0.6em 1.5em;font-weight: bold;font-size: 22px;color: #C3A656;display: inline-block;margin-bottom: 24px;}
#main .section h2::before, #main .section h2::after{position: absolute;content: '';width: 16px;height: 16px;}
#main .section h2::before {left: 0;top: 0;border-top: #C3A656 solid 3px;border-left: #C3A656 solid 3px;}
#main .section h2::after {right: 0;bottom: 0;border-right: #C3A656 solid 3px;border-bottom: #C3A656 solid 3px;}

#main .section .cocktail{padding-top: 40px;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#main .section .cocktail li{width: 98%;position: relative;background: rgba(255, 255, 255, 0.9);overflow: visible;margin: 0 1% 80px;padding: 4em 1.5em 1.6em;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);text-align: left;}
#main .section .cocktail li .ctImg01{width: 25%; float: right;}
#main .section .cocktail li .ctImg01 img{width: 100%; height: auto;}
#main .section .cocktail li .flL{width: 73%; padding:8px 0 0 0; float: left;}
#main .section .cocktail li .ttl{font-size: 18px; line-height: 1.4; margin-bottom: 8px; font-weight: bold;}
#main .section .cocktail li p.ttl{padding: 10px 8px;}
#main .section .cocktail li dl dd{font-size: 13px; line-height: 1.4;}
#main .section .cocktail li dl dd.mb{margin-bottom: 24px;}
#main .section .cocktail li dl dd strong{font-weight: bold; color:#C3A656; }
#main .section .cocktail li dl dd.lnk{text-align: center;}
#main .section .cocktail li dl dd.lnk a{border: 3px solid #C3A656; display: block; padding: 10px 8px; font-weight: bold;color:#C3A656;}
#main .section .cocktail li dl dd.lnk a:hover{background: #C3A656; color: #FFF;}
#main .section .ribbon2{position: absolute;top: -15px;display: block;width: calc(100% + 20px);padding: 18px 8px;margin-right: -11px;margin-left: -1.74em;text-align: center;color: #FFF;background: #C3A656;font-size: 18px;}
#main .section .ribbon2.slv {background: #777;}
#main .section .ribbon2:before, #main .section .ribbon2:after{position: absolute;content: '';}
#main .section .ribbon2:before{bottom: -10px;left: 0;width: 0;height: 0;border-top: 10px solid #A5883A;border-left: 10px solid transparent;}
#main .section .ribbon2:after{right: 0;bottom: -10px;width: 0;height: 0;border-top: 10px solid #A5883A;border-right: 10px solid transparent;}
#main .section .ribbon2.slv:before{border-top: 10px solid #444;}
#main .section .ribbon2.slv:after{border-top: 10px solid #444;}

#main .section .box p{margin-bottom: 1.6em; font-size: 15px;}
#main .section .box p strong{display: inline-block; padding: 8px 0; color: #C3A656; font-size: 17px;}
#main .section .box.lead p strong { padding: 0; }
#main .section .box .inner{display: block;position: relative;margin: 15px auto 40px;padding: 10px 0;background: #333;text-align: left;}
#main .section .box .inner dl{padding: 0 40px; margin-bottom: 16px;}
#main .section .box .inner dl dt{font-weight: bold; color:#C3A656; }
#main .section .box .inner dl dd.ttl{font-size: 18px;}

#main .section .box.gaiyou a { color: #fff; text-decoration: underline; }
#main .section .box.gaiyou a:hover { color: #C3A656; text-decoration: none; }
#main .section .box.gaiyou .btnBox { margin-left: 0; text-align: left; }
#main .section .box.gaiyou .btnBox a { display: inline-block; text-decoration: none; padding: .75em 3em; line-height: 1.1; }
#main .section .box.gaiyou .btnBox a:hover{ color: #fff; }

#main .section .box.gaiyou .btnBox2 {margin-left: 0; text-align: left; width: 100%; min-width: 160px; overflow: hidden;}
#main .section .box.gaiyou .btnBox2 a {display: inline-block; color: #006f97; min-width: 160px; text-align: center; font-weight: 700; background: #e8f1f5; margin-bottom: 0; padding: .4em 2em .6em; text-decoration: none; line-height: 1.1; }
#main .section .box.gaiyou .btnBox2 a:hover{background: #fff;}


#main .section .box.gaiyou { padding: 32px; text-align: left; }
#main .section .gdl1 { margin: 0 auto 48px; }
#main .section .gdt1 { font-size: 17px; line-height: 1.5; color: #C3A656; }
#main .section .gdd1 { font-size: 15px; }
#main .section .gdd1_img1 img { width: 240px; max-width: 100%; height: auto; }
#main .section .gdd1_img2 img { width: 100px; max-width: 100%; height: auto; }
#main .section .gdd1_img3 img { width: 120px; max-width: 100%; height: auto; }

#main .section .gdd1 small { font-size: 15px;}

#main .section .gdl2 { margin: 0 auto 32px; }
#main .section .gdt2 { font-weight: 700;}

#main .section .gdt2_1 { display: inline-block; margin-top: .5em; padding: .4em 1em; background-color: #777; line-height: 1.1; }
#main .section .gdt2_2 { display: inline-block; margin-top: .5em; padding: .4em 1em; background-color: #C3A656; color: #000; line-height: 1.1; }

#main .section .gdl3 { margin: 0 auto 24px;}
#main .section .gdt3 { margin-top: 16px; font-weight: 700;}
#main .section .gdd3_img1 img { width: 160px; max-width: 100%; height: auto; }
#main .section .gdd3_img2 img { width: 640px; max-width: 100%; height: auto; }

#main .section .gdd3_1 { display: inline-block; padding-top: 1em; }
#main .section .gdd3 b { }

#main .section .gtb1 { border-spacing: 0; }
#main .section .gtb1 th { text-align: right; font-weight: 400px; }
#main .section .gul1 { list-style: disc; padding-left: 1.5em; }
#main .section .gul1 li {}

#main .section .aside_box1 { background-color: #424242; padding: 8px; font-size: 13px; line-height: 1.5; }
#main .section .aside_box1 blockquote { padding-left: 1em; }

#main .section .ribbon{display: inline-block;position: relative;box-sizing: border-box;padding: 5px 0;margin: 0 0 24px -20px;width: calc(100% + 20px);color: #FFF;background: #C3A656;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);text-align: center;}
#main .section .ribbon.slv {background: #777;}
#main .section .ribbon h3{font-size: 18px;margin: 0;padding: 0 30px 0 15px;}
#main .section .ribbon:after{position: absolute;content: '';z-index: 1;top: 0;right: 0;width: 0px;height: 0px;border-width: 23px 15px 23px 0px;border-color: transparent #333 transparent transparent;border-style: solid;}
#main .section .ribbon:before{position: absolute;content: '';top: 100%;left: 0;border: none;border-bottom: solid 15px transparent;border-right: solid 20px #A5883A;}
#main .section .ribbon.slv:before{border-right: solid 20px #444;}

#main .section .box .rule{text-align: left; font-size: 15px; width: 100%; max-width: 840px; margin: 0 auto; padding-left: 1em;}
#main .section .box .rule li{margin-bottom: 0.5em; line-height: 1.4;}
#main .section .box .rule li strong{color: #C3A656;}
#main .section .box .rule li a{color: #C3A656; text-decoration: underline;}
#main .section .box .rule li a:hover{color: #D9C695; text-decoration: none;}

#main .section .box.entry dl{margin-bottom: 24px; width: 100%;border-top:1px solid #999;}
#main .section .box.entry dl dt,
#main .section .box.entry dl dd{text-align: left; padding:10px 16px;}
#main .section .box.entry dl dt{border-bottom:1px solid #000;width: 12em;font-weight: bold;}
#main .section .box.entry dl dd{border-top:1px solid #444;}
#main .section .box.entry dl dd strong{font-weight: bold; color: #C3A656;}
#main .section .box.entry dl dd a{color: #C3A656; text-decoration: underline;}
#main .section .box.entry dl dd a:hover{color: #D9C695; text-decoration: none;}


#main .section .sectionInner .box .prvInner{width: 98%; max-width: 880px; margin: 0 auto; text-align: left;}
#main .section .sectionInner .box .prvInner dl{margin-bottom: 40px; font-size: 15px;}
#main .section .sectionInner .box .prvInner dl dt{font-weight: bold; color: #C3A656; margin-bottom: 10px;}

#main .section .sectionInner .box .prvInner dl dd ul{margin-left:1em; padding-top: 16px; margin-bottom: 8px;}
#main .section .sectionInner .box .prvInner dl dd ul li{margin-bottom: 8px; line-height: 1.4;}
#main .section .sectionInner .box .prvInner dl dd ul li:before{content: '・';margin-left:-1em;}

/* *********************************
/* 100:RESPONSIVE
*********************************** */
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 640px) {
#header{margin-bottom: 80px;}
#header h1{margin-bottom: 24px;}
#header .logos{bottom: 80px;}
#header .logos li{padding: 0 8px; width: 80px;}
#privacy #header{margin-bottom: 0;}
#privacy #header h1{margin-bottom: 24px; max-width: 600px;}

#header h1 .himg1 { display: none; }
#header h1 .himg2 { display: block; }

.btnBox{max-width: 480px;}
.btnBox a{padding: 24px 8px; font-size: 15px;}
.btnBox a:hover{padding: 26px 8px 24px;}

.btnBox2 {}
.btnBox2 a { padding: 24px 8px; font-size: 15px; }
.btnBox2 a:hover { padding: 26px 8px 24px; }

#main .section h2{padding: 0.6em 2em;font-size: 28px;}
#main .section h2::before, #main .section h2::after{width: 24px;height: 24px;}
#main .section .box p{font-size: 17px;}
#main .section .box p strong{font-size: 18px;}

#main .section .cocktail li{width: 47%;float: left;margin: 0 1.5% 80px;padding: 4em 1.5em 1.6em;}
#main .section .cocktail li .ttl{font-size: 20px;}
#main .section .cocktail li p.ttl{padding: 10px 16px;}
#main .section .cocktail li dl dd{font-size: 14px; line-height: 1.4;}
#main .section .ribbon2{margin-right: -10px;margin-left: -1.55em;font-size: 20px;}
#main .section .ribbon h3{font-size: 20px;}
#main .section .box .inner dl dd.ttl{font-size: 20px;}

#main .section .box.entry dl{display: table;border-top: none;}
#main .section .box.entry dl dt,
#main .section .box.entry dl dd{display: table-cell; text-align: left; padding: 16px;}
#main .section .box.entry dl dt{border-right:1px solid #000;width: 12em;border-bottom: none;}
#main .section .box.entry dl dd{border-left:1px solid #444;border-top: none;}

}

@media screen and (min-width: 768px) {
#header .logos{bottom: 80px;}
#header .logos li{width: 104px;}
#main .section .box.lead br { display: inline; }

#main .section .gdl1 { display: table; max-width: 1280px; width: 100%; }
#main .section .gdl1.gdl1b { max-width: 640px; }
#main .section .gdt1,
#main .section .gdd1 { display: table-cell; vertical-align: top; }
#main .section .gdd1 { font-size: 17px; }
#main .section .gdt1 { width: 24%; padding-right: 2%; border-right: 1px solid #000; text-align: left; }
#main .section .gdd1 { width: 76%; padding-left: 2%; border-left: 1px solid #444; text-align: left; }
#main .section .gdl1b .gdt1 { width: 50%; text-align: right; }
#main .section .gdl1b .gdd1 { width: 50%; }
#main .section .gdt2_1 { margin-top: 0; }
#main .section .gdt2_2 { margin-top: 0; }

#main .section .gdd2 { padding-left: .5em;}
#main .section .gdl3 { padding-left: .5em; }
#main .section .gdd3 { padding-left: 1em; }

}

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

}

/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}