@charset "utf-8";
/* ==================================================================
CSS information
style info : 20th
================================================================== */


/* --------------------------------------------------------
COMMON
-------------------------------------------------------- */
#pageTop { position: absolute; left: 0; bottom: 0; }

.blockBase { width: 100%; position: relative; }
.hlSml { border-bottom: 2px solid #fff; }

.hlWrap { width: 100%; padding-top: 1px; position: relative; }
.hlWrap .hl { }

.announceBox { width: 100%; position: relative; margin: 0 auto; }
.announceBox::before, 
.announceBox::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; background: #000; }
.announceBox::before { top: -5px; }
.announceBox::after { bottom: -5px; }
.announceBox_inr { background: #000; width: 100%; position: relative; margin: 0 auto; }
.announceBox_inr::before, 
.announceBox_inr::after  { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; background: #000; }
.announceBox_inr::before { top: -2px; }
.announceBox_inr::after { bottom: -2px; }

.notesBox { color: #9f9f9f; }
.notesBox li { text-indent: -1em; padding-left: 1em; line-height: 1.41; font-size: calc(18/750*100vw); }

@media screen and (max-width: 640px) {
.conts-inner { padding: 0; }
}
@media screen and (min-width: 641px) {
	#pageTop { left: 50%; transform: translateX(-50%); }

	.blockBase { max-width: 1920px; margin: 0 auto; overflow: hidden; }
	
	.hlSml {}
	.hlSml img { display: block; width: calc(750/1280*100%); margin: auto; }
	
	.hlWrap { }
	.hlWrap .hl { }
	
	.announceBox { width: calc(1000/1230*100%); }
	.announceBox_inr img { display: block; margin: auto; width: calc(750/1000*100%); }
	
	.notesBox li { font-size: 1.09375vw; }
	
	.btn_ov a { -webkit-transform: scale(1.0); transform: scale(1.0); -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; 
		display: block; position: relative; overflow:hidden; 
		border-radius: calc(14/1280*100vw) calc(4/1280*100vw); }
	.btn_ov a:hover { -webkit-transform: scale(1.02); transform: scale(1.05); }
	
	.btn_ov a::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: rgba(255, 255, 255, 0.1); transition: all 0.2s; transform: scale(1, 0.1);}
	.btn_ov a:hover::before { opacity: 1; transform: scale(1,1);}
}
@media screen and (min-width: 1281px) {
	.hlSml img { width: 750px; }
	
	.notesBox li { font-size: 1.4rem; }
	
	.btn_ov a { border-radius: 15px 5px; }
}




/* --------------------------------------------------------
#contentsMain
-------------------------------------------------------- */
#contentsMain { padding-top: 0; padding-bottom: calc(160/750*100%); 
	background-image: url("../_img/main/bg_sp.jpg"), url("../_img/bg_r_sp.jpg");
	background-position: top center, top center;
	background-repeat: no-repeat, repeat;
	background-size: 100% auto, calc(567/750*100%) auto; }
@media screen and (max-width: 640px) {
}
@media screen and (min-width: 641px) {
	#contentsMain { padding-bottom: calc(100/1280*100%); 
		background-image: url("../_img/main/bg_pc.jpg"), url("../_img/bg_r_pc.jpg");
		background-position: top center, top center;
		background-repeat: no-repeat, repeat;
		background-size: calc(1920/1280*100%) auto, calc(567/1280*100%) auto; }
}
@media screen and (min-width: 1281px) {
	#contentsMain { padding-bottom: 100px; background-size: 1920px auto, 567px auto; }
}



/* --------------------------------------------------------
.hero_block
-------------------------------------------------------- */
.hero_block { padding-top: calc(280/750*100%); padding-bottom: calc(255/750*100%); position: relative; }

.hero__slider__wrap { position: absolute; left: 0; width: calc(640/750*100%); overflow: visible; }
.hero__slider__wrap.-top { top: 0; margin-top: calc(50/750*100%); }
.hero__slider__wrap.-btm { bottom: 0; margin-bottom: calc(0/750*100%); }
.hero__slider__wrap .swiper-wrapper { -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; margin: 0 auto; }

.hero_logo { width: calc(366/750*100%); margin: 0 auto; }

@media screen and (min-width: 641px) {
	.hero_block { padding-top: calc(240/1280*100%); padding-bottom: calc(235/1280*100%); position: relative; }
	
	.hero__slider__wrap { width: calc(1920/1280*100%); }
	.hero__slider__wrap.-top { margin-top: calc(30/1280*100%); }
	.hero__slider__wrap.-btm { }
	
	.hero_logo { width: calc(366/1230*100%); }
}
@media screen and (min-width: 1281px) {
	.hero_block { padding-top: 240px; padding-bottom: 235px; }
	
	.hero__slider__wrap { width: 1920px; }
	.hero__slider__wrap.-top { margin-top: 30px; }
	.hero__slider__wrap.-btm { margin-bottom: 0px; }
}



/* --------------------------------------------------------
.event_block
-------------------------------------------------------- */
.event_block { padding-top: calc(100/750*100%); }

.event_block .hlSml { border-bottom-color: rgba(78,78,78,0.7); }

.event_block .hlWrap { margin-top: calc(54/750*100%); 
	background: linear-gradient(to right, rgba(101,0,24,0.7) 0%,rgba(120,0,37,0.8) 50%,rgba(101,0,24,0.7) 100%); }
.event_block .hlWrap .hl { margin-top: calc(-25/750*100%); padding-bottom: calc(35/750*100%); }

.event_block .wrapblock { background: linear-gradient(to right, rgba(101,0,24,0.7) 0%,rgba(120,0,37,0.8) 50%,rgba(101,0,24,0.7) 100%); padding-bottom: calc(45/750*100%); }

.event_block .announceBox { }
.event_block .announceBox_inr ,
.event_block .announceBox::before, 
.event_block .announceBox::after { background: linear-gradient(to right,  rgba(126,98,32,0.1) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0.1) 100%); }
.event_block .announceBox_inr::before, 
.event_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(126,98,32,0.2) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0.2) 100%); }

