@charset "utf-8";
/* CSS Document */

.navbar-brand span {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight: 900;
	font-size: 23px;
	text-shadow: #ff8e8d 2px 0px 0, #ff8e8d -2px 0px 0, #ff8e8d 0px -2px 0, #ff8e8d -2px 0px 0, #ff8e8d 2px 2px 0, #ff8e8d -2px 2px 0, #ff8e8d 2px -2px 0, #ff8e8d -2px -2px 0, #ff8e8d 1px 2px 0, #ff8e8d -1px 2px 0, #ff8e8d 1px -2px 0, #ff8e8d -1px -2px 0, #ff8e8d 2px 1px 0, #ff8e8d -2px 1px 0, #ff8e8d 2px -1px 0, #ff8e8d -2px -1px 0, #ff8e8d 1px 1px 0, #ff8e8d -1px 1px 0, #ff8e8d 1px -1px 0, #ff8e8d -1px -1px 0;
	letter-spacing: -1px;
}

#sidePhone span {
	font-size: 23px;
	display: block;
	line-height: 30px;
	text-shadow: #ff8e8d 2px 0px 0, #ff8e8d -2px 0px 0, #ff8e8d 0px -2px 0, #ff8e8d -2px 0px 0, #ff8e8d 2px 2px 0, #ff8e8d -2px 2px 0, #ff8e8d 2px -2px 0, #ff8e8d -2px -2px 0, #ff8e8d 1px 2px 0, #ff8e8d -1px 2px 0, #ff8e8d 1px -2px 0, #ff8e8d -1px -2px 0, #ff8e8d 2px 1px 0, #ff8e8d -2px 1px 0, #ff8e8d 2px -1px 0, #ff8e8d -2px -1px 0, #ff8e8d 1px 1px 0, #ff8e8d -1px 1px 0, #ff8e8d 1px -1px 0, #ff8e8d -1px -1px 0;
}
.pageBox {
	min-height: 3500px;
}

