@charset "UTF-8";
/* vikingStyle_2606.css — CP2606 viking系 統合CSS（base以外を1本化）。
   連結順: 本体(2602 tougou) → オーバーレイ(2606 tougou) → fix(vk-item/色物)。最後が後勝ち。
   他号(2602等)は従来の 2602/vikingStyle_tougou.css を使うため本ファイルは触らない。 */

/* ===== 本体 (2602/vikingStyle_tougou.css) ===== */
/* セール期間テキスト化 - バイキングBD用 */
.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;
}

.renewal {
    position: relative;
    background: #ccf6ca;
    box-shadow: 0px 0px 0px 5px #ccf6ca;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
    margin: 20px 0;
    text-align: center;
    font-size: 18px;
}

.renewal:after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #91b28f;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.renewal a {
    color: #454545;
    font-weight: bold;
    text-decoration: none;
}

.renewal a:hover {
    text-decoration: underline;
}

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

	campaign_vikingYYMM.php

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


#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 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/2606/viking/first/icon_g_ranking.png)no-repeat center center;
    background-size: cover;
}

/*#anchor li:nth-child(2) a:before { background: url(/img/campaign/2606/viking/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;
}

.set3choice .steptitline {
    border-top: 3px solid #eb5e00;
}

.set3choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr3.png) no-repeat left center;
}

.set3choice .steptitline .txt02 .imp {
    color: #eb5e00;
}

.set15choice .steptitline {
    border-top: 3px solid #e8bd49;
}

.set15choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr12.png) no-repeat left center;
    color: #e60012;
    text-shadow: 1px 1px 5px #fff9df, 1px 1px 5px #fff9df, 1px 1px 5px #fff9df, 1px 1px 5px #fff9df;
}

.set15choice .steptitline .txt02 .imp {
    color: #e60012;
}


.set12choice .steptitline {
    border-top: 3px solid #e8bd49;
}

.set12choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr12.png) no-repeat left center;
    color: #e60012;
    text-shadow: 1px 1px 5px #fff9df, 1px 1px 5px #fff9df, 1px 1px 5px #fff9df, 1px 1px 5px #fff9df;
}

.set12choice .steptitline .txt02 .imp {
    color: #e60012;
}

.set10choice .steptitline {
    border-top: 3px solid #e60012;
}

.set10choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr10.png) no-repeat left center;
}

.set10choice .steptitline .txt02 .imp {
    color: #e60012;
}

.set8choice .steptitline {
    border-top: 3px solid #eb5e00;
}

.set8choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr8.png) no-repeat left center;
}

.set8choice .steptitline .txt02 .imp {
    color: #eb5e00;
}

.set5choice .steptitline {
    border-top: 3px solid #10893e;
}

.set5choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr5.png) no-repeat left center;
}

.set5choice .steptitline .txt02 .imp {
    color: #10893e;
}

.nowchoice {
    font-weight: bold;
    color: #e60012;
    text-align: center;
    font-size: 140%;
    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;
}

.set12choice .nowchoice .imp:before {
    content: "12";
    display: inline-block;
}

.set10choice .nowchoice .imp:before {
    content: "10";
    display: inline-block;
}

.set8choice .nowchoice .imp:before {
    content: "8";
    display: inline-block;
}

.set5choice .nowchoice .imp:before {
    content: "5";
    display: inline-block;
}

.set15choice .nowchoice .imp:before {
    content: "15";
    display: inline-block;
}

.set3choice #step2 .txt02 .imp:before {
    content: "3";
    display: inline-block;
}

.set12choice #step2 .txt02 .imp:before {
    content: "12";
    display: inline-block;
}

.set10choice #step2 .txt02 .imp:before {
    content: "10";
    display: inline-block;
}

.set8choice #step2 .txt02 .imp:before {
    content: "8";
    display: inline-block;
}

.set5choice #step2 .txt02 .imp:before {
    content: "5";
    display: inline-block;
}

.set15choice #step2 .txt02 .imp:before {
    content: "15";
    display: inline-block;
}

.set8choice #step3 .txt02 .imp:before {
    content: "3";
    display: inline-block;
}

.set5choice #step3 .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;
}




/*以下、旧分割ファイルviking_all.css*/
/* セール期間テキスト化 - バイキングBD用 */
.saleperiod {
    font-size: 140%;
}

.saleperiod .dow {
    font-size: 90%;
    margin: 0 3px;
}




.set10present {
    margin: 20px 0 50px 0;
}


/* クッションファデ */
.box22 .cfcol01,
.box22 .cfcol02,
.box22 .cfcol03,
.box22 .cfcol04 {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 70%;
}

.box22 .cfcol01 {
    background: #ecc9ad;
}

.box22 .cfcol02 {
    background: #d7b2a0;
}

.box22 .cfcol03 {
    background: #942423;
    color: #fff;
}

.box22 .cfcol04 {
    background: #942243;
    color: #fff;
}

.box22 .select04 dd {
    margin-top: 5px;
}

/* ヘアファンデ */
.box06 .selectonecolor {
    margin-left: auto;
    margin-right: auto;
    width: 98px !important;
}

/*==============================
	anchor
==============================*/

#anchor {
    margin-top: 50px;
}

#anchor ul {
    display: flex;
    justify-content: center;
    padding: 0;
    flex-wrap: wrap;
}

#anchor ul li {
    width: 420px;
}

#anchor ul li:first-child {
    margin-right: 20px;
}

#anchor ul li a {
    padding: 15px;
    font-size: 24px;
}

#anchor ul li a:after {
    width: 12px;
    height: 12px;
    border: 3px solid #1a884c;
    border-top-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 3px;
    border-left-width: 3px;
    border-width: 3px 3px 0 0;
}

#anchor li a:before {
    width: 34px;
    height: 34px;
    margin-top: -17px;
}





/*--------------------------------------------------
		section
--------------------------------------------------*/
.section h2 {
    margin-bottom: 20px;
}



/*--------------------------------------------------
		secMain
--------------------------------------------------*/
#secMain {
    width: 960px;
    margin: 0 auto 40px auto;
}

#secMain .block03 .box01 {
    width: 960px;
}

#secMain .block03 .box01 .btn01 {
    width: 222px;
    height: 52px;
    position: absolute;
    bottom: 11px;
    right: 22px;
    z-index: 10;
}

#secMain .block03 .blockInner {
    width: 940px;
    padding: 0 10px 10px 10px;
    background: #76B90F;
}

#secMain .block03 .box02 .boxL {
    width: 570px;
    height: 402px;
    float: left;
}

#secMain .block03 .box02 .boxL ul {
    width: 570px;
    height: 402px;
    position: relative;
}

#secMain .block03 .box02 .boxL ul li.img01 {
    width: 570px;
    height: 458px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

#secMain .block03 .box02 .boxL ul li.btn01 {
    width: 90px;
    height: 26px;
    position: absolute;
    bottom: 150px;
    left: 40px;
    z-index: 10;
}

#secMain .block03 .box02 .boxL ul li.btn02 {
    width: 90px;
    height: 26px;
    position: absolute;
    bottom: 15px;
    left: 40px;
    z-index: 10;
}

#secMain .block03 .box02 .boxL ul li.btn03 {
    width: 150px;
    height: 30px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}

#secMain .block03 .box02 .boxR {
    width: 360px;
    height: 402px;
    float: right;
}

#secMain .block03 .box02 .boxR ul {
    width: 360px;
    height: 402px;
    position: relative;
}

#secMain .block03 .box02 .boxR ul li.img01 {
    width: 363px;
    height: 414px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

#secMain .block03 .box02 .boxR ul li.btn01 {
    width: 150px;
    height: 30px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
}

#secMain .block03 .box03 .img01 {
    margin-bottom: 5px;
}


#secMain .block03 .main_anchor_line li {
    text-align: center;
}

#secMain .block03 .presentbox {
    background: #e5f2ef;
    text-align: center;
    padding: 40px 30px 30px;
}

#secMain .block03 .presentbox .presentbox02 .blntit {
    margin-top: 20px;
    text-align: center;
}

#secMain .block03 .presentbox .presentbox02 div.pcOnly {
    display: flex;
    justify-content: center;
}

.main_anchor {
    overflow: hidden;
}

.main_anchor li {
    float: left;
}

.main_anchor li:first-child {
    width: 480px;
}

.main_anchor li:last-child {
    width: 480px;
}

.main_terms {
    margin: 20px 0 40px;
}

.main_present {
    margin-bottom: 30px;
}

.main_present_pc {
    position: relative;
    width: 960px;
    height: 408px;
}

.main_present_pc .present_btn01 {
    position: absolute;
    top: 284px;
    left: 19px;
}

.main_present_pc .present_btn02 {
    position: absolute;
    top: 332px;
    right: 23px;
}

.main_present_pc .present_btn01:hover,
.main_present_pc .present_btn02:hover {
    opacity: 0.8;
}

.main_present_hc_notes {
    font-size: 68%;
    text-align: right;
    margin: 20px 0 30px;
}

.main_14item {
    margin-bottom: 50px !important;
}

.otokupoint {
    padding: 30px;
    margin-bottom: 30px;
}

/*--------------------------------------------------
		sec01
--------------------------------------------------*/

#sec01 {
    margin-top: 0;
    margin-bottom: 60px;
    width: 960px;
}

#sec01 .block01 ul {
    width: 960px;
    margin: 0 auto;
}

#sec01 .block01 ul li {
    cursor: pointer;
    margin-bottom: 10px;
}

#sec01 .block01 ul li:last-child {
    margin-bottom: 0;
}

/*
#sec01 .block01 ul li#set-item8 { width: 472px; float: left;}
#sec01 .block01 ul li#set-item5 { width: 472px; float: right;}
	*/



/*--------------------------------------------------
		sec02
--------------------------------------------------*/
#sec02 {
    margin-top: 0;
    margin-bottom: 60px;
    width: 960px;
}

#sec02 .block01 .box {
    width: 230px;
    float: left;
    margin: 0 0 30px 12px;
    background: #f0f6f5;
}


#sec02 .block01 .box .select01 {
    font-size: 90%;
    text-align: center;
    padding-top: 20px;
}

#sec02 .block01 .box .select01 select {
    width: 50px;
    height: 34px;
    border: 1px solid #d0d0d0;
    padding: 0 0 0 9%;
    font-size: 15px;
}

#sec02 .block01 .box .select02 {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#sec02 .block01 .box .select02 dl,
#sec02 .block01 .box .select02 ul li {
    font-size: 90%;
    text-align: center;
    width: 50%;
    float: left;
    box-sizing: border-box;
}

#sec02 .block01 .box .select02 ul li:first-child {
    padding-right: 5px;
}

#sec02 .block01 .box .select02 dl dt {
    margin-bottom: 5px;
}

#sec02 .block01 .box .select02 ul li select {
    width: 42px;
    border: 1px solid #d0d0d0;
    height: 34px;
    padding: 0 0 0 15%;
    font-size: 15px;
}

#sec02 .block01 .box .select03 {
    width: 214px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sec02 .block01 .box .select04 {
    width: 214px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sec02 .block01 .box .select03 dl,
#sec02 .block01 .box .select04 dl {
    font-size: 80%;
    text-align: center;
    width: 98px;
    float: left;
    padding: 0;
}

#sec02 .block01 .box .select04 dl {
    margin-top: 8px;
}

#sec02 .block01 .box .select03 dl dd select,
#sec02 .block01 .box .select04 dl dd select {
    width: 38px;
    padding: 0 0 0 15%;
    border: solid 1px #d0d0d0;
    height: 34px;
    font-size: 15px;
    background: #fff;
}

