/* ////////////////////////////////////////////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 479px) {

/*////////////////////////////////
共通
////////////////////////////////*/
/*グローバルメニューのスクロール時にタイトルが隠れてしまうためその分の高さを確保している*/
	p.menu-margin{
		height:20px;
	}

/*アコーディオン*/
	#accordion h5{
		cursor:pointer;
		background: url(../images/plus.gif) no-repeat 90% center;
		font-size:90%;
		border-top:solid 1px #ccc;/*←borderのleftとrightを指定してしまうと画面が右にズレる*/
		border-bottom:solid 1px #ccc;
		width:97%;/*←widthを100%にしてしまうと画面が右にズレるので97%にし指定*/
		padding:10px;
	}

	#accordion h5.active{
		background-image: url(../images/minus.gif);
	}

	#accordion h5.over {
		background-color: #CAE5FC;
	}

	#accordion article{
		display:none;
		margin:0;
		font-size:90%;
		width:96%;
		margin-left:auto;
		margin-right:auto;
	}







/*--------------------------------
cnt01
--------------------------------*/

figure#cnt01 img{
	width:100%;
	margin-bottom: 50px;
}


/*----------------------
 section cnt02
----------------------*/
section#cnt02{
	
}
	section#cnt02 h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}

	section#cnt02 h3{
		text-align: center;
		font-size: 130%;
		line-height: 1.5;
	}
	
	section#cnt02 {
		background: url(../images/cnt02/cnt02-bg.png) no-repeat left 130px;
		width:100%;
		margin-left: auto;
		margin-right: auto;
	}
	/*透明度調整（白網）*/
	div.layerTransparent{
		background-color: rgba(255,255,255,0.5);
		height: 730px;
	}
	
	section#cnt02 p{
		width:50%;
		padding-top: 20px;
		margin-top: 80px;
		margin-left: 10px;
		font-size: 110%;
		line-height: 2.0;

	}


/*----------------------
 section cnt03
----------------------*/
section#cnt03{
	margin-top: 80px;
}

/*プラン*/
	section#cnt03 h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}
	section#cnt03 h3{
		text-align: center;
		font-size: 130%;
		line-height: 1.5;
	}
	section#cnt03 h3 span{
		font-size: 180%;
	}

	
	
	div#cnt03-inner01{
		width:96%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
	
	div#cnt03-inner01-l{
		width:100%;
		height: 360px;
		border: 1px solid #e5e5e5;
		text-align: center;
		margin-bottom: 15px;
	}
	div#cnt03-inner01-r{
		height: 360px;
		width:100%;	
		border: 1px solid #e5e5e5;
		text-align: center;
	}
	/*共通*/
	div#cnt03-inner01 h4{
		background: #f5f1f1;
		border-bottom: 1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 130%;
	}
	div#cnt03-inner01 p.cnt03-top{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	div#cnt03-inner01 p.cnt03-top span{
		font-size: 250%;
	}

/*オプション*/
	div#cnt03-inner02{
		margin-top: 37px;
		width:96%;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#cnt03-inner02-l{
	}

	div#cnt03-inner02-l p img{
		float:left;
		width:36%;
		margin-right: 5px;
	}
	
	p#cnt03-inner02-ll{
	}

	p#cnt03-inner02-lr{
		float: left;
		width:60%;
	}
	
	div#cnt03-inner02-r{
		clear: both;
		margin-top: 10px;
	}
	
	div#cnt03-inner02-r p img{
		float:left;
		width:36%;
		margin-right: 5px;
	}
	p#cnt03-inner02-rl{
	}

	p#cnt03-inner02-rr{
		float: left;
		width:60%;
	}

	/*共通*/
	div#cnt03-inner02 h4{
		text-align: left;
		font-size: 120%;
		font-weight: bold;
		margin-top: 5px;
	}


/*----------------------
gallery
----------------------*/
div#gallery{
	margin-top: 80px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

	div#gallery h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}	

	div.main-img-pc{
		display: none;
	}
	
/*----------------------
movie
----------------------*/
div#movie{
	margin-top: 80px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

	div#movie h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}	

	div.main-mov-pc{
		display: none;
	}
	
	
/*--------------------------------
contact【問合せフォーム】
--------------------------------*/
div#contact-cnt {
	margin-bottom:50px;
	margin-top:80px;
}
	
		div#contact-cnt h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}


/*--------------------------------
access-cnt【アクセス】
--------------------------------*/
section#access-cnt{
	width:100%;
	margin-top: 80px;
}

	section#access-cnt h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 300%;
		font-family: 'Homemade Apple', cursive;
	}


/*--------------------------------
footer-cnt【フッター】
--------------------------------*/

div#footer-title01 h2{
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	
	div#footer-title01 img{
		width: 80px;
	}
	
	
	span#footer-title-span{
		font-size: 110%;
		font-weight: bold;
	}
	
	div#footer-cnt{
		background: #f5f5f5;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 40px;
	}
	
	div#footer-cnt h2{
		font-size: 80%;
		margin-bottom: 30px;
	}
	
	div#footer-cnt h2 span{
		font-size: 200%;
	}
	
	div#footer-cnt p{
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}
	
/*facebook＋LINE@*/
div#s-fb-line-container{
	margin-top:25px;
	margin-bottom:25px;
	width:130px;
	margin-left: auto;
	margin-right: auto;
}
div#s-fb-line-container p{
	float:left;
	margin-right:5px;
}
div#s-fb-line-container p img{
	width:30px;
	height: auto;
	margin-right: 7px;
}


div#footer-logo{
	width:94%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 70px;
	margin-top: 20px;
}

div#footer-logo p{
	text-align: center;
	float: left;
	margin-left: 10px;
	margin-right: 10px;

}
	