.event_block .btnblock { width: calc(472/750*100%); margin: 0 auto; }

@media screen and (min-width: 641px) {
	.event_block { padding-top: calc(90/1280*100%); }
	
	.event_block .hlSml { }
	
	.event_block .hlWrap { margin-top: calc(60/1280*100%); 
		background: linear-gradient(to right, rgba(67,0,0,0.7) 0%,rgba(120,0,37,0.7) 50%,rgba(67,0,0,0.7) 100%); }
	.event_block .hlWrap .hl { margin-top: calc(-30/1230*100%); padding-bottom: calc(35/1230*100%); }
	
	.event_block .wrapblock { background: linear-gradient(to right, rgba(67,0,0,0.7) 0%,rgba(120,0,37,0.7) 50%,rgba(67,0,0,0.7) 100%); padding-bottom: calc(45/1280*100%); }
	
	.event_block .announceBox { }
	.event_block .announceBox_inr ,
	.event_block .announceBox::before, 
	.event_block .announceBox::after { background: linear-gradient(to right,  rgba(126,98,32,0) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0) 100%); }
	.event_block .announceBox_inr::before, 
	.event_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(126,98,32,0) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0) 100%); }
	
	.event_block .btnblock { width: calc(472/1230*100%); margin: 0 auto; }
}
@media screen and (min-width: 1281px) {
	.event_block { padding-top: 90px; }
	
	.event_block .hlWrap { margin-top: 60px; }
	.event_block .wrapblock { padding-bottom: 45px; }
}



/* --------------------------------------------------------
.cloudVer_block
-------------------------------------------------------- */
.cloudVer_block { padding-top: calc(180/750*100%); }

.cloudVer_block .hlSml { border-bottom-color: rgba(78,78,78,0.7); }

.cloudVer_block .hlWrap { margin-top: calc(44/750*100%); 
	background: rgba(0,0,0,1); }
.cloudVer_block .hlWrap .hl { margin-top: calc(-30/750*100%); padding-bottom: calc(20/750*100%); }

.cloudVer_block .logosetblock { background: rgba(33,33,33,0.9); }
.cloudVer_block .logoset { width: calc(650/750*100%); margin: 0 auto; padding: calc(50/750*100%) 0 calc(40/750*100%); }

.cloudVer_block .wrapblock { margin-top: calc(30/750*100%); }

