@charset "utf-8";

body
{
	margin: 0;
	padding: 0;
	
	min-width: 1280px;
	
	color: #fff;
	background-color: #000;
	
	-webkit-text-size-adjust: 100%;
	font-family:"Nobel-Regular", "レクサスロダン Pro M", "LexusRodinPro-M", "FOT-ロダン Pro M", "メイリオ ",sans-serif;
}



#myc
{
	text-align: left;
	font-size: 16px;
	font-family:"Nobel-Regular", "レクサスロダン Pro M", "LexusRodinPro-M", "FOT-ロダン Pro M", "メイリオ ",sans-serif;
}


#myc .cf:after
{
	content: "";
	display: block;
	clear: both;
}


#myc h1,
#myc h2,
#myc h3,
#myc h4,
#myc h5,
#myc h6,
#myc p,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal p
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: inherit;
}


#myc table,
#myc tr,
#myc th,
#myc td,
#myc form
{
	margin: 0;
	padding: 0;

	border-collapse: collapse;
}

#myc input[type=submit],
#myc input[type=button]
{
	-webkit-appearance: none;
	border-radius: 0;
}

#myc th,
#myc td
{
	vertical-align: top;
}

#myc ol,
#myc ul
{
	padding: 0;
	list-style-position: inside;
}

#myc img
{
	border: 0;

	vertical-align: top;
}

#myc .sp-only
{
	display: none;
}

#myc .centerview
{
	position: relative;
	margin: 0 auto;

	width: 1280px;
}

#myc .partition:after
{
	content: "";
	display: block;
	clear: both;
}
#myc .partition .left
{
	float: left;
	width: 50%;
}
#myc .partition .right
{
	float: right;
	width: 50%;
}

#myc .text+.text
{
	margin-top: 1em;
}

#myc .text-line
{
	display: inline-block;
}

#myc .top-ss
{
	margin-top: 12px;
}

#myc .top-s
{
	margin-top: 16px;
}

#myc .top-m
{
	margin-top: 24px;
}

#myc .top-l
{
	margin-top: 32px;
}

#myc .top-ll
{
	margin-top: 40px;
}

#myc .center
{
	text-align: center;
}



#myc .pagetop-show-position
{
	position: relative;
}

#myc #myc-pagetop
{
	position: absolute;
	right: 0;
	bottom: -16px;
	
	width: 1px;
	height: 1px;
}

#myc.standby #myc-pagetop
{
	opacity: 0;
	transition-delay: 1s;
	transition-duration: 0.6s;
}
#myc.standby.opening #myc-pagetop
{
	opacity: 1;
}


#myc #myc-pagetop .pagetop
{
	display: none;
}

#myc #myc-pagetop .fix-area
{
	position: fixed;
	right: 0;
	bottom: 0;
	
	padding: 16px;
}
#myc #myc-pagetop.no-fix .fix-area
{
	position: inherit;
}

#myc .yt-movie
{
	margin: 0 auto;
	width: 800px;
	
	text-align: center;
}