#sec02 .block01 .box .select03 dl dt img,
#sec02 .block01 .box .select04 dl dt img {
    width: 100%;
}

#sec02 .block01 .vikingItemBox {
    width: 230px;
}

#sec02 .block01 .vikingItemBox .img {
    width: 229px;
}

#sec02 .block01 .vikingItemBox .img img {
    width: 100%;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .tit {
    background: #e5f2ef;
    font-weight: bold;
    padding: 8px;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .tit .min {
    font-size: 75%;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .txt {
    border-bottom: solid 1px #fff;
    font-size: 80%;
    padding: 10px;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .price {
    font-size: 80%;
    font-weight: normal;
    color: #000000;
    text-align: right;
    padding: 6px;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .price .big {
    font-size: 160%;
    font-weight: bold;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .price .min {
    font-size: 85%;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon {
    font-size: 93%;
    font-weight: bold;
    text-align: center;
    background: #d91533;
    color: #fff;
    width: 90%;
    padding: 6px 0;
    margin: 10px 5% 15px 5%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 1.4;
    position: relative;
    display: inline-block;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 12px solid #d91533;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon .fsbig {
    font-size: 140%;
}

#sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon .fsmid {
    font-size: 110%;
}

#sec02 .block01 .box .boxInner {
    padding: 0 7px 20px 7px;
}

#sec02 .block01 .box .kome {
    font-size: 60%;
}

#sec02 .block01 .box .notes {
    border-top: solid 1px #fff;
    padding: 10px;
    font-size: 68%;
}

#sec02 .block01 .box .imp {
    padding-left: 15px;
    color: #e60012;
}

#sec02 .block01 .box12 .foundation_txt1,
#sec02 .block01 .box12 .foundation_txt2,
#sec02 .block01 .box12 .foundation_txt3 {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 85%;
}

#sec02 .block01 .box12 .foundation_txt1 {
    background: #f5d0b0;
}

#sec02 .block01 .box12 .foundation_txt2 {
    background: #ebdfbb;
    font-weight: bold;
    margin-bottom: 10px;
}

#sec02 .block01 .box12 .foundation_txt3 {
    background: #efc485;
}

#sec02 .block01 .select04 .colorselect01,
#sec02 .block01 .select04 .colorselect02,
#sec02 .block01 .select04 .colorselect03,
#sec02 .block01 .select04 .colorselect04,
#sec02 .block01 .select04 .colorselect05,
#sec02 .block01 .select04 .colorselect06 {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 70%;
    color: #fff;
    margin-bottom: 5px;
}

#sec02 .block01 .select04 .colorselect01 {
    background: #5d3d30;
}

#sec02 .block01 .select04 .colorselect02 {
    background: #8b6e4e;
}

#sec02 .block01 .select04 .colorselect03 {
    background: #352c2b;
}

#sec02 .block01 .select04 .colorselect04 {
    background: #000;
}

#sec02 .block01 .select04 .colorselect05 {
    background: #729281;
}

#sec02 .block01 .select04 .colorselect06 {
    background: #bc9491;
}

#sec02 .block01 .foundation_txt1,
#sec02 .block01 .foundation_txt2,
#sec02 .block01 .foundation_txt3 {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 75%;
}

#sec02 .block01 .foundation_txt1 {
    background: #f5d0b0;
}

#sec02 .block01 .foundation_txt2 {
    background: #ffffff;
    font-weight: bold;
    margin-bottom: 5px;
}

#sec02 .block01 .foundation_txt3 {
    background: #efc485;
}

#sec02 .block01 .uv_txt1 {
    background: #e5f1fc;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 5px;
    line-height: 1.4;
}

#sec02 .block01 .uv_txt2 {
    background: #b3d5f2;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 5px;
    line-height: 1.4;
}

#sec02 .block01 .uv_txt2 .sup {
    vertical-align: super;
    font-size: 95%;
    line-height: 1;
    padding-left: 1px;
}


#sec02 .block01 .box20 .boxInner .notes {
    text-align: left;
    margin-top: 20px;
    font-size: 70%;
}

/*--------------------------------------------------
		sec03
--------------------------------------------------*/
#sec03 {
    margin-bottom: 60px;
}

#sec03 .step2_kswk {
    overflow: hidden;
}

#sec03 .step2_kswk .txt {
    font-size: 140%;
    width: 560px;
    float: left;
    padding-top: 15px;
}

#sec03 .step2_kswk .btn {
    width: 390px;
    float: right;
}

#sec03 .step2_select ul {
    overflow: hidden;
    margin-top: 20px;
}

#sec03 .step2_select li {
    font-size: 140%;
    width: 306px;
    border: solid 2px #d0d0d0;
    margin-left: 15px;
    float: left;
}

#sec03 .step2_select li:nth-child(3n+1) {
    margin-left: 0;
}

#sec03 .step2_select li:nth-child(n+4) {
    margin-top: 15px;
}

#sec03 .step2_select li .img img {
    width: 100%;
}

#sec03 .step2_select li .selectbox {
    text-align: center;
    padding: 15px;
}

#sec03 .step2_select li .selectbox select {
    width: 90px;
    font-size: 110%;
    line-height: 1.8;
    border: solid 1px #ebd171;
}

#sec03 .step2_select .checkbox {
    background: #f2f2f2;
    font-size: 140%;
    text-align: center;
    margin: 18px 0 20px 0;
    padding: 15px;
    border: solid 2px #d0d0d0;
    font-weight: bold;
}

#sec03 .step2_select .checkbox input[type=checkbox] {
    margin: 10px;
    vertical-align: sub;
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    transform: scale(2);
}

#sec03 .step2_select .checkbox .txt12 {
    font-weight: normal;
}

#sec03 .step2_select #present_none_area .none_item_txt {
    vertical-align: bottom;
    font-weight: normal;
}

/*--------------------------------------------------
		sec04
--------------------------------------------------*/

#sec04 .txt {
    font-size: 140%;
}

#sec04 .step3_box01 {
    margin-top: 20px;
}

#sec04 .step3_box01 ul {
    overflow: hidden;
    padding: 20px 20px 30px 20px;
    background: #f0f6f5;
}

#sec04 .step3_box01 li {
    width: 108px;
    height: 160px;
    border: solid 1px #d0d0d0;
    float: left;
    background: #fff;
    margin-left: 5px;
}

#sec04 .step3_box01 li:first-child {
    margin-left: 0;
}

#sec04 .step3_box01 li:nth-child(9) {
    margin-left: 0;
}

#sec04 .step3_box01 li:nth-child(n+9) {
    margin-top: 5px;
}

#sec04 .step3_box01 li .img {}

#sec04 .step3_box01 li .img img {
    width: 100%;
}

#sec04 .step3_box01 li .number {
    text-align: center;
}

#sec04 .step3_box02 .tit {
    padding: 15px;
    text-align: center;
    background: #dceeea;
    font-weight: bold;
    font-size: 150%;
}

#sec04 .step3_box02 ul {
    overflow: hidden;
    padding: 20px 20px 30px 20px;
    background: #f0f6f5;
}

#sec04 .step3_box02 li {
    width: 108px;
    height: 160px;
    border: solid 1px #d0d0d0;
    float: left;
    background: #fff;
    margin-left: 5px;
}

#sec04 .step3_box02 li:first-child {
    margin-left: 0;
}

#sec04 .step3_box02 li .img img {
    width: 100%;
}

#sec04 .step3_box02 li .number {
    text-align: center;
}

#sec04 .step3_box02 .mainnotes {
    text-align: left;
    margin-left: 25px;
    padding-top: 5px;
}

#sec04 .step3_box03 {
    overflow: hidden;
    padding: 0 20px 30px 20px;
    background: #f0f6f5;
}

#sec04 .step3_box03 .price {
    float: left;
    width: 446px;
    text-align: left;
    margin-top: 15px;
}

#sec04 .step3_box03 .btn {
    float: right;
    width: 463px;
    text-align: right;
}



/*--------------------------------------------------
		detail pop_btn_area
--------------------------------------------------*/

.pop_btn_area {
    padding: 0 15px 10px 15px;
    display: table-cell;
    width: 230px;
    vertical-align: middle;
}

.pop_btn_area .pop_btn_color a,
.pop_btn_area .pop_btn_detail a {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #1a884c;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    border: solid 2px #1a884c;
    position: relative;
    background: #fff;
    font-size: 16px;
    padding: 8px 0;
}

.pop_btn_area .pop_btn_color a:after,
.pop_btn_area .pop_btn_detail a:after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 8px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url("/img/campaign/2606/viking/icon_expand.png") 0 0 no-repeat transparent;
    background-size: contain;
}

.pop_btn_area .pop_btn_color {
    margin-bottom: 5px;
}



/*--------------------------------------------------
		tab
--------------------------------------------------*/
#tabSecTop {
    margin-bottom: 20px;
    border-bottom-color: #C90000;
}

#tabSecBtm {
    margin-top: 20px;
    border-top-color: #C90000;
}



/*--------------------------------------------------
		fancybox
--------------------------------------------------*/
#fancybox-wrap {
    width: 600px !important;
}



/*--------------------------------------------------
		secFloat
--------------------------------------------------*/
#secFloat {
    color: #000000;
    width: 100%;
    /*
	background: #FDFBDC;
*/
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

#secFloat .block01 {
    background: #fff0db;
}

#secFloat .block01 .blockInner {
    width: 1000px;
    height: 80px;
    margin: 0 auto;
}

#secFloat .block01 dl {
    width: 1000px;
    height: 80px;
    position: relative;
}

#secFloat .block01 dl dt {
    color: #222222;
    font-size: 140%;
    font-weight: bold;
    vertical-align: bottom;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 10px;
    z-index: 10;
}

#secFloat .block01 dl dt span {
    color: #e63e31;
    font-size: 140%;
    font-weight: bold;
    margin: 0 5px;
}

#secFloat .block01 dl dd {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

#secFloat .block02 {
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
}

#secFloat .block02 .blockInner {
    width: 1000px;
    margin: 0 auto;
}

#secFloat .block02 dl {
    display: table;
    width: 980px;
    padding: 10px;
}

#secFloat .block02 dl dt {
    display: table-cell;
    color: #451F0C;
    font-size: 140%;
    font-weight: bold;
    vertical-align: bottom;
    width: 540px;
    padding-right: 10px;
}

#secFloat .block02 dl dt span {
    color: #E95311;
    font-size: 140%;
    margin: 0 5px;
}

#secFloat .block02 dl dd {
    display: table-cell;
    vertical-align: bottom;
    width: 430px;
}

#secFloat #item-remaining .txt02 {
    color: #C60808;
    font-size: 110%;
    margin-right: 10px;
}

#footer #footer-inner {
    padding-bottom: 64px;
}



