/* フォント設定 ボタン
------------------------------------------------------------*/


.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #fff;
    background: #F69;
	border-radius: 3px;
    transition: .4s;
  }

.square_btn:hover {
    background: #f3417c;
    color: white;
}

.square_btn2 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #F69;
    border: solid 2px #F69;
    border-radius: 3px;
    transition: .4s;
}

.square_btn2:hover {
    background: #fa9ab2;
    color: white;
}





/* フォント設定 ブラック
------------------------------------------------------------*/
.fontblack11 {
	font-size: 90%;
	color: #000;
}


.fontblack13 {
	font-size: 100%;
	color: #000;
line-height: 180%;
}
.fontboldblack13 {
	font-size: 100%;
	font-weight: bold;
	color: #000;
	line-height: 180%;
}

.fontboldblack14 {
	font-size: 120%;
	font-weight: bold;
	color: #000;
	line-height: 180%;
}

.fontboldblack14m {
	font-size: 120%;
	font-weight: bold;
	color: #000;
	line-height: 180%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.fontboldblack15 {
	font-size: 135%;
	font-weight: bold;
	color: #000;
line-height: 180%;
}
.fontboldblack16 {
	font-size: 150%;
	font-weight: bold;
	color: #000;
line-height: 200%;
}

.fontboldblack16m {
	font-size: 150%;
	font-weight: bold;
	color: #000;
	line-height: 200%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.fontboldblack20 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
line-height: 200%;
}
.fontboldblack24 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
line-height: 200%;
}

/* フォント設定 赤
------------------------------------------------------------*/

.fontRed13 {
	font-size:100%;
	color: #F69;
line-height: 180%;
}

.fontboldRed12 {
	font-size: 100%;
	font-weight: bold;
	color: #F69;
line-height: 180%;
}
.fontboldRed13 {
	font-size: 100%;
	font-weight: bold;
	color: #F69;
line-height: 180%;
}
.fontboldRed14 {
	font-size: 120%;
	font-weight: bold;
	color: #F69;
line-height: 180%;
}

.fontboldRed16 {
	font-size: 150%;
	font-weight: bold;
	color: #F69;
line-height: 200%;
}

.fontboldgRed20 {
	font-size: 180%;
	font-weight: bold;
	color: #F69;
line-height: 200%;
}


/* フォント設定 グリーン
------------------------------------------------------------*/

.fontgreen13 {
	font-size: 100%;
	color: #390;
line-height: 180%;
}

.fontboldgreen12 {
	font-size: 90%;
	font-weight: bold;
	color: #390;
line-height: 180%;
}
.fontboldgreen13 {
	font-size: 100%;
	font-weight: bold;
	color: #390;
line-height: 180%;
}
.fontboldgreen14 {
	font-size: 120%;
	font-weight: bold;
	color: #390;
	line-height: 180%;
}

.fontboldgreen16 {
	font-size: 180%;
	font-weight: bold;
	color: #390;
	line-height: 200%;
}

.fontboldgreen20 {
	font-size: 180%;
	font-weight: bold;
	color: #390;
	line-height: 200%;
}



/*lightbox指示
----------------------------------*/

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 100%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	filter: Alpha(opacity=50);
}





/* 中面　メイン画像
----------------------------------*/

#mainImgNaka{
	clear: both;
	margin-top: 25px;
	display: block;
	background-image: url(images/nakamen_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
}

#mainImgClass{
	clear: both;
	margin-top: 25px;
	display: block;
	background-image: url(images/banners/Image_class.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
}

#mainImgSales{
	clear: both;
	margin-top: 25px;
	display: block;
	background-image: url(images/banners/Image_sales.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
}


#mainImgRental{
	clear: both;
	margin-top: 25px;
	display: block;
	background-image: url(images/banners/Image_rental.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
}
#mainImgPerformance{
	clear: both;
	margin-top: 25px;
	display: block;
	background-image: url(images/banners/Image_performance.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
}

#mainImgStudio{
	clear: both;
	margin-top: 25px;
	display: block;
	background-image: url(images/banners/Image_studio.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
 background-position: center 100%;
}
#mainImgEvent{
	clear: both;
	margin-top: 25px;
	display: block;
	background-image: url(images/banners/Image_event.jpg);
	background-repeat: no-repeat;
	background-position: center 100%;
background-position: center 100%;
}

h2.titleContent{
	clear: both;
	color: #fff;
	font-size: 30px;
	height: 200px;
	line-height: 200px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	padding-left: 30px;
}

.titleContent span {
	font-size: 14px;
	display: inline-block;
	line-height: 40px;
	padding-left: 20px;
}

/* 中面　メイン画像幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:644px){

#mainImgNaka,#mainImgClass,#mainImgSales,#mainImgRental,#mainImgPerformance,#mainImgStudio,#mainImgEvent{ 
	clear: both;
	margin-top: 25px;
	display: block;
	background-position: center 100%;
 width: auto;
  height:200px;
  background: url(images/nakamen_bg.jpg) no-repeat left;
  background-size: cover;　　　　	
}　/*---画像が縮むサイズ指定---*/

}



/* 商品　----------------------------------*/

.postsale1 {
	display: block;
	margin-left: 10px;
}



/* アクセス　----------------------------------*/

.postMap {
	position: relative;
	padding-bottom: 50%; /*これが縦横比*/
	height: 0;
	overflow: hidden;
	margin-bottom:20px;
	}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}






/* タイトル　----------------------------------*/


p.shopname{
	font-size: 14px;
	font-weight: bold;
	color: #900;
line-height: 150%;
	}
	
p.shopinfo{
	margin-left: 15px;
	line-height: 150%;
	}



/* お問い合せ
------------------------------------------------------------*/


.post02{
	margin-right: 20px;
	margin-left: 20px;
	background-color: #fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}


.fontcontact1 {
	font-size: 22px;
	line-height: 120%;
	color: #333;
}

.fontcontact2 {
	font-size: 85%;
	color: #666;
}