@charset "utf-8";

@media screen and (max-width:768px)
{
	body
	{
		min-width: inherit;
	}
	
	#myc
	{
		font-size: 12px;
	}
	
	#myc img
	{
		width: 100%;
		height: auto;
	}
	
	#myc .pc-only
	{
		display: none;
	}
	
	#myc .sp-only
	{
		display: inherit;
	}
	#myc img.sp-only
	{
		display: inline;
	}
	
	#myc .centerview
	{
		width: inherit;
	}
	
	#myc .partition
	{
		width: inherit;
	}
	#myc .partition .left,
	#myc .partition .right
	{
		float: inherit;
		width: inherit;
	}
	
	#myc .top-ss
	{
		margin-top: 2vw;
	}
	
	#myc .top-s
	{
		margin-top: 4vw;
	}
	
	#myc .top-m
	{
		margin-top: 6vw;
	}
	
	#myc .top-l
	{
		margin-top: 8vw;
	}
	
	#myc .top-ll
	{
		margin-top: 10vw;
	}
	
	
	
	#myc #myc-pagetop
	{
		bottom: -10px;
	}
	
	#myc #myc-pagetop .fix-area
	{
		padding: 2vw;
	}
	
	#myc #myc-pagetop .pagetop
	{
		width: 36px;
	}
	
	
	
	#myc .yt-movie
	{
		margin: 0;
		width: inherit;
	}

	#myc .yt-movie .video
	{
		width: 100%;
		padding-bottom: 56.25%;
		height: 0px;
		position: relative;
	}

	#myc .yt-movie .video iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	
	
	
	
	
	
	

	#myc a:hover img,
	#myc .link-button a:hover
	{
		opacity: inherit;
	}

	#myc .link-button
	{
		margin-top: 8vw;
	}
	#myc .link-button a
	{
		padding: 16px 0;
		width: 100%;

		font-size: inherit;
	}
	#myc .back a
	{
		padding: 16px 0;
		width: 60%;

		font-size: inherit;
	}

	#myc .link-button a .arrow
	{
		margin-left: 12px;

		width: 12px; /*16*/
		height: 9.75px; /*13*/

		background-size: 100%;
	}

	#myc .main-section
	{
		padding: 8vw 0;
	}

	#myc .main-section .centerview
	{
		padding: 0 2.67vw;
	}

	#myc .main-section .section-title
	{
		padding-bottom: 6px;
	}

	#myc .main-section .section-title .label
	{
		font-size: 22px;
	}

	#myc .main-section .section-title .sub
	{
		margin-top: 8px;
		font-size: 12px;
	}

#myc .main-section .section-title .sub2 {
    margin-top: 30px;
}

	#myc .main-section .section-inner
	{
		margin: 8vw auto 0;
	}


	#myc #myc-bar
	{
		padding: 10px 2.67vw;
	}

#myc #myc-bar .content .logo
{
	font-size: 14px;
	margin-top:2px;
}

#myc #myc-bar .content .logo2
{
	width:18%;
}

/*SLIDE CSS***************************************/
#myc #myc-header .bg
{
	background-image: url("../images/sp/header_bg_s5.jpg");
	background-size: 100% auto;
}
#myc #myc-header .bg:nth-child(1)
{
	background-image: url("../images/sp/header_bg_s5.jpg");
}
#myc #myc-header .bg:nth-child(2)
{
	background-image: url("../images/sp/header_bg_s3.jpg");
}
#myc #myc-header .bg:nth-child(3)
{
	background-image: url("../images/sp/header_bg_s2.jpg");
}
#myc #myc-header .bg:nth-child(4)
{
	background-image: url("../images/sp/header_bg_s1.jpg");
}
#myc #myc-header .bg:nth-child(5)
{
	background-image: url("../images/sp/header_bg_s4.jpg");
}
	#myc #myc-header .centerview
	{
		height: 64.8vw;
	}
/*
	#myc #myc-header .wonder
	{
		top: 4vw;
	}
*/
	#myc #myc-header .wonder
	{
		top: 38%;
		left:10%;
    		width: 80%;
	}
	#myc.standby #myc-header .wonder
	{
		transform: translateX(4vw);
	}