/*--------------------------------------------------
		tab
--------------------------------------------------*/
.tabSec li a {
    width: 233px;
    height: 70px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #33b579;
    line-height: 20px;
    border-radius: 6px 6px 0 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #eff8f4), color-stop(0.00, #fff));
    background: -webkit-linear-gradient(top, #fff 0%, #eff8f4 88%);
    background: -moz-linear-gradient(top, #fff 0%, #eff8f4 88%);
    background: -o-linear-gradient(top, #fff 0%, #eff8f4 88%);
    background: -ms-linear-gradient(top, #fff 0%, #eff8f4 88%);
    background: linear-gradient(to bottom, #fff 0%, #eff8f4 88%);
}

.tabSec li a:hover {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #32b075), color-stop(0.00, #3dd18c));
    background: -webkit-linear-gradient(top, #3dd18c 0%, #32b075 88%);
    background: -moz-linear-gradient(top, #3dd18c 0%, #32b075 88%);
    background: -o-linear-gradient(top, #3dd18c 0%, #32b075 88%);
    background: -ms-linear-gradient(top, #3dd18c 0%, #32b075 88%);
}

.tabSec li a.on {
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #32b075), color-stop(0.00, #3dd18c));
    background: -webkit-linear-gradient(top, #3dd18c 0%, #32b075 88%);
    background: -moz-linear-gradient(top, #3dd18c 0%, #32b075 88%);
    background: -o-linear-gradient(top, #3dd18c 0%, #32b075 88%);
    background: -ms-linear-gradient(top, #3dd18c 0%, #32b075 88%);
}

/* 上部メニュー */
#tabSecTop {
    margin-top: 20px;
    border-bottom: 4px solid #33b579;
}

#tabSecTop li a {
    border-top: 1px solid #33b579;
    border-left: 1px solid #33b579;
    border-right: 1px solid #33b579;
    border-radius: 6px 6px 0 0;
}

/* 下部追跡メニュー */
.floatBlock {
    background: #ffffcc;
}

#tabSecBtm {
    border: none;
}

#tabSecBtm li a {
    border: 2px solid #33b579;
    border-radius: 6px;
    height: 52px;
}

/* 下部　毎月キャンペーン毎に変更 */
#tabSecBtm li.tabSec01 a p {
    margin-top: 7px;
}

#tabSecBtm li.tabSec02 a p {
    margin-top: 15px;
}

#tabSecBtm li.tabSec03 a p {
    margin-top: 16px;
}

#tabSecBtm li.tabSec03 a p span {
    font-size: 16px;
}

#tabSecBtm li.tabSec04 a p {
    margin-top: 5px;
    background: url(/user_data/packages/default/img/campaign/1703/cp/img/tab_icon04_03.png) no-repeat top left 19px / auto 90%;
}

/* 毎月キャンペーン毎に変更 */
.tabSec li.tabSec01 a p {
    margin-top: 15px;
    background: url(/user_data/packages/default/img/campaign/1611/cp/img/tab_icon01.png) no-repeat center;
}

.tabSec li.tabSec01 a:hover p {
    background: url(/user_data/packages/default/img/campaign/1611/cp/img/tab_icon01w.png) no-repeat center;
}

.tabSec li.tabSec01 a.on p {
    background: url(/user_data/packages/default/img/campaign/1611/cp/img/tab_icon01w.png) no-repeat center;
}

.tabSec li.tabSec02 a p {
    margin-top: 25px;
}

.tabSec li.tabSec03 a p {
    margin-top: 13px;
}

.tabSec li.tabSec03 a p span {
    color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    background: #ee5a93;
    display: inline-block;
    margin-bottom: 2px;
}

.tabSec li.tabSec04 a p {
    margin-top: 15px;
    padding: 0 0 6px 72px;
    text-align: left;
    background: url(/user_data/packages/default/img/campaign/common/pc/img/tab/tab04_icon_bd.png) no-repeat top left 19px / auto 100%;
}

.vikingNav {
    display: inline-block;
    margin-bottom: 10px;
}


.btm_txtArea {
    width: 960px;
    margin: 30px auto;
}

.btm_txtArea .btm_txtTit {
    font-weight: bold;
    margin-bottom: 10px;
}

.btm_txtArea .btm_txtNotes {
    font-size: 80%;
}

.btm_txtArea .btm_txtLink {
    text-align: right;
    margin: 10px 0 20px 0;
    font-size: 80%;
}

.btm_txtArea .btm_txtLink a {
    color: #000000;
    text-decoration: underline;
}

.notes_anchor {
    text-align: right;
}

.notes_anchor a {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-decoration: none;
    border: solid 2px #1a884c;
    position: relative;
    padding: 15px 40px 15px 20px;
    font-size: 110%;
    height: 100%;
    color: #383838;
}

.notes_anchor a:hover {
    opacity: 0.8;
}

.notes_anchor a:before,
.notes_anchor a:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: 10px;
    border: 2px solid #1a884c;
    border-radius: 1px;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.notes_anchor a:before {
    top: 35%;
}

.notes_anchor a:after {
    top: 48%;
}





/*==============================
	lineup
==============================*/
.lineupBox {
    width: 800px;
    margin: 0 auto 30px auto;
}

.lineupBox .lineupCon .boxArea .boxTit {
    font-size: 18px;
    padding: 5px;
}

.lineupBox .lineupCon .boxArea ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lineupBox .lineupCon .boxArea ul li {
    width: 397px;
    padding: 20px 15px 20px 100px;
}

.lineupBox .lineupCon .boxArea ul li:before {
    width: 80px;
}

.lineupBox .lineupCon .boxArea ul li .itemTit {
    font-size: 16px;
}

.lineupBox .lineupCon .boxArea ul li .itemTit .sup {
    font-size: 10px;
}

.lineupBox .lineupCon .boxArea ul li .itemTxt {
    font-size: 14px;
}

.lineupBox .lineupCon .boxArea ul li .itemNotes {
    font-size: 10px;
}




img {
    image-rendering: -webkit-optimize-contrast;
}

#present.presentArea {

    background-color: #e6f2f0;
    padding: 15px 40px !important;
}

/* SP メディアクエリ用 */

@media screen and (max-width: 480px) {

    .pcOnly {
        display: none !important;
    }

    /* セール期間テキスト化 - バイキングBD用 */
    .saleperiod {
        font-size: unset;
        letter-spacing: -0.05em;
    }

    .saleperiod .dow {
        font-size: 80%;
        margin: 0 2px;
    }

    .pop_btn_sp .pop_btn_sp {
        display: block;
    }



    .step3_presentbox {
        padding-left: 5%;
        padding-right: 5%;
    }

    .tbo_bn .notes {
        width: 90%;
    }

    .set10present {
        margin: 20px 0;
    }

    .annotation {
        margin-top: 10px;
    }

    /* クッションファデ */
    .box22 .cfcol01,
    .box22 .cfcol02,
    .box22 .cfcol03,
    .box22 .cfcol04 {
        text-align: center;
        padding: 5px 0;
        width: 100%;
        box-sizing: border-box;
        font-size: 65%;
        min-height: 20px;
    }

    .box22 .cfcol01 {
        background: #ecc9ad;
    }

    .box22 .cfcol02 {
        background: #d7b2a0;
    }

    .box22 .cfcol03 {
        background: #942423;
        color: #fff;
    }

    .box22 .cfcol04 {
        background: #942243;
        color: #fff;
    }

    /* ヘアファンデ */
    .box06 .selectonecolor {
        width: 100% !important;
    }

    .box06 .selectonecolor dt,
    .box06 .selectonecolor dd {
        width: 48% !important;
        margin-left: auto;
        margin-right: auto;
    }

    /*==============================
	accordion
==============================*/
    .accordion_detail dl {
        padding: 4% 4% 2px 4%;
    }

    .accordion_detail dt.kwskbtn {
        position: relative;
        cursor: pointer;
        background: #1a884c;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding: 3%;
        border-radius: 5px;
    }

    .accordion_detail dt.kwskbtn:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 10px;
        top: calc(50% - 5px);
        right: 39px;
        border: 2px solid #fff;
        border-width: 2px 2px 0 0;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms;
        transition: transform 300ms;
        transition: transform 300ms, -webkit-transform 300ms;
    }

    .accordion_detail dt.kwskbtn.open {
        border-radius: 5px 5px 0 0;
    }

    .accordion_detail dt.kwskbtn.open:after {
        top: calc(50% - 2px);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: -webkit-transform 300ms;
        transition: -webkit-transform 300ms;
        transition: transform 300ms;
        transition: transform 300ms, -webkit-transform 300ms;
    }

    .accordion_detail dd {
        display: none;
        background: #fff;
    }

    .accordion_detail dd .notes {
        padding: 10px 3% !important;
    }

    .accordion_detail dd .notes.notespb {
        padding-bottom: 0 !important;
    }


    #sec02 .block01 .box.nomalbox .vikingItemBox .img,
    #sec02 .block01 .box.nomalbox .vikingItemBox .vikingItemBoxR .tit,
    #sec02 .block01 .box.nomalbox .vikingItemBox .vikingItemBoxR .txt,
    #sec02 .block01 .box.nomalbox .vikingItemBox .vikingItemBoxR .price {
        display: none !important;
    }

    #sec02 .block01 .box.nomalbox .vikingItemBox .vikingItemBoxR {
        float: none !important;
        margin: 0 auto !important;
    }

    #sec02 .block01 .box.nomalbox .vikingItemBox .detail {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #sec02 .block01 .box.nomalbox .vikingItemBox .detail .pop_btn_sp {
        margin: 10px 0 0 4%;
        width: 46%;
        box-sizing: border-box;
    }

    #sec02 .block01 .box.nomalbox .vikingItemBox .detail .pop_btn_sp 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;
        background: #fff;
        font-size: 16px;
        padding: 8px 0;
    }

    #sec02 .block01 .box.nomalbox .vikingItemBox .detail .pop_btn_sp a:after {
        content: "";
        width: 12px;
        height: 12px;
        margin-left: 8px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: url("/img/campaign/2606/viking/icon_expand.png") 0 0 no-repeat transparent;
        background-size: contain;
    }

    #sec02 .block01 .box.nomalbox .vikingItemBox .detail .boxInner {
        width: 49%;
        margin-top: 13px;
    }

    #sec02 .block01 .box.nomalbox .vikingItemBox .detail .notes {
        width: 100%;
    }

    /* 追記_P_SEISAKU_ON-1750#comment-674611022 */
    #sec02 .block01 .box01 .vikingItemBox .img,
    #sec02 .block01 .box02 .vikingItemBox .img,
    #sec02 .block01 .box05 .vikingItemBox .img,
    #sec02 .block01 .box01 .vikingItemBox .vikingItemBoxR .tit,
    #sec02 .block01 .box02 .vikingItemBox .vikingItemBoxR .tit,
    #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR .tit,
    #sec02 .block01 .box01 .vikingItemBox .vikingItemBoxR .txt,
    #sec02 .block01 .box02 .vikingItemBox .vikingItemBoxR .txt,
    #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR .txt,
    #sec02 .block01 .box01 .vikingItemBox .vikingItemBoxR .price,
    #sec02 .block01 .box02 .vikingItemBox .vikingItemBoxR .price,
    #sec02 .block01 .box05 .vikingItemBox .vikingItemBoxR .price {
        display: none !important;
    }

    /*==============================
	anchor
==============================*/
    #anchor {
        margin-top: 25px;
        padding: 0 5%;
    }

    #anchor ul.btn {
        width: 100%;
    }

    #anchor ul li:first-child {
        margin-bottom: 10px;
        margin-right: 0;
    }

    #anchor ul li a {
        padding: 15px;
    }

    #anchor ul li a:after {
        width: 9px;
        height: 9px;
        border: 2px solid #1a884c;
        border-top-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
        border-left-width: 2px;
        border-width: 2px 2px 0 0;
    }

    #anchor li a:before {
        width: 24px;
        height: 24px;
        margin-top: -12px;
    }


    /*--------------------------------------------------
		select プルダウンのプラマイ表示
--------------------------------------------------*/
    #sec02 a.itemcountdown,
    #sec02 a.itemcountup {
        width: 30%;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 180%;
    }


    /*--------------------------------------------------
		step line title etc 201812
--------------------------------------------------*/
    .steptitline {
        height: 86px;
    }

    .steptitline .txt01 {
        width: 80px;
        padding-right: 15px;
        font-size: 110%;
    }

    .steptitline .txt02 {
        font-size: 120%;
        padding: 10px 15px 10px 15px;
        line-height: 1.4;
    }

    .set3choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr3.png) no-repeat right center;
    }

    .set10choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr10.png) no-repeat right center;
    }

    .set8choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr8.png) no-repeat right center;
    }

    .set5choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr5.png) no-repeat right center;
    }

    .set12choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr12.png) no-repeat right center;
    }

    .set15choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr12.png) no-repeat right center;
    }

    .nowchoice {
        font-size: 110%;
    }

    .section-title {
        text-align: center;
        padding: 15px;
        letter-spacing: -0.01em;
        margin-bottom: 20px;
        color: #fff;
        background: url("/img/campaign/2606/viking/common_bg_dot_green.png") repeat left top / 4px 4px;
        border-radius: 5px 5px 0 0;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        font-size: 130%;
    }

    .section-title {
        margin-top: 30px;
    }

    #tit_anchor_00 {
        margin-top: 0;
    }

    .skincaretxtimg {
        margin-bottom: 10px;
    }






    /*--------------------------------------------------
		section
--------------------------------------------------*/
    .section h2 {
        margin-bottom: 10px;
    }


    .mainnotes {
        padding: 0 5%;
        line-height: 1.5;
    }

    /*--------------------------------------------------
		secMain
--------------------------------------------------*/
    #secMain {
        margin-bottom: 20px;
        width: 100%;
    }

    #secMain .block03 .blockInner {
        margin-bottom: 5px;
    }

    #secMain .block03 .box01 {
        display: block;
        width: 100%;
    }

    #secMain .block03 .box02 .boxL {
        display: block;
        width: 100%;
    }

    #secMain .block03 .box02 .boxL ul {
        width: 100%;
        position: relative;
    }

    #secMain .block03 .box02 .boxL ul li.img01 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    #secMain .block03 .box02 .boxL ul li.btn01 {
        width: 14%;
        margin-bottom: 1.5%;
        position: absolute;
        bottom: 0;
        left: 46%;
        z-index: 10;
    }

    #secMain .block03 .box02 .boxL ul li.btn02 {
        width: 14%;
        margin-bottom: 1.5%;
        position: absolute;
        bottom: 0;
        left: 64%;
        z-index: 10;
    }

    #secMain .block03 .box02 .boxL ul li.btn03 {
        width: 14%;
        margin-bottom: 1.5%;
        position: absolute;
        bottom: 0;
        right: 2%;
        z-index: 10;
    }

    #secMain .block03 .box02 .boxR {
        display: block;
        width: 100%;
    }

    #secMain .block03 .box02 .boxR ul {
        width: 100%;
        position: relative;
    }

    #secMain .block03 .box02 .boxR ul li.img01 {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    #secMain .block03 .box02 .boxR ul li.btn01 {
        width: 11%;
        position: absolute;
        bottom: 0;
        right: 48.8%;
        z-index: 10;
    }

    #secMain .block03 .presentbox {
        background: #e5f2ef;
        text-align: center;
        padding: 25px 4% 15px 4%;
    }

    #secMain .block03 .presentbox .presentbox01 .blntit img {
        width: 80%;
        margin: auto;
        display: block;
    }

    #secMain .block03 .presentbox .presentbox02 .blntit {
        margin-top: 20px;
    }

    .main_anchor {
        overflow: hidden;
    }

    .main_anchor li {
        float: left;
    }

    .main_anchor li:first-child {
        width: 50%;
    }

    .main_anchor li:last-child {
        width: 50%;
    }

    .main_terms {
        margin: 20px 0;
    }

    .main_present {
        margin-bottom: 20px;
    }

    .main_present_hc_notes {
        width: 90%;
        font-size: 80%;
        margin: 10px auto 20px;
    }

    .main_14item {
        margin-bottom: 30px !important;
    }

    .otokupoint {
        padding: 20px 5%;
        margin-bottom: 30px;
    }

    .otokupoint .tit {
        width: 90%;
        margin: 0 auto;
    }

    .otokupoint .notes {
        line-height: 1.5;
    }

    .notes_anchor {
        text-align: center;
        margin: auto;
        font-size: 90%;
        margin-top: 30px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec03 .notes_anchor {
        margin-top: 20px;
    }


    .notes_anchor a {
        display: block;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        text-decoration: none;
        border: solid 2px #1a884c;
        position: relative;
        padding: 15px;
        font-size: 110%;
        height: 100%;
        color: #383838;
    }

    .notes_anchor a:hover {
        opacity: 0.8;
    }

    .notes_anchor a:before,
    .notes_anchor a:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        right: 10px;
        border: 2px solid #1a884c;
        border-radius: 1px;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .notes_anchor a:before {
        top: 35%;
    }

    .notes_anchor a:after {
        top: 48%;
    }


    /*--------------------------------------------------
		secTop
--------------------------------------------------*/
    #secTop {
        margin: 0 0 20px 0;
    }



    /*--------------------------------------------------
		sec01
--------------------------------------------------*/
    #sec01 {
        width: 100%;
    }

    #sec01 .block01 ul {
        width: 100%;
    }

    #sec01 .block01 ul li#set-item15 {
        margin-bottom: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul li#set-item12 {
        margin-bottom: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul li#set-item10 {
        margin-bottom: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul li#set-item8 {
        margin-bottom: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul li#set-item7 {
        margin-bottom: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul li#set-item5 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul li#set-item3 {
        margin-bottom: 15px;
        margin-top: 15px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul li#set-item2 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #sec01 .block01 ul #set-item8 img,
    #sec01 .block01 ul #set-item5 img {
        opacity: 1 !important;
    }


    /*--------------------------------------------------
		sec02
--------------------------------------------------*/
    #sec02 {
        margin-top: 0;
        width: 100%;
    }

    #sec02 .itemAnchor {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    #sec02 .itemAnchor li {
        width: 49%;
        font-size: 90%;
    }

    #sec02 .itemAnchor li:nth-child(odd) {
        margin-right: 2%;
    }

    #sec02 .itemAnchor li:nth-child(n+3) {
        margin-top: 10px;
    }

    #sec02 .itemAnchor ul li:first-child {
        margin-bottom: 10px;
    }

    #sec02 .itemAnchor li a {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        text-decoration: none;
        border: solid 2px #1a884c;
        position: relative;
        padding: 13px 15px 13px 5px;
        font-size: 100%;
        line-height: 1.4;
        height: 100%;
        color: #383838;
    }

    #sec02 .itemAnchor li a:hover {
        opacity: 0.8;
    }

    #sec02 .itemAnchor li a:before,
    #sec02 .itemAnchor li a:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        right: 10px;
        border: 2px solid #1a884c;
        border-radius: 1px;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #sec02 .itemAnchor li a:before {
        top: 35%;
    }

    #sec02 .itemAnchor li a:after {
        top: 48%;
    }

    #sec02 .itemAnchor li.col00 a {
        padding-top: 26px;
    }

    #sec02 .itemAnchor li.col03 a {
        padding-top: 26px;
    }



    #sec02 .itemAnchor--auto li a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 4.8em;
    }

    /* アンカーリンク飛び先の位置調整 */
    html {
        scroll-padding-top: 100px;
    }

    #sec02 .box06,
    #sec02 .box09 {
        margin-top: 10px;
    }

    #sec02 .block01 .box {
        margin-bottom: 20px;
        float: none;
    }

    #sec02 .block01 .box h3 {
        margin: 5px 0;
    }

    #sec02 .block01 .box .select01 {
        font-size: 90%;
        text-align: center;
    }

    #sec02 .block01 .box .select01 select {
        width: 35%;
        height: 40px;
        padding: 0 0 0 15%;
        font-size: 16px;
        background: #fff;
    }

    #sec02 .block01 .box .select02,
    #sec02 .block01 .box .select03 {
        margin-top: 10px;
    }

    #sec02 .block01 .box .select04 {
        width: inherit;
    }

    #sec02 .block01 .box .select02 dl,
    #sec02 .block01 .box .select03 dl,
    #sec02 .block01 .box .select04 dl {
        width: 48%;
        float: left;
        box-sizing: border-box;
        margin: 0 1%;
    }

    #sec02 .block01 .box .select02 dl:nth-last-child(1),
    #sec02 .block01 .box .select03 dl:nth-last-child(1),
    #sec02 .block01 .box .select04 dl:nth-last-child(1) {
        margin-right: 0;
    }

    #sec02 .block01 .box .select02 dl dt,
    #sec02 .block01 .box .select03 dl dt,
    #sec02 .block01 .box .select04 dl dt {
        width: 100%;
        margin-bottom: 5px;
    }

    #sec02 .block01 .box .select02 dl dd,
    #sec02 .block01 .box .select03 dl dd,
    #sec02 .block01 .box .select04 dl dd {
        padding-bottom: 5%;
    }

    #sec02 .block01 .box .select02 dl dd select,
    #sec02 .block01 .box .select03 dl dd select,
    #sec02 .block01 .box .select04 dl dd select {
        width: 40%;
        padding: 0 0 0 17%;
        height: 40px;
        font-size: 20px;
        background: #fff;
    }

    #sec02 .block01 .box .txtLink {
        text-align: center;
        margin-top: 5px;
    }

    #sec02 .block01 .box16 .boxInner {
        padding: 0 25.5%;
    }

    #sec02 .block01 .box {
        background: #f0f6f5;
        width: 96%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #sec02 .block01 .vikingItemBox {
        width: 100%;
    }

    #sec02 .block01 .vikingItemBox .img img {
        width: 100%;
        display: block;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .tit {
        background: #e5f2ef;
        font-weight: bold;
        padding: 4% 5% 3% 5%;
        font-size: 90%;
        line-height: 1.5;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .tit .min {
        font-size: 75%;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .txt {
        border-bottom: solid 1px #fff;
        font-size: 70%;
        padding: 4% 5% 3% 5%;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .price {
        font-size: 70%;
        font-weight: normal;
        color: #000000;
        text-align: right;
        padding: 4% 5% 3% 5%;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .price .big {
        font-size: 140%;
        font-weight: bold;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .price .min {
        font-size: 90%;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon {
        font-size: 80%;
        font-weight: bold;
        text-align: center;
        background: #d91533;
        color: #fff;
        width: 90%;
        padding: 6px 0;
        margin: 10px 5% 5px 5%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        line-height: 1.4;
        position: relative;
        display: inline-block;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon:before {
        content: "";
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -10px;
        border: 10px solid transparent;
        border-bottom: 12px solid #d91533;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon .fsbig {
        font-size: 120%;
    }

    #sec02 .block01 .vikingItemBox .vikingItemBoxR .balloon .fsmid {
        font-size: 100%;
    }

    #sec02 .block01 .box .boxInner {
        padding: 0 2% 10px 2%;
        margin-top: 10px;
    }

    #sec02 .block01 .box .kome {
        font-size: 90%;
    }

    #sec02 .block01 .box .notes {
        border-top: solid 1px #fff;
        padding: 5%;
        font-size: 60%;
    }

    #sec02 .block01 .box .imp {
        padding: 5px 0 0 10px;
        color: #e60012;
    }

    #sec02 .block01 .box .notes {
        padding: 3%;
    }

    #sec02 .block01 .box12 .foundation_txt1,
    #sec02 .block01 .box12 .foundation_txt2,
    #sec02 .block01 .box12 .foundation_txt3 {
        text-align: center;
        padding: 5px 0;
        width: 100%;
        box-sizing: border-box;
        font-size: 85%;
    }

    #sec02 .block01 .box12 .foundation_txt1 {
        background: #f5d0b0;
    }

    #sec02 .block01 .box12 .foundation_txt2 {
        background: #ebdfbb;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #sec02 .block01 .box12 .foundation_txt3 {
        background: #efc485;
    }

    #sec02 .block01 .select04 .colorselect01,
    #sec02 .block01 .select04 .colorselect02,
    #sec02 .block01 .select04 .colorselect03,
    #sec02 .block01 .select04 .colorselect04,
    #sec02 .block01 .select04 .colorselect05,
    #sec02 .block01 .select04 .colorselect06 {
        text-align: center;
        padding: 5px 0;
        width: 100%;
        box-sizing: border-box;
        font-size: 65%;
        color: #fff;
        min-height: 20px;
    }

    #sec02 .block01 .select04 .colorselect01 {
        background: #5d3d30;
    }

    #sec02 .block01 .select04 .colorselect02 {
        background: #8b6e4e;
    }

    #sec02 .block01 .select04 .colorselect03 {
        background: #352c2b;
    }

    #sec02 .block01 .select04 .colorselect04 {
        background: #000;
    }

    #sec02 .block01 .select04 .colorselect05 {
        background: #729281;
    }

    #sec02 .block01 .select04 .colorselect06 {
        background: #bc9491;
    }

    #sec02 .block01 .select04 .bdlb,
    #sec02 .block01 .select04 .bdnb,
    #sec02 .block01 .select04 .bddb,
    #sec02 .block01 .select04 .bdbk {
        border: solid 1px #d0d0d0;
    }

    #sec02 .block01 .box .vikingItemBox {
        overflow: hidden;
    }

    #sec02 .block01 .box .vikingItemBox .img {
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

    #sec02 .block01 .box15 {
        margin-bottom: 10px;
    }

    #sec02 .block01 .box .select02 dl,
    #sec02 .block01 .box .select02 ul li {
        font-size: 90%;
        text-align: center;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }

    #sec02 .block01 .box .select02 ul li:first-child {
        padding-right: 5px;
    }

    #sec02 .block01 .box .select02 dl select,
    #sec02 .block01 .box .select02 ul li select {
        width: 40%;
        padding: 0 0 0 17%;
        height: 40px;
        font-size: 16px;
        background: #fff;
    }

    #sec02 .block01 .box .select02 dl dt {
        margin-bottom: 5px;
    }

    #sec02 .block01 .box12 .select02 ul {
        width: 50%;
        margin: 0 auto;
    }


    #sec02 .block01 .foundation_txt1,
    #sec02 .block01 .foundation_txt2,
    #sec02 .block01 .foundation_txt3 {
        text-align: center;
        padding: 5px 0;
        width: 100%;
        box-sizing: border-box;
        font-size: 80%;
    }

    #sec02 .block01 .foundation_txt1 {
        background: #f5d0b0;
    }

    #sec02 .block01 .foundation_txt2 {
        background: #ffffff;
        font-weight: bold;
        margin-bottom: 10px;
    }

    #sec02 .block01 .foundation_txt3 {
        background: #efc485;
    }

    #sec02 .block01 .uv_txt1 {
        text-align: center;
        background: #e5f1fc;
        padding: 5px 0;
        width: 100%;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    #sec02 .block01 .uv_txt2 {
        text-align: center;
        background: #b3d5f2;
        padding: 5px 0;
        width: 100%;
        margin-bottom: 5px;
        line-height: 1.4;
    }

    #sec02 .block01 .uv_txt2 .sup {
        vertical-align: super;
        font-size: 95%;
        line-height: 1;
        padding-left: 1px;
    }


    /*--------------------------------------------------
		sec03
--------------------------------------------------*/

    #sec03 .step2_kswk .txt {
        text-align: center;
        margin-bottom: 10px;
    }

    #sec03 .step2_select ul {
        margin-top: 10px;
        padding: 0 2%;
    }

    #sec03 .step2_select li {
        font-size: 120%;
        overflow: hidden;
        border-bottom: solid 2px #d0d0d0;
        border-left: solid 2px #d0d0d0;
        border-right: solid 2px #d0d0d0;
    }

    #sec03 .step2_select li:first-child {
        border-top: solid 2px #d0d0d0;
    }

    #sec03 .step2_select li .img {
        width: 77%;
        float: left;
    }

    #sec03 .step2_select li .img img {
        width: 100%;
    }

    #sec03 .step2_select li .selectbox {
        text-align: center;
        width: 23%;
        float: right;
    }

    #sec03 .step2_select li .selectbox select {
        width: 60px;
        font-size: 110%;
        line-height: 1.8;
        border: solid 1px #ebd171;
        margin-top: 30%;
    }

    #sec03 .step2_select .checkbox {
        background: #f2f2f2;
        font-size: 120%;
        font-weight: bold;
        text-align: center;
        margin: 18px 2% 20px 2%;
        padding: 15px;
        border: solid 2px #d0d0d0;
    }

    #sec03 .step2_select .checkbox input[type=checkbox] {
        margin: 10px;
        vertical-align: sub;
        -moz-transform: scale(1.8);
        -webkit-transform: scale(1.8);
        transform: scale(1.8);
    }


    /*--------------------------------------------------
		sec04
--------------------------------------------------*/

    #sec04 .txt {
        margin: 0 2%;
        line-height: 1.5;
    }

    #sec04 .step3_box01 {
        margin-top: 10px;
    }

    #sec04 .step3_box01 ul {
        overflow: hidden;
        padding: 2% 2% 10px 2%;
        background: #f0f6f5;
    }

    #sec04 .step3_box01 li {
        width: 23%;
        padding-bottom: 10px;
        border: solid 1px #d0d0d0;
        float: left;
        background: #fff;
        margin-right: 2.5%;
        box-sizing: border-box;
        height: inherit;
        margin-left: inherit;
    }

    #sec04 .step3_box01 li:nth-child(4) {
        margin-right: 0;
    }

    #sec04 .step3_box01 li:nth-child(8) {
        margin-right: 0;
    }

    #sec04 .step3_box01 li:nth-child(n+5) {
        margin-top: 10px;
    }

    #sec04 .step3_box01 li .img {}

    #sec04 .step3_box01 li .img img {
        width: 100%;
    }

    #sec04 .step3_box01 li .number {
        text-align: center;
    }

    #sec04 .step3_box02 .tit {
        padding: 15px;
        text-align: center;
        background: #dceeea;
        font-weight: bold;
        font-size: 130%;
    }

    #sec04 .step3_box02 ul {
        overflow: hidden;
        padding: 2% 2% 10px 2%;
        background: #f0f6f5;
    }

    #sec04 .step3_box02 li {
        width: 23%;
        padding-bottom: 10px;
        border: solid 1px #d0d0d0;
        float: left;
        background: #fff;
        margin-right: 2.5%;
    }

    #sec04 .step3_box02 li .img img {
        width: 100%;
    }

    #sec04 .step3_box02 li .number {
        text-align: center;
    }

    #sec04 .step3_box02 .mainnotes {
        text-align: left;
        padding: 5px 0 0 0;
    }

    #sec04 .step3_box03 {
        overflow: hidden;
        padding: 0 2% 10px;
        background: #f0f6f5;
    }

    #sec04 .step3_box03 .price {
        text-align: center;
        padding: 0 2%;
        width: 100%;
    }

    #sec04 .step3_box03 .btn {
        text-align: center;
        width: 100%;
    }




    /*--------------------------------------------------
		detail pop_btn_area
--------------------------------------------------*/

    .pop_btn_area {
        overflow: hidden;
        width: 94%;
        margin: 10px auto 0 auto;
        padding: 0;
        display: inherit;
    }

    .pop_btn_area .pop_btn_color a,
    .pop_btn_area .pop_btn_detail 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;
        background: #fff;
        font-size: 16px;
        padding: 10px 0;
    }

    .pop_btn_area .pop_btn_color a:after,
    .pop_btn_area .pop_btn_detail a:after {
        content: "";
        width: 12px;
        height: 12px;
        margin-left: 8px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: url("/img/campaign/2606/viking/icon_expand.png") 0 0 no-repeat transparent;
        background-size: contain;
    }

    .pop_btn_area .pop_btn_color {
        margin-right: 2%;
    }

    .box21 .pop_btn_area .pop_btn_color,
    .box21 .pop_btn_area .pop_btn_detail,
    .box01 .pop_btn_area .pop_btn_color,
    .box01 .pop_btn_area .pop_btn_detail,
    .box02 .pop_btn_area .pop_btn_color,
    .box02 .pop_btn_area .pop_btn_detail,
    .box03 .pop_btn_area .pop_btn_color,
    .box03 .pop_btn_area .pop_btn_detail,
    .box04 .pop_btn_area .pop_btn_color,
    .box04 .pop_btn_area .pop_btn_detail,
    .box05 .pop_btn_area .pop_btn_color,
    .box05 .pop_btn_area .pop_btn_detail,
    .box06 .pop_btn_area .pop_btn_color,
    .box06 .pop_btn_area .pop_btn_detail,
    .box07 .pop_btn_area .pop_btn_color,
    .box07 .pop_btn_area .pop_btn_detail,
    .box22 .pop_btn_area .pop_btn_color,
    .box22 .pop_btn_area .pop_btn_detail,
    .box28 .pop_btn_area .pop_btn_color,
    .box28 .pop_btn_area .pop_btn_detail,
    .box26 .pop_btn_area .pop_btn_color,
    .box26 .pop_btn_area .pop_btn_detail,
    .box46 .pop_btn_area .pop_btn_color,
    .box46 .pop_btn_area .pop_btn_detail,
    .box47 .pop_btn_area .pop_btn_color,
    .box47 .pop_btn_area .pop_btn_detail,
    .box54 .pop_btn_area .pop_btn_color,
    .box54b .pop_btn_area .pop_btn_color,
    .box54 .pop_btn_area .pop_btn_detail,
    .box54b .pop_btn_area .pop_btn_detail,
    .box61 .pop_btn_area .pop_btn_color,
    .box61 .pop_btn_area .pop_btn_detail,
    /*HIKベーシックセット対応*/
    .box62 .pop_btn_area .pop_btn_detail {
        width: 49%;
        float: left;
    }




    /*--------------------------------------------------
		tab
--------------------------------------------------*/
    #tabSecTop {
        margin-bottom: 10px;
        border: none;
    }

    #tabSecBtm {
        margin-top: 10px;
        border: none;
    }



    /*--------------------------------------------------
		secFloat
--------------------------------------------------*/
    #secFloat {
        color: #000000;
        width: 100%;
        background: #FDFBDC;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
    }

    #secFloat .block {
        background: #fff0db;
    }

    #secFloat .block dl {
        display: table;
        width: 100%;
        padding: 10px 2%;
    }

    #secFloat .block dl dt {
        display: table-cell;
        color: #222;
        font-size: 100%;
        font-weight: bold;
        vertical-align: bottom;
        width: 50%;
    }

    #secFloat .block dl dt span {
        color: #e60012;
        font-size: 140%;
        margin: 0 5px 0 0;
    }

    #secFloat .block dl dd {
        display: table-cell;
        vertical-align: bottom;
        width: 50%;
        padding-left: 2%;
    }

    #secFloat .block01 dl {
        padding: 5px 2%;
    }


    /*--------------------------------------------------
		tab
--------------------------------------------------*/
    .tabSec li a {
        width: 100%;
        height: 70px;
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
        color: #33b579;
        line-height: 16px;
        border: 1px solid #33b579;
        border-radius: 6px;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #eff8f4), color-stop(0.00, #fff));
        background: -webkit-linear-gradient(top, #fff 0%, #eff8f4 88%);
        background: -moz-linear-gradient(top, #fff 0%, #eff8f4 88%);
        background: -o-linear-gradient(top, #fff 0%, #eff8f4 88%);
        background: -ms-linear-gradient(top, #fff 0%, #eff8f4 88%);
        background: linear-gradient(to bottom, #fff 0%, #eff8f4 88%);
    }

    .tabSec li a:hover {
        color: #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #32b075), color-stop(0.00, #3dd18c));
        background: -webkit-linear-gradient(top, #3dd18c 0%, #32b075 88%);
        background: -moz-linear-gradient(top, #3dd18c 0%, #32b075 88%);
        background: -o-linear-gradient(top, #3dd18c 0%, #32b075 88%);
        background: -ms-linear-gradient(top, #3dd18c 0%, #32b075 88%);
    }

    .tabSec ul li.tabSec04 {
        width: 100% !important;
        float: none;
        clear: both;
    }

    .tabSec ul li.tabSec04 a {
        font-size: 17px;
        text-align: center;
        line-height: 70px;
    }

    /* 上部メニュー */
    #tabSecTop {
        width: 100%;
        margin-top: 0;
        border-bottom: none;
        display: none;
    }

    #tabSecTop .tabSec li a {
        width: 100%;
    }

    /* 下部追跡メニュー */
    .floatBlock {
        background: #ffffcc;
    }

    #tabSecBtm {
        border: none;
    }

    /* 毎月キャンペーン毎に変更 */
    .tabSec li.tabSec01 a p {
        margin-top: 19px;
    }

    .tabSec li.tabSec02 a p {
        margin-top: 28px;
    }

    .tabSec li.tabSec03 a p {
        margin-top: 18px;
        line-height: 18px;
    }

    .tabSec li.tabSec03 a p span {
        color: #fff;
        padding: 2px 5px;
        border-radius: 4px;
        background: #ee5a93;
        display: inline-block;
    }

    .btm_txtArea {
        width: 96%;
        margin: 30px auto;
    }

    .btm_txtArea .btm_txtTit {
        font-weight: bold;
        margin-bottom: 10px;
    }

    .btm_txtArea .btm_txtNotes {
        font-size: 80%;
        line-height: 1.5;
    }

    .btm_txtArea .btm_txtLink {
        text-align: right;
        margin: 10px 0 10px 0;
        font-size: 80%;
    }

    .btm_txtArea .btm_txtLink a {
        color: #000000;
        text-decoration: underline;
    }




    /*==============================
	lineup
==============================*/
    .lineupBox {
        margin-bottom: 30px;
    }

    .lineupBox .lineupCon .boxArea .boxTit {
        font-size: 82%;
        padding: 5px;
    }

    .lineupBox .lineupCon .boxArea ul {
        padding-bottom: 1px;
    }

    .lineupBox .lineupCon .boxArea ul li {
        padding: 15px 5% 15px 25%;
        min-height: 80px;
    }

    .lineupBox .lineupCon .boxArea ul li:before {
        width: 20%;
    }

    .lineupBox .lineupCon .boxArea ul li .itemTit {
        font-size: 82%;
    }

    .lineupBox .lineupCon .boxArea ul li .itemTit .sup {
        font-size: 50%;
    }

    .lineupBox .lineupCon .boxArea ul li .itemTxt {
        font-size: 62%;
    }

    .lineupBox .lineupCon .boxArea ul li .itemNotes {
        font-size: 50%;
    }



    #secFloat .block01 .blockInner {
        width: 100%;
    }

    .vikingNav {
        margin-bottom: -7px;
        margin-right: 5px;
    }

    #secFloat .block01 dl dd#banner img#bannerbtn {
        margin-bottom: 20px;
    }


    #present.presentArea {
        margin-left: 0 !important;
        margin-right: 0 !important;
        background-color: #e6f2f0;
        padding: 15px 10px !important;
    }

}

/*--------------------------------------------------
    商品グリッド：4列レイアウト（PC）
--------------------------------------------------*/
@media screen and (min-width: 481px) {
    #sec02 .block01 .products-grid {
        display: flex;
        flex-wrap: wrap;
    }

    #sec02 .block01 .products-grid>div.box:nth-of-type(4n+1) {
        margin-left: 0;
    }

    #sec02 .block01 .products-grid>.section-title {
        width: 100%;
        flex-basis: 100%;
    }
}