.cloudVer_block .movieblock { background: #000; width: calc(560/750*100%); margin: 0 auto; position: relative; }
.cloudVer_block .movieblock a { display: block; position: relative; }
.cloudVer_block .movieblock a::after { content: ""; display: block; width: 100%; height: 100%; background: url("../_img/switch/icon_play.png") center center no-repeat; background-size: 100%; 
	position: absolute; top: 0; left: 0; }

.cloudVer_block .copyblock { width: 100%; padding-bottom: calc(20/750*100%); position: relative; }
.cloudVer_block .copyblock::before { content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; 
	background: linear-gradient(to right, rgba(126,98,32,0.3) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0.3) 100%); }

.cloudVer_block .announceBox { margin-top: calc(50/750*100%); }
.cloudVer_block .announceBox_inr ,
.cloudVer_block .announceBox::before, 
.cloudVer_block .announceBox::after { background: linear-gradient(to right,  rgba(126,98,32,0.1) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0.1) 100%); }
.cloudVer_block .announceBox_inr::before, 
.cloudVer_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(126,98,32,0.2) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0.2) 100%); }

.cloudVer_block .notesBox { width: calc(650/750*100%); margin: 0 auto; }


.cloudVer_block .copyblock.-copy1 { margin-top: calc(60/750*100%); }