#myc #myc-loading .inner
{
	display: table;
	width: 100%;
	height: 100vh;
}
#myc #myc-loading .inner .inner-sub
{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#myc #myc-loading
{
	display: none;
}
#myc.loading #myc-loading
{
	display: inherit;
}
#myc.loading.loaded #myc-loading
{
	display: none;
}

#myc #myc-loaded
{
	color: #000;
	background-color: #fff;
}

#myc.loading #myc-loaded
{
	display: none;
}
#myc.loading.loaded #myc-loaded
{
	display: inherit;
}









#myc a
{
	color: #000;
}

#myc a img,
#myc .link-button a
{
	transition-duration: 0.1s;
}
#myc a:hover img,
#myc .link-button a:hover
{
	opacity: 0.7;
}

#myc .link-button
{
	margin-top: 92px;
	text-align: center;
}
#myc .link-button a
{
	display: inline-block;
	box-sizing: border-box;
	padding: 24px 0;
	width: 692px;
	
	font-size: 20px;
	text-decoration: none;
	letter-spacing: 0.2em;
	
	color: #fff;
	background-color: #666;
}
#myc .back a
{
	display: inline-block;
	box-sizing: border-box;
	padding: 20px 0;
	width: 400px;
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 0.2em;
	color: #fff;
	background-color: #aaa;
}

#myc .link-button a .arrow
{
	display: inline-block;
	margin-left: 20px;
	
	width: 16px;
	height: 13px;
	
	background-image: url("../images/link_button_arrow.png");
	background-repeat: no-repeat;
}

#myc .section
{
	position: relative;
}

#myc .main-section
{
	padding: 64px 0;
}

#myc .csec
{
	padding: 0 0 64px;
}

#myc .main-section .section-title
{
	padding-bottom: 12px;
	
	font-family:"Nobel-Regular", "レクサスロダン Pro DB", "LexusRodinPro-DB", "FOT-ロダン Pro DB", "メイリオ ",sans-serif;
	text-align: center;
	
	border-bottom: 2px solid #000;
}

#myc .main-section .section-title .label
{
	font-size: 50px;
	line-height: 1;
}

#myc .main-section .section-title .sub
{
	margin-top: 8px;
	font-size: 14px;
}

#myc .main-section .section-inner
{
	margin: 64px auto 0;
}

#myc p.textEX
{
	margin: 100px auto 0;
	text-align:center;
	font-size:18px;
}




#myc .check-area
{
	
}

#myc .check-area label
{
	position: relative;
}

#myc .check-area span
{
	display: inline-block;
	position: relative;
	padding: 0 30px 0 35px;
}

#myc .check-area input[type="checkbox"],
#myc .check-area input[type="radio"]
{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#myc .check-area span::before,
#myc .check-area span::after
{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content: '';
	box-sizing: border-box;
}

#myc .check-area span::before
{
	z-index: 0;
	background-color: #dfdfdf;
	width: 20px;
	height: 20px;
	border: 1px #8d8d8d solid;
	border-radius: 2px;
}
#myc .check-area input[type="radio"]+span::before
{
	background-color: transparent;
	border-radius: 22px;
}

#myc .check-area span::after
{
	z-index: 1;
	margin: 5px 8px;
	width: 6px;
	height: 9px;
}

#myc .check-area input[type="checkbox"]:checked+span::before
{
	background-color: #8d8d8d;
}
#myc .check-area input[type="radio"]:checked+span::before
{
	border-width: 6px;
}

#myc .check-area input[type="checkbox"]:checked+span::after
{
	border: 2px solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

#myc p.ertxt{
	color:#f00;
	font-size:14px;
}



#myc #myc-bar
{
	padding: 15px 36px;
}

#myc #myc-bar .content
{
	overflow:hidden;
}

#myc #myc-bar .content .logo
{
	float:left;
	width:50%;
	font-size: 24px;
	font-style: italic;
	line-height: 1;
	color: #000;
	background-color: #fff;
	margin-top:5px;
}

#myc #myc-bar .content .logo2
{
	float:right;
	width:166px;
}

#myc #myc-bar .content .logo2 img
{
	width:100%;
}

#myc.standby #myc-bar .logo
{
	opacity: 0;
	transition-duration: 0.6s;
	transition-timing-function: ease-in-out;
}
#myc.standby #myc-bar .logo
{
	opacity: 1;
}






#myc #myc-header
{
	position: relative;
	background-color: #000;
}

#myc #myc-header .wide
{
	position: relative;
	margin: 0 auto;
	max-width: 1980px;
	overflow: hidden;
}
#myc.standby #myc-header .wide
{
	opacity: 0;
	transition-duration: 1.6s;
	transition-timing-function: ease-in-out;
}
#myc.standby.opening #myc-header .wide
{
	opacity: 1;
}

/****************************************/

#myc #myc-header .bg
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("../images/header_bg_01.jpg");
}
#myc.standby #myc-header .bg-02,#myc.standby #myc-header .bg-03,#myc.standby #myc-header .bg-04,#myc.standby #myc-header .bg-05
{
	opacity: 0;
}
#myc #myc-header .bg:nth-child(1)
{
	background-image: url("../images/header_bg_01.jpg");
	animation: header-bg-anime1 30s ease infinite;
}
#myc #myc-header .bg:nth-child(2)
{
	background-image: url("../images/header_bg_02.jpg");
	animation: header-bg-anime2 30s ease infinite;
}
#myc #myc-header .bg:nth-child(3)
{
	background-image: url("../images/header_bg_03.jpg");
	animation: header-bg-anime3 30s ease infinite;
}
#myc #myc-header .bg:nth-child(4)
{
	background-image: url("../images/header_bg_04.jpg");
	animation: header-bg-anime4 30s ease infinite;
}
#myc #myc-header .bg:nth-child(5)
{
	background-image: url("../images/header_bg_05.jpg");
	animation: header-bg-anime5 30s ease infinite;
}
@keyframes header-bg-anime1
{
    0% {opacity:1}
    17% {opacity:1}
    34% {opacity:0}
    51% {opacity:0}
    68% {opacity:0}
    85% {opacity:0}
    100% {opacity:1}
}
@keyframes header-bg-anime2
{
    0% {opacity:0}
    17% {opacity:0}
    34% {opacity:1}
    51% {opacity:0}
    68% {opacity:0}
    85% {opacity:0}
    100% {opacity:0}
}
@keyframes header-bg-anime3
{
    0% {opacity:0}
    17% {opacity:0}
    34% {opacity:0}
    51% {opacity:1}
    68% {opacity:0}
    85% {opacity:0}
    100% {opacity:0}
}
@keyframes header-bg-anime4
{
    0% {opacity:0}
    17% {opacity:0}
    34% {opacity:0}
    51% {opacity:0}
    68% {opacity:1}
    85% {opacity:0}
    100% {opacity:0}
}
@keyframes header-bg-anime5
{
    0% {opacity:0}
    17% {opacity:0}
    34% {opacity:0}
    51% {opacity:0}
    68% {opacity:0}
    85% {opacity:1}
    100% {opacity:0}
}
/****************************************/

#myc #myc-header .centerview
{
	height: 947px;
}

#myc #myc-header .wonder
{
	position: absolute;
	left: 0;
	top: 30px;
	width: 100%;
	
	text-align: center;
}
#myc.standby #myc-header .wonder
{
	opacity: 0;
	transform: translateX(32px);
	transition-delay: 1s;
	transition-duration: 1.2s;
	transition-timing-function: ease-out;
}
#myc.standby.opening #myc-header .wonder
{
	opacity: 1;
	transform: translateX(0);
}

#myc #myc-header .page-title
{
	position: absolute;
	left: 0;
	top: 700px;
	width: 100%;
	
	text-align: center;
}
#myc.standby #myc-header .page-title
{
	opacity: 0;
	transform: translateX(-32px);
	transition-delay: 1.6s;
	transition-duration: 1.6s;
}
#myc.standby.opening #myc-header .page-title
{
	opacity: 1;
	transform: translateX(0);
}









#myc #myc-desc .section-inner
{
	margin-top: 24px;
}

/***************************************/
#myc #myc-desc .labelDB
{
	text-align: center;
	font-weight: bold;
	font-size: 26px;
	line-height: 2.4em;
	margin-bottom: 38px;
	font-family: "Nobel-Regular", "レクサスロダン Pro B", "LexusRodinPro-B", "FOT-ロダン Pro B", "メイリオ ",sans-serif;
}
/***************************************/

#myc #myc-desc .label
{
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	line-height: 2.4em;
}

#myc #myc-desc .read
{
	margin-top: 72px;
	
	text-align: center;
	font-size: 20px;
	line-height: 3em;
}

#myc #myc-desc .photo-list
{
	margin-top: 64px;
	
	font-size: 0;
	text-align: center;
}
#myc #myc-desc .photo-list .item
{
	display: inline-block;
	margin-left: 32px;
}
#myc #myc-desc .photo-list .item:first-child
{
	margin-left: 0;
}

#myc #myc-desc .link-button
{
	margin-top: 92px;
}
/***************************************/
#myc .link-button
{
	margin-bottom: 60px;
}
/***************************************/

#myc .link-button2
{
	margin: 55px 0 130px!important;
}




#myc #myc-glamping .section-inner
{
	width: 1114px;
}

#myc #myc-glamping .partition .image-side
{
	box-sizing: border-box;
	width: 583px;
}
#myc #myc-glamping .partition .image-side img.pcimg27
{
	width: 590px;
}

#myc #myc-glamping .partition .image-side.right
{
	text-align: right;
}
#myc #myc-glamping .partition .text-side
{
	display: table;
	box-sizing: border-box;
	width: 531px;
	height: 100%;
	
	font-size: 18px;
	line-height: 2em;
}
#myc #myc-glamping .partition .text-side.left
{
	padding-right: 20px;
}
#myc #myc-glamping .partition .text-side.right
{
	padding-left: 26px;
}
#myc #myc-glamping .partition .text-side .inner
{
	display: table-cell;
	vertical-align: middle;
}

#myc #myc-glamping .partition .text-side .label
{
	font-size: 30px;
}
#myc #myc-glamping .partition .text-side .label+.text
{
	margin-top: 8px;
}

#myc #myc-glamping .about
{
	margin-top: 52px;
	padding: 16px;
	
	text-align: center;
	line-height: 1.8em;
	
	color: #ececec;
	background-color: #7A7A7A;
}
#myc #myc-glamping .about .inner
{
	display: inline-block;
	width: 720px;
	
	text-align: left;
}

#myc #myc-glamping .about .inner .label
{
	text-align: center;
}

#myc #myc-glamping .about+.partition
{
	margin-top: 52px;
}









#myc #myc-schedule .section-inner
{
	width: 1040px;
}

#myc #myc-schedule .partition
{
	margin: 70px 0 20px 0;
}

#myc #myc-schedule .partition .left,
#myc #myc-schedule .partition .right
{
	width: inherit;
}

#myc #myc-schedule .list-label
{
	margin-top: 64px;
	padding: 20px;
	
	font-size: 20px;
	letter-spacing: 0.2em;
	
	color: #fff;
	background-color: #000;
}

#myc #myc-schedule .schedule-list
{
	overflow: hidden;
}

#myc #myc-schedule .schedule-list .date
{
	box-sizing: border-box;
	margin-top: 40px;
	padding: 12px 20px;
	width: 260px;
	
	background-color: #BFBFBF;
}

#myc #myc-schedule .schedule-list .row
{
	position: relative;
	margin-top: 20px;
    	background: #000;
}

#myc #myc-schedule .schedule-list .row .label
{
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	
	padding: 12px 20px;
	width: 260px;
	
	color: #fff;
	background-color: #000000;
}

#myc #myc-schedule .schedule-list .row .data
{
	box-sizing: border-box;
	margin-left: 260px;
	padding: 12px 40px;
	
	background-color: #e1dfdf;
}

#myc #myc-schedule .schedule-list .navi-link
{
	padding: 2px 6px;
	
	color: #000;
	text-decoration: underline;
}
#myc #myc-schedule .schedule-list .navi-link:hover
{
	color: #BFBFBF;
	background-color: #000;
}









#myc #myc-lineup .section-inner
{
	width: 862px;
}

#myc #myc-lineup .list
{
	overflow: hidden;
}

#myc #myc-lineup .list .item
{
	overflow: hidden;
	float: left;
	margin-left: 20px;
	width: 274px;
	height: 305px;
	
	background-color: #151515;
}
#myc #myc-lineup .list .item:nth-child(3n-2)
{
	margin-left: inherit;
}
#myc #myc-lineup .list .item:nth-child(n+4)
{
	margin-top: 20px;
}

#myc #myc-lineup .list .item a
{
	display: block;
	height: 100%;
	
	color: #fff;
	text-decoration: none;
}

#myc #myc-lineup .list .item a img
{
	transition-duration: 3s;
}
#myc #myc-lineup .list .item a:hover img
{
	opacity: inherit;
	
	transform: scale(1.1);
}

#myc #myc-lineup .list .item .image
{
	display: block;
}

#myc #myc-lineup .list .item .data
{
	display: block;
	padding: 20px 16px;
}

#myc #myc-lineup .list .item .data .label
{
	display: block;
	
	font-size: 30px;
	line-height: 1;
}

#myc #myc-lineup .list .item .data .type
{
	display: block;
	margin-top: 4px;
	
	font-size: 15px;
}

#myc #myc-lineup .attention
{
	margin-top: 24px;
	font-size:14px;
	line-height:1.5;
}









#myc #myc-dealer .section-inner
{
	width: 862px;
}

#myc #myc-dealer .list
{
	overflow: hidden;
}

#myc #myc-dealer .list .item
{
	float: left;
	box-sizing: border-box;
	margin-left: 20px;
	padding: 20px;
	width: 274px;
	height: 450px;
	
	border: 1px solid #d1d1d1;
	background-color: #F3F3F3;
}
#myc #myc-dealer .list .item:nth-child(3n-2)
{
	margin-left: inherit;
}
#myc #myc-dealer .list .item:nth-child(n+4)
{
	margin-top: 20px
}

#myc #myc-dealer .list .item .data
{
	display: block;
	margin-top: 24px;
}

#myc #myc-dealer .list .item .data .label
{
	display: block;
}

#myc #myc-dealer .list .item .data .address
{
	display: block;
	margin-top: 28px;
	
	font-size: 14px;
	line-height: 2em;
}

#myc #myc-dealer .list .item .data .addresstxt
{
	line-height: 1.5em;
}








#myc #myc-application
{
	background-color: #F4F4F4;
}

#myc #myc-application .section-inner
{
	width: 862px;
}

#myc #myc-application .subsection+.subsection
{
	margin-top: 64px;
}

#myc #myc-application .subsection-title
{
	text-align: center;
	font-size: 28px;
}

#myc #myc-application .subsection-title .caption
{
	display: inline-block;
	padding-bottom: 4px;
	
	border-bottom: 3px solid #000;
}

#myc #myc-application .subsection-inner
{
	margin-top: 40px;
}


#myc #myc-application .data dl dt
{
	display: block;
	margin: 0;
	padding: 12px 20px;
	
	color: #fff;
	background-color: #BFBFBF;
}

#myc #myc-application .data dl dd
{
	display: block;
	margin: 0;
	padding: 20px;
}

#myc #myc-application .data .attention
{
	list-style-type: none;
	margin:0;
}

#myc #myc-application .data .attention li
{
	position: relative;
	padding-left: 1em;
	font-size:14px;
	margin:0 0 5px 0;
}

#myc #myc-application .data .attention li::before
{
	position: absolute;
	left: 0;
	top: 0;
	
	content: "■";
}

#myc #myc-application .rule .main-box
{
	padding: 24px 20px;
	
	font-size: 14px;
	
	color: #fff;
	background-color: #A6A6A6;
}

#myc #myc-application .rule .main-box .scroll-area
{
	overflow-y: scroll;
	padding-right: 12px;
	height: 260px;
}

#myc #myc-application .rule .main-box .row+.row
{
	margin-top: 2em;
}

#myc #myc-application .rule .main-box .text
{
	margin-top: 1em;
}

#myc #myc-application .rule .main-box .scroll-area::-webkit-scrollbar
{
	width: 12px;
}
#myc #myc-application .rule .main-box .scroll-area::-webkit-scrollbar-track
{
	background: none;
	border: none;
	/*border-radius: 10px;*/
	/*box-shadow: inset 0 0 2px #777;*/
}

#myc #myc-application .rule .main-box .scroll-area::-webkit-scrollbar-thumb
{
	height: 76px;
	background: #fff;
	/*border-radius: 10px;*/
	box-shadow: none;
}

#myc #myc-application .rule .attention
{
	margin-top: 48px;
	text-align: center;
}

#myc #myc-application .rule .attention .text
{
	display: inline-block;
	text-align: left;
	line-height: 1.5em;
	padding-left:1em;
	text-indent:-1em;
}

#myc #myc-application .rule .check-area
{
	margin-top: 48px;
	
	text-align: center;
}

#myc #myc-application .rule .check-area span::before
{
	background-color: transparent;
	width: 22px;
	height: 22px;
	border: 2px #000 solid;
	border-radius: 0px;
}
#myc #myc-application .rule .check-area input[type="checkbox"]:checked+span::before
{
	background-color: #000;
}

#myc #myc-application .subsection+.my-form
{
	margin-top: 140px;
}

#myc.standby #myc-application .my-form
{
	opacity: 0.2;
	pointer-events: none;
	transition-duration: 0.6s;
}
#myc.standby.active-form #myc-application .my-form
{
	opacity: 1;
	pointer-events: inherit;
}

#myc #myc-application .my-form .step-list
{
	text-align: center;
	font-size: 0;
}

#myc #myc-application .my-form .step-list .item
{
	display: inline-block;
	box-sizing: border-box;
	padding-top: 18px;
	width: 192px;
	height: 50px;
	line-height: 1em;
	
	font-size: 14px;
	vertical-align: top;
	
	color: #fff;
	background-color: #8C8C8C;
}
#myc #myc-application .my-form .step-list .item.active
{
	background-color: #000;
}

#myc #myc-application .my-form .step-list .arrow
{
	display: inline-block;
	box-sizing: border-box;
	width: 32px;
	height: 50px;
	
	vertical-align: top;
	
	background-image: url("../images/application_steplist_arrow_02.png");
	background-repeat: no-repeat;
	background-position: center;
}
#myc #myc-application .my-form .step-list .arrow.active
{
	background-image: url("../images/application_steplist_arrow_01.png");
}

#myc #myc-application .my-form .form-area .group-label
{
	margin-left: 20px;
	margin-top: 48px;
	
	font-weight: bold;
}

#myc #myc-application .my-form .form-area .list .row
{
	overflow: hidden;
	margin-top: 20px;
}

#myc #myc-application .my-form .form-area .list .row .inner
{
	display: table;
	width: 100%;
	height: 100%;
}

#myc #myc-application .my-form .form-area .list .row .left
{
	float: left;
	
	box-sizing: border-box;
	padding: 16px;
	width: 260px;
	
	font-size: 14px;
	
	color: #fff;
	background-color: #000;
}

#myc #myc-application .my-form .form-area .list .row .right
{
	float: right;
	
	box-sizing: border-box;
	padding: 4px 28px;
	width: 602px;
}

#myc #myc-application .my-form .form-area .list .row .item
{
	display: inline-block;
	margin-top: 5px;
	margin-right: 16px;
}
#myc #myc-application .my-form .form-area .list .row .item:last-child
{
	margin-right: inherit;
}

#myc #myc-application .my-form .form-area .list .row .item-row+.item-row
{
	margin-top: 20px;
}

#myc #myc-application .my-form .form-area .list .row .table
{
	display: table;
	width: 100%;
	height: 100%;
}
#myc #myc-application .my-form .form-area .list .row .table .cell
{
	display: table-cell;
	vertical-align: middle;
}

#myc #myc-application .my-form .form-area .list .row input,
#myc #myc-application .my-form .form-area .list .row select
{
	box-sizing: border-box;
	padding: 8px 12px;
	
	color: #8d8d8d;
	
	border: 1px solid #8d8d8d;
	border-radius: 4px;
	background-color: #f2f2f2;
}

#myc #myc-application .my-form .form-area .list .row .short
{
	width: 224px;
}
#myc #myc-application .my-form .form-area .list .row .middle
{
	width: 300px;
}
#myc #myc-application .my-form .form-area .list .row .long
{
	width: 392px;
}

#myc #myc-application .my-form .form-area .list .row .confirm-text
{
	word-break: break-all;
	font-size: 16px;
}

#myc #myc-application .my-form .form-area .address-button
{
	display: inline-block;
	margin-left: 4px;
}

#myc #myc-application .my-form .form-area .address-button a
{
	display: block;
	padding: 7px 16px;
	
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #8C8C8C;
	
	text-decoration: none;
}

#myc #myc-application .my-form .form-area .label .guide
{
	display: block;
	
	margin-top: 20px;
	font-size: 12px;
}

#myc #myc-application .my-form .form-area .link-button
{
	margin-top: 80px;
}

#myc #myc-application .my-form .form-area .back
{
	margin-top: 100px;
}

#myc #myc-application .my-form .finish
{
	margin-top: 92px;
	
	text-align: center;
	line-height: 3;
}

	#myc #myc-application .my-form .form-area .list .row input.ltxt
	{
		font-size: 12px;
	}

#myc .mtex{
	margin-top: 10px;
}