/* notes内のspan */
.notes span {
    color: red;
}

/* ===== オーバーレイ (2606/vikingStyle_tougou.css・選べない商品オーバーレイ) ===== */
/*==============================

	vikingStyle_tougou.css (2606)

	2602 vikingStyle_tougou.css への追加分。
	「選べない商品」用オーバーレイ（not-available-overlay）の
	テキスト/CSS実装スタイル。
	色定義・SP対応の breakpoint(480px) は 2604 vikingStyle_tougou.css に準拠。

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


/*
	選べない商品オーバーレイ
================================*/
.not-available-overlay {
    margin-top: 15px;
    padding: 20px 15px;
    border: 2px solid #cf0010;
    background: #fff;
    text-align: center;
}

.not-available-heading {
    color: #cf0010;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.set-redirect-btn {
    display: block;
    padding: 12px 20px;
    margin: 8px 0;
    background: #cf0010;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
}

.set-redirect-btn::before {
    content: "▶";
    margin-right: 6px;
    font-size: 12px;
}

.set-redirect-btn:hover {
    background: #a30010;
    color: #fff !important;
    text-decoration: none !important;
}

@media screen and (max-width: 480px) {
    .not-available-overlay {
        padding: 15px 10px;
    }

    .not-available-heading {
        font-size: 14px;
    }

    .set-redirect-btn {
        font-size: 14px;
        padding: 10px 15px;
    }
}