/*
	#myc #myc-header .page-title
	{
		top: 52vw;
	}
*/
	#myc #myc-header .page-title
	{
		top: 75%;
		left:15%;
    		width: 60%;
	}
	#myc.standby #myc-header .page-title
	{
		transform: translateX(-4vw);
	}
/****************************************/

/*VIDEO CSS***************************************/
/*
#myc #myc-header .centerview2
{
	margin: 0 auto;
    	width: 100%;
}

	#myc #myc-header .wonder
	{
		top: 3vw;
	}
	#myc.standby #myc-header .wonder
	{
		transform: translateX(4vw);
	}

	#myc #myc-header .page-title
	{
		top: 41.33vw;
	}
	#myc.standby #myc-header .page-title
	{
		transform: translateX(-4vw);
	}
*/
/****************************************/








	#myc #myc-desc .section-inner
	{
		margin-top: 0vw;
	}

/***************************************/
#myc #myc-desc .labelDB
{
	font-size: 16px;
	margin-bottom: 16px;
}
/***************************************/

	#myc #myc-desc .label
	{
		font-size: 15px;
		line-height: 1.8;
	}

	#myc #myc-desc .read
	{
		margin-top: 32px;

		font-size: inherit;
		line-height: 2.4;
	}

	#myc #myc-desc .photo-list,#myc-glamping .photo-list
	{
		margin-top: 32px;
	}
	#myc #myc-desc .photo-list .item,#myc-glamping .photo-list .item
	{
		margin-left: 2%;
		width: 32%;
	}
	#myc #myc-desc .photo-list .item:first-child
	{

	}

	#myc #myc-desc .link-button
	{
		margin-top: 48px;
	}

/***************************************/
#myc .link-button
{
	margin-bottom: 10px;
}
/***************************************/