.cloudVer_block .privilegeblock { margin-top: calc(50/750*100%); }
.cloudVer_block .prvlgBox { width: calc(650/750*100%); margin: 0 auto; border: 2px solid #3f3110; position: relative; padding: calc(30/750*100%) 0; }
.cloudVer_block .prvlgBox::before { content: ""; display: block; width: calc(100% - 6px); height: calc(100% - 6px); margin: 0 auto; border: 1px solid #7e6220; position: absolute; top: 2px; left: 2px; }
.cloudVer_block .prvlgTtl { width: calc(586/646*100%); margin-left: calc(30/646*100%); }
.cloudVer_block .prvlgName { width: calc(586/646*100%); margin-top: calc(14/646*100%); margin-left: calc(30/646*100%); }
.cloudVer_block .prvlgPic { position: absolute; top: 0; right: 0; width: calc(245/646*100%); margin-top: calc(70/646*100%); margin-right: calc(-17/646*100%); }

.cloudVer_block .notesBox.-notes1 { margin-top: calc(30/750*100%); }


.cloudVer_block .itemblock { margin-top: calc(60/750*100%); }
.cloudVer_block .itembox { width: calc(650/750*100%); margin: 0 auto; }
.cloudVer_block .itembox .subhl { width: calc(465/650*100%); }
.cloudVer_block .itemlist { margin-top: calc(40/650*100%); }
.cloudVer_block .itemlist_item { border-bottom: 1px solid #4c4c4c; margin-top: calc(30/650*100%); padding-bottom: calc(30/650*100%); }
.cloudVer_block .itemlist_item:first-child { margin-top: 0; }
.cloudVer_block .itemlist_item:last-child { border-bottom: none; padding-bottom: 0; }
.cloudVer_block .itemlist_item a { display: block; width: calc(372/650*100%); margin: calc(18/650*100%) auto 0; }

.cloudVer_block .notesBox.-notes2 { margin-top: calc(60/750*100%); }

@media screen and (min-width: 641px) {
	.cloudVer_block { padding-top: calc(110/1280*100%); }
	
	.cloudVer_block .hlSml { }
	
	.cloudVer_block .hlWrap { margin-top: calc(70/1280*100%); }
	.cloudVer_block .hlWrap .hl { margin-top: calc(-53/1230*100%); padding-bottom: calc(20/1230*100%); }
	
	.cloudVer_block .logosetblock { }
	.cloudVer_block .logoset { width: calc(1224/1230*100%); padding: calc(60/1230*100%) 0 calc(45/1230*100%); }
	
	.cloudVer_block .wrapblock { margin-top: calc(40/1280*100%); }
	
	.cloudVer_block .movieblock { width: calc(560/1280*100%); }
	
	.cloudVer_block .movieblock a ,
	.cloudVer_block .movieblock a img ,
	.cloudVer_block .movieblock a::after { -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block; overflow: hidden; }
	
	.cloudVer_block .movieblock a { -webkit-transform: scale(1.0); transform: scale(1.0); position: relative; cursor: pointer; }
	.cloudVer_block .movieblock a img { opacity: 0.7; position: relative; }

	.cloudVer_block .movieblock a:hover { -webkit-transform: scale(1.07); transform: scale(1.07); }
	.cloudVer_block .movieblock a:hover img { opacity: 1; }
	.cloudVer_block .movieblock a:hover::after { opacity: 0.7; transform: scale(0.8); }
	
	
	.cloudVer_block .copyblock { padding-bottom: calc(20/1280*100%); }
	.cloudVer_block .copyblock::before { background: linear-gradient(to right, rgba(126,98,32,0) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0) 100%); }
	.cloudVer_block .copyblock img { display: block; width: calc(940/1230*100%); margin: auto; }
	
	
	.cloudVer_block .announceBox { margin-top: calc(35/1230*100%); }
	.cloudVer_block .announceBox_inr ,
	.cloudVer_block .announceBox::before, 
	.cloudVer_block .announceBox::after { background: linear-gradient(to right,  rgba(126,98,32,0) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0) 100%); }
	.cloudVer_block .announceBox_inr::before, 
	.cloudVer_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(126,98,32,0) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0) 100%); }
	
	.cloudVer_block .notesBox { width: 100%; font-feature-settings: "palt"; }
	
	
	.cloudVer_block .copyblock.-copy1 { margin-top: calc(70/1280*100%); }
	
	
	.cloudVer_block .privilegeblock { margin-top: calc(35/1230*100%); }
	.cloudVer_block .prvlgBox { width: 100%; padding: calc(30/1230*100%) 0; }
	.cloudVer_block .prvlgTtl { width: calc(578/1226*100%); margin-left: calc(50/1226*100%); }
	.cloudVer_block .prvlgName { width: calc(463/1226*100%); margin-top: calc(24/1226*100%); margin-left: calc(50/1226*100%); }
	.cloudVer_block .prvlgPic { width: calc(245/1226*100%); margin-top: calc(-37/1226*100%); margin-right: calc(54/1226*100%); }
	
	.cloudVer_block .notesBox.-notes1 { margin-top: calc(10/1230*100%); }
	
	
	.cloudVer_block .itemblock { margin-top: calc(65/1230*100%); }
	.cloudVer_block .itembox { width: 100%; margin: 0 auto; }
	.cloudVer_block .itembox .subhl { width: calc(333/1230*100%); }
	.cloudVer_block .itemlist { margin-top: calc(30/1230*100%); }
	.cloudVer_block .itemlist_item { margin-top: calc(20/1230*100%); padding-bottom: calc(20/1230*100%); position: relative; }
	.cloudVer_block .itemlist_item:first-child { margin-top: 0; }
	.cloudVer_block .itemlist_item:last-child { border-bottom: none; padding-bottom: 0; }
	.cloudVer_block .itemlist_item .iL_item_name { width: calc(840/1230*100%); }
	.cloudVer_block .itemlist_item a { display: block; width: calc(372/1230*100%); margin: 0; position: absolute; top: 0; right: 0; }
	.cloudVer_block .itemlist_item.-i4 a { margin-top: calc(20/1230*100%); }
	.cloudVer_block .notesBox.-notes2 { margin-top: calc(30/1230*100%); }
}
@media screen and (min-width: 1281px) {
	.cloudVer_block { padding-top: 110px; }
	.cloudVer_block .hlWrap { margin-top: 70px; }
	
	.cloudVer_block .wrapblock { margin-top: 40px; }
	
	.cloudVer_block .movieblock { width: 560px; }
	.cloudVer_block .copyblock { padding-bottom: 20px; }
	.cloudVer_block .copyblock.-copy1 { margin-top: 70px; }
}




/* --------------------------------------------------------
.kuji_block
-------------------------------------------------------- */
.kuji_block { padding-top: calc(180/750*100%); }

.kuji_block .hlWrap { background: rgba(0,0,0,1); }
.kuji_block .hlWrap .hl { margin-top: calc(-80/750*100%); padding-bottom: calc(45/750*100%); }

.kuji_block .picblock { position: relative; }
.kuji_block .picblock::before { content: ""; display: block; width: 100%; height: 0; padding-top: calc(373/750*100%); position: absolute; left: 0; top: 0; 
	background: rgba(51,37,14,0.6); }

.kuji_block .piclist { width: 100%; padding-top: calc(30/750*100%); 
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; }
.kuji_block .piclist .piclist_item.-so { width: calc(274/750*100%); margin-right: calc(86/750*100%); }
.kuji_block .piclist .piclist_item.-ka { width: calc(276/750*100%); }