#myc #myc-contact
{
	padding: 100px 0 24px;
	
	text-align: center;
	
	background-color: #F4F4F4;
}








#myc #myc-banner
{
	padding-top: 0;
}

#myc #myc-banner .link-button a
{
	padding: 20px 0;
	width: 468px;
}

#myc #myc-banner .sns
{
	margin-top: 40px;
	
	text-align: center;
	font-size: 0;
}

#myc #myc-banner .sns .item
{
	display: inline-block;
}
#myc #myc-banner .sns .item+.item
{
	margin-left: 28px;
}

#myc #myc-banner .list
{
	margin-top: 32px;
	
	text-align: center;
	font-size: 0;
}

#myc #myc-banner .list .item
{
	display: inline-block;
}
#myc #myc-banner .list .item+.item
{
	margin-left: 12px;
}

#myc #myc-banner .lexus
{
	margin-top: 64px;
	text-align: center;
}

#myc #myc-banner .lexus img
{
	border: 1px solid #ccc;
}








#myc #myc-footer
{
	padding: 28px 0;
	
	text-align: center;
	
	color: #9a9a9a;
	background-color: #000;
}












#myc .white-bg
{
	background-color: inherit !important;
}







/*
	modal
*/
.modal
{
	position: relative;
	
	vertical-align: top;
	box-sizing: border-box;
	margin: 80px auto;
	padding: 120px 50px;
	
	width: 1000px;
	
	text-align: left;
	
	background-color: #fff;
}