#myc .link-button2
{
	margin: 30px 0 80px!important;
}





	#myc #myc-glamping .section-inner
	{
		width: inherit;
	}
	
	#myc #myc-glamping .partition
	{
		padding: 0 8.5%;
	}

	#myc #myc-glamping .partition .image-side
	{
		width: inherit;
	}
	#myc #myc-glamping .partition .image-side.right
	{
		text-align: inherit;
	}
	#myc #myc-glamping .partition .text-side
	{
		display: inherit;
		margin-top: 20px;
		width: inherit;
		height: inherit;

		font-size: inherit;
	}
	#myc #myc-glamping .partition .text-side.left
	{
		padding-right: 0;
	}
	#myc #myc-glamping .partition .text-side.right
	{
		padding-left: 0;
	}
	#myc #myc-glamping .partition .text-side .inner
	{
		display: inherit;
		vertical-align: inherit;
	}

	#myc #myc-glamping .partition .text-side .label
	{
		font-size: 18px;
		
		text-align: center;
	}
	#myc #myc-glamping .partition .text-side .label+.text
	{
		margin-top: 8px;
	}

	#myc #myc-glamping .about
	{
		margin: 8vw -2.67vw 0;
		padding: 16px 5.3%;
		
		font-size: 12px;
		line-height: 2;
	}
	#myc #myc-glamping .about .inner
	{
		width: inherit;
	}

	#myc #myc-glamping .about .inner .label
	{

	}
	
	#myc #myc-glamping .about .inner .label+.text
	{
		margin-top: 2px;
	}

	#myc #myc-glamping .about+.partition
	{
		margin-top: 8vw;
	}









	#myc #myc-schedule .section-inner
	{
		width: inherit;
	}

	#myc #myc-schedule .partition
	{
		margin-top: inherit;
		font-size: 0;
	}

	#myc #myc-schedule .partition .left,
	#myc #myc-schedule .partition .right
	{
		display: inline-block;
		width: 46%;
	}
	
	#myc #myc-schedule .partition .right
	{
		margin-left: 8%;
	}

	#myc #myc-schedule .list-label
	{
		margin-top: 8vw;
		padding: 12px;

		font-size: inherit;
	}

	#myc #myc-schedule .schedule-list
	{
		margin-top: 0;
	}

	#myc #myc-schedule .schedule-list .date
	{
		margin-top: 24px;
		padding: 6px 12px;
		width: 37%;
	}

	#myc #myc-schedule .schedule-list .row
	{
		margin-top: 12px;
	}
	#myc #myc-schedule .schedule-list .row+.row
	{
		margin-top: 12px;
	}

	#myc #myc-schedule .schedule-list .row .label
	{
		position: inherit;
		left: inherit;
		top: inherit;

		padding: 6px 12px;
		width: 37%;

		color: #000;
	}

	#myc #myc-schedule .schedule-list .row .data
	{
		margin-left: inherit;
		padding: 16px 12px;
	}

	#myc #myc-schedule .schedule-list .navi-link
	{
		padding: 1px 6px;
	}
	#myc #myc-schedule .schedule-list .navi-link:hover
	{
		color: #000;
		background-color: #BFBFBF;
	}









	#myc #myc-lineup .section-inner
	{
		width: inherit;
	}

	#myc #myc-lineup .list
	{

	}

	#myc #myc-lineup .list .item
	{
		margin-left: 3%;
		width: 48.5%;
		height: inherit;
		border:1px solid #000;
		box-sizing: border-box;
		background-color: #151515;
	}
	#myc #myc-lineup .list .item:nth-child(3n-2)
	{
		margin-left: 3%;
	}
	#myc #myc-lineup .list .item:nth-child(2n-1)
	{
		margin-left: 0 !important;
	}
	#myc #myc-lineup .list .item:nth-child(n+4),
	#myc #myc-lineup .list .item:nth-child(n+3)
	{
		margin-top: 3%;
	}

	#myc #myc-lineup .list .item a
	{

	}

	#myc #myc-lineup .list .item a img
	{

	}
	#myc #myc-lineup .list .item a:hover img
	{
		transform: inherit;
	}

	#myc #myc-lineup .list .item .image
	{

	}

	#myc #myc-lineup .list .item .data
	{
		padding: 16px 12px;
		background:#151515;
		color:#fff;
	}
	#myc #myc-lineup .list .item .data2010
	{
		background:#fff;
		color:#000;
	}

	#myc #myc-lineup .list .item .data .label
	{
		font-size: 18px;
	}

	#myc #myc-lineup .list .item .data .type
	{
		margin-top: 2px;

		font-size: 10px;
	}

	#myc #myc-lineup .attention
	{
		margin-top: 10px;
		line-height: 1.5;
		font-size: 10px;
	}









	#myc #myc-dealer .section-inner
	{
		width: inherit;
	}

	#myc #myc-dealer .list
	{

	}

	#myc #myc-dealer .list .item
	{
		margin-left: 3%;
		padding: 12px;
		width: 48.5%;
		height: inherit;
	}
	#myc #myc-dealer .list .item:nth-child(3n-2)
	{
		margin-left: 3%;
	}
	#myc #myc-dealer .list .item:nth-child(2n-1)
	{
		margin-left: 0 !important;
	}
	#myc #myc-dealer .list .item:nth-child(n+4),
	#myc #myc-dealer .list .item:nth-child(n+3)
	{
		margin-top: 3%;
	}
	
	#myc #myc-dealer .list .item .data
	{
		margin-top: 16px;
	}

	#myc #myc-dealer .list .item .data .label
	{
		font-size: 12px;
	}

	#myc #myc-dealer .list .item .data .address
	{
		margin-top: 10px;
		font-size: 10px!important;
		font-size: inherit;
		line-height: 1.5;
	}

	#myc #myc-dealer .list .item a:hover img
	{
		transform: inherit;
	}








	#myc #myc-application
	{

	}

	#myc #myc-application .section-inner
	{
		width: inherit;
	}

	#myc #myc-application .subsection+.subsection
	{
		margin-top: 8vw;
	}

	#myc #myc-application .subsection-title
	{
		font-size: 16px;
	}

	#myc #myc-application .subsection-title .caption
	{
		padding: 0 2px 1px;

		border-bottom: 3px solid #000;
	}

	#myc #myc-application .subsection-inner
	{
		margin-top: 8vw;
	}


	#myc #myc-application .data dl dt
	{
		padding: 8px 12px;
	}

	#myc #myc-application .data dl dd
	{
		padding: 12px;
	}

	#myc #myc-application .data .attention
	{

	}

	#myc #myc-application .data .attention li
	{
		font-size: 10px;
	}

	#myc #myc-application .data .attention li::before
	{

	}

	#myc #myc-application .rule .main-box
	{
		padding: 16px;

		font-size: inherit;
	}

	#myc #myc-application .rule .main-box .scroll-area
	{
		padding-right: 4px;
		height: 60vw;
	}

	#myc #myc-application .rule .main-box .scroll-area::-webkit-scrollbar
	{
		width: 8px;
	}
	#myc #myc-application .rule .main-box .scroll-area::-webkit-scrollbar-track
	{

	}

	#myc #myc-application .rule .main-box .scroll-area::-webkit-scrollbar-thumb
	{
		height: 48px;
	}

	#myc #myc-application .rule .attention
	{
		margin: 12px 12px 0;
	}

	#myc #myc-application .rule .attention .text
	{
		line-height: inherit;
	}

	#myc #myc-application .rule .check-area
	{
		margin-top: 24px;
	}

	#myc #myc-application .subsection+.my-form
	{
		margin-top: 8vw;
	}

	#myc #myc-application .my-form .step-list
	{

	}

	#myc #myc-application .my-form .step-list .item
	{
		padding-top: 10px;
		width: 30%;
		height: 32px;

		font-size: 12px;
	}
	#myc #myc-application .my-form .step-list .item.active
	{

	}

	#myc #myc-application .my-form .step-list .arrow
	{
		width: 5%;
		height: 32px;
	}
	#myc #myc-application .my-form .step-list .arrow.active
	{

	}

	#myc p.textEX
	{
		margin: 40px auto 0;
		font-size:14px;
	}


	#myc #myc-application .my-form .form-area .group-label
	{
		margin-left: 12px;
		margin-top: 24px;
	}

	#myc #myc-application .my-form .form-area .list .row
	{
		margin-top: 0;
	}

	#myc #myc-application .my-form .form-area .list .row .inner
	{

	}

	#myc #myc-application .my-form .form-area .list .row .left
	{
		float: inherit;

		padding: 8px 16px;
		width: inherit;

		font-size: inherit;
	}

	#myc #myc-application .my-form .form-area .list .row .right
	{
		float: inherit;

		padding: 16px 16px 30px;
		width: inherit;
	}

	#myc #myc-application .my-form .form-area .list .row .item
	{
		margin-right: inherit;
	}
	#myc #myc-application .my-form .form-area .list .row .item.sp-row
	{
		display: block;
	}

	#myc #myc-application .my-form .form-area .list .row .item:last-child
	{

	}

	#myc #myc-application .my-form .form-area .list .row .item-row+.item-row,
	#myc #myc-application .my-form .form-area .list .row .item+.item
	{
		margin-top: 12px;
	}
	#myc #myc-application .my-form .form-area .list .row .sp-row+.sp-row
	{
		margin-top: 12px;
	}

	#myc #myc-application .my-form .form-area .list .row .table
	{

	}
	#myc #myc-application .my-form .form-area .list .row .table .cell
	{

	}

	#myc #myc-application .my-form .form-area .list .row input,
	#myc #myc-application .my-form .form-area .list .row select
	{
		font-size: 13px;
	}

	#myc #myc-application .my-form .form-area .list .row input.ltxt
	{
		font-size: 10px;
	}

	#myc #myc-application .my-form .form-area .list .row .short
	{
		width: 50%;
	}
	#myc #myc-application .my-form .form-area .list .row .middle
	{
		width: 75%;
	}
	#myc #myc-application .my-form .form-area .list .row .long
	{
		width: 100%;
	}
	#myc #myc-application .my-form .form-area .list .row .long.zip
	{
		width: calc(100% - 110px - 10px);
	}
	
	#myc #myc-application .my-form .form-area .list .row .confirm-text
	{
		font-size: inherit;
	}
	
	#myc #myc-application .my-form .form-area .address-button
	{
		width: 110px;
	}

	#myc #myc-application .my-form .form-area .address-button a
	{
		padding: 4px 8px;

		font-size: inherit;
	}

	#myc #myc-application .my-form .form-area .label .guide
	{
		margin-top: 16px;
		font-size: inherit;
	}

	#myc #myc-application .my-form .form-area .link-button
	{
		margin-top: 20px;
	}
	
	#myc #myc-application .my-form .finish
	{
		margin-top: 12%;
	}

	#myc p.ertxt{
		font-size:10px;
		margin: 6px 0 15px;
	}






	#myc #myc-contact
	{
		padding: 32px 0 16px;
	}
	
	
	
	
	






	#myc #myc-banner .link-button a
	{
		display: block;
		width: inherit;
	}

	#myc #myc-banner .sns
	{
		margin-top: 10%;
	}

	#myc #myc-banner .sns .item
	{
		width: 12%;
	}
	#myc #myc-banner .sns .item+.item
	{
		margin-left: 10%;
	}

	#myc #myc-banner .list
	{
		margin: 8% 12% 0;
	}

	#myc #myc-banner .list .item
	{
		display: inherit;
		width: 70%;
		margin: 0 auto 0;
	}
	#myc #myc-banner .list .item+.item
	{
		margin: 5% auto 0;
	}

	#myc #myc-banner .lexus
	{
		margin: 12% auto 0;
		width: 70%;
	}
	
	
	
	
	#myc .has-pagetop
	{
		padding-bottom: 64px;
	}





	#myc #myc-footer
	{
		padding: 16px 0;
	}
	
	
	
	
	
	
	
	/*
		modal
	*/
	.modal
	{
		margin: 16% 2.67vw;
		padding: 8vw 5vw;

		width: inherit;
	}

	.modal .close
	{
		right: 16px;
		top: 16px;

		width: 36px;
	}
	.modal .close img
	{
		width: 100%;
		height: auto;
	}

	.modal .partition .image
	{
		float: inherit;
		width: inherit;
		
		text-align: center;
	}
	.modal .partition .image img
	{
		width: 72%;
		height: auto;
	}
	
	.modal .partition .data
	{
		float: inherit;
		margin-top: 32px;
		
		width: inherit;
	}