p#logo-img-studioeleven11 img{
	height: 20px;
	margin-top: 20px;
	}

	
	div#footer-logo p.logo-img-size img{
		height:7px;
	}
	
	


}





/*////////////////////////////////////////////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 
////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

/*////////////////////////////////
共通
////////////////////////////////*/
/*アコーディオン*/

/*アコーディオン用メニュー非表示*/
#accordion h5{
	display:none;
}
/*アコーディオン（スマホ）用に非表示にしていた内容を表示*/
#accordion article{
	display:block !important;
}
/*グローバルメニューのスクロール時にタイトルが隠れてしまうためその分の高さを確保している*/
	p.menu-margin{
		height:0px;
}

/*--------------------------------
cnt01
--------------------------------*/

figure#cnt01{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 110px;
}



/*----------------------
 section cnt02
----------------------*/
section#cnt02{
	
}
	section#cnt02 h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}

	section#cnt02 h3{
		text-align: center;
		font-size: 130%;
	}
	section#cnt02 h3 br{
		display: none;
	}
	
	section#cnt02 {
		background: url(../images/cnt02/cnt02-bg.png) no-repeat left 130px;
		height: 830px;
		width:895px;
		margin-left: auto;
		margin-right: auto;
	}

	section#cnt02 p{
		padding-top: 156px;
		margin-left: 446px;
		margin-top: 30px;
		font-size: 110%;
		line-height: 2.0;
	}


/*----------------------
 section cnt03
----------------------*/
section#cnt03{
	margin-top: 110px;
}

/*プラン*/
	section#cnt03 h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}
	section#cnt03 h3{
		text-align: center;
		font-size: 130%;
	}
	section#cnt03 h3 span{
		font-size: 180%;
	}

	section#cnt03 h3 br{
		display: none;
	}
	
	
	div#cnt03-inner01{
		width:895px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 50px;
	}
	
	div#cnt03-inner01-l{
		width:417px;
		height: 360px;
		float:left;	
		border: 1px solid #e5e5e5;
		text-align: center;
	}
	div#cnt03-inner01-r{
		height: 360px;
		width:417px;
		float:right;	
		border: 1px solid #e5e5e5;
		text-align: center;
	}
	/*共通*/
	div#cnt03-inner01 h4{
		background: #f5f1f1;
		border-bottom: 1px solid #e5e5e5;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 130%;
	}
	div#cnt03-inner01 p.cnt03-top{
		margin-top: 50px;
		margin-bottom: 20px;
	}

	div#cnt03-inner01 p.cnt03-top span{
		font-size: 250%;
	}

/*オプション*/
	div#cnt03-inner02{
		margin-top: 57px;
		width:895px;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#cnt03-inner02-l{
		float:left;
		width:426px;
	}

	div#cnt03-inner02-l p img{
		float:left;
		width:175px;
	}
	
	p#cnt03-inner02-ll{
		float: left;
		width:185px;
	}

	p#cnt03-inner02-lr{
		float: left;
		width:175px;
	}
	
	div#cnt03-inner02-r{
		float:right;
		width:446px;
	}
	
	div#cnt03-inner02-r p img{
		float:left;
		width:175px;
	}
	p#cnt03-inner02-rl{
		float: left;
		width:185px;
	}

	p#cnt03-inner02-rr{
		float: left;
		width:175px;
	}

	/*共通*/
	div#cnt03-inner02 h4{
		text-align: left;
		font-size: 120%;
		font-weight: bold;
		margin-top: 5px;
	}

/*----------------------
gallery
----------------------*/
div#gallery{
	margin-top: 110px;
	width:1200px;
	margin-left: auto;
	margin-right: auto;
}

	div#gallery h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}	

	div.main-img-sp{
		display: none;
	}
	
/*----------------------
movie
----------------------*/
div#movie{
	margin-top: 110px;
	width:1200px;
	margin-left: auto;
	margin-right: auto;
}

	div#movie h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}	

	div.main-mov-sp{
		display: none;
	}

/*--------------------------------
contact【問合せフォーム】
--------------------------------*/

div#contact-cnt{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	margin-top: 110px;
}

		div#contact-cnt h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}
	
/*--------------------------------
access-cnt【アクセス】
--------------------------------*/
section#access-cnt{
	width:100%;
	margin-top: 110px;
}

	section#access-cnt h2{
		text-align: center;
		margin-bottom: 50px;
		font-size: 330%;
		font-family: 'Homemade Apple', cursive;
	}


/*--------------------------------
footer-cnt【フッター】
--------------------------------*/
	
	div#footer-title01 h2{
		font-weight: bold;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	
	div#footer-title01 img{
		width: 80px;
	}
	
	span#footer-title-span{
		font-size: 110%;
		font-weight: bold;
	}
	
	div#footer-cnt{
		background: #f5f5f5;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 50px;
	}
	
	div#footer-cnt h2{
		font-size: 80%;
		margin-bottom: 30px;
	}
	
	div#footer-cnt h2 span{
		font-size: 200%;
	}
	
	
	
/*facebook＋LINE@*/
div#s-fb-line-container{
	margin-top:25px;
	margin-bottom:25px;
	width:130px;
	margin-left: auto;
	margin-right: auto;
}
div#s-fb-line-container p{
	float:left;
	margin-right:5px;
}
div#s-fb-line-container p img{
	width:30px;
	height: auto;
	margin-right: 7px;
}
	
	
	
	
	
	
div#footer-logo{
	width:520px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

div#footer-logo p{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
	
div#footer-logo p img{
	width: auto;
	height: 20px;
	}
	
	div#footer-logo p.logo-img-size img{
		height:15px;
	}
	
}

/*////////////////////////////////////////////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 769px) {

}