.modal .close
{
	position: absolute;
	right: 28px;
	top: 28px;
}

.modal .partition
{
	overflow: hidden;
}
.modal .part01
{
	padding-top:10px;
}
.modal .partition .image img
{
	width: 100%;
}
.modal .partition .image
{
	float: left;
	width: 42%;
}
.modal .partition .data
{
	float: right;
	width: 56%;
}

.modal .partition2
{
	width: 66%;
	margin:0 auto;
}

.modal .partition2 .image
{
	float: none;
	width: 100%;
}
.modal .partition2 .data
{
	float: none;
	width: 100%;
}


.modal .partition .data .title
{
	font-size: 30px;
	color:#000;
}

.modal .partition .data .sub-title
{
	display: inline-block;
	padding: 2px 8px;
	
	font-size: 15px;
	
	color: #fff;
	background-color: #000;
}

.modal .partition .data .text
{
	margin-top: 20px;
	color:#000;
	line-height:2.0;
}

.modal .partition .data .text .motxcap
{
	color:#000;
	line-height: 2.0;
	font-weight:bold;
}

.remodal-overlay
{
	background-color: rgba(0,0,0,0.8);
}



/*
	remodal animation
*/
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  animation-name: remodal-overlay-closing-keyframes;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  animation-name: remodal-closing-keyframes;
}