.kuji_block .wrapblock { margin-top: calc(45/750*100%); }

.kuji_block .announceBox { }
.kuji_block .announceBox_inr ,
.kuji_block .announceBox::before, 
.kuji_block .announceBox::after { background: linear-gradient(to right,  rgba(126,98,32,0.1) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0.1) 100%); }
.kuji_block .announceBox_inr::before, 
.kuji_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(126,98,32,0.2) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0.2) 100%); }

.kuji_block .notesBox { width: calc(650/750*100%); margin: calc(30/750*100%) auto 0; }

.kuji_block .btnblock { width: calc(472/750*100%); margin: calc(40/750*100%) auto 0; }

@media screen and (min-width: 641px) {
	.kuji_block { padding-top: calc(180/1280*100%); }
	
	.kuji_block .hlWrap { }
	.kuji_block .hlWrap .hl { margin-top: calc(-70/1230*100%); padding-bottom: calc(20/1230*100%); }
	
	.kuji_block .picblock { }
	.kuji_block .picblock::before { padding-top: calc(433/1280*100%); }
	
	.kuji_block .piclist { padding-top: calc(22/1230*100%); }
	.kuji_block .piclist .piclist_item.-so { width: calc(343/1230*100%); margin-right: calc(170/1230*100%); }
	.kuji_block .piclist .piclist_item.-ka { width: calc(345/1230*100%); }
	
	.kuji_block .wrapblock { margin-top: calc(35/1230*100%); }
	
	.kuji_block .announceBox { }
	.kuji_block .announceBox_inr ,
	.kuji_block .announceBox::before, 
	.kuji_block .announceBox::after { background: linear-gradient(to right,  rgba(126,98,32,0) 0%,rgba(126,98,32,0.5) 50%,rgba(126,98,32,0) 100%); }
	.kuji_block .announceBox_inr::before, 
	.kuji_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(126,98,32,0) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0) 100%); }
	
	.kuji_block .notesBox { width: calc(930/1230*100%); margin: calc(25/1230*100%) auto 0; }
	
	.kuji_block .btnblock { width: calc(472/1230*100%); margin: calc(40/1230*100%) auto 0; }
}
@media screen and (min-width: 1281px) {
	.kuji_block { padding-top: 180px; }
	.kuji_block .picblock::before { padding-top: 433px; }
}



/* --------------------------------------------------------
.khdr_block
-------------------------------------------------------- */
.khdr_block { padding-top: calc(140/750*100%); }

.khdr_block .hlSml { border-bottom-color: rgba(9,63,63,0.7); }

.khdr_block .hlWrap { margin-top: calc(44/750*100%); 
	background: rgba(0,0,0,1); }
.khdr_block .hlWrap .hl { margin-top: calc(-30/750*100%); padding-bottom: calc(15/750*100%); }

.khdr_block .wrapblock { background: rgba(9,63,63,0.7); padding-top: calc(40/750*100%); padding-bottom: calc(50/750*100%); }

.khdr_block .piclist { width: 100%; 
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
.khdr_block .piclist .piclist_item { width: 50%; }

.khdr_block .announceBox { margin-top: calc(50/750*100%); }
.khdr_block .announceBox_inr  { background: linear-gradient(to right,  rgba(32,125,126,0.2) 0%,rgba(32,125,126,0.75) 50%,rgba(32,125,126,0.2) 100%); }
.khdr_block .announceBox::before, 
.khdr_block .announceBox::after { background: linear-gradient(to right,  rgba(32,125,126,0.1) 0%,rgba(32,125,126,0.5) 50%,rgba(32,125,126,0.1) 100%); }
.khdr_block .announceBox_inr::before, 
.khdr_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(32,125,126,0.2) 0%,rgba(32,125,126,1) 50%,rgba(32,125,126,0.2) 100%); }

.khdr_block .notestextblock { width: calc(236/750*100%); margin: calc(17/750*100%) auto 0; }

.khdr_block .btnblock { width: calc(472/750*100%); margin: calc(40/750*100%) auto 0; }

