@charset "UTF-8";
@import "reset.css";

/* layout
------------------------------------------------------ */
a {color: #BA0017;}
a.blue {color: #1261AA;}
a:hover {
	opacity: 0.8;
	text-decoration: none;
}


.red {color: #BA0017;}


div.pcHead,div.pcFoot,div.pcGnav{display:block;}
div.spHead,div.spFoot,div.spGnav{display:none;}
.pc{display: block;}
.sp{display: none;}


.bold {
  font-weight: bold;
}
.txtRed {
	color: #dd0000;
}
.mt15 {
	margin-top: 15px;
}

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


.wrap {
	width: 100%;
	margin:0px auto 50px;
	font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 1.4;
}

/* select　装飾リセット*/
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

select::-ms-expand {
  display: none;
}

/* index
------------------------------------------------------ */
.index_kv h1{
    width: 100%;
    display: block;
    margin: 0px auto;
    text-align: center;
}

    .index_kv h1 img{
        width: 100%;
        max-width: 1200px;
        height: auto;
        display: block;
        margin: 0px auto;
    }

.index_block_01{
    width: 100%;
    max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding: 40px 0px 0px;
}

    .index_block_01 img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }

    .index_block_01 .index_btn{
		max-width: 1000px;
		margin: 0px auto;
        padding: 0px 0px 65px;
    }

    .index_block_01 .index_tit{
		max-width: 368px;
		margin: 0px auto;
		padding:  0px 0px 30px;
    }

    .index_block_01 .index_tit2{
		max-width: 544px;
		margin: 0px auto;
		padding:  30px 0px 30px;
    }


    .index_block_01 .index_img{
        padding: 0px 0px 15px;
    }

    .index_block_01 .index_img2{
        padding: 0px 0px 70px;
    }

    .index_block_01 .index_link{
		width: 100%;
		text-align: right;
        padding: 0px 0px 70px;
    }


.index_block_02{
    width: 100%;
    display: block;
    margin: 0px auto;
    padding: 0px 0px 100px;
}

.index_choice{
    width: 90%;
    max-width: 800px;
    display: table;
    margin: 0px auto;
	background: #BA0017;
	border-radius: 10px;
}

	.index_choice_img{
		width: 470px;
		display: table-cell;
		vertical-align: middle;
		padding:30px; 
	}

	.index_select{
		width: 100%;
		display: table-cell;
		vertical-align: middle;
		padding:30px 30px 30px 0px; 
	}

	.index_select select{
		width: 100%;
		display: block;
		margin: 0px auto;
		padding: 10px;
		font-size: 24px;
		line-height: 1;
		border: none;
		background: url("../img/index_arrow.png") no-repeat center right #FFF;
	}


.index_choice_txt{
    width: 90%;
    max-width: 800px;
    display: block;
    margin: 0px auto;
    padding: 15px 0px 0px;
	font-size: 12px;
}


.index_block_03{
    width: 100%;
    max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding: 0px 0px 65px;
}

.index_accordion{
    display: block;
    margin: 0px auto;
    padding: 25px 35px;
	text-align: center;
    position: relative;
	border: 1px solid #000;
}

    .index_accordion:after{
        content: "";
        width: 41px;
        height: 25px;
        display: block;
        background: url("../img/index_accordion.png") no-repeat 0 0;
        position: absolute;
        top: 30px;
        right: 40px;
        
    }
    .index_accordion.index_open:after{
        background-position: 0 bottom;
    }

    .index_accordion_box{
        padding-top: 10px;
		display:  none;
       /* display:  none;*/
    }

    .index_accordion_box img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }


    .index_accordion_tit{
        width: 100%;
        display: block;
        margin: 0px auto;
        padding: 20px 0px;
        font-size: 28px;
        text-align: center;
        border-bottom: 1px solid #000;
    }

    .index_accordion_box dl{
        width: 100%;
        display: table;
        margin: 0px auto;
        border-bottom: 1px solid #000;
        font-size: 90%;
    }

    .index_accordion_box dt{
        width: 380px;
        display: table-cell;
        vertical-align: top;
        padding: 20px;
    }

    .index_accordion_box dd{
        display: table-cell;
        vertical-align: top;
        padding: 20px;
   }

    .index_accordion_box dd p{
        padding-bottom: 20px;
    }



.index_block_04{
    width: 90%;
    max-width: 730px;
    display: block;
    margin: 0px auto;
    padding: 0px 0px 40px;
}


    .index_contact_tit{
        width: 100%;
        display: table;
        height: 40px;
        margin: 0px auto 15px;
        font-size: 20px;
        font-weight: bold;
    }

    .index_contact_tit span{
        display: table-cell;
        vertical-align: middle;
    }


    .index_contact_txt{
        display: block;
        padding-bottom: 30px;
    }


    .index_freedial_tit {
        font-weight: bold;

    }
    .index_freedial img {
        width: 48px;
    }
    .index_freedial strong {
        font-size: 2.5em;
        font-family: sans-serif;
        line-height: 1;
    }

    .index_freedial_txt {
        display: table;
        margin: 0px 0px 15px;
        font-size: 13px;
        padding: 2px 5px;
        border: 1px solid #000;
    }

.index_cp{
    padding: 50px 0px 0px;
    }


/* chain
------------------------------------------------------ */

.chain_kv{
    width: 100%;
	max-width: 1200px;
    display: block;
    margin: 0px auto;
    text-align: center;
}

    .chain_kv img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }

.chain_block_01{
    width: 100%;
	max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding: 60px 0px 100px;
}


.chain_block_02{
    width: 90%;
	max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding: 0px 0px 100px;
}



.chain_tit{
    display: block;
    margin: 0px auto;
    padding: 0px 0px 10px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #de0017;
	border-bottom: 1px solid #de0017;
}


.chain_subtit{
    display: block;
    margin: 0px auto;
	text-align: right;
    padding: 10px 0px 45px;
}


.chain_choice_shop{
    display: block;
    margin: 0px auto;
    padding: 0px 0px 60px;
}


.chain_choice_shop li{
    width: 15%;
    display: inline-block;
    vertical-align: top;
    margin-right:2%;
    font-size:12px;
    text-align: center;
    padding-bottom: 10px;
}

    .chain_choice_shop li:nth-child(6n){
        margin-right:0;
    }


.chain_choice_img{
    display: block;
    padding-bottom: 5px;
}

    .chain_choice_img img{
		width: 100%;
		height: auto;
        border: 1px solid #333;
        border-radius: 15px;
    }


.chain_btn_txt{
    display: block;
    margin: 0px auto;
    padding: 15px 0px;
}



.chain_btn{
    width: 100%;
	max-width: 308px;
    display: block;
	text-align: center;
    margin: 0px auto;
    padding: 0px;
}

	.chain_btn img{
		width: 100%;
		height: auto;
	}



/* flow
------------------------------------------------------ */

.flow_kv{
    width: 100%;
	max-width: 1200px;
    display: block;
    margin: 0px auto;
    text-align: center;
}

    .flow_kv img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }

.flow_block{
    width: 100%;
	max-width: 1200px;
    display: block;
    margin: 0px auto;
    padding: 0px 0px 100px;
}

.flow_tit{
    width: 100%;
    display: block;
    margin: 0px auto;
    padding: 0px;
}

    .flow_tit img{
        width: 100%;
        height: auto;
    }


.flow_contents{
    width: 90%;
	max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding: 30px 0px 0px;
}

.flow_contents_tit{
    display: block;
    margin: 0px auto;
    padding: 5px 10px;
	background: #EAB2BB;
	color: #FFF;
	font-size: 22px;
	font-weight: bold;

}

.flow_contents_box{
	width: 100%;
    display: table;
    margin: 0px auto;
    padding: 40px 0px 60px;

}

	.flow_contents_box.border{
		border-bottom: 1px solid #000;
	}


	.flow_contents_txt{
		width: 478px;
		display: table-cell;
		text-align: left;
		vertical-align: top;
		padding-right: 90px;

	}

	.flow_point{
		display: block;
		margin: 0px auto 5px;
		padding: 0px 0px 5px;
		border-bottom: 1px solid #000;
		font-size: 18px;
		font-weight: bold;
	}

	.flow_attention{
		display: block;
		margin: 0px auto;
		padding: 10px 0px 0px;
		font-size: 12px;
		color: #BA0017;
	}



	.flow_contents_img{
		display: table-cell;
		vertical-align: top;
		text-align: center;
	}


.flow_contents_subtxt{
	width: 100%;
    display: block;
    margin: 0px auto;
    padding: 30px 0px 40px;
}


	.red_box{
		display: inline-block;
		background: #BA0017;
		color: #FFF;
		padding:0px 5px;
		}

.flow_contents_subtit{
    display: block;
    margin: 0px auto;
	background: #BA0017;
	color: #FFF;
	height: 30px;
	font-size: 22px;
	line-height: 30px;
	padding-left: 15px;
	border-radius: 15px;
}

/**/
.lottery_kv{
    width: 100%;
	max-width: 1200px;
    display: block;
    margin: 0px auto;
    text-align: center;
}

    .lottery_kv img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }

.lottery_btn{
    width: 90%;
	max-width: 1200px;
    display: block;
    margin: 0px auto;
    text-align: center;
	padding: 30px 0px 50px;
}

    .lottery_btn img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }

/* coupon
------------------------------------------------------ */
.coupon_kv{
    width: 100%;
    display: block;
    margin: 0px auto;
    text-align: center;
}

    .coupon_kv img{
        width: 100%;
        max-width: 1200px;
        height: auto;
        display: block;
        margin: 0px auto;
    }

.coupon_block{
    width: 90%;
    max-width: 1000px;
    display: block;
    margin: 0px auto;
    padding: 50px 0px 80px;
}

    .coupon_block img{
        width: 100%;
        height: auto;
        display: block;
        margin: 0px auto;
    }

    .coupon_link{
        padding: 10px 0px 0px;
    }

    .coupon_block .coupon_btn{
        padding: 40px 0px 0px;
    }

/*add*/
.check_chain{
	width:100%; max-width: 1000px;
	margin: 0 auto 50px auto;
}
.check_chain img{
	width: 100%; height: auto;
	vertical-align: bottom;
}
.check_chain_caption{
	padding: 20px 50px;
	font-size: 12px;
}