.modal .partition2
{
	width: 100%;
	margin:0 auto;
}

.modal .partition2 .image
{
	float: none;
	width: 100%;
}
.modal .partition2 .data
{
	float: none;
	width: 100%;
	margin-top: 0px;
}




	.modal .partition .data .title
	{
		font-size: 18px;
	}

	.modal .partition .data .sub-title
	{
		padding: 2px 8px;
		font-size: 12px;
	}

	.modal .partition .data .text
	{
		margin-top: 16px;
		line-height: 1.5;
		font-size: 12px;
	}
	
	.modal .partition .data .mtxs
	{
		font-size: 10px;
	}

	.modal .partition .data .text .motxcap
	{
		line-height: 1.5;
	}
	
	
	
	#myc.standby #myc-lineup .list .item:nth-child(3n-1),
	#myc.standby #myc-lineup .list .item:nth-child(3n)
	{
		transition-delay: inherit;
	}
	#myc.standby #myc-lineup .list .item:nth-child(2n)
	{
		transition-delay: 0.1s;
	}


	#myc.standby #myc-dealer .list .item:nth-child(3n-1),
	#myc.standby #myc-dealer .list .item:nth-child(3n)
	{
		transition-delay: inherit;
	}
	#myc.standby #myc-dealer .list .item:nth-child(2n)
	{
		transition-delay: 0.1s;
	}
	