table.delivery th {background: #FF516E;color: #fff;}
table.delivery th {background: #303F9F;color: #fff;}

table.delivery {width: 100%;font-size: 18px;color: #FF516E;margin: 0 auto 14px;}
table.delivery , table.delivery td, table.delivery th {border: 1px solid #999;border-collapse: collapse;}
table.delivery td, .price02 th {text-align: center;}
table.delivery th {text-align: center;font-weight: bold;padding: 5px;}
table.delivery td {padding: 5px 0;font-weight: bold;}
table.delivery th.tblTime {width: 60px;vertical-align: bottom;}
table.delivery .tblNotice {font-size: 12px;font-weight: normal;}


.flowBlock h3{ background:#23B0FF ; border-radius:7px; padding:5px 10px; margin-top:15px; color:#FFFFFF ; }

#creditContents {
    color: #1b1b1b;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",sans-serif;
    font-size: 14px;
    letter-spacing: normal;
    line-height: 1.3;
    width: 760px;
}
.creditColorText {
    color: #ff4122;
    font-size: 100%;
    font-weight: bold;
}
.howtoBlock {
    background-color: #f4f4f4;
    background-repeat: repeat;
    background-size: 100% auto;
    border-style: solid none;
    border-width: 1px 0;
    box-sizing: border-box;
    margin: 20px 0 0;
    position: relative;
}
.howtoBlock::before {
    left: 219px;
    position: absolute;
    top: -14px;
}
.howtoBlock dl {
    float: left;
    margin: 25px 0 0 15px;
    width: 310px;
}
.howtoBlock dt {
    font-size: 18px;
    font-weight: bold;
}
.howtoBlock dd {
    margin: 10px 0 0; font-size:13px; }
.companyImg {
    float: right;
    margin: 10px 10px 5px 0;
}
.companyImg p {
    margin: 3px 0 0;
    text-align: center;
}
.companyImg a {
    color: #2f2f2f;
    text-decoration: underline;
}
.companyImg a:hover {
    text-decoration: none;
}
#creditContents h3 {
    background-repeat: repeat;
    background-size: auto 100%;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",sans-serif;
    font-size: 20px;
    font-weight: bold;
    height: 52px;
    letter-spacing: 0;
    line-height: 55px;
    margin: 20px 0 10px;
    padding: 0 0 0 15px;
    text-indent: 0;
    text-shadow: none;
    width: 100%;
}
　
.flowBlock ul { list-style: none ; }

.flowBlock li { list-style: none ;
    border: 1px solid #2c698c;
    height: 120px;
    margin: 10px 0 0;
}
.stepImg {
    float: left;
    height: 100%;
    position: relative;
    width: 97px;
}
.stepImg img {
    bottom: 0;
    left: 10px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.flowBox {
    float: left;
    height: 100%;
}
.flowText {
    float: left;
    position: relative;
}
.flowText > dl {
    margin: 0 0 0 20px;
}
.flowText > dl > dt {
    border-bottom: 1px solid #284090;
    color: #284090;
    font-size: 20px;
    font-weight: bold;
    height: 45px;
    line-height: 50px;
    padding: 0 0 0 10px;
}
.flowText > dl > dd {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 0 0 10px;
}
.flowText > dl > dd .creditColorText {
    text-decoration: underline;
}
.referenceImg {
    float: right;
    margin: 5px 5px 0 0;
}
.settleBtn {
    margin: 5px 0 0;
}
.settleBtn a:hover img {
    opacity: 0.8;
}
.settleBtn img {
    display: block;
}
.customerTel {
    color: #ffffff;
    margin: 5px 0 0;
    padding: 8px 0;
}
.customerTel dl {
    font-size: 0;
    text-align: center;
}
.customerTel dt {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
}
.customerTel dd {
    display: inline-block;
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 0 4px;
    text-align: left;
    vertical-align: middle;
}
.attentionBlock {
    background-color: #f5f5f5;
    border: 1px solid #727272;
    margin: 10px 0 0;
    padding: 20px;
}
.attentionBlock dt {
    border-bottom: 1px solid #575757;
    color: #575757;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 10px;
}
.attentionBlock dd {
    color: #333333;
    font-size: 15px;
    line-height: 1.4;
}
.attentionBlock dd > div {
    margin: 20px 0 0;
}
.attentionBlock dd > div:first-child {
    margin-top: 10px;
}

#tiktokTitle{ display: inline-block; margin: 0 auto; padding: 5px 15px; position: relative; z-index: 100 ; background: #FFF ; }
#tiktok{ border: 5px #ff0099 solid ; border-radius: 10px; background: url(../images/shop/tiktok_bg.png) ; padding: 25px; margin-top: -40px; position: relative; z-index: 50 ; }


#creditBox { margin-top:20px; }


	
.hotelTab { margin: 0 15px; padding:3px; list-style: none ; }

.hotel { display: none; }
.hotelTab ul { list-style: none ; }
.hotelTab li{ cursor: pointer;
	width:calc(100%/2);
	float:left;
	font-size:2rem;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
}

.hotelTab li span{
	display:block;
	background-color:#f88;
	color:#fff; 
	margin:2.5px;
	padding:10px 0;
	border-radius:5px;
}

.hotelTab li.select span{
	background-color:#f44;
}
.hotelBox { padding: 0 15px;}
.hotelBox h2{ margin: 15px 0 ; text-align: center; font-weight: 900; font-size: 22px;}
.hotelBox h3{ margin: 15px 0; text-align: center; font-weight: 900; font-size: 20px;}
.hotelBox table{ width: 100%; margin-bottom: 15px; font-size: 18px; }

.hotelBox table th  { text-align: center;
	background-color: #f69;
	color: #fff;
	box-sizing: border-box;
	padding: 5px 10px;
	font-weight: bold; border: solid 1px #d69
}
.hotelBox table td  {
	vertical-align: top;
	box-sizing: border-box;
	padding: 5px 10px;border: solid 1px #d69;
}
.hotelBox table td.num  {
background: #f69; color: #FFF ; text-align: center; 
}
.hotelBox table td.numB  {
background: #008aff; color: #FFF ; text-align: center; 
}