@charset "utf-8";

/* ------------------------------
   Universal Reset
   Default Style
   Contents
   Responsive Style
   Common
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;}
input,select,textarea{margin:0;padding:0;vertical-align:middle;}
input,textarea{-webkit-appearance:none;appearance:none;}
input[type="submit"]{border:none;border-radius:0;}
input[type="radio"]{-webkit-appearance:radio;appearance:radio;}
input[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox;}
option{padding-right:5px;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Default Style
==================================================================*/
html{font-size: 62.5%;}
body{height:auto;margin:0 auto;font-size:16px;color:#000000;font-family:'Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ",sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}
a{color:#0252b1;}
a:hover, a:active{color:#dac67c;}
img,input[type="image"]{max-width:100%;}

/*========== form ==========*/
input,select,textarea{width:100%;font-size:16px;font-family:"Meiryo","メイリオ",sans-serif;}
input[type="submit"],input[type="button"],input[type="file"]{line-height:1;}
input[type="text"],input[type="search"],input[type="tel"],input[type="url"],input[type="email"],input[type="password"],
input[type="number"],input[type="range"],input[type="color"],
input[type="datetime"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime-local"],
select,textarea{padding:0.3em 0.5em;border:solid 1px #000;}
input[type="radio"],input[type="checkbox"]{vertical-align:text-bottom;width:1em;height:1em;margin-right:1rem;}
input::placeholder,input::-webkit-input-placeholder{font-size:16px;}
/* selectwrap , checkwrap */
.selectwrap, .checkwrap{position: relative;}
.selectwrap > select, .checkwrap > input[type="checkbox"]{-webkit-appearance: none;appearance: none;}
.selectwrap > select{background:#FFF;}
.selectwrap > select > option{background:#F0F0F0;}
.selectwrap::after{position:absolute;content:'\f078';right:0.5em;top:50%;transform:translateY(-50%);color:#af0006;font-family: "Font Awesome 5 Free";font-weight: 900;}
.checkwrap > input[type="checkbox"]::before{content: "";display: block;position: absolute;top: 0.1em;left: 0;width: 1em;height: 1em;background:#FFF;border:0.1rem solid #000;}
.checkwrap > input[type="checkbox"]:checked::after{content: "";display: block;position: absolute;top:0.15em;left:0.3em;width:0.3em;height:0.6em;transform: rotate(40deg);
 border-bottom: 0.4rem solid #FF0000;
 border-right: 0.4rem solid #FF0000;}


/*==================================================================
   Contents
==================================================================*/
/*========== header ==========*/
#header{position:fixed;left:0;bottom:0;width:100%;color:#FFF;background:#af0006;border-bottom:0.5rem solid #000000;z-index: 999;}
/* only state_out */
#state_out #header{position:sticky;top:0;bottom:auto;}
#state_out #header > .inner{display:flex;justify-content: space-between;align-items: center;max-width:1000px;margin:0 auto;padding:0.5em 1em;}
#state_out #header > .inner p.logo{width:20%;max-width:11rem;}
#state_out #header > .inner p.logo > a{display: block;}
#state_out #header > .inner p.btn_login{width:35%;max-width:20rem;}
#state_out #header > .inner p.btn_login > a{display:block;color:#FFF;font-size:0.8em;font-weight:bold;line-height:1.2;text-align:center;text-indent:-1.5em;padding:0.6em 0.6em 0.6em 3em;border-radius:0.5rem;
 background:#000000 url(/LP/118/icon_login.png) left 1em center / 1.2em no-repeat;}
#state_out #header > .inner p.btn_login > a:hover{background-color:#760704;}

/*========== footer ==========*/
#footer{width:100%;color:#FFF;padding-bottom:1.5em;background:#af0006;}
#footer nav{max-width:1000px;margin:0 auto;}
#footer nav > ul.fnav{display: flex;justify-content:center;flex-wrap:wrap;width:100%;}
#footer nav > ul.fnav > li{width:100%;}
#footer nav > ul.fnav > li a{display:block;color:#FFF;padding:1em;border-bottom:0.1rem solid #af0006;}
#footer nav > ul.fnav > li a::before{content:"\f0da";font-family:"Font Awesome 5 Free";font-weight:900;margin-right:0.5em;}
#footer p.copyright{font-size: 0.8em;text-align: center;margin-top:1em;}

/*========== main ==========*/
#contents{position:relative;min-height:80vh;color:#000000;position:relative;}
#contents > .inner{max-width:1000px;margin:0 auto;padding: 1.5em 1em 12rem;}
/* only state_out */
#state_out #contents > .inner{padding-top:2em;}

/*========== title ==========*/
.ttl_01{position:relative;color:#000000;font-size:1.5em;font-weight:bold;text-align:center;margin-bottom:1.5em;}
.ttl_01.red{color:#af0006;}
.ttl_01.green{color:#268300;}
.ttl_01.blue{color:#0252b1;}
.ttl_02{position:relative;color:#000000;font-size:1.2em;font-weight:bold;text-align:left;margin-bottom:1em;}
.ttl_02.red{color:#af0006;}
.ttl_02.green{color:#268300;}
.ttl_02.blue{color:#0252b1;}

/*========== button ==========*/
/*---- btn_01 #268300 ----*/
.btn_01 a,
.btn_01 button,
.btn_01 input[type="submit"]{display:block;width:80%;max-width:320px;color:#FFF;font-size:1.6rem;font-weight:bold;text-align:center;line-height: 1;margin:1.5em auto;padding:0.8em;background:#268300;border:none;border-radius:0.5rem;cursor: pointer;}
.btn_01 a:hover,
.btn_01 button:hover,
.btn_01 input[type="submit"]:hover{background:#175200;}

/*---- btn_02 #af0006 ----*/
.btn_02 a,
.btn_02 button,
.btn_02 input[type="submit"]{display:block;width:80%;max-width:320px;color:#FFF;font-size:1.6rem;font-weight:bold;text-align:center;line-height: 1;margin:1.5em auto;padding:0.8em;background:#af0006;border:none;border-radius:0.5rem;cursor: pointer;}
.btn_02 a:hover,
.btn_02 button:hover,
.btn_02 input[type="submit"]:hover{background:#910005;}

/*---- btn_pagetop ----*/
.btn_pagetop a{position:fixed;bottom:8rem;right:1.2rem;width:10%;max-width:50px;z-index:997;}
.btn_pagetop img{max-width:100%;}

/*-- btn_line --*/
.btn_line a,
.btn_line input[type="submit"]{display:block;width:80%;max-width:320px;color:#fff !important;font-size:1.6rem;font-weight: bold;text-align:center;line-height:1;margin:1.5em auto;padding:0.8em;border-radius:1rem;
 background:#00b900 url(../img/icon_line.png) no-repeat;
 background-size:auto 70%;
 background-position: calc(50% - 80px);}

/*========== box ==========*/
/*---- box_01 redbox ----*/
.box_01{color:#e82f05;font-weight:bold;text-align:center;padding:1em;background:#FFF;border:0.2rem solid #e82f05;border-radius:0.5rem;}

/*---- box_02 colorbox ----*/
dl.box_02{margin-bottom:1.5em;}
dl.box_02 > dt{color:#FFF;font-weight:bold;padding:0.5em 0.8em;background:#af0006;}
dl.box_02 > dt > .date{margin-right:1em;}
dl.box_02 > dt > span{display: inline-block;}
dl.box_02 > dd{color:#333;padding:0.8em;background:#FFF;border: 2px solid #e8e7e0;}

/*---- box_03 btmborderbox ----*/
dl.box_03 > dt{font-size:1.1em;font-weight:bold;padding:0.5em 0;border-bottom:2px solid #268300;}
dl.box_03 > dd{padding:0.5em 0;margin-bottom:1.5em;}

/*========== list ==========*/
ul.list_number,
ol.list_number{list-style-type:decimal;margin-left:1.5em;}
ul.list_disc{list-style-type: disc;margin-left:1.5em;}

/*--- list_01 汎用 ---*/
.list_01 > li:not(:last-child){margin-bottom:1em;}

/*--- list_notes ---*/
ul.list_notes > li{color:#5b5750;text-align:left;padding-left:1em;margin-bottom:0.3em;}
ul.list_notes > li:before{content:"※";margin-left:-1em;}

/*----- list_terms -----*/
dl.list_terms{text-align: left;}
dl.list_terms > dt{font-size: 1.1em;font-weight:bold;margin-bottom:0.5em;}
dl.list_terms > dd{margin-bottom:1.5em;text-align: justify;}
dl.list_terms > dd > ul > li,
dl.list_terms > dd > ol > li{margin:10px 0;}

/*========== table ==========*/ 
/*---- tbl_01 sitecolortable ----*/
table.tbl_01{width:100%;border-bottom: 1px solid #e8e6e2;}
table.tbl_01 th,
table.tbl_01 td {display: block;width: 100%;padding:0.8em 1em;background:#f9f8f7;border: 1px solid #e8e6e2;border-bottom: none;border-collapse: collapse;}
table.tbl_01 th {color:#FFF;font-weight:bold;background:#af0006;}
table.tbl_01 td > input,
table.tbl_01 td > textarea{border-color: #CCC;}

/*========== overlay ==========*/
/*-- overlay_01 standard --*/
.overlay_01{position:fixed;width: 100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);display:none;z-index:9999;}
.overlay_01 .inner{position:absolute;top:50%;left: 0;right: 0;width: 90%;max-width: 360px;margin: auto;padding:2rem 1rem;color:#333;text-align: center;background: #FFF;border-radius:0.8em;
 -ms-transform: translateY(-50%);
 -webkit-transform : translateY(-50%);
 transform : translateY(-50%);}
.overlay_01 .inner > h3{font-size:1.4rem;font-weight:bold;margin-bottom:0.5em;}
.overlay_01 .inner > p{font-size:1.2rem;}
.overlay_01 .inner > p[class^="btn_"] > a{font-size:1.4rem !important;margin-bottom:0;}
.overlay_01 .inner > p.close{position: absolute;right: -0.5em;top: -1em;color: #af0006;font-size: 1.4rem;line-height: 1;width: 2.5em;height: 2.5em;background: #FFF;border: 5px solid #af0006;border-radius: 50%;cursor: pointer;}
.overlay_01 .inner > p.close > i {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}


/*==================================================================
   Responsive Style 320px以下 
==================================================================*/
@media screen and (max-width: 320px) {
body{font-size:3.6vw;}
   
/**/}/* 320px以下  end*/
/*==================================================================
   Responsive Style 768px以下
==================================================================*/
@media screen and (max-width: 768px) {
.view_pc{display: none !important;}

/* hover reset  for ios */
a:hover,input[type="submit"]{opacity: 1 !important;}
a:hover:after,input[type="submit"]:hover:after,
a:active:after,input[type="submit"]:active:after,
a:focus:after,input[type="submit"]:focus:after{display: none;}

/**/}/* 768px以下 end */
/*==================================================================
   Responsive Style 769px以上　** PC & tablet11インチ以上 **
==================================================================*/
@media screen and (min-width: 769px) {
body{font-size:18px;}
.view_sp{display: none !important;}

/*========== PC header ==========*/
#header{position:sticky;top:0;bottom:auto;border-bottom:1rem solid #000000;}
/* only state_out */
#state_out #header > .inner{padding:0.5em 2.5rem;}
#state_out #header > .inner p.btn_login > a{font-size:1.8rem;}

/*========== PC footer ==========*/
#footer nav > ul.fnav{padding:3rem 0;}
#footer nav > ul.fnav > li{width:auto;}
#footer nav > ul.fnav > li:first-child{margin-right:0;}
#footer nav > ul.fnav > li a{display:inline-block;font-size:1.6rem;border-bottom:none;}
#footer nav > ul.fnav > li a:hover{color:#dbb259;}
#footer p.copyright{font-weight:bold;}

/*========== PC main ==========*/
#contents > .inner{padding:2em 2.5rem 12rem;}
/* only state_out */
#state_out #contents > .inner{padding-top:3em;}


/*========== PC contents ==========*/
/*--- button ---*/
.btn_pagetop a{bottom:1.2rem;}

/*--- table ---*/
table.tbl_01 th,
table.tbl_01 td{display: table-cell;}
table.tbl_01 th {width:35%;border-right:0;}
/*--- box_02 ---*/
dl.box_02.mailList > dd{display: flex;align-items: flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;}
dl.box_02.mailList > dd > .text{width:65%;margin-bottom:0;}
dl.box_02.mailList > dd > .btn{width:30%;margin-left: auto;}
/*--- list_btn ---*/
ul.list_btn.pc_clm2,ul.list_btn.pc_clm3,ul.list_btn.pc_clm4{display: flex;align-items:center;}
ul.list_btn.pc_clm2 > li{width:50%;}
ul.list_btn.pc_clm3 > li{width:33.3%;}
ul.list_btn.pc_clm4 > li{width:25%;}
ul.list_btn.pc_clm2 > li > a, ul.list_btn.pc_clm2 > li > button, ul.list_btn.pc_clm2 > li > input[type="submit"],
ul.list_btn.pc_clm3 > li > a, ul.list_btn.pc_clm3 > li > button, ul.list_btn.pc_clm3 > li > input[type="submit"],
ul.list_btn.pc_clm4 > li > a, ul.list_btn.pc_clm4 > li > button, ul.list_btn.pc_clm4 > li > input[type="submit"]{width:95%;max-width:100%;margin:1em auto;border-radius:10px;}
/*--- list_check ---*/
ul.list_check > li label{padding-left:5.6rem;}
ul.list_check > li label > span{display:table-cell;vertical-align: middle;}
ul.list_check > li label > span.text{width:75%;font-size:1.1em;padding:1em;}
ul.list_check > li label > span.price{width:25%;padding-top:0.5em;padding-right:1em;}
ul.list_check > li label span.text::before{left:1.4rem;width:2.8rem;height:2.8rem;}
ul.list_check > li label span.text::after{left:2rem;}
/*--- list_radio ---*/
ul.list_radio > li label{padding-left:5.6rem;}
ul.list_radio > li label > span.text:before{left:1.3rem;width:2.8rem;height:2.8rem;}
ul.list_radio > li label > span.text:after{left:1.5rem;width:2.4rem;height:2.4rem;}
/*--- list_campaign ---*/
ul.list_campaign > li > .data .detail {width:60%;margin-bottom:0em;}
ul.list_campaign > li > .data .btn_01{width:40%;}
/*--- list_hitresult ---*/
ul.list_hitresult > li{width:49%;}


/**/}/* 768px以上 end*/
/*==================================================================
   Responsive Style 1000px以上 ** PC Only **
==================================================================*/
@media screen and (min-width: 1000px) {

/*========== pc only footer ==========*/
#footer nav ul.fnav > li a{font-size:2rem;}

/*========== pc only contents ==========*/
input:not([type="submit"]),select,textarea{font-size:1em;}
input:not([type="submit"])::placeholder,textarea::placeholder{font-size:1em;}

/*--- button ---*/
.btn_01 > *,
.btn_02 > *{font-size:1.8rem !important;}

/*--- hover ---*/
a:hover,input[type="submit"]:hover{transition:0.2s;}

/**/}/* 1000px以上 end*/
/*==================================================================
   Common
==================================================================*/
/*========== text ==========*/ 
.f_SS{font-size:0.6em !important;}
.f_S{font-size:0.8em !important;}
.f_L{font-size:1.2em !important;}
.f_LL{font-size:1.5em !important;}

.f_red{color:#f20505 !important;}
.f_blue{color:#0252b1 !important;}
.f_green{color:#268300 !important;}
.f_yellow{color:#ffc600 !important;}
.f_gold{color:#dbb259 !important;}
.f_white{color:#FFFFFF !important;}
.f_bold{font-weight:bold !important;}

.tx_right{text-align: right !important;}
.tx_left{text-align: left !important;}
.tx_center{text-align: center !important;}
.tx_line{text-decoration: underline;}
.tx_inline > span{display: inline-block;}

.mb_0{margin-bottom: 0 !important;}
.mb_S{margin-bottom: 0.5em !important;}
.mb_M{margin-bottom: 1em !important;}
.mb_L{margin-bottom: 1.5em !important;}
.mb_LL{margin-bottom: 2em !important;}
.mr_S{margin-right:0.5em !important;}
.mr_M{margin-right:1em !important;}
.mr_L{margin-right:1.5em !important;}
.pt_0{padding-top:0 !important;}
.pb_0{padding-bottom:0 !important;}

.wd_auto{width:auto;}
.wd_50{width:50% !important;margin-left:auto;margin-right:auto;}
.wd_80{width:80% !important;margin-left:auto;margin-right:auto;}
.wd_90{width:90% !important;margin-left:auto;margin-right:auto;}

.area_01{padding:1em;}
.area_02{padding:2em 0;}
.area_flx{display: flex;align-items: center;justify-content: center;}

.bg_gray{background:#f2f1ed;}
.hr_01{margin:1rem auto;border:1px solid #e8e6e2;}
.errormsg{color:#ff4e00;font-weight:bold;}