@keyframes remodal-opening-keyframes {
  from {
    transform: translateY(-8px);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    transform: translateY(0px);
    opacity: 1;
  }
  to {
    transform: translateY(-8px);
    opacity: 0;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}












/*
	scrollmagic
*/
#myc.standby .scrollmagic
{
	opacity: 0;
	transition-duration: 1.6s;
	transition-timing-function: ease-out;
	transform: translateY(-24px);
}

#myc.standby .scrollmagic.show
{
	opacity: 1 !important;
	transform: translateX(0) translateY(0) scale(1) !important;
}

#myc.standby #myc-desc .photo-list .item:nth-child(2)
{
	transition-delay: 0.2s;
}
#myc.standby #myc-desc .photo-list .item:nth-child(3)
{
	transition-delay: 0.4s;
}

#myc.standby #myc-schedule .partition .right
{
	transition-delay: 0.2s;
}

#myc.standby #myc-lineup .list .item:nth-child(3n-1)
{
	transition-delay: 0.1s;
}
#myc.standby #myc-lineup .list .item:nth-child(3n)
{
	transition-delay: 0.2s;
}

#myc.standby #myc-dealer .list .item:nth-child(3n-1)
{
	transition-delay: 0.1s;
}
#myc.standby #myc-dealer .list .item:nth-child(3n)
{
	transition-delay: 0.2s;
}


/*
	ティザー用
*/
.pre{
 font-size:24px;
 color:#f00;
}
.pre2{
 font-size:24px!important;
 color:#f00;
 text-align:center;
 font-weight:bold!important;
 margin:70px 0!important;
}

/*
	クローズ用
*/
#myc #myc-desc .closeRead {
    font-size: 26px;
    line-height: 1.5em;
    margin-bottom: 38px;
    color:#f00;
}