/*
	ティザー用
*/
.pre{
 font-size:16px;
 display:block;
}
.pre2{
 font-size:16px!important;
 margin:0 0!important;
}

/*
	クローズ用
*/
#myc #myc-desc .closeRead {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 38px;
}
/*
	グランピングレポートページ
*/
    #myc .main-section .section-inner {
        width: inherit;
    }
    #myc #myc-report .list .item {
        width: 48.5%;
        margin-left: 3%;
    }
    #myc-report .list .item:nth-child(odd) {
        margin-left: inherit !important;
    }
    .modal.onlyimg img {
        width: 96%;
    }
    .modal.onlyimg {
       margin: 27% 2.67vw;
       padding: 19vw 5vw 10vw; 
    }

.titles{
	width:80%;
}

.labels{
	font-size: 18px!important;
}

.subs{
	font-size: 12px!important;
}

#myc-maps .resize {
    font-size: 20px;
}

#myc-maps .inner .text {
    font-size: 12px;
}

#myc-maps .inner .text2 {
    padding-left:0em;
    text-indent:3em;
}

#myc #myc-schedule .schedule-list .navi-link {
    padding: 0;
}

#myc #myc-schedule .list-label2
{
	text-align:left;
}

#myc #myc-schedule .dayfont
{
	font-size:10px;
}