/* ===== fix (vk-item / box 両対応・色物の色数非依存レイアウト) ===== */
/* vikingStyle_2606.css — CP2606 役割ベース追加CSS。旧 vikingStyle_tougou.css と併読。 */

/* ============================================================
   色物の色行レイアウト（select番号非依存）
   旧 #sec02 .block01 .box .select03/.select04 を .vk-item--color .boxInner へ展開。
   5色(select05)が未定義で縦積みになる問題の恒久修正。3/4/5色すべてに効く。
   ============================================================ */

/* PC */
#sec02 .block01 .vk-item--color .boxInner {
    width: 214px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sec02 .block01 .vk-item--color .boxInner dl {
    font-size: 80%;
    text-align: center;
    width: 98px;
    float: left;
    padding: 0;
    margin-top: 8px;
}

#sec02 .block01 .vk-item--color .boxInner dl dd select {
    width: 38px;
    padding: 0 0 0 15%;
    border: solid 1px #d0d0d0;
    height: 34px;
    font-size: 15px;
    background: #fff;
}

#sec02 .block01 .vk-item--color .boxInner dl dt img {
    width: 100%;
}

/* 色名ラベル（colorselc01〜）。旧 select04 のハードコード6色は引き継がず汎用色。
   商品ごとの実色が必要なら後で個別 modifier を足す。 */