/*
	グランピングレポートページ
*/
#myc-maps,#myc-schedule,#myc-report {
	background-color: #F4F4F4;
}

.titles{
	width:60%;
	margin:0 auto!important;
	text-align:center;
}

.labels{
	font-size: 40px!important;
}

.subs{
	font-size: 14px!important;
}

#myc-maps img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#myc #myc-desc .labelDB {
    margin-top: 38px;
    margin-bottom: 0;
}

#myc #myc-desc .read {
    margin-top: 22px; 
}

#myc-report .section-inner {
    width: 862px;
}

#myc-report .list .item {
    overflow: hidden;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
    width: 274px;
}

#myc-report .list .item:nth-child(3n-2) {
    margin-left: inherit;
}

#myc-report .section-inner {
    overflow: hidden;
}

.modal.onlyimg img {
    display: block;
    margin: auto;
}

#myc #myc-dealer .list .item img {
    transition: 3s;
}

#myc #myc-dealer .list .item a {
    text-decoration: none;
}

#myc #myc-dealer .list .item a:hover .label {
    text-decoration: underline;
}

#myc #myc-dealer .list .item a:hover img {
    transform: scale(1.1);
    opacity: inherit;
}

#myc-maps .inner .text {
    text-align: center;
    font-size: 18px;
    line-height:1.5;
}