/*
	15周年記念キャンペーンページ
*/
.caralrt {
  font-size:12px;
}

#myc #myc-glamping .about {
    margin: 30px auto 0;
    padding: 0;
    width:100%;
}

#myc #myc-glamping .about .inner {
    width: 100%;
}

#myc #myc-glamping .about .inner .label
{
	font-size:16px;
	letter-spacing:0.1em;
  	width: 100%;
  	margin:0 auto!important;
}

.text2010 {
  width: 100%;
  margin:15px auto 0!important;
  text-align:center;
  font-size:12px!important;
}

.labelS {
  font-size:18px!important;
}

#myc #myc-glamping .partition2010 .text-side {
    text-align:center;
}


.link-button2010 {
  width: 96%;
  margin:30px auto 0!important;
  padding:3% 2% 2%;
}

.link-button2010 .link-button2010ti{
  font-size: 12px!important;
  margin:0 auto 10px!important;
}

.link-button2010Inner {
  width: 100%;
  overflow:hidden;
  display: inline;
}

.link-button2010 p{
  width: 100%;
  margin:0 0 10px!important;
}

.link-button2010 p a{
  font-size: 12px!important;
  padding:15px 1%;
}

.link-button2010 p a {
    transition-duration: 0.1s;
}

.link-button2010 p a:hover {
    opacity: 1.0;
}

#myc #myc-schedule .schedule-list .row2010 {
    margin-top: 0!important;
}

}


@media screen and (max-width:600px){
#myc #myc-bar .content .logo2
{
	width:24%;
}
}


@media screen and (max-width:320px){
#myc {
    font-size: 10px;
}

#myc #myc-bar .content .logo {
    margin-top: 0px;
}

#myc .main-section .section-title .label {
    font-size: 26px;
}

#myc #myc-glamping .about .inner .label+.text {
    font-size: 10px;
}

.modal .partition .data .text {
    font-size: 10px;
}

#myc #myc-dealer .list .item .data .label {
    font-size: 10px;
}

#myc #myc-application .subsection-title {
    font-size: 14px;
}

#myc #myc-application .my-form .form-area .list .row .right {
    padding: 8px 16px 22px;
}

#myc #myc-application .my-form .form-area .list .row input, #myc #myc-application .my-form .form-area .list .row select {
    font-size: 10px;
}

#myc .check-area span {
    padding: 4px 30px 0 35px;
}

.pre{
 font-size:14px;
}
.pre2{
 font-size:14px!important;
}

#myc #myc-desc .closeRead {
    font-size: 12px;
}
#myc-maps .inner .text2 {
    padding-left:0em;
    text-indent:1em;
}
.labels{
	font-size: 16px!important;
}

.subs{
	font-size: 10px!important;
}
#myc-maps .resize {
    font-size: 16px;
}
#myc-maps .inner .text {
    font-size: 10px;
}

}