#sec02 .block01 .vk-item--color .boxInner [class^="colorselect"] {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    box-sizing: border-box;
    font-size: 70%;
    color: #fff;
    margin-bottom: 5px;
    background: #7a6a5a;
}

/* SP */
@media screen and (max-width: 480px) {
    #sec02 .block01 .vk-item--color .boxInner {
        width: 100%;
    }

    #sec02 .block01 .vk-item--color .boxInner dl {
        width: 48%;
        float: left;
        box-sizing: border-box;
        margin: 0 1%;
    }

    #sec02 .block01 .vk-item--color .boxInner dl:nth-last-child(1) {
        margin-right: 0;
    }

    #sec02 .block01 .vk-item--color .boxInner dl dt {
        width: 100%;
        margin-bottom: 5px;
    }

    #sec02 .block01 .vk-item--color .boxInner dl dd {
        padding-bottom: 5%;
    }

    #sec02 .block01 .vk-item--color .boxInner dl dd select {
        width: 40%;
        padding: 0 0 0 17%;
        height: 40px;
        font-size: 20px;
        background: #fff;
    }

    #sec02 .block01 .vk-item--color .boxInner [class^="colorselect"] {
        font-size: 65%;
        min-height: 20px;
    }
}

/* SP（≤480px）共通レイアウト: 旧 .box.nomalbox 起点を .vk-item に置換 */
@media screen and (max-width: 480px) {

    #sec02 .block01 .vk-item .vikingItemBox .img,
    #sec02 .block01 .vk-item .vikingItemBox .vikingItemBoxR .tit,
    #sec02 .block01 .vk-item .vikingItemBox .vikingItemBoxR .txt,
    #sec02 .block01 .vk-item .vikingItemBox .vikingItemBoxR .price {
        display: none !important;
    }

    #sec02 .block01 .vk-item .vikingItemBox .vikingItemBoxR {
        float: none !important;
        margin: 0 auto !important;
    }

    #sec02 .block01 .vk-item .vikingItemBox .detail {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #sec02 .block01 .vk-item:not(.vk-item--color) .vikingItemBox .detail .pop_btn_sp {
        margin: 10px 0 0 4%;
        width: 46%;
        box-sizing: border-box;
    }

    #sec02 .block01 .vk-item--color .vikingItemBox .detail .pop_btn_sp {
        margin: 10px 0 0 0;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
    }

    #sec02 .block01 .vk-item--color .vikingItemBox .detail .pop_btn_sp a {
        width: 49%;
        box-sizing: border-box;
    }

    #sec02 .block01 .vk-item .vikingItemBox .detail .pop_btn_sp 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;
        background: #fff;
        font-size: 16px;
        padding: 8px 0;
    }

    #sec02 .block01 .vk-item .vikingItemBox .detail .pop_btn_sp a:after {
        content: "";
        width: 12px;
        height: 12px;
        margin-left: 8px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: url("/img/campaign/2606/viking/icon_expand.png") 0 0 no-repeat transparent;
        background-size: contain;
    }

    #sec02 .block01 .vk-item .vikingItemBox .detail .boxInner {
        margin-top: 13px;
    }

    #sec02 .block01 .vk-item:not(.vk-item--color) .vikingItemBox .detail .boxInner {
        width: 49%;
    }

    #sec02 .block01 .vk-item .vikingItemBox .detail .notes {
        width: 100%;
    }
}

/* ===== 準休眠 viking_s: 2点/7点のテーマ色＋最下段PCレイアウト（前回準休眠2603から想定流用） ===== */
.set7choice .steptitline {
    border-top: 3px solid #f0008d;
}

.set7choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr7.png) no-repeat left center;
}

.set7choice .steptitline .txt02 .imp {
    color: #f0008d;
}

.set2choice .steptitline {
    border-top: 3px solid #10893e;
}

.set2choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking/steparr5.png) no-repeat left center;
}

.set2choice .steptitline .txt02 .imp {
    color: #10893e;
}

.set7choice .nowchoice .imp:before {
    content: "7";
    display: inline-block;
}

.set2choice .nowchoice .imp:before {
    content: "2";
    display: inline-block;
}

.set7choice #step2 .txt02 .imp:before {
    content: "7";
    display: inline-block;
}

.set2choice #step2 .txt02 .imp:before {
    content: "2";
    display: inline-block;
}

