@charset "utf-8";

/*--------------------------------------------------
		viking first common
--------------------------------------------------*/

#pageTit { text-align: center; margin-top: 20px; margin-bottom: 0;}

/* txt */
.contentsBlock .bigtxt,
.contentsBlock .set8txt,
.contentsBlock .set5txt,
.contentsBlock .mintxt,
.contentsBlock .subtxt { font-weight: bold; line-height: 1.3;}

.contentsBlock .set8txt { color: #e60012;}
.contentsBlock .set5txt { color: #1b8f47;}

.boldred { color: #e63e31; font-weight: bold;}
.boldgrn { color: #1b8f47; font-weight: bold;}


/*==============================
	about
==============================*/
#about ul.list {line-height: 1.5;}
#about ul.list li { background: #e5f2ef; border-top: solid 2px #1a884c; box-sizing: border-box;}/* color change */
#about ul.list li .titArea { margin-bottom: 15px; padding-left: 78px; position: relative;}
#about ul.list li .titArea:before { position: absolute; left: 0; top: 0; background: #fff; color: #1a884c; text-align: center; font-size: 44px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; min-width: 66px; display: inline-block;}
#about ul.list li:nth-child(1) .titArea:before { content: "1";}
#about ul.list li:nth-child(2) .titArea:before { content: "2";}
#about ul.list li:nth-child(3) .titArea:before { content: "3";}
#about ul.list li:nth-child(4) .titArea:before { content: "4";}
#about ul.list li:nth-child(5) .titArea:before { content: "4";}
#about ul.list li.no03 .titArea:before { content: "3";}
#about ul.list li .txtArea .btn { display: block;}
#about ul.list li .txtArea .btn 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;}
#about ul.list li .txtArea .btn a:hover { opacity: 0.8;}
#about ul.list li .txtArea .btn 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/2502/viking/icon_expand.png") 0 0 no-repeat transparent;
    background-size: contain;
}
#about ul.list li .txtArea .btn a .big { font-size: 120%;}
#about ul.list li .txtArea .table { border: 0;}
#about ul.list li .table dl.tit,
#about ul.list li .table dl.txt0,
#about ul.list li .table dl.txt1,
#about ul.list li .table dl.txt2,
#about ul.list li .table dl.txt3,
#about ul.list li .table dl.txt4,
#about ul.list li .table dl.txt5 { display: table; width: 100%;}
#about ul.list li .table dl.tit dd,
#about ul.list li .table dl.txt0 dt,
#about ul.list li .table dl.txt1 dt,
#about ul.list li .table dl.txt2 dt,
#about ul.list li .table dl.txt3 dt,
#about ul.list li .table dl.txt4 dt,
#about ul.list li .table dl.txt5 dt,
#about ul.list li .table dl.tit dt,
#about ul.list li .table dl.txt0 dd,
#about ul.list li .table dl.txt1 dd,
#about ul.list li .table dl.txt2 dd,
#about ul.list li .table dl.txt3 dd,
#about ul.list li .table dl.txt4 dd,
#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;}
#about ul.list li .table dl.tit dt,
#about ul.list li .table dl.txt0 dd,
#about ul.list li .table dl.txt1 dd,
#about ul.list li .table dl.txt2 dd,
#about ul.list li .table dl.txt3 dd,
#about ul.list li .table dl.txt4 dd,
#about ul.list li .table dl.txt5 dd { border-left: solid 2px #fff; font-weight: bold;}
#about ul.list li .table dl.tit dd { background: #fff;}
#about ul.list li .table dl.tit dt { background: #faf37e; font-weight: bold;}
#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%);}
#about ul.list li .table dl.txt0 dd { background: #fff4d1; color: #e60012;}
#about ul.list li .table dl.txt1 dt { background: #e60012;}
#about ul.list li .table dl.txt1 dd { background: #ffeff0; color: #e60012;}
#about ul.list li .table dl.txt2 dt { background: #eb5e00;}
#about ul.list li .table dl.txt2 dd { background: #ffefe4; color: #eb5e00;}
#about ul.list li .table dl.txt3 dt { background: #10893e;}
#about ul.list li .table dl.txt3 dd { background: #eff9f3; color: #10893e;}
#about ul.list li .table dl.txt4 dt { background: #f0008d;}
#about ul.list li .table dl.txt4 dd { background: #ffeef8; color: #f0008d;}
#about ul.list li .table dl.txt5 dt { background: #2f55d4;}
#about ul.list li .table dl.txt5 dd { background: #eaeefb; color: #2f55d4;}
#about ul.list li .table dl dt { color: #fff;}
#about ul.list li .table dl.tit dt { color: #222;}
#about ul.list li .table dl dd.colbk { color: #222;}

/*==============================
	anchor
==============================*/
#anchor {}
#anchor .tit { text-align: center;}

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

/*==============================
	step
==============================*/
#step .tit { font-weight: bold; background: #e5f2ef; border-top: solid 2px #1a884c; text-align: center; padding: 10px;}
#step .tit .red { color: #e63e31;}
#step .flow {}
#step .flow li {}
#step .flow li.flowbox { border-bottom: solid 1px #1a884c; border-left: solid 1px #1a884c; border-right: solid 1px #1a884c;}
#step .flow li.arr { width: 30px; border-bottom: none; border-left: none; border-right: none;}
#step .flow li .stepnum { text-align: center; background: #1a884c; color: #fff;}
#step .flow li .txt { background: #fff0db; font-weight: bold;}
#step .flow li .subtxt { background: #fff0db; font-weight: bold;}
#step .flow li .img {}
#step .flow li .notes {}

/*==============================
	rankingArea
==============================*/
#rankingArea {}
#rankingArea ul.list {}
#rankingArea ul.list li {}
#rankingArea ul.list li a { display: flex; flex-wrap: wrap; color: #383838; text-decoration: none; position: relative; border: solid 1px #d0d0d0; height: 100%; box-sizing: border-box;}
#rankingArea ul.list li a:after { position: absolute; right: 10px; bottom: 10px; width: 10px; height: 10px; content: ""; background: url(/img/campaign/common/itemarr.png) no-repeat; background-size: 10px auto;}
#rankingArea ul.list li a .img {}
#rankingArea ul.list li a .txtArea {}
#rankingArea ul.list li a .txtArea .tit { font-weight: bold;}
#rankingArea ul.list li:nth-child(1) a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no1.png) no-repeat top left;}
#rankingArea ul.list li:nth-child(2) a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no2.png) no-repeat top left;}
#rankingArea ul.list li:nth-child(3) a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no3.png) no-repeat top left;}
#rankingArea ul.list li:nth-child(4) a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no4.png) no-repeat top left;}
#rankingArea ul.list li:nth-child(5) a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no5.png) no-repeat top left;}

#rankingArea ul.list li.no02 a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no2.png) no-repeat top left;}
#rankingArea ul.list li.no03 a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no3.png) no-repeat top left;}
#rankingArea ul.list li.no04 a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no4.png) no-repeat top left;}
#rankingArea ul.list li.no05 a .txtArea .tit { background: url(/img/campaign/2502/viking/first/icon_no5.png) no-repeat top left;}

#rankingArea ul.list li a .txtArea .priceArea { text-align: right; margin-top: 10px;}
#rankingArea ul.list li a .txtArea .priceArea .price { color: #383838; font-weight: 100;}
#rankingArea ul.list li a .txtArea .priceArea .yen {}
#rankingArea ul.list li a .txtArea .priceArea .tax {}
#rankingArea ul.list li a .txtArea .min { font-size: 70%; font-weight: normal; display: inline-block;}
#rankingArea ul.list li a .txtArea .txtnotes { font-size: 85%; text-align: right; margin-top: 5px;}
#rankingArea ul.list li a .txtArea .sqare { text-align: right; margin-top: 10px;}
#rankingArea ul.list li a .txtArea .sqare span { padding: 0 8px; display: inline-block; text-align: center; color: #fff; margin-left: 5px;}
#rankingArea ul.list li a .txtArea .sqare .pink { background: #f05fa6;}
#rankingArea ul.list li a .txtArea .sqare .kome { font-size: 60%; padding: 0; margin-left: 0; vertical-align: super;}

#rankingArea .subTit { text-align: center; padding: 15px; letter-spacing: -0.01em; margin-bottom: 10px; color: #fff; background: url("/img/campaign/2502/viking/common_bg_dot_green.png") repeat left top / 4px 4px; border-radius: 5px 5px 0 0;}
#rankingArea #popular .subTit span { background:url("/img/campaign/2502/viking/first/icon_w_ranking.png") no-repeat left center;}
#rankingArea #bargain .subTit span { background:url("/img/campaign/2502/viking/first/icon_w_bargain.png") no-repeat left center;}
#rankingArea .subTitNotes { text-align: right; font-size: 85%; margin-bottom: 10px;}


#rankingArea #brand ul.list li.sastty a .txtArea .tit { background:url("/img/campaign/2502/viking/first/logo_sastty.png") no-repeat left top;}
#rankingArea #brand ul.list li.hik a .txtArea .tit { background:url("/img/campaign/2502/viking/first/logo_hik.png") no-repeat left top;}
#rankingArea #brand ul.list li.rf a .txtArea .tit { background:url("/img/campaign/2502/viking/first/logo_rf.png") no-repeat left top;}
#rankingArea #brand ul.list li.wicot a .txtArea .tit { background:url("/img/campaign/2502/viking/first/logo_wicot.png") no-repeat left top;}
#rankingArea #brand ul.list li.nobland a .txtArea .tit { background:none; padding-top: 0;}

/*==============================
	secFloat
==============================*/
#secFloat { display: block !important; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99; background: #fff0db;}
#secFloat .secFloatInner { width: 100%; position: relative; bottom: 0; left: 0;}
#secFloat .btnArea { text-align: center;}
#secFloat .btnArea a { position: relative; background: #fff; display: inline-block; color: #1a884c; border: 2px solid #1a884c; border-radius: 5px; text-decoration: none; padding: 5px 14px; font-weight: bold;}
#secFloat .btnArea a:after { content: ""; position: absolute; top: 50%; right: 20px; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%);}
#secFloat .btnArea a:hover { opacity: 0.8;}




/*旧vikingFirstsyle_parts 踏襲*/

/*--------------------------------------------------
	   PC
--------------------------------------------------*/
.contentsBlock { width: 960px !important; margin: 0 auto; padding: 0 !important; border: 0 !important;}
/* txt */
.contentsBlock .bigtxt,
.contentsBlock .set8txt,
.contentsBlock .set5txt { font-size: 28px;}
.contentsBlock .mintxt { font-size: 24px;}
.contentsBlock .subtxt { font-size: 20px;}
.contentsBlock .notes { font-size: 14px;}

.contentsBlock li:nth-child(1) .bigtxt { padding: 13px 0; display: inline-block;}
.contentsBlock li:nth-child(2) .line01 { padding: 13px 0; display: inline-block;}
.contentsBlock li:nth-child(3) .subtxt { font-size: 15px; padding-top: 4px;}
.contentsBlock li:nth-child(4) .subtxt { font-size: 16px; padding-top: 4px;}
.contentsBlock li .set5txt.fs25 { font-size: 25px;}
.contentsBlock li .fs22 { font-size: 22px; font-weight: bold;}
.contentsBlock li .fs18 { font-size: 18px; font-weight: bold;}


/*==============================
	about
==============================*/
#about ul.list {  display: flex; flex-wrap: wrap;}
#about ul.list li { width: 464px; padding: 20px;}
#about ul.list li:nth-child(2n) { margin-left: 32px;}
#about ul.list li:nth-child(n+3) { margin-top: 32px;}
#about ul.list li .txtArea { background: #fff; padding-bottom: 20px;}
#about ul.list li .txtArea .txt { font-size: 16px; padding: 0 20px;}
#about ul.list li .txtArea .txtnotes { font-size: 12px; padding: 0 20px; margin-bottom: 10px;}
#about ul.list li .txtArea .btn { margin: 15px 20px 0 20px; padding: 0;}
#about ul.list li .txtArea .btnmt { margin: 10px 20px 0 20px;}
#about ul.list li .txtArea .btn a { font-size: 15px; padding: 15px 0;}
#about ul.list li:first-child  .tit span { padding: 16px 0; display: inline-block;}
#about ul.list li .table { font-size: 22px; margin: 0 auto 20px auto; width: 90%;}
#about ul.list li .txtArea .table { font-size: 16px; margin:0 auto; padding: 20px 0; width: 400px;}
#about ul.list li .txtArea .table dl.tit { background: none; padding-left: 0; margin-bottom: 0;}
#about ul.list li .txtArea .table dl.tit dt,
#about ul.list li .txtArea .table dl.tit dd { padding: 15px 0;}
#about ul.list li .txtArea .table dl.txt0,
#about ul.list li .txtArea .table dl.txt1,
#about ul.list li .txtArea .table dl.txt2,
#about ul.list li .txtArea .table dl.txt3,
#about ul.list li .txtArea .table dl.txt4,
#about ul.list li .txtArea .table dl.txt5 { font-size: 22px; line-height: 1;}
#about ul.list li .txtArea .table dl.tit dd,
#about ul.list li .txtArea .table dl.txt0 dt,
#about ul.list li .txtArea .table dl.txt1 dt,
#about ul.list li .txtArea .table dl.txt2 dt,
#about ul.list li .txtArea .table dl.txt3 dt,
#about ul.list li .txtArea .table dl.txt4 dt,
#about ul.list li .txtArea .table dl.txt5 dt { width: 98px; padding: 11px 0px;}
#about ul.list li .txtArea .table dl.tit dt,
#about ul.list li .txtArea .table dl.txt0 dd,
#about ul.list li .txtArea .table dl.txt1 dd,
#about ul.list li .txtArea .table dl.txt2 dd,
#about ul.list li .txtArea .table dl.txt3 dd,
#about ul.list li .txtArea .table dl.txt4 dd,
#about ul.list li .txtArea .table dl.txt5 dd { width: 148px;}
#about ul.list li .txtArea .table .min { font-size: 18px;}
#about ul.list li .txtArea .table .tax { font-size: 14px;}
#about ul.list li:nth-child(1) .txtArea .boldred { font-size: 24px;}
#about ul.list li .boxheight { height: 70px;}
#about ul.list li .boxheight.line3 { height: 90px;}
#about ul.list li .boxheight.line4 { height: 110px;}
#about ul.list li .line2lh { line-height: 1.1;}
#about ul.list li .line2lh span { line-height: 1.1;}

/*==============================
	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;}

/*==============================
	step
==============================*/
#step { margin-top: 50px; border-bottom: solid 2px #d0d0d0; padding-bottom: 50px;}
#step .tit { font-size: 24px; margin-bottom: 30px;}
#step .tit .subtxt { font-size: 34px;}
#step .tit .bigtxt { font-size: 54px;}
#step .flow {display:flex; flex-wrap: wrap;}
#step .flow li.flowbox { width: 299px;}
#step .flow li.arr { width: 28px; background: url(/img/campaign/2502/viking/first/flow_arr.png) no-repeat left center;}
#step .flow li .stepnum { font-size: 19px;}
#step .flow li .stepnum .big { font-size: 30px;}
#step .flow li .txt { padding: 15px 20px 0 20px; font-size: 15px; line-height: 1.4;}
#step .flow li.line1 .txt { min-height: 95px;}
#step .flow li.line2  { margin-top: 20px;}
#step .flow li.line2 .txt { min-height: 60px;}
#step .flow li .subtxt { padding: 5px 0 10px 0; font-size: 14px;}
#step .flow li .img { text-align: center; margin-top: 20px;}
#step .flow li .notes { padding: 5px 20px 15px 20px; margin-top: 0;}
#step .flow li .notes li { display: block; font-size: 13px; text-indent: -13px; margin-left: 13px;}

/*==============================
	rankingArea
==============================*/
#rankingArea { margin-top: 50px;}
#rankingArea ul.list { display: flex; flex-wrap: wrap;}
#rankingArea ul.list li { width: 470px;}
#rankingArea ul.list li:nth-child(2n+1) { margin-right: 20px;}
#rankingArea ul.list li:nth-child(n+3) { margin-top: 20px;}
#rankingArea ul.list li a { padding: 20px;}
#rankingArea ul.list li a .img { width: 180px; margin-left: 20px;}
#rankingArea ul.list li a .img img { width: 100%;}
#rankingArea ul.list li a .txtArea { width: 227px;}
#rankingArea ul.list li a .txtArea .tit { font-size: 20px; min-height: 79px; padding-left: 80px; padding-top: 5px; line-height: 1.5;}
#rankingArea ul.list li a .txtArea .priceArea { font-size: 14px;}
#rankingArea ul.list li a .txtArea .priceArea .price { font-size: 24px;}
#rankingArea ul.list li a .txtArea .priceArea .yen { font-size: 16px;}
#rankingArea ul.list li a .txtArea .priceArea .tax { font-size: 12px;}
#rankingArea ul.list li a .txtArea .sqare { font-size: 17px;}

#rankingArea #popular {}
#rankingArea #bargain { margin-top: 80px;}
#rankingArea #brand { margin-top: 80px;}

#rankingArea .subTit { font-size: 24px;}
#rankingArea #popular .subTit span { padding-left: 50px; line-height: 34px; height: 34px; display: inline-block;}
#rankingArea #bargain .subTit span { padding-left: 50px; line-height: 34px; height: 34px; display: inline-block;}

#rankingArea #bargain ul.list li:nth-child(3),
#rankingArea #bargain ul.list li:nth-child(4) { margin-top: 30px;}

#rankingArea #brand ul.list li a .txtArea .tit { padding-left: 0;background: none;}
#rankingArea #brand ul.list li.sastty a .txtArea .tit { background-size: 74px 50px; padding-top: 60px;}
#rankingArea #brand ul.list li.hik a .txtArea .tit { background-size: 90px 44px; padding-top: 54px;}
#rankingArea #brand ul.list li.rf a .txtArea .tit { background-size: 184px 19px; padding-top: 29px;}
#rankingArea #brand ul.list li.wicot a .txtArea .tit { background-size: 89px 23px; padding-top: 33px;}


/*==============================
		secFloat
==============================*/
#secFloat { padding: 15px 0;}
#secFloat .btnArea a { padding: 8px 90px 8px 80px; font-size: 24px;}
#secFloat .btnArea 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;}







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

@media screen and (max-width: 480px) {
/*--------------------------------------------------
		SP
--------------------------------------------------*/
.contentsBlock { font-size: 16px; width: 100% !important;}
/* txt */
.contentsBlock .bigtxt,
.contentsBlock .set8txt,
.contentsBlock .set5txt { font-size: 125%;}
.contentsBlock .mintxt { font-size: 80%;}
.contentsBlock .subtxt { font-size: 88%;}
.contentsBlock .notes { font-size: 70%;}


.contentsBlock li .set5txt.fs22 { font-size: 115%;}
.contentsBlock li .fs22 { font-size: 115%; font-weight: bold;}

#pageTit { padding: 0 5%;}

/*==============================
		about
==============================*/
#about { padding: 0;}
#about ul.list li { padding: 10px 20px 20px 20px; margin-bottom: 20px;}
#about ul.list li .titArea { min-height: 40px; padding-left: 50px;}
#about ul.list li .titArea .line01 { display: inline-block; padding-top: 7px;}
#about ul.list li .titArea:before { min-width: 40px; height: 40px; line-height: 40px; font-size: 28px;}
#about ul.list li .txtArea { background: #fff; padding-bottom: 20px;}
#about ul.list li .txtArea .txt { font-size: 80%; padding: 0 20px;}
#about ul.list li .txtArea .txtnotes { font-size: 70%; padding: 0 20px; margin-bottom: 10px;}
#about ul.list li .txtArea .notes { margin-top: 10px;}
#about ul.list li .txtArea .btn { margin: 10px 20px 0 20px; padding: 0;}
#about ul.list li .txtArea .btn.btntwo a { font-size: 15px; line-height: 1.2;}
#about ul.list li .txtArea .btn a { font-size: 15px; padding: 10px 10px 10px 0; font-size: 70%;}
#about ul.list li .table { width: 90%; padding: 10px 0; margin: 0 auto;}
#about ul.list li .table dl.tit { width: 100%;}
#about ul.list li .table dl.tit dd { width: 23%; padding: 10px 0;}
#about ul.list li .table dl.tit dt { width: 38%; padding: 10px 0; font-size: 75%;}
#about ul.list li .table dl.txt0,
#about ul.list li .table dl.txt1,
#about ul.list li .table dl.txt2,
#about ul.list li .table dl.txt3,
#about ul.list li .table dl.txt4,
#about ul.list li .table dl.txt5 { width: 100%;}
#about ul.list li .table dl.txt0 dt,
#about ul.list li .table dl.txt1 dt,
#about ul.list li .table dl.txt2 dt,
#about ul.list li .table dl.txt3 dt,
#about ul.list li .table dl.txt4 dt,
#about ul.list li .table dl.txt5 dt { width: 23%; padding: 8px 0; font-size: 95%; line-height: 1.2;}
#about ul.list li .table dl.txt0 dt span,
#about ul.list li .table dl.txt1 dt span,
#about ul.list li .table dl.txt2 dt span,
#about ul.list li .table dl.txt3 dt span { font-size: 120%;}
#about ul.list li .table dl.txt0 dd,
#about ul.list li .table dl.txt1 dd,
#about ul.list li .table dl.txt2 dd,
#about ul.list li .table dl.txt3 dd,
#about ul.list li .table dl.txt4 dd,
#about ul.list li .table dl.txt5 dd { width: 38%; padding: 8px 0;}
#about ul.list li .table dl.txt0 dd,
#about ul.list li .table dl.txt1 dd,
#about ul.list li .table dl.txt2 dd,
#about ul.list li .table dl.txt3 dd,
#about ul.list li .table dl.txt4 dd,
#about ul.list li .table dl.txt5 dd { line-height: 1;}
#about ul.list li .table dl.txt0 dd .min,
#about ul.list li .table dl.txt1 dd .min,
#about ul.list li .table dl.txt2 dd .min,
#about ul.list li .table dl.txt3 dd .min,
#about ul.list li .table dl.txt4 dd .min,
#about ul.list li .table dl.txt5 dd .min { font-size: 65%;}
#about ul.list li .table dl.txt0 dd .tax,
#about ul.list li .table dl.txt1 dd .tax,
#about ul.list li .table dl.txt2 dd .tax,
#about ul.list li .table dl.txt3 dd .tax,
#about ul.list li .table dl.txt4 dd .tax,
#about ul.list li .table dl.txt5 dd .tax { font-size: 50%;}
#about ul.list li .txtArea .table { width: 95%; margin: 10px auto 0 auto;}
#about ul.list li .txtArea .table dl.tit { background: none; padding-left: 0; margin-bottom: 0;}
#about ul.list li:nth-child(1) .txtArea .boldred { font-size: 130%;}
#about ul.list li:nth-child(2) .txtArea .boldred { font-size: 130%;}

#about ul.list li:nth-child(2n){
	margin-left: inherit;
}

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

#anchor ul { width: 100%; margin: 0;}
#anchor ul li:first-child {  margin-bottom: 10px;}
#anchor ul li a { padding: 10px 15px; font-size: 110%;}
#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;}

/*==============================
	step
==============================*/
#step { margin-top: 25px; border-bottom: solid 1px #d0d0d0; padding: 0 5% 30px 5%;}
#step .tit { font-size: 15px; margin-bottom: 20px;}
#step .tit .subtxt { font-size: 20px;}
#step .tit .bigtxt { font-size: 25px;}
#step .flow li.flowbox { padding-bottom: 15px;width:100%;}
#step .flow {}
#step .flow li {}
#step .flow li.arr { width: 100%; height: 25px; background: url(/img/campaign/2502/viking/first/flow_arr_sp.png) no-repeat center top; background-size: auto 24px;}
#step .flow li .stepnum { font-size: 26px; padding: 10px; font-weight: bold;}
#step .flow li .stepnum .big { font-size: 30px;}
#step .flow li .subtxt { padding: 5px 0; font-size: 14px;}
#step .flow li .txt { padding: 10px 20px; line-height: 1.4;}
#step .flow li .img { padding: 15px 15px 10px 15px;}
#step .flow li .notes { padding:0 20px; margin-top: 0;}
#step .flow li.line1 .txt{min-height: inherit;}


/*==============================
	rankingArea
==============================*/
#rankingArea { margin-top: 25px; padding: 0 5%;}
#rankingArea .subTitNotes { font-size: 70%; margin-bottom: 5px;}
#rankingArea ul.list li { margin-top: 15px;}
#rankingArea ul.list li a { padding: 15px;}
#rankingArea ul.list li a .img { width: 37%; margin-left: 4%;}
#rankingArea ul.list li a .txtArea { width: 56%;}
#rankingArea ul.list li a .txtArea .tit { font-size: 105%; line-height: 1.4; background-size: auto 50px !important; padding-left: 50px; min-height: 50px;}
#rankingArea ul.list li:nth-child(4) a .txtArea .tit,
#rankingArea ul.list li:nth-child(5) a .txtArea .tit { background-size: auto 42px !important;}
#rankingArea ul.list li a .txtArea .priceArea { font-size: 80%;}
#rankingArea ul.list li a .txtArea .priceArea .price { font-size: 150%;}
#rankingArea ul.list li a .txtArea .priceArea .yen { font-size: 110%;}
#rankingArea ul.list li a .txtArea .priceArea .tax {}
#rankingArea ul.list li a .notes { margin-top: 10px;}

#rankingArea #popular {}
#rankingArea #bargain { margin-top: 25px;}
#rankingArea #brand { margin-top: 25px;}

#rankingArea .subTit { font-size: 130%; padding: 10px;}
#rankingArea #popular .subTit span,
#rankingArea #bargain .subTit span { padding-left: 40px; background-size: auto 30px; height: 34px; display: inline-block; font-size: 90%;}

#rankingArea #brand ul.list li a .txtArea .tit { padding-left: 0;}
#rankingArea #brand ul.list li.sastty a .txtArea .tit { background-size: 61px 42px !important; padding-top: 52px;}
#rankingArea #brand ul.list li.hik a .txtArea .tit { background-size: 75px 37px !important; padding-top: 47px;}
#rankingArea #brand ul.list li.rf a .txtArea .tit { background-size: 147px 15.5px !important; padding-top: 25.5px;}
#rankingArea #brand ul.list li.wicot a .txtArea .tit { background-size: 73.5px 19px !important; padding-top: 29px;}

#rankingArea ul.list li:nth-child(2n+1){margin-right: inherit;}




/*==============================
		secFloat
==============================*/
#secFloat { padding: 10px 0;}
#secFloat .btnArea a { padding: 12px 40px 10px 20px; font-size: 19px;}
#secFloat .btnArea 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 ul{
	display: inherit;
}

#anchor ul li{
	width:100%;
}

}