@media screen and (min-width: 641px) {
	.khdr_block { padding-top: calc(110/1280*100%); }
	
	.khdr_block .hlSml { }
	
	.khdr_block .hlWrap { margin-top: calc(70/1280*100%); }
	.khdr_block .hlWrap .hl { margin-top: calc(-44/1230*100%); padding-bottom: calc(20/1230*100%); }
	
	.khdr_block .wrapblock { padding-top: calc(60/1280*100%); padding-bottom: calc(60/1280*100%); }
	
	.khdr_block .piclist { -webkit-justify-content: center; justify-content: center; }
	.khdr_block .piclist .piclist_item { width: calc(538/1230*100%); margin: 0 calc(32/1230*100%); }
	
	.khdr_block .announceBox { margin-top: calc(45/1230*100%); }
	.khdr_block .announceBox_inr  { background: linear-gradient(to right,  rgba(32,125,126,0) 0%,rgba(32,125,126,0.75) 50%,rgba(32,125,126,0) 100%); }
	.khdr_block .announceBox::before, 
	.khdr_block .announceBox::after { background: linear-gradient(to right,  rgba(32,125,126,0) 0%,rgba(32,125,126,0.5) 50%,rgba(32,125,126,0) 100%); }
	.khdr_block .announceBox_inr::before, 
	.khdr_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(32,125,126,0) 0%,rgba(32,125,126,1) 50%,rgba(32,125,126,0) 100%); }
	
	.khdr_block .notestextblock { width: calc(236/1230*100%); margin: calc(17/1230*100%) auto 0; }
	
	.khdr_block .btnblock { width: calc(472/1230*100%); margin: calc(40/1230*100%) auto 0; }
}
@media screen and (min-width: 1281px) {
	.khdr_block { padding-top: 110px; }
	.khdr_block .hlWrap { margin-top: 70px; }
	
	.khdr_block .wrapblock { padding-top: 60px; padding-bottom: 60px; }
}



/* --------------------------------------------------------
.khuc_block
-------------------------------------------------------- */
.khuc_block { padding-top: calc(140/750*100%); }

.khuc_block .hlSml { border-bottom-color: rgba(24,70,94,0.7); }

.khuc_block .hlWrap { margin-top: calc(44/750*100%); 
	background: rgba(0,0,0,1); }
.khuc_block .hlWrap .hl { margin-top: calc(-30/750*100%); padding-bottom: calc(15/750*100%); }

.khuc_block .wrapblock { background: rgba(24,70,94,0.7); padding-top: calc(40/750*100%); padding-bottom: calc(50/750*100%); }

.khuc_block .piclist { width: 100%; 
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
.khuc_block .piclist .piclist_item { width: calc(50% - 0.5px); }

.khuc_block .announceBox { margin-top: calc(50/750*100%); }
.khuc_block .announceBox_inr  { background: linear-gradient(to right,  rgba(32,125,126,0.2) 0%,rgba(32,125,126,0.75) 50%,rgba(32,125,126,0.2) 100%); }
.khuc_block .announceBox::before, 
.khuc_block .announceBox::after { background: linear-gradient(to right,  rgba(32,125,126,0.1) 0%,rgba(32,125,126,0.5) 50%,rgba(32,125,126,0.1) 100%); }
.khuc_block .announceBox_inr::before, 
.khuc_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(32,125,126,0.2) 0%,rgba(32,125,126,1) 50%,rgba(32,125,126,0.2) 100%); }

.khuc_block .btnblock { width: calc(472/750*100%); margin: calc(40/750*100%) auto 0; }

@media screen and (min-width: 641px) {
	.khuc_block { padding-top: calc(110/1280*100%); }
	
	.khuc_block .hlSml { }
	
	.khuc_block .hlWrap { margin-top: calc(70/1280*100%); }
	.khuc_block .hlWrap .hl { margin-top: calc(-44/1230*100%); padding-bottom: calc(20/1230*100%); }
	
	.khuc_block .wrapblock { padding-top: calc(60/1280*100%); padding-bottom: calc(60/1280*100%); }
	
	.khuc_block .piclist { -webkit-justify-content: center; justify-content: center; }
	.khuc_block .piclist .piclist_item { width: calc(538/1230*100%); margin: 0 calc(32/1230*100%); }
	
	.khuc_block .announceBox { margin-top: calc(45/1230*100%); }
	.khuc_block .announceBox_inr  { background: linear-gradient(to right,  rgba(32,125,126,0) 0%,rgba(32,125,126,0.75) 50%,rgba(32,125,126,0) 100%); }
	.khuc_block .announceBox::before, 
	.khuc_block .announceBox::after { background: linear-gradient(to right,  rgba(32,125,126,0) 0%,rgba(32,125,126,0.5) 50%,rgba(32,125,126,0) 100%); }
	.khuc_block .announceBox_inr::before, 
	.khuc_block .announceBox_inr::after  { background: linear-gradient(to right,  rgba(32,125,126,0) 0%,rgba(32,125,126,1) 50%,rgba(32,125,126,0) 100%); }
	
	.khuc_block .btnblock { width: calc(472/1230*100%); margin: calc(40/1230*100%) auto 0; }
}
@media screen and (min-width: 1281px) {
	.khuc_block { padding-top: 110px; }
	.khuc_block .hlWrap { margin-top: 70px; }
	
	.khuc_block .wrapblock { padding-top: 60px; padding-bottom: 60px; }
}