@media screen and (max-width: 480px) {
    .set7choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr7.png) no-repeat right center;
    }

    .set2choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking/steparr5.png) no-repeat right center;
    }
}

/* 準休眠 viking_s: steparr を viking_s 色へ（normal 共有段 set5/set10 を侵さないため body.viking_s でスコープ） */
body.viking_s .set2choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_s/steparr2.png) no-repeat left center;
}

body.viking_s .set3choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_s/steparr3.png) no-repeat left center;
}

body.viking_s .set5choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_s/steparr5.png) no-repeat left center;
}

body.viking_s .set7choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_s/steparr7.png) no-repeat left center;
}

body.viking_s .set10choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_s/steparr10.png) no-repeat left center;
}

@media screen and (max-width: 480px) {
    body.viking_s .set2choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_s/steparr2.png) no-repeat right center;
    }

    body.viking_s .set3choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_s/steparr3.png) no-repeat right center;
    }

    body.viking_s .set5choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_s/steparr5.png) no-repeat right center;
    }

    body.viking_s .set7choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_s/steparr7.png) no-repeat right center;
    }

    body.viking_s .set10choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_s/steparr10.png) no-repeat right center;
    }
}

/* ===== 段色オーバーライド（号2606） =====
   素のバイキング(viking)は global の set2=#10893e / set10=#e60012 を維持する。
   定期(viking_teiki)・準休眠(viking_s) のみ body スコープで色を差し替える。
   border-top と .txt02 .imp(段番号) は常に同色で揃える。 */
body.viking_teiki .set2choice .steptitline {
    border-top: 3px solid #e60012;
}

body.viking_teiki .set2choice .steptitline .txt02 .imp {
    color: #e60012;
}

body.viking_teiki .set10choice .steptitline {
    border-top: 3px solid #f0008d;
}

body.viking_teiki .set10choice .steptitline .txt02 .imp {
    color: #f0008d;
}

body.viking_s .set10choice .steptitline {
    border-top: 3px solid #f0008d;
}

body.viking_s .set10choice .steptitline .txt02 .imp {
    color: #f0008d;
}

/* set5choice: 通常viking は global の緑(#10893e)を維持。定期・準休眠のみ赤へ。 */
body.viking_teiki .set5choice .steptitline {
    border-top: 3px solid #e60012;
}

body.viking_teiki .set5choice .steptitline .txt02 .imp {
    color: #e60012;
}

body.viking_s .set5choice .steptitline {
    border-top: 3px solid #e60012;
}

body.viking_s .set5choice .steptitline .txt02 .imp {
    color: #e60012;
}

/* ===== viking_rf 装飾（rf寄せ）ここから ===== */
/* ① カテゴリ見出し item_anchor（PC） */
body.viking_rf .item_anchor {
    clear: both;
    text-align: left;
    padding: 15px 15px 15px 25px;
    border-radius: 5px;
    margin-bottom: 30px;
    color: #fff;
}

body.viking_rf .item_anchor:after {
    content: "";
    clear: both;
    display: block;
}

body.viking_rf .item_anchor .logo {
    width: 260px;
    float: left;
    margin-right: 20px;
}

body.viking_rf .item_anchor .tit {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

body.viking_rf .item_anchor .txt {
    font-size: 18px;
    letter-spacing: 0.04em;
    color: #fff;
    display: inline-block;
    line-height: 1.5;
}

body.viking_rf .item_anchor_00 {
    background-color: rgb(240 131 0 / 0.7);
    margin-top: 30px;
    font-size: 30px;
}

body.viking_rf .item_anchor_01 {
    background-color: rgb(65 106 91 / 0.8);
    font-size: 30px;
}

body.viking_rf .item_anchor_02 {
    background-color: rgb(118 59 27 / 0.8);
    font-size: 24px;
}

body.viking_rf .item_anchor_03 {
    background-color: rgb(51 88 114 / 0.8);
    font-size: 24px;
}

body.viking_rf .item_anchor_04 {
    background-color: rgb(238 134 154 / 0.7);
    font-size: 24px;
}

/* item_anchor 全幅化（products-grid の1セルに潰れる対策・grid/flex両対応） */
body.viking_rf #sec02 .products-grid .item_anchor {
    grid-column: 1 / -1;
    flex-basis: 100%;
    width: 100%;
    box-sizing: border-box;
    align-self: start;
}

/* ② カテゴリナビ itemAnchor（画像ナビ・PC） */
body.viking_rf #sec02 .itemAnchor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

body.viking_rf #sec02 .itemAnchor li {
    width: 24.6%;
    margin: 12px 0;
}

body.viking_rf #sec02 .itemAnchor li a {
    display: block;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

body.viking_rf #sec02 .itemAnchor li a:hover {
    opacity: 0.8;
}

body.viking_rf #sec02 .itemAnchor li a img {
    display: block;
    width: 100%;
}

body.viking_rf .itemAnchor .col01.prm a {
    border: #f08300 solid 3px;
}

body.viking_rf .itemAnchor .col01.rsf a {
    border: #416a5b solid 3px;
}

body.viking_rf .itemAnchor .col01.wct a {
    border: #763b1b solid 3px;
}

body.viking_rf .itemAnchor .col01.hik a {
    border: #335872 solid 3px;
}

body.viking_rf .itemAnchor .col01.stp a {
    border: #ee869a solid 3px;
}

/* ③ プレミアム枠 not-available-overlay（rfデザイン：赤枠・赤見出し・金/赤ボタン） */
body.viking_rf .not-available-overlay {
    border: 3px solid #e60012;
    border-radius: 5px;
    padding: 12px;
    margin-top: 8px;
    background: #fff;
}

body.viking_rf .not-available-heading {
    color: #e60012;
    font-weight: bold;
    text-align: center;
    font-size: 90%;
    line-height: 1.3;
    margin-bottom: 10px;
}

body.viking_rf .set-redirect-btn {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    padding: 10px 8px;
    margin-top: 6px;
    position: relative;
}

body.viking_rf .set-redirect-btn:before {
    content: "\25B6";
    font-size: 70%;
    margin-right: 6px;
}

body.viking_rf .set-redirect-btn[data-target-set="12"] {
    background: #b8960c;
}

body.viking_rf .set-redirect-btn:not([data-target-set="12"]) {
    background: #e60012;
}

body.viking_rf .set-redirect-btn:hover {
    opacity: 0.85;
}

/* ④ プレゼント presentbox（2段構成） */
body.viking_rf #secMain .block03 .presentbox {
    background: #e5f2ef;
    text-align: center;
    padding: 40px 0 30px 0;
}

body.viking_rf .presentbox01 {
    padding: 0 30px;
}

body.viking_rf .presentbox .blntit {
    margin-top: 12px;
}

body.viking_rf .presentbox .present_btn01,
body.viking_rf .presentbox .present_btn02 {
    text-align: center;
    margin-top: 10px;
}

body.viking_rf .presentbox .present_btn01 a:hover,
body.viking_rf .presentbox .present_btn02 a:hover {
    opacity: 0.8;
}

body.viking_rf .presentbox .notes {
    font-size: 68%;
    text-align: left;
    width: 90%;
    margin: 5px auto 0 auto;
}

body.viking_rf .itemAnchor li a {
    display: block;
    position: relative;
    padding: 0 40px 0 30px;
}

/* SP（max-width:480px） */
@media screen and (max-width: 480px) {
    body.viking_rf .item_anchor {
        text-align: center;
    }

    body.viking_rf .item_anchor .logo {
        width: 195px;
        margin: 0 auto 9px auto;
        float: none;
    }

    body.viking_rf .item_anchor .tit {
        font-size: 20px;
    }

    body.viking_rf .item_anchor .txt {
        font-size: 14px;
        margin-top: 2px;
    }

    body.viking_rf #sec02 .itemAnchor li {
        width: 48.5%;
    }

    body.viking_rf .presentbox01 {
        padding: 0;
    }
}

@media screen and (min-width: 481px) {
    body.viking_rf #sec02 .block01 .products-grid {
        margin-left: -12px;
    }

    body.viking_rf #sec02 .block01 .products-grid>div.box {
        margin-left: 12px;
    }

    body.viking_rf #sec02 .block01 .products-grid>.item_anchor {
        margin-left: 12px;
    }
}

/* ② 個別カード背景：ナチュラルウォッシュ濃縮マルチ洗剤（data-product="natural-wash"）
   旧静的版の .vikingItemBoxR / .tit インライン background-color:#fffbb7 を現行仕様で再現。
   .tit デフォルト #e5f2ef を上書きするため body.viking_rf + 属性セレクタで詳細度を確保（!important 不要）。 */
body.viking_rf #sec02 .block01 .vk-item[data-product="natural-wash"] .vikingItemBoxR,
body.viking_rf #sec02 .block01 .vk-item[data-product="natural-wash"] .vikingItemBoxR .tit {
    background-color: #fffbb7;
}

/* ===== viking_rf 装飾（rf寄せ）ここまで ===== */

/* === viking_rf first 価格テーブル（BD vikingFirstStyle_tougou.css 2604 より移植） === */
body.viking_rf .boldred {
    color: #e63e31;
    font-weight: bold;
}

body.viking_rf #about ul.list li .txtArea .table {
    border: 0;
}

body.viking_rf #about ul.list li .table dl.tit,
body.viking_rf #about ul.list li .table dl.txt0,
body.viking_rf #about ul.list li .table dl.txt1,
body.viking_rf #about ul.list li .table dl.txt2,
body.viking_rf #about ul.list li .table dl.txt3,
body.viking_rf #about ul.list li .table dl.txt4,
body.viking_rf #about ul.list li .table dl.txt5 {
    display: table;
    width: 100%;
}

body.viking_rf #about ul.list li .table dl.tit dd,
body.viking_rf #about ul.list li .table dl.txt0 dt,
body.viking_rf #about ul.list li .table dl.txt1 dt,
body.viking_rf #about ul.list li .table dl.txt2 dt,
body.viking_rf #about ul.list li .table dl.txt3 dt,
body.viking_rf #about ul.list li .table dl.txt4 dt,
body.viking_rf #about ul.list li .table dl.txt5 dt,
body.viking_rf #about ul.list li .table dl.tit dt,
body.viking_rf #about ul.list li .table dl.txt0 dd,
body.viking_rf #about ul.list li .table dl.txt1 dd,
body.viking_rf #about ul.list li .table dl.txt2 dd,
body.viking_rf #about ul.list li .table dl.txt3 dd,
body.viking_rf #about ul.list li .table dl.txt4 dd,
body.viking_rf #about ul.list li .table dl.txt5 dd {
    display: table-cell;
    text-align: center;
    border-bottom: solid 2px #fff;
    vertical-align: middle;
    font-weight: bold;
}

body.viking_rf #about ul.list li .table dl.tit dt,
body.viking_rf #about ul.list li .table dl.txt0 dd,
body.viking_rf #about ul.list li .table dl.txt1 dd,
body.viking_rf #about ul.list li .table dl.txt2 dd,
body.viking_rf #about ul.list li .table dl.txt3 dd,
body.viking_rf #about ul.list li .table dl.txt4 dd,
body.viking_rf #about ul.list li .table dl.txt5 dd {
    border-left: solid 2px #fff;
    font-weight: bold;
}

body.viking_rf #about ul.list li .table dl.tit dd {
    background: #fff;
}

body.viking_rf #about ul.list li .table dl.tit dt {
    background: #faf37e;
    font-weight: bold;
}

body.viking_rf #about ul.list li .table dl.txt0 dt {
    color: #e60012;
    background-image: -moz-linear-gradient(0deg, rgb(232, 189, 73) 0%, rgb(255, 244, 190) 55%, rgb(246, 199, 73) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(232, 189, 73) 0%, rgb(255, 244, 190) 55%, rgb(246, 199, 73) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(232, 189, 73) 0%, rgb(255, 244, 190) 55%, rgb(246, 199, 73) 100%);
}

body.viking_rf #about ul.list li .table dl.txt0 dd {
    background: #fff4d1;
    color: #e60012;
}

body.viking_rf #about ul.list li .table dl.txt1 dt {
    background: #e60012;
}

body.viking_rf #about ul.list li .table dl.txt1 dd {
    background: #ffeff0;
    color: #e60012;
}

body.viking_rf #about ul.list li .table dl.txt2 dt {
    background: #eb5e00;
}

body.viking_rf #about ul.list li .table dl.txt2 dd {
    background: #ffefe4;
    color: #eb5e00;
}

body.viking_rf #about ul.list li .table dl.txt3 dt {
    background: #10893e;
}

body.viking_rf #about ul.list li .table dl.txt3 dd {
    background: #eff9f3;
    color: #10893e;
}

body.viking_rf #about ul.list li .table dl.txt4 dt {
    background: #f0008d;
}

body.viking_rf #about ul.list li .table dl.txt4 dd {
    background: #ffeef8;
    color: #f0008d;
}

body.viking_rf #about ul.list li .table dl.txt5 dt {
    background: #2f55d4;
}

body.viking_rf #about ul.list li .table dl.txt5 dd {
    background: #eaeefb;
    color: #2f55d4;
}

body.viking_rf #about ul.list li .table dl dt {
    color: #fff;
}

body.viking_rf #about ul.list li .table dl.tit dt {
    color: #222;
}

body.viking_rf #about ul.list li .table dl dd.colbk {
    color: #222;
}

body.viking_rf #about ul.list li .table {
    font-size: 22px;
    margin: 0 auto 20px auto;
    width: 90%;
}

body.viking_rf #about ul.list li .txtArea .table {
    font-size: 16px;
    margin: 0 auto;
    padding: 20px 0;
    width: 400px;
}

body.viking_rf #about ul.list li .txtArea .table dl.tit {
    background: none;
    padding-left: 0;
    margin-bottom: 0;
}

body.viking_rf #about ul.list li .txtArea .table dl.tit dt,
body.viking_rf #about ul.list li .txtArea .table dl.tit dd {
    padding: 15px 0;
}

body.viking_rf #about ul.list li .txtArea .table dl.txt0,
body.viking_rf #about ul.list li .txtArea .table dl.txt1,
body.viking_rf #about ul.list li .txtArea .table dl.txt2,
body.viking_rf #about ul.list li .txtArea .table dl.txt3,
body.viking_rf #about ul.list li .txtArea .table dl.txt4,
body.viking_rf #about ul.list li .txtArea .table dl.txt5 {
    font-size: 22px;
    line-height: 1;
}

body.viking_rf #about ul.list li .txtArea .table dl.tit dd,
body.viking_rf #about ul.list li .txtArea .table dl.txt0 dt,
body.viking_rf #about ul.list li .txtArea .table dl.txt1 dt,
body.viking_rf #about ul.list li .txtArea .table dl.txt2 dt,
body.viking_rf #about ul.list li .txtArea .table dl.txt3 dt,
body.viking_rf #about ul.list li .txtArea .table dl.txt4 dt,
body.viking_rf #about ul.list li .txtArea .table dl.txt5 dt {
    width: 98px;
    padding: 11px 0px;
}

body.viking_rf #about ul.list li .txtArea .table dl.tit dt,
body.viking_rf #about ul.list li .txtArea .table dl.txt0 dd,
body.viking_rf #about ul.list li .txtArea .table dl.txt1 dd,
body.viking_rf #about ul.list li .txtArea .table dl.txt2 dd,
body.viking_rf #about ul.list li .txtArea .table dl.txt3 dd,
body.viking_rf #about ul.list li .txtArea .table dl.txt4 dd,
body.viking_rf #about ul.list li .txtArea .table dl.txt5 dd {
    width: 148px;
}

body.viking_rf #about ul.list li .txtArea .table .min {
    font-size: 18px;
}

body.viking_rf #about ul.list li .txtArea .table .tax {
    font-size: 14px;
}

body.viking_rf #about ul.list li:nth-child(1) .txtArea .boldred {
    font-size: 24px;
}

@media screen and (max-width: 480px) {
    body.viking_rf #about ul.list li .table {
        width: 90%;
        padding: 10px 0;
        margin: 0 auto;
    }

    body.viking_rf #about ul.list li .table dl.tit {
        width: 100%;
    }

    body.viking_rf #about ul.list li .table dl.tit dd {
        width: 23%;
        padding: 10px 0;
    }

    body.viking_rf #about ul.list li .table dl.tit dt {
        width: 38%;
        padding: 10px 0;
        font-size: 75%;
    }

    body.viking_rf #about ul.list li .table dl.txt0,
    body.viking_rf #about ul.list li .table dl.txt1,
    body.viking_rf #about ul.list li .table dl.txt2,
    body.viking_rf #about ul.list li .table dl.txt3,
    body.viking_rf #about ul.list li .table dl.txt4,
    body.viking_rf #about ul.list li .table dl.txt5 {
        width: 100%;
    }

    body.viking_rf #about ul.list li .table dl.txt0 dt,
    body.viking_rf #about ul.list li .table dl.txt1 dt,
    body.viking_rf #about ul.list li .table dl.txt2 dt,
    body.viking_rf #about ul.list li .table dl.txt3 dt,
    body.viking_rf #about ul.list li .table dl.txt4 dt,
    body.viking_rf #about ul.list li .table dl.txt5 dt {
        width: 23%;
        padding: 8px 0;
        font-size: 95%;
        line-height: 1.2;
    }

    body.viking_rf #about ul.list li .table dl.txt0 dt span,
    body.viking_rf #about ul.list li .table dl.txt1 dt span,
    body.viking_rf #about ul.list li .table dl.txt2 dt span,
    body.viking_rf #about ul.list li .table dl.txt3 dt span {
        font-size: 120%;
    }

    body.viking_rf #about ul.list li .table dl.txt0 dd,
    body.viking_rf #about ul.list li .table dl.txt1 dd,
    body.viking_rf #about ul.list li .table dl.txt2 dd,
    body.viking_rf #about ul.list li .table dl.txt3 dd,
    body.viking_rf #about ul.list li .table dl.txt4 dd,
    body.viking_rf #about ul.list li .table dl.txt5 dd {
        width: 38%;
        padding: 8px 0;
    }

    body.viking_rf #about ul.list li .table dl.txt0 dd,
    body.viking_rf #about ul.list li .table dl.txt1 dd,
    body.viking_rf #about ul.list li .table dl.txt2 dd,
    body.viking_rf #about ul.list li .table dl.txt3 dd,
    body.viking_rf #about ul.list li .table dl.txt4 dd,
    body.viking_rf #about ul.list li .table dl.txt5 dd {
        line-height: 1;
    }

    body.viking_rf #about ul.list li .table dl.txt0 dd .min,
    body.viking_rf #about ul.list li .table dl.txt1 dd .min,
    body.viking_rf #about ul.list li .table dl.txt2 dd .min,
    body.viking_rf #about ul.list li .table dl.txt3 dd .min,
    body.viking_rf #about ul.list li .table dl.txt4 dd .min,
    body.viking_rf #about ul.list li .table dl.txt5 dd .min {
        font-size: 65%;
    }

    body.viking_rf #about ul.list li .table dl.txt0 dd .tax,
    body.viking_rf #about ul.list li .table dl.txt1 dd .tax,
    body.viking_rf #about ul.list li .table dl.txt2 dd .tax,
    body.viking_rf #about ul.list li .table dl.txt3 dd .tax,
    body.viking_rf #about ul.list li .table dl.txt4 dd .tax,
    body.viking_rf #about ul.list li .table dl.txt5 dd .tax {
        font-size: 50%;
    }

    body.viking_rf #about ul.list li .txtArea .table {
        width: 95%;
        margin: 10px auto 0 auto;
    }

    body.viking_rf #about ul.list li .txtArea .table dl.tit {
        background: none;
        padding-left: 0;
        margin-bottom: 0;
    }

    body.viking_rf #about ul.list li:nth-child(1) .txtArea .boldred {
        font-size: 130%;
    }

    body.viking_rf #about ul.list li:nth-child(2) .txtArea .boldred {
        font-size: 130%;
    }
}

/* ===== viking_rf 段タイトル steptitline（旧 vikingStyle_rrf_tougou.css 2506 より移植） =====
   素のviking / 定期(teiki) / 準休眠(s) を侵さないよう body.viking_rf でスコープ。
   段画像は 2606/viking_rf に新規配置する想定（要・画像アップロード）。
   border-top と .txt02 .imp（段番号色）は常に同色で揃える。
   ※ .imp:before / .nowchoice の段番号テキストは global 定義（set2/5/7/10/12）をそのまま使用。 */

/* set12 */
body.viking_rf .set12choice .steptitline {
    border-top: 3px solid #deb53b;
}

body.viking_rf .set12choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_rf/2606_furel_pc35.png) no-repeat left center;
    color: #fff;
    text-shadow: none;
}

body.viking_rf .set12choice .steptitline .txt02 .imp {
    color: #deb53b;
}

/* set10 */
body.viking_rf .set10choice .steptitline {
    border-top: 3px solid #e60012;
}

body.viking_rf .set10choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_rf/2606_furel_pc36.png) no-repeat left center;
}

body.viking_rf .set10choice .steptitline .txt02 .imp {
    color: #e60012;
}

/* set7 */
body.viking_rf .set7choice .steptitline {
    border-top: 3px solid #f08e42;
}

body.viking_rf .set7choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_rf/2606_furel_pc37.png) no-repeat left center;
}

body.viking_rf .set7choice .steptitline .txt02 .imp {
    color: #f08e42;
}

/* set5 */
body.viking_rf .set5choice .steptitline {
    border-top: 3px solid #009844;
}

body.viking_rf .set5choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_rf/2606_furel_pc38.png) no-repeat left center;
}

body.viking_rf .set5choice .steptitline .txt02 .imp {
    color: #009844;
}

/* set2 */
body.viking_rf .set2choice .steptitline {
    border-top: 3px solid #187fc3;
}

body.viking_rf .set2choice .steptitline .txt01 {
    background: url(/img/campaign/2606/viking_rf/2606_furel_pc39.png) no-repeat left center;
}

body.viking_rf .set2choice .steptitline .txt02 .imp {
    color: #187fc3;
}

/* SP（max-width:480px）: 段画像を右寄せへ。PCと同一画像を使用（旧rrfのSP画像取り違えは踏襲しない） */
@media screen and (max-width: 480px) {
    body.viking_rf .set12choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_rf/2606_furel_pc35.png) no-repeat right center;
    }

    body.viking_rf .set10choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_rf/2606_furel_pc36.png) no-repeat right center;
    }

    body.viking_rf .set7choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_rf/2606_furel_pc37.png) no-repeat right center;
    }

    body.viking_rf .set5choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_rf/2606_furel_pc38.png) no-repeat right center;
    }

    body.viking_rf .set2choice .steptitline .txt01 {
        background: url(/img/campaign/2606/viking_rf/2606_furel_pc39.png) no-repeat right center;
    }
}