#myc-maps .resize {
    font-size: 24px;
    font-weight:bold;
    text-align: center;
    margin-bottom: 2rem;
}

#myc-maps .resize span {
    font-size: 16px;
}

#myc-maps .inner {
    margin-bottom: 2rem;
}

#myc #myc-schedule .schedule-list .navi-link,
#myc #myc-contact {
    padding: 0;
}

#myc #myc-dealer .list .item span.image {
    display: block;
    overflow: hidden;
}

.link-button2010 {
  width: 652px;
  margin:30px auto 0!important;
  overflow:hidden;
  background-color: #f0f0f0;
  padding:20px;
}

.link-button2010 .link-button2010ti{
  width: 100%;
  font-size: 22px!important;
  color: #000!important;
  text-align:center;
  margin:0 auto 20px!important;
}

.link-button2010Inner {
  width: 100%;
  overflow:hidden;
  display: flex;
  justify-content: space-between;
}

.link-button2010 p{
  width: 48%;
  margin:0 1%!important;
}

.link-button2010 p a{
  display:block;
  font-size: 20px!important;
  text-decoration: none;
  letter-spacing: 0.2em;
  color: #fff!important;
  background-color: #3f3f3f;
  padding:15px 1%;
  text-align:center;
}

.link-button2010 p a {
    transition-duration: 0.1s;
}

.link-button2010 p a:hover {
    opacity: 0.7;
}

#myc .main-section .section-title .sub2 {
    margin-top: 30px;
    line-height: 1.5;
}

a.logoA:hover {
    opacity: 0.7;
}
