@charset "utf-8";


/*--------------------------------------------------
	   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: 16px; 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.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;}
#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/2407/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: 228px;}
#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 .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;}




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