@charset "utf-8";

/* セール期間テキスト化 */
.saleperiod {color: #cf0010; font-weight: bold; padding: 10px 0; text-align: center; font-size: 130%; background-image: -moz-linear-gradient( 0deg, rgba(219,159,56,0.99608) 0%, rgb(255,236,147) 25%, rgb(255,246,205) 50%, rgb(255,236,147) 75%, rgb(219,159,56) 100%); background-image: -webkit-linear-gradient( 0deg, rgba(219,159,56,0.99608) 0%, rgb(255,236,147) 25%, rgb(255,246,205) 50%, rgb(255,236,147) 75%, rgb(219,159,56) 100%); background-image: -ms-linear-gradient( 0deg, rgba(219,159,56,0.99608) 0%, rgb(255,236,147) 25%, rgb(255,246,205) 50%, rgb(255,236,147) 75%, rgb(219,159,56) 100%);}
.saleperiod .dow { display: inline-block;}


/* 39感謝祭専用 */
.notestxt { font-size: 68%; margin-top: 15px;}
.itemAnchor { display: flex; justify-content: space-between;}
.itemAnchor li {}
.itemAnchor li a { display: block; position: relative; padding: 0 40px 0 30px;}
.itemAnchor li a:before,
.itemAnchor li a:after { content: ""; position: absolute; width: 9px !important; height: 9px !important; right: 10px; border: 2px solid #ffffff; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-radius: 1px; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.item_anchor {}
.item_anchor .tit { color: #383838;font-weight: bold;}
.item_anchor .tit sup { font-size: 60%;}
.item_anchor .txt { color: #383838;}
.item_anchor .notes { color: #383838;}


/*==============================

	campaign_vikingYYMM.php

==============================*/

#sec02 select {
   -webkit-appearance: none;
   border-radius: 0;
}

#set-item5-price,
#set-item8-price{
	display: none;
}
#choice-item1-caution{
	display: none;
}
#item-remaining{
	display: none;
}

.tbo_bn { text-align: center; margin-bottom: 20px;}
.tbo_bn .notes { text-align: left; margin: 10px auto 0 auto; width: 860px;}
.step3_presentbox { background: #f0f6f5; text-align: center; padding-bottom: 20px;}
.step3_presentbox p { background: #f0f6f5; padding-top: 15px;}

.cfx{ *zoom:1; *min-height:0;}
.cfx:after{ content:""; display:block; clear:both;}

.vikingfirstbtn { margin: 40px auto;}
.vikingfirstbtn .first_btn01 { text-align: center;}
.pane-main h1 { margin-bottom: 10px;}
.mainnotes { font-size: 68%;}
.set10present { text-align: center;}
.otokupoint { text-align: center; background: #f6f2e9;}
.otokupoint img { margin-bottom: 10px;}
.otokupoint .notes { font-size: 68%; text-align: left;}
.presentbox .notes { font-size: 68%; text-align: left; width: 90%; margin: 5px auto 0 auto;}
.presentbox .present_btn01 { text-align: center; margin-top: 10px;}

.annotation { color: #1a884c; text-align: center; margin:0 0 5px 0; font-weight: bold; font-size: 80%; width: 100%;}

/* クッションファデ */
.box22 .coltxt { text-align: center; padding: 5px 0; width: 100%; box-sizing: border-box; font-size: 70%; background: #fff; margin-bottom: 5px; line-height: 1.4;}
.box22 .cfcol01 { height: 25px; background: #ecc9ad;
background: -moz-linear-gradient(left, #ecc9ad 50%, #942423 50%);
background: -webkit-linear-gradient(left, #ecc9ad 50%,#942423 50%);
background: linear-gradient(to right, #ecc9ad 50%,#942423 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecc9ad', endColorstr='#942423',GradientType=1 );}
.box22 .cfcol02 { height: 25px; background: #ecc9ad;
background: -moz-linear-gradient(left, #ecc9ad 50%, #942243 50%);
background: -webkit-linear-gradient(left, #ecc9ad 50%,#942243 50%);
background: linear-gradient(to right, #ecc9ad 50%,#942243 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecc9ad', endColorstr='#942243',GradientType=1 );}
.box22 .cfcol03 { height: 25px; background: #d7b2a0;
background: -moz-linear-gradient(left, #d7b2a0 50%, #942423 50%);
background: -webkit-linear-gradient(left, #d7b2a0 50%,#942423 50%);
background: linear-gradient(to right, #d7b2a0 50%,#942423 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7b2a0', endColorstr='#942423',GradientType=1 );}
.box22 .cfcol04 { height: 25px; background: #d7b2a0;
background: -moz-linear-gradient(left, #d7b2a0 50%, #942243 50%);
background: -webkit-linear-gradient(left, #d7b2a0 50%,#942243 50%);
background: linear-gradient(to right, #d7b2a0 50%,#942243 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7b2a0', endColorstr='#942243',GradientType=1 );}


/*==============================
	anchor
==============================*/
#anchor { margin-bottom: 50px;}
#anchor .tit { text-align: center;}
#anchor li {}
#anchor li a { display: block; margin: 0 auto; text-align: center; color: #1a884c; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; border: solid 2px #1a884c; position: relative; box-shadow:2px 2px 6px 0px rgba(0,0,0,0.3);}
#anchor li a:hover { opacity: 0.8;}
#anchor li a:after { content: ""; position: absolute; top: 50%; right: 20px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);}
#anchor li a:before { content: ""; position: absolute; top: 50%; left: 20px;}
#anchor li:nth-child(1) a:before { background: url(/img/campaign/2411/viking_rrf/first/icon_g_ranking.png)no-repeat center center; background-size: cover;}
/*#anchor li:nth-child(2) a:before { background: url(/img/campaign/2411/viking_rrf/first/icon_g_bargain.png)no-repeat center center; background-size: cover;}*/

/*--------------------------------------------------
		select プルダウンのプラマイ表示
--------------------------------------------------*/
#sec02 select {
	-webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
	-moz-appearance: none;	/* ベンダープレフィックス(Firefox用) */
	appearance: none;		/* 標準のスタイルを無効にする */ 
}
#sec02 ::-ms-expand {		/* select要素のデザインを無効にする（IE用） */
	display: none;
}

#sec02 a.itemcountdown,
#sec02 a.itemcountup { font-size: 20px; font-weight: bold; text-decoration: none; display: inline-block; color: #fff; height: 34px; width: 30px; vertical-align: bottom; line-height: 34px; box-sizing: border-box; background: #1a884c;}
#sec02 a.itemcountdown { border-radius: 5px 0 0 5px;}
#sec02 a.itemcountup { border-radius: 0 5px 5px 0;}

/*--------------------------------------------------
		step line title etc 201812
--------------------------------------------------*/
.steptitline { height: 86px; background: #fff0db; display: table; font-weight: bold; width: 100%; margin: 20px 0;}
.steptitline .txt01 { color: #fff; display: table-cell; vertical-align: middle; text-align: center; width: 172px; padding-right: 20px; font-size: 150%; box-sizing: border-box;}
.steptitline .txt01 .big { font-size: 180%;}
.steptitline .txt02 { font-size: 180%; display: table-cell; padding: 10px 15px 10px 45px; vertical-align: middle;}
.steptitline .txt02 .min { font-size: 60%;}
.steptitline .txt02 .maxmin { font-size: 12px;}
.steptitline .txt02 .red { color: #e61953;}
.steptitline .txt02 .green { color: #008f79;}

/****セット選択のタブに関する表示制御***/
/*ステップ２を選択*/
.set2choice .steptitline { border-top: 3px solid #187fc3;}
.set2choice .steptitline .txt01 { background: #187fc3;}
.set2choice .steptitline .txt01 { background: url(/img/campaign/2506/viking_rf/2506_furel_pc39.png) no-repeat left center;}
.set2choice .steptitline .txt02 .imp { color: #187fc3;}

/*ステップ3を選択*/
.set3choice .steptitline { border-top: 3px solid #007400;}
.set3choice .steptitline .txt01 { background: #007400;}
.set3choice .steptitline .txt01 { background: url(/img/campaign/2506/viking_rf/2506_furel_pc38.png) no-repeat left center;}
.set3choice .steptitline .txt02 .imp { color: #007400;}

.set10choice .steptitline { border-top: 3px solid #deb53b;}
.set10choice .steptitline .txt01 { background: #deb53b;}
.set10choice .steptitline .txt01 { background: url(/img/campaign/2506/viking_rf/2506_furel_pc35.png) no-repeat left center;}
.set10choice .steptitline .txt02 .imp { color: #deb53b;}

.set8choice .steptitline { border-top: 3px solid #eb5e00;}
.set8choice .steptitline .txt01 { background: #eb5e00;}
.set8choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_rf/steparr8.png) no-repeat left center;}
.set8choice .steptitline .txt02 .imp { color: #eb5e00;}

.set5choice .steptitline { border-top: 3px solid #f08e42;}
.set5choice .steptitline .txt01 { background: #f08e42;}
.set5choice .steptitline .txt01 { background: url(/img/campaign/2506/viking_rf/2506_furel_pc37.png) no-repeat left center;}
.set5choice .steptitline .txt02 .imp { color: #f08e42;}

.set7choice .steptitline { border-top: 3px solid #ff0000;}
.set7choice .steptitline .txt01 { background: #ff0000;}
.set7choice .steptitline .txt01 { background: url(/img/campaign/2506/viking_rf/2506_furel_pc36.png) no-repeat left center;}
.set7choice .steptitline .txt02 .imp { color: #ff0000;}

.nowchoice { font-weight: bold; color: #e60012; text-align: center; font-size: 140%; font-weight: bold;margin-bottom: 20px;}
.nowchoice .imp { background: #fff191; padding: 2px 5px; margin: 0 5px; display: inline-block;}

.set3choice .nowchoice .imp:before { content: "3"; display: inline-block;}
.set10choice .nowchoice .imp:before { content: "10"; display: inline-block;}
.set5choice .nowchoice .imp:before { content: "5"; display: inline-block;}
.set7choice .nowchoice .imp:before { content: "7"; display: inline-block;}
.set2choice .nowchoice .imp:before { content: "2"; display: inline-block;}


.set3choice #step2 .txt02 .imp:before { content: "3"; display: inline-block;}
.set10choice #step2 .txt02 .imp:before { content: "10"; display: inline-block;}
.set5choice #step2 .txt02 .imp:before { content: "5"; display: inline-block;}
.set7choice #step2 .txt02 .imp:before { content: "7"; display: inline-block;}
.set2choice #step2 .txt02 .imp:before { content: "2"; display: inline-block;}



#secFloat { display: block !important; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99; background: #fff0db;}
#secFloat .block01 dl dd#banner img#bannerbtn { margin-bottom:10px;}
#secFloat .block dl dt#cmt p#spotoku { line-height: 50px;}


.selectList p { float: left; padding-left: 5px; padding-bottom: 5px;}




.main_anchor_lineTit { margin-bottom: 10px; text-align: center; font-size: 140%; font-weight: bold; color: #10893e;}




select:disabled {
    opacity: 1;
}