/* --------------------------------------------------------
.goods_block
-------------------------------------------------------- */
.goods_block { padding-top: calc(140/750*100%); }

.goods_block .hlSml { border-bottom-color: rgba(29,44,102,0.7); }

.goods_block .hlWrap { margin-top: calc(44/750*100%); background: rgba(0,0,0,1); }
.goods_block .hlWrap .hl { margin-top: calc(-30/750*100%); padding-bottom: calc(15/750*100%); }

.goods_block .flexLayout { width: 100%; position: relative; }
.goods_block .flexLayout_item.-pic { }
.goods_block .flexLayout_item.-text { }


/* .goods_block_bnrWrap -------------------------------------------------------- */
.goods_block_bnrWrap { background: #000; }
.goods_block_bnr { width: calc(650/750*100%); margin: 0 auto; padding-bottom: calc(30/750*100%); }

/* .kh3aa_block -------------------------------------------------------- */
.kh3aa_block .wrapblock { background: rgba(29,44,102,0.7); padding-top: calc(50/750*100%); padding-bottom: calc(80/750*100%); }

.kh3aa_block .flexLayout_item.-pic { width: calc(650/750*100%); margin: 0 auto; }
.kh3aa_block .flexLayout_item.-text { margin: calc(60/750*100%) auto 0; }

.kh3aa_block .swiper-pagination { display: block; padding-top: calc(20/650*100%); }
.kh3aa_block .swiper-container-horizontal > .swiper-pagination-bullets, 
.kh3aa_block .swiper-pagination-custom { bottom: 0; position: relative; }
.kh3aa_block .swiper-pagination .swiper-pagination-bullet { width: calc(30/650*100%); height: 0; padding-top: calc(30/650*100% - 4px); margin: 0 calc(20/650*100%); 
	border: 2px solid #626262; background: none; opacity: 1; }
.kh3aa_block .swiper-pagination .swiper-pagination-bullet-active { border-color: #fff; background: #fff; opacity: 1; }

.kh3aa_block .hl { width: calc(650/750*100%); margin: 0 auto; }
.kh3aa_block .leadtext { width: 100%; margin: calc(40/750*100%) auto 0; }
.kh3aa_block .price { width: calc(472/750*100%); margin: calc(60/750*100%) auto 0 calc(50/750*100%); }
.kh3aa_block .date { width: calc(472/750*100%); margin: calc(24/750*100%) auto 0 calc(50/750*100%); }
.kh3aa_block .btnReserve { width: calc(472/750*100%); margin: calc(40/750*100%) auto 0; }

/* .trunkcase_block -------------------------------------------------------- */
.trunkcase_block .wrapblock { background: rgba(0,0,0,0.7); padding-top: calc(60/750*100%); padding-bottom: calc(60/750*100%); }

.trunkcase_block .catchcopy { width: 100%; padding-bottom: calc(14/750*100%); position: relative; }
.trunkcase_block .catchcopy::before { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; 
	background: linear-gradient(to right, rgba(126,98,32,0.3) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0.3) 100%); }
.trunkcase_block .catchcopy img { display: block; width: calc(650/750*100%); margin: auto; }

.trunkcase_block .flexLayout_item.-pic { width: 100%; margin: calc(30/750*100%) auto 0; }
.trunkcase_block .flexLayout_item.-text {width: calc(650/750*100%); margin: calc(30/750*100%) auto 0; }

.trunkcase_block .piclist { width: 100%; 
	display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; justify-content: center; }
.trunkcase_block .piclist .piclist_item { width: 50%; }


/* .btnblock -------------------------------------------------------- */
.goods_block .btnblock { width: calc(472/750*100%); margin: calc(40/750*100%) auto 0; }

@media screen and (min-width: 641px) {
	.goods_block { padding-top: calc(140/1280*100%); }
	.goods_block .flexLayout { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; justify-content: space-between; }
	
	.goods_block .hlSml { }
	
	.goods_block .hlWrap { margin-top: calc(70/1280*100%); }
	.goods_block .hlWrap .hl { margin-top: calc(-44/1230*100%); padding-bottom: calc(20/1230*100%); }
	
	
	/* .goods_block_bnrWrap -------------------------------------------------------- */
	.goods_block_bnrWrap { }
	.goods_block_bnr { width: 100%; padding-bottom: calc(30/1280*100%); }
	
	.goods_block_bnr a { -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; -webkit-backface-visibility: hidden; display: block; overflow: hidden; }
	.goods_block_bnr a { -webkit-transform: scale(1.0); transform: scale(1.0); position: relative; }
	.goods_block_bnr a:hover { -webkit-transform: scale(1.03); transform: scale(1.03); }

	
	/* .kh3aa_block -------------------------------------------------------- */
	.kh3aa_block .wrapblock { padding-top: calc(60/1280*100%); padding-bottom: calc(30/1280*100%); }
	
	.kh3aa_block .flexLayout_item.-pic { width: calc(590/1230*100%); margin: 0; }
	.kh3aa_block .flexLayout_item.-text { width: calc(590/1230*100%); margin: 0; }
	
	.kh3aa_block .kh3aa__slider__wrap { width: calc(512/590*100%); margin: 0 auto 0 calc(43/590*100%); }
	.kh3aa_block .swiper-pagination { padding-top: calc(20/512*100%); }
	.kh3aa_block .swiper-pagination .swiper-pagination-bullet { width: calc(16/512*100%); height: 0; padding-top: calc(16/512*100% - 4px); margin: 0 calc(5/512*100%); }
	.kh3aa_block .swiper-pagination .swiper-pagination-bullet-active { border-color: #3e5990; background: #3e5990; }

	.kh3aa_block .hl { width: calc(650/590*100%); margin: calc(-5/590*100%) 0 0 0; }
	.kh3aa_block .leadtext { width: 100%; margin: calc(26/590*100%) auto 0; }
	.kh3aa_block .price { width: calc(472/590*100%); margin: calc(23/590*100%) auto 0 0; }
	.kh3aa_block .date { width: calc(472/590*100%); margin: calc(13/590*100%) auto 0 0; }
	.kh3aa_block .btnReserve { width: calc(472/590*100%); margin: calc(30/590*100%) auto 0; }
	
	
	/* .trunkcase_block -------------------------------------------------------- */
	.trunkcase_block .wrapblock { padding-top: calc(60/1280*100%); padding-bottom: calc(60/1280*100%); }
	
	.trunkcase_block .catchcopy { width: calc(1000/1230*100%); padding-bottom: calc(14/1230*100%); margin: 0 auto; }
	.trunkcase_block .catchcopy::before { background: linear-gradient(to right,  rgba(126,98,32,0) 0%,rgba(126,98,32,1) 50%,rgba(126,98,32,0) 100%); }
	.trunkcase_block .catchcopy img { width: 100%; }

	.trunkcase_block .flexLayout { display: block; }
	.trunkcase_block .flexLayout_item.-pic { width: 100%; margin: calc(40/1230*100%) auto 0; }
	.trunkcase_block .flexLayout_item.-text { width: 100%; margin: calc(40/1230*100%) auto 0; }

	.trunkcase_block .piclist { }
	.trunkcase_block .piclist .piclist_item { width: calc(538/1230*100%); margin: 0 calc(32/1230*100%); }

	.trunkcase_block .hl { width: calc(650/1230*100%); margin: 0 auto; }
	
	
	/* .btnblock -------------------------------------------------------- */
	.goods_block .btnblock { width: calc(472/1230*100%); margin: calc(40/1230*100%) auto 0; }
}
@media screen and (min-width: 1281px) {
	.goods_block { padding-top: 140px; }
	.goods_block .hlWrap { margin-top: 70px; }
	
	.kh3aa_block .wrapblock { padding-top: 60px; padding-bottom: 30px; }
	.trunkcase_block .wrapblock { padding-top: 60px; padding-bottom: 60px; }
}