@charset "UTF-8";

/* CSS Document */



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



		/shared/css/lineup/season/style.css



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



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

		PC + SP

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



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

		PC

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

@media screen and (min-width:641px) {

 	.btn_box .btn a {

		display: block;

		padding: 20px;

		border-radius: 30px;

		background-color: #3e1a1a;

		color: #FFFFFF;

		text-align: center;

		position: relative;

		text-decoration: none;

	}

	.btn_box .btn a::after {

		position: absolute;

		content: "";

		background: url(/resource/shared/img/lineup/common/category/arrow_01.png);

		width: 24px;

		height: 24px;

		top: 18px;

		right: 21px;

	}

	

	.block_heading_01 {

		margin-top: 60px;

		text-align: center;

	}



	.lineup_conts .mdl_item_block:first-child {

		margin-top: 0;

	}

	.lineup_conts .mdl_item_block {

		padding-top: 0;

	}

	.lineup_conts .mdl_item_block .block_heading {

		padding: 15px;

		border-radius: 10px 10px 0 0;

		background-color: #e60012;

		color: #ffffff;

		font-size: 3rem;

		text-align: center;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_l {

		overflow: hidden;

		border-top-left-radius: 10px;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_l .txt {

		padding: 26px 14px;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r {

		position: relative;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r .price_area {

		margin-top: 30px;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r .btn {

		

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r .price_area .box_conts + .box_conts{

		margin-top: 35px;

		padding-top: 0;

		position: relative;

		border: none;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r .price_area .box_conts + .box_conts::before{

		content: "";

		position: absolute;

		left: 50%;

		top: -35px;

		transform: translateX(-50%);

		margin-top: 10px;

		padding-top: 10px;

		width: 0;

		height: 0;

		border-style: solid;

		border-width: 20px 25px 0 25px;

		border-color: #ef4040 transparent transparent transparent;

	}



	/* �̾ﾦ���� */

	.lineup_conts .mdl_item_block.permanent_item .mdl_item_box .box_r .price_area{

		margin-top: 0;

	}

	.lineup_conts .mdl_item_block.permanent_item .mdl_item_box .box_r .btn{

		position: static;

	}



	/* --------------------------------------

			fv_section

	-------------------------------------- */

	.fv_section {

		padding: 60px 10px;

		background-image: url(/resource/shared/img/lineup/tester/fv_section_bg_01.png);

		background-position: bottom center;

		background-size: max(100%, 1680px) auto;

		background-repeat: no-repeat;

	}

	.fv_section .block_01 {

		margin-top: 45px;

	}

	.fv_section .block_01 .box_01 {

		font-size: 2.2rem;

		line-height: 1.5;

		text-align: center;

	}

	.fv_section + .section_01 {

		padding: 0;

	}

	

	/* --------------------------------------

			section_description

	-------------------------------------- */

	.section_description {

		margin-top: 80px;

		padding-bottom: 80px;

	}

	.section_description .section_heading {

		font-size: 2.4rem;

		font-weight: bold;

	}

	.section_description .block_01 {

		padding: 40px 75px;

		background-color: #ffffffB3;

	}

	.section_description .block_01 .box_01 {

		margin-top: 1em;

		line-height: 1.5;

	}

	.section_description .block_01 .box_01 .link {

		text-align: right;

	}

	.section_description .block_01 .box_01 .link a {

		text-decoration: underline;

		text-underline-offset: 0.3em;

	}

	

	/* --------------------------------------

			section_01

	-------------------------------------- */

	.section_01 .section_inner {

		padding-bottom: 10px;

	}



	/* --------------------------------------

			section_02

	-------------------------------------- */

	.section_02 {

		padding-top: 40px;

	}



	/* --------------------------------------

			section_03

	-------------------------------------- */

	.section_01+.section_03 {

		padding: 0 0 40px;

	}

	.section_01+.section_03 .block_heading_01 {

		margin-top: 0;

	}



	/* --------------------------------------

			section_04

	-------------------------------------- */

	.section_04 {

		margin-top: 30px;

	}

	.section_04 .btn_01 {

		width: 700px;

		margin: 0 auto;

	}

	.section_04 .btn_01 a {

		display: block;

		width: 100%;

		height: 100%;

		padding: 20px;

		border: 2px solid #CCCCCC;

		box-sizing: border-box;

		text-align: center;

		border-radius: 10px;

		position: relative;

	}

	.section_04 .btn_01 a::before {

		content: "";

		position: absolute;

		width: 24px;

		height: 24px;

		background: url(/resource/shared/img/lineup/top/section03_icn_01.png) no-repeat;

		background-size: 100%;

		right: 40px;

		top: 50%;

		transform: translateY(-50%);

		-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

	}

	

	/* --------------------------------------

			section_limited

	-------------------------------------- */

	.section_limited .block_inner {

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap;

	}

	.section_limited .block_inner a {

		margin-top: 30px;

		display: block;

		height: 100%;

		width: 48%;

	}

	.section_limited .block_inner a.closed {

		position: relative;

		pointer-events: none;

	}

	.section_limited .block_inner a.closed::before {

		content: '';

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background-color: #979797;

		opacity: 0.9;

		z-index: 10;

	}

	.section_limited .block_inner a.closed::after {

		white-space: pre;

		content: "����ɾ�ˤĤ�\A���䤤�����ޤ�����";

		position: absolute;

		top: 50%;

		left: 50%;

		transform: translate(-50%, -50%);

		-webkit-transform: translate(-50%, -50%);

		-ms-transform: translate(-50%, -50%);

		color: #FFFFFF;

		z-index: 10;

		font-family: serif;

		font-size: 28px;

		font-weight: bold;

		line-height: 120%;

		text-align: center;

	}

	.section_limited .block_inner .block_conts {

		background: #FFFFFF;

		padding: 20px;

		border-radius: 20px;

	}

	.section_limited .block_inner .block_conts .item_name {

		margin-bottom: 10px;

		padding-bottom: 10px;

		border-bottom: 2px solid #DDDDDD;

	}

	.section_limited .block_inner .block_conts .item_name h3 {

		font-weight: bold;

		font-size: 1.6rem;

		min-height: 2em;

		display: flex;

		align-items: center;

	}

	.section_limited .block_inner .block_conts .item_name .item_tag {

		font-size: 1.4rem;

		display: flex;

		margin-top: 10px;

		font-weight: bold;

	}

	.section_limited .block_inner .block_conts .item_name .item_tag li:nth-child(n + 2) {

		margin-left: 20px;

	}

	.section_limited .block_inner .block_conts .item_name .item_tag li span {

		padding: 4px;

		background: #E9DEC0;

		border-radius: 4px;

		margin-right: 10px;

	}

	.section_limited .block_inner .block_conts .lr_box {

		display: flex;

		justify-content: left;

		position: relative;

	}

	.section_limited .block_inner .block_conts .lr_box::after {

		content: "";

		position: absolute;

		width: 28px;

		height: 28px;

		background: url(/resource/shared/img/lineup/season/icn_01.png) no-repeat;

		right: 0;

		top: 50%;

		transform: translateY(-50%);

		-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);		

	}

	.section_limited .block_inner .block_conts .lr_box .right {

		margin-left: 30px;

	}

	.section_limited .left .box_conts {

		line-height: 1.5;

		border: 2px solid #DDDDDD;

		margin-top: 10px;

	}

	.section_limited .left .img {

		text-align: center;

	}

	.section_limited .left .unit_price_heading {

		font-size: 1.2rem;

		border-bottom: 2px solid #DDD;

		text-align: center;

	}

	.section_limited .left .unit_price {

		display: flex;

		justify-content: space-between;

		font-size: 1.1rem;

		padding: 0 4px;

	}

	.section_limited .right .box_heading_01 {

		font-size: 1.6rem;

		font-weight: bold;

	}

	.section_limited .right .box_conts {

		line-height: 1.2;

	}

	.section_limited .right .box_conts .price {

		margin-top: 10px;

	}

	.section_limited .right .box_conts .price .main_price {

		font-size: 1.8rem;

	}

	.section_limited .right .box_conts .price .main_price span {

		font-size: 2.8rem;

		font-weight: bold;

	}

	.section_limited .right .box_conts.regular .price .main_price span {

		color: #e11120;

	}

	.section_limited .right .box_conts .price .tax_price {

		font-size: 1.4rem;

	}

	.section_limited .right .box_conts .price .one_price {

		margin-top: 10px;

	}

	.section_limited .right .box_conts .price .one_price span {

		color: #3A1E0D;

		font-weight: bold;

	}

	.section_limited .right .box_conts .internal_capacity {

		margin-top: 20px;

	}

	.section_limited .right .box_conts .internal_capacity .main_txt {

		display: inline-block;

		background: #e9d7a7;

		border-radius: 10px;

		margin-right: 4px;

		padding: 2px 8px;

	}

	.section_limited .right .box_conts .internal_capacity .txt {

		margin-top: 10px;

	}

}



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

		SP

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

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

	.lineup_conts .section.section_01 .sec_heading_01 h1 {

		width: 50%;

	}



	.btn_box .btn a {

		display: block;

		padding: 20px;

		border-radius: 30px;

		background-color: #3e1a1a;

		color: #FFFFFF;

		font-size: 5vw;

		text-align: center;

		position: relative;

		text-decoration: none;

	}

	.btn_box .btn a::after {

		position: absolute;

		content: "";

		background: url(/resource/shared/img/lineup/common/category/arrow_01.png);

		width: 24px;

		height: 24px;

		top: 18px;

		right: 21px;

	}



	.block_heading_01 {

		margin: 10% 10% 0 10%;

		text-align: center;

	}



	.lineup_conts .section .sec_heading h1 {

		width: 90%;

	}

	.lineup_conts .mdl_item_block {

		overflow: hidden;

		padding-top: 0;

	}

	.lineup_conts .mdl_item_block:first-child {

		margin-top: 0;

	}

	.lineup_conts .mdl_item_block .block_heading {

		padding: 15px;

		border-radius: 10px 10px 0 0;

		background-color: #e60012;

		color: #ffffff;

		font-size: 2rem;

		text-align: center;

	}

	.lineup_conts .mdl_item_block .mdl_item_box {

		margin-top: 0;

		padding-top: 0;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_l .txt {

		padding: 3% 5%;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r .price_area {

		margin-top: 5%;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r .price_area .box_conts + .box_conts{

		margin-top: 35px;

		padding-top: 0;

		position: relative;

		border: none;

	}

	.lineup_conts .mdl_item_block .mdl_item_box .box_r .price_area .box_conts + .box_conts::before{

		content: "";

		position: absolute;

		left: 50%;

		top: -35px;

		transform: translateX(-50%);

		margin-top: 10px;

		padding-top: 10px;

		width: 0;

		height: 0;

		border-style: solid;

		border-width: 20px 25px 0 25px;

		border-color: #ef4040 transparent transparent transparent;

	}

	

	/* --------------------------------------

			fv_section

	-------------------------------------- */

	.fv_section {

		padding: 3% 5% 5% 5%;

		background-image: url(/resource/shared/img/lineup/tester/sp/fv_section_bg_01.png);

		background-position: top center;

		background-size: 100% auto;

		background-repeat: no-repeat;

	}

	.fv_section .block_01 {

		/* margin-top: 45px; */

	}

	.fv_section .block_01 .box_01 {

		font-size: 1.5rem;

		line-height: 1.5;

	}

	.fv_section + .section_01 {

		padding: 0;

	}

	

	/* --------------------------------------

			section_description

	-------------------------------------- */

	.section_description {

		margin-top: 80px;

		padding-bottom: 80px;

	}

	.section_description .section_heading {

		font-size: 1.7rem;

		font-weight: bold;

		line-height: 1.5;

	}

	.section_description .block_01 {

		padding: 5%;

		background-color: #ffffffB3;

	}

	.section_description .block_01 .box_01 {

		margin-top: 1em;

		line-height: 1.5;

	}

	.section_description .block_01 .box_01 .link {

		text-align: right;

	}

	.section_description .block_01 .box_01 .link a {

		text-decoration: underline;

		text-underline-offset: 0.3em;

	}



	/* --------------------------------------

			section_02

	-------------------------------------- */

	.section_01+.section_02 {

		margin-top: 0;

	}



	.section_02 {

		padding-top: 25px;

	}



	/* --------------------------------------

			section_03

	-------------------------------------- */

	.section_01+.section_03 {

		padding: 0 0 25px;

	}

	.section_01+.section_03 .block_heading_01 {

		margin-top: 0;

	}



	/* --------------------------------------

			section_04

	-------------------------------------- */

	.section_04 {

		margin-top: 30px;

	}

	.section_04 .btn_01 {

		width: 100%;

		margin: 0 auto;

	}

	.section_04 .btn_01 a {

		display: block;

		width: 100%;

		height: 100%;

		padding: 20px;

		border: 2px solid #CCCCCC;

		box-sizing: border-box;

		text-align: center;

		border-radius: 10px;

		position: relative;

		font-size: 4vw;

	}

	.section_04 .btn_01 a::before {

		content: "";

		position: absolute;

		width: 24px;

		height: 24px;

		background: url(/resource/shared/img/lineup/top/section03_icn_01.png) no-repeat;

		background-size: 100%;

		right: 2%;

		top: 50%;

		transform: translateY(-50%);

		-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);

	}



	/* --------------------------------------

			section_limited

	-------------------------------------- */

	.section_limited .block_inner {

		display: flex;

		justify-content: space-between;

		flex-wrap: wrap;

	}

	.section_limited .block_inner a {

		margin-top: 20px;

		display: block;

		width: 100%;

		height: 100%;

	}

	.section_limited .block_inner a.closed {

		position: relative;

		pointer-events: none;

	}

	.section_limited .block_inner a.closed::before {

		content: '';

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background-color: #979797;

		opacity: 0.9;

		z-index: 10;

	}

	.section_limited .block_inner a.closed::after {

		white-space: pre;

		content: "����ɾ�ˤĤ�\A���䤤�����ޤ�����";

		position: absolute;

		top: 50%;

		left: 50%;

		transform: translate(-50%, -50%);

		-webkit-transform: translate(-50%, -50%);

		-ms-transform: translate(-50%, -50%);

		color: #FFFFFF;

		z-index: 10;

		font-family: serif;

		font-size: 24px;

		font-weight: bold;

		line-height: 120%;

		text-align: center;

	}

	.section_limited .block_inner .block_conts {

		background: #FFFFFF;

		padding: 20px 7% 20px 4%;

		border-radius: 20px;

	}

	.section_limited .block_inner .block_conts .item_name {

		margin-bottom: 10px;

		padding-bottom: 10px;

		border-bottom: 2px solid #DDDDDD;

	}

	.section_limited .block_inner .block_conts .item_name h3 {

		font-weight: bold;

		min-height: 2em;

		display: flex;

		align-items: center;

	}

	.section_limited .block_inner .block_conts .item_name .item_tag {

		font-size: 1.4rem;

		display: flex;

		margin-top: 10px;

		font-weight: bold;

	}

	.section_limited .block_inner .block_conts .item_name .item_tag li:nth-child(n + 2) {

		margin-left: 20px;

	}

	.section_limited .block_inner .block_conts .item_name .item_tag li span {

		padding: 4px;

		background: #E9DEC0;

		border-radius: 4px;

		margin-right: 10px;

	}

	.section_limited .block_inner .block_conts .lr_box {

		display: flex;

		justify-content: start;

		position: relative;

	}

	.section_limited .block_inner .block_conts .lr_box::after {

		content: "";

		position: absolute;

		width: 6vw;

		height: 6vw;

		background: url(/resource/shared/img/lineup/season/icn_01.png) no-repeat;

		background-size: 100%;

		right: 0;

		top: 50%;

		transform: translateY(-50%);

		-webkit-transform: translateY(-50%);

		-ms-transform: translateY(-50%);		

	}

	.section_limited .left .box_conts {

		line-height: 1.5;

		border: 2px solid #DDDDDD;

		margin-top: 10px;

	}

	.section_limited .left .img {

		text-align: center;

	}

	.section_limited .left .unit_price_heading {

		font-size: 1.2rem;

		border-bottom: 2px solid #DDD;

		text-align: center;

	}

	.section_limited .left .unit_price {

		display: flex;

		justify-content: space-between;

		font-size: 1.1rem;

		padding: 0 4px;

	}

	.section_limited .right {

		padding-left: 4%;

	}

	.section_limited .right .box_heading_01 {

		font-size: 1.6rem;

		font-weight: bold;

	}

	.section_limited .right .box_conts {

		line-height: 1.3;

	}

	.section_limited .right .box_conts .price .main_price {

	}

	.section_limited .right .box_conts .price .main_price span {

		font-size: 2.2rem;

	}

	.section_limited .right .box_conts.regular .price .main_price span {

		color: #e11120;

		font-weight: bold;

	}

	.section_limited .right .box_conts .price .tax_price {

		font-size: 1.4rem;

	}

	.section_limited .right .box_conts .price .one_price {

		margin-top: 5%;

		font-size: 3.5vw;

	}

	.section_limited .right .box_conts .price .one_price span {

		color: #3A1E0D;

		font-weight: bold;

	}

	.section_limited .right .box_conts .internal_capacity {

		margin-top: 15px;

	}

	.section_limited .right .box_conts .internal_capacity .main_txt {

		display: inline-block;

		width: 3.3em;

		padding: 2% 5%;

		font-size: 1.5rem;

		text-align: center;

		border-radius: 20px;

		background-color: #e9d7a7;

	}

	.section_limited .right .box_conts .internal_capacity .txt {

		margin-top: 10px;

	}

}