@charset "utf-8";


.pop_btn_sp { display: none;}

.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;}


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





/*--------------------------------------------------
		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 0 30px 0;}
#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.box21,
#sec02 .block01 .box.box04,
#sec02 .block01 .box.box08,
#sec02 .block01 .box.box12,
#sec02 .block01 .box.box16,
#sec02 .block01 .box.box20,
#sec02 .block01 .box.box24 { margin-left: 0;}*/
/*#sec02 .block01 .box.box01,
#sec02 .block01 .box.box09,
#sec02 .block01 .box.box13,
#sec02 .block01 .box.box17,
#sec02 .block01 .box.box21,
#sec02 .block01 .box.box25 { margin-left: 0;}*/

#sec02 .block01 .box.box21,
#sec02 .block01 .box.box05,
#sec02 .block01 .box.box46 { margin-left: 0;}

#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 dl dd select { width: 60px; margin-right: 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: 180px; margin-left: auto; margin-right: auto;}
#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 .select03 dl { margin-left: 3px;}
#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 {}
#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 .box01,
#sec02 .block01 .box02,
#sec02 .block01 .box03,
#sec02 .block01 .box04 { height: 580px;}
#sec02 .block01 .box05,
#sec02 .block01 .box06,
#sec02 .block01 .box07,
#sec02 .block01 .box08 { height: 550px;}
#sec02 .block01 .box09,
#sec02 .block01 .box10,
#sec02 .block01 .box11,
#sec02 .block01 .box12 { height: 500px;}
#sec02 .block01 .box13,
#sec02 .block01 .box14 { height: 500px;}

	#sec02 .block01 .box06 .select04 dl:nth-of-type(1) { padding-left: 28px;}
*/
#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 { 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 .bdlb { border: solid 1px #5d3d30 !important;}
#sec02 .block01 .select04 .bdnb { border: solid 1px #8b6e4e !important;}
#sec02 .block01 .select04 .bddb { border: solid 1px #352c2b !important;}
#sec02 .block01 .select04 .bdbk { border: solid 1px #000 !important;}
*/
#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 {}
#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 {}
#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 {}
#sec04 .txt { font-size: 140%;}

#sec04 .step3_box01 { margin-top: 20px;}
#sec04 .step3_box01 .tit {}
#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 {}
#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 {}
#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,
.pop_btn_area .pop_btn_detail {}
.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/2311/viking_s/icon_expand.png") 0 0 no-repeat transparent; background-size: contain;}
.pop_btn_area .pop_btn_color { margin-bottom: 5px;}
/*
.pop_btn_area .pop_btn_color a,
.pop_btn_area .pop_btn_detail a { color: #fff; display: block; padding:10px 5px; text-align: center; font-weight: bold; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none;}
.pop_btn_area .pop_btn_color a:hover,
.pop_btn_area .pop_btn_detail a:hover { opacity: 0.8;}
.pop_btn_area .pop_btn_color a .arricon,
.pop_btn_area .pop_btn_detail a .arricon { padding-right: 20px; background: url(/user_data/packages/default/img/campaign/1806/viking_s/img/pop_btn_area_arr.png) no-repeat right center; background-size: 8px auto;}
.pop_btn_area .pop_btn_color { margin-bottom: 5px;}
.pop_btn_area .pop_btn_color a { background: rgb(142,209,20);
background: -moz-linear-gradient(top, rgb(142,209,20) 0%, rgb(113,176,0) 100%);
background: -webkit-linear-gradient(top, rgb(142,209,20) 0%,rgb(113,176,0) 100%);
background: linear-gradient(to bottom, rgb(142,209,20) 0%,rgb(113,176,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ed114', endColorstr='#71b000',GradientType=0 );}
.pop_btn_area .pop_btn_detail {}
.pop_btn_area .pop_btn_detail a { background: rgb(14,153,107);
background: -moz-linear-gradient(top, rgba(14,153,107,1) 0%, rgba(2,125,84,1) 100%);
background: -webkit-linear-gradient(top, rgba(14,153,107,1) 0%,rgba(2,125,84,1) 100%);
background: linear-gradient(to bottom, rgba(14,153,107,1) 0%,rgba(2,125,84,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e996b', endColorstr='#027d54',GradientType=0 );}
*/



/*--------------------------------------------------
		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_txtNotes li {}
.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 .lineupBtn {}
.lineupBox .lineupCon {}
.lineupBox .lineupCon .boxArea {}
.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;}

.lineupBox .lineupCon .lineupBox01 {}
.lineupBox .lineupCon .lineupBox02 {}
.lineupBox .lineupCon .lineupBox03 {}
.lineupBox .lineupCon .lineupBox04 {}