@charset "utf-8";


/*--------------------------------------------------
		SP
--------------------------------------------------*/
.contentsBlock { font-size: 16px;}
/* 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 5%;}
#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 { font-size: 120%; 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%;}

/*==============================
	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;}
#step .flow {}
#step .flow li {}
#step .flow li.arr { width: 100%; height: 25px; background: url(/img/campaign/2306/viking_bd/first/flow_arr_sp.png) no-repeat center top; background-size: auto 24px;}
#step .flow li .stepnum { font-size: 20px; padding: 10px; font-weight: bold;}
#step .flow li .stepnum .big { font-size: 24px;}
#step .flow li .subtxt { padding: 5px 0; font-size: 14px;}
#step .flow li .txt { padding: 10px 20px; line-height: 1.4; font-size: 90%;}
#step .flow li .img { padding: 15px 15px 10px 15px;}
#step .flow li .notes { padding:0 20px; margin-top: 0;}
#step .flow li .txtbgb {background: #e5f2ef;}
    


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





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