@charset "utf-8";

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

	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: 20px 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/2311/viking_s/first/icon_g_ranking.png)no-repeat center center; background-size: cover;}
#anchor li:nth-child(2) a:before { background: url(/img/campaign/2311/viking_s/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 .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;}

.set3choice .steptitline { border-top: 3px solid #f0008d;}
.set3choice .steptitline .txt01 { background: #f0008d;}
.set3choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr3.png) no-repeat left center;}
.set3choice .steptitline .txt02 .imp { color: #f0008d;}
.set10choice .steptitline { border-top: 3px solid #e60012;}
.set10choice .steptitline .txt01 { background: #e60012;}
.set10choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr10.png) no-repeat left center;}
.set10choice .steptitline .txt02 .imp { color: #e60012;}
.set8choice .steptitline { border-top: 3px solid #eb5e00;}
.set8choice .steptitline .txt01 { background: #eb5e00;}
.set8choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr8.png) no-repeat left center;}
.set8choice .steptitline .txt02 .imp { color: #eb5e00;}
.set5choice .steptitline { border-top: 3px solid #10893e;}
.set5choice .steptitline .txt01 { background: #10893e;}
.set5choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr5.png) no-repeat left center;}
.set5choice .steptitline .txt02 .imp { color: #10893e;}
.set7choice .steptitline { border-top: 3px solid #f0008d;}
.set7choice .steptitline .txt01 { background: #f0008d;}
.set7choice .steptitline .txt01 { background: url(/img/campaign/2311/viking_s/steparr7.png) no-repeat left center;}
.set7choice .steptitline .txt02 .imp { color: #f0008d;}

.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: "5"; display: inline-block;}
.set8choice .nowchoice .imp:before { content: "3"; display: inline-block;}
.set5choice .nowchoice .imp:before { content: "2"; display: inline-block;}
.set7choice .nowchoice .imp:before { content: "7"; display: inline-block;}

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

.set8choice #step3 .txt02 .imp:before { content: "3"; display: inline-block;}
.set5choice #step3 .txt02 .imp:before { content: "2"; display: inline-block;}
.set7choice #step3 .txt02 .imp:before { content: "7"; 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;
}