@charset "utf-8";


#wrap2 {  margin-bottom: 10px; background: url(image/bottom_anniversary.png) no-repeat bottom center;}

/* デフォルト：980px以上用（PC用）の記述 */
@media print , screen and (min-width: 640px) {


/*70周年ギャラリーフェア*/


.mb10{margin-bottom:10px;}

.midashi{ margin-bottom:20px;}

.main-box-wrap{background-color:#7c6650;clear:both;}
.main-box{width:1100px;margin:0 auto;}

.te_center{text-align:center;}

.gallery-block h4{background-color:#140806;color:#fff;font-size:18px;padding:10px 14px;margin:10px 0px; line-height:1.2em !important;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gallery-block{padding-bottom:40px;}
.gallery-block .ga-midashi{width:110px;background-color:#140806;padding:7px 0px 6px 0;text-align:center;}
.gallery-block h5{color:#fff;font-size:14px; line-height:1.2em !important; display:block;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gallery-block .ga-midashi-b{;border-bottom:2px solid #140806;width:100%;margin-bottom:14px;}

#fair01 .ga-box{padding:0px 30px 8px;border-bottom:1px solid #a88460;margin-bottom:14px;}
#fair01 .ga-box .name{font-size:16px;color:#ff6600;font-weight:bold;}
#fair01 .ga-box a{font-size:14px;color:#ff6600;}
#fair01 .ga-box .add, #fair01 .ga-box .tel{font-size:16px;color:#5b4c3c;}

#fair01 .ga-box .name,#fair01 .ga-box .add{float:left;}
#fair01 .ga-box .name,#fair01 .ga-box .add span{color:#ff6600;}
#fair01 .ga-box .link,#fair01 .ga-box .tel{float:right; text-align: right; color:#5b4c3c;}


#fair01 .ga-box .ga-con1,#fair01 .ga-box .ga-con2{overflow:hidden; margin-bottom: 10px;}
#fair01 .ga-box .ga-con1,#fair01 .ga-box .ga-con2 p { line-height:1.5em !important;}

#fair01 .ga-box .ga-con1{margin-bottom:0px;}


/*ギャラリーフェア終わり*/


/*161013 追加分*/
.main-box-inner{margin-bottom: 52px;}
/*.main-box-inner:last-child{ margin-bottom: 0; }*/
.main-box-inner div.left:first-child{ margin-right: 35px; }
.main-box-inner .left{float: left; display: inline-block;}
.main-box-inner .right{float: right; display: inline-block;}
.main-box-inner h3{ margin-bottom: 10px; }
.main-box-inner p{ color: #ffffff !important; font-size: 15px !important; line-height: 28px !important;}
.decorate-box-wrapper{}
.decorate-box{ background: url('image/wrap-02.png'); padding: 0 32px;}
.decorate-box h2{ margin-bottom: 30px; }
.decorate-box>p.te_center.lead{ text-align: center !important; margin-bottom: 50px;}
.midashi-08{ position: relative; }
.midashi-08 img.h3-tag{    position: absolute; top: -30px; right: -80px; width: 370px; height: auto;}
.ci01{ margin-top:70px !important;}
.decorate-box-inner{ margin-top: 50px; text-align: center;}
.decorate-box-inner p{ display: inline-block; text-align: left; font-size: 15px !important; line-height: 28px !important; color: #754928 !important; }
.decorate-box h3{ margin-top: 30px; margin-bottom: 30px; }
.decorate-item-box{ float: left; width: 406px; }
.decorate-item-box img{ margin-bottom: 20px; }
.decorate-box-inner-2{  }
.main-box-inner-photo{ width: 438px; }
.main-box-inner-photo img{ width: 100%; }
.decorate-box-inner-2 .left,
.decorate-box-inner-3 .left{ float: left;}
.decorate-box-inner-2 .right,
.decorate-box-inner-3 .right{ float: right;}
.decorate-box-inner-2 p{ width: 200px; color: #000 !important;}
.decorate-box-inner-3{ text-align: left; }
.decorate-box-inner-3 p{ width: 350px; color: #000 !important;}
.remake-box{ margin-top: 50px; margin-bottom: 30px;}
.photo-03,.photo-05{width: 406px; height: auto;}
p{font-size: 15px !important; line-height: 28px !important;}

a.btn_gallery{ font-size: 13px !important; display: inline-block; padding: 1px 12px 1px 22px; margin-left: 30px; margin-top: 5px; color:#fff !important; text-decoration: none; font-weight: normal; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); border-radius: 2px; background: url(image/icon-textlist01.gif) #660000 no-repeat 12px center;}
/*161013 追加分　終わり*/

.pc-none { display: none;!important}






/* tab ---------------------------------------*/


.room-ichiran{background:#f9e7d5; padding:30px 30px 15px 30px; margin-bottom:40px;}
#ui-tab li{width:14%;text-align:center; font-size:13px; cursor: pointer; line-height:4em;}
#ui-tab li a{font-weight:normal;opacity:1 !important; color:#5b4c3c; display:block; padding:20px 0;}
#ui-tab li a:hover{color:#fff;}
#ui-tab .ui-menu li:hover{background-color:#8e7863;}
.ui-tabs-selected{background-color:#8e7863;color:#FFFFFF;}
.ui-tabs-selected a span:hover{color:#140806;}
.ui-tabs-selected a:hover{color:#fff;}
.ui-tabs-selected a span{color:#FFFFFF;}

.show-list{ max-width:948px; margin-left:-10px;}
.fragment h3{ color:#fff; font-size:18px; padding:10px 30px; background-color:#140806; margin-bottom:20px; text-align:center; margin-top:20px;}

.main_top{ position:relative;}
.main_top_btn img{ width:186px; height:29px; position:absolute; top:278px; right:142px;}


}


@media screen and (max-width: 640px) {


#content{ margin-top:0px !important;}


/*70周年ギャラリーフェア*/
.main-box-wrap{background-color:#7c6650;}
.main-box{padding:0px 10px;}
.main-box-inner{}
.main-box-inner .left{float: left; }
.main-box-inner .right{float: right;}


.te_center{text-align:center;}

.gallery-block h4{background-color:#140806;color:#fff;font-size:14px;padding:5px 14px;margin:10px 0px;text-align:center;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gallery-block{padding-bottom:0;}
.gallery-block .ga-midashi{width:80px;background-color:#140806;padding:3px 0px;text-align:center;}
.gallery-block h5{color:#fff;font-size:12px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.gallery-block .ga-midashi-b{;border-bottom:2px solid #140806;width:100%;margin-bottom:14px;}

#fair01 .ga-box{padding:0px 5px 8px;border-bottom:1px solid #a88460;margin-bottom:14px;}
#fair01 .ga-box .name{font-size:14px !important;color:#ff6600;font-weight:bold;}
#fair01 .ga-box a{font-size:13px;color:#ff6600;}
#fair01 .ga-box .add, #fair01 .ga-box .tel{font-size:14px;color:#5b4c3c;}


#fair01 .ga-box .ga-con1,#fair01 .ga-box .ga-con2{overflow:hidden; margin-bottom: 10px;}
#fair01 .ga-box .ga-con1{margin-bottom:0px;}

/*ギャラリーフェア終わり*/

#header { display: none;}
#message img { width: 100%; height: auto;}
#wrap { width: 100%;}
#content { width: 100%;}
.sp-none { display: none;!important}
.pc-none { display: block;!important}

#sp-header { display: block;}
#sp-header a { text-decoration: none;}
#footer { padding-left: 0; width: 100%;}

#wrap2 {margin-bottom: 0;}




.midashi{ margin-bottom: 20px; padding-top: 10px; }
.main-box-inner{margin-bottom: 20px;}
/*.main-box-inner:last-child{ margin-bottom: 0; }*/
/*.main-box-inner div:first-child{ margin-right: 35px; }*/
.main-box-inner .left{float: none;}
.main-box-inner .right{float: none;}
.main-box-inner img{ margin-bottom: 20px;}
.main-box-inner h3>img{ margin-bottom: 0;}
.main-box-inner h3{ margin-bottom: 10px; }
.main-box-inner p{ color: #ffffff !important; font-size: 12px !important; line-height: 1.8em !important;}

/*.decorate-box-wrapper{margin-top: 10px;}*/
.wrap-03{position: relative; top: -1px;}
.decorate-box{ background: url('image/wrap-02.png'); background-size: 100% auto; padding: 10px 20px 10px;}

.decorate-box h2{ margin-bottom: 15px; }
.decorate-box>p.te_center.lead{ text-align: center !important; margin-bottom: 25px;}
.midashi-08{ position: relative; }
.midashi-08 img.h3-tag{    position: absolute; top: 100px; right: 19px; width: 370px; height: auto;}
.decorate-box-inner{ margin-top: 0px; text-align: center;}
.decorate-box-inner p{ display: inline-block; text-align: left; font-size: 12px !important; line-height: 1.8em !important; color: #754928 !important; }
.decorate-box h3{ margin-top: 15px;}
.decorate-item-box{ float: none; width: 100%; }
.decorate-item-box:first-child{ margin-bottom: 20px; }
.decorate-item-box img{ margin-bottom: 5px; width: 100%;}
.decorate-box-inner-2,
.decorate-box-inner-3{ text-align: left;}
.decorate-box-inner-2 .left,
.decorate-box-inner-3 .left{ float: left;}
.decorate-box-inner-2 .right,
.decorate-box-inner-3 .right{ float: right;}
.decorate-box-inner-2 p{ width: 100%; color: #000 !important; margin-top: 10px;}
.decorate-box-inner-3{ text-align: left; }
.decorate-box-inner-3 p{ color: #000 !important; margin-top: 10px;}
.photo-04{ margin-top: 10px;  float: none !important;}
.remake-box{ margin-top: 30px; margin-bottom: 30px;}
.photo-03,.photo-05{width: 100%; height: auto;}
.sp-midashi-01{margin: 10px 0;}
p{ font-size: 12px !important; line-height: 1.8em !important;}

a.btn_gallery{ font-size: 13px !important; display: inline-block; padding: 1px 12px 1px 22px; color:#fff !important; text-decoration: none; font-weight: normal; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); border-radius: 2px; background: url(image/icon-textlist01.gif) #660000 no-repeat 12px center; margin-top: 8px;}
#fair01 .ga-box .link,#fair01 .ga-box .tel{color:#5b4c3c;}
#ui-tab li{width:14%;text-align:center;font-size:12px !important;color:#55698A;padding:17px 0px;line-height:1em;position:relative;height:70px;}
#ui-tab span{color: #ff6600;}
#ui-tab li a{font-weight:normal;opacity:1 !important;

writing-mode: tb-rl; /* IE独自仕様 */
writing-mode: vertical-rl;
-moz-writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
//-webkit-writing-mode: vertical-rl;

position:absolute;
left:50%;
top:10px;
margin-left:-6px;
width:12px;

}

#ui-tab .ui-menu li:hover{background-color:#8e7863;}
.ui-tabs-selected{background-color:#140806;color:#FFFFFF;}
.ui-tabs-selected a span:hover{color:#140806;}
.ui-tabs-selected a:hover{color:#140806;}
.ui-tabs-selected a span{color:#FFFFFF;}

.main-box-inner-photo{ width:100% !important;}
.main-box-inner-photo img{ width: 100%; !important }

}

/*追記*/
.contents{
	width:1200px;
	margin:0 auto;
	background:#fff;
}
/*.contents img{
	width:100%;
}*/

.main-box-wrap{
	background:url(image/bg.jpg);
	background-size:cover;
	width:1200px;
	margin:0 auto 0;
}

.btnbox{
	text-align:center;
	padding:40px 0;
	position:relative;
}

.btnbox p{
	position:absolute;
	right:65px;
	top:78px;
}

#tab{
	background:#7c6650;
	padding:30px;
	border-radius:20px;
}

.scale{
	width:100%;
	height:auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

.imgbox02{
	padding:35px 0;
	overflow:hidden;
}

.imgbox01{
	padding:35px 20px;
}

.imgbox03{
	position:relative;
}
.imgbox03 p.btn{
	
}
.imgbox03 p.btn a{
	position:absolute;
	display:block;
	bottom:90px;
	left:130px;
	width:265px;
}
.decorate-box-wrapper{
	width:155px;
	margin:0 auto;
	padding-bottom:80px;
}

#gallery_tag{
	background:#7c664f;
	margin:0 -10px;
}
.sp {
	display:none;
}

@media screen and (max-width: 640px) {
.contents{
	width:100%;
	margin:0 auto;
	background:#fff;
}

.main-box-wrap{
	background:url(image/bg.jpg);
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}

.btnbox{
	text-align:center;
	padding:20px 10px 0 10px;
	position:relative;
	overflow:hidden;
}

.btnbox p{
	position:static;
	margin:-15% 0 0 0;
	text-align:center;
}

.btnbox p img{
	width:50%;
	height:auto;
}

#tab{
	background:#7c6650;
	padding:20px;
	border-radius:20px;
}

.scale{
	width:100%;
	height:auto;
}

.left{
	float:none;
}

.right{
	float:none;
	padding:15px 0 0 0;
}

.imgbox01{
	padding:0 10px;
	padding-bottom: 20px;
}

.imgbox02{
	padding:20px 0;
	overflow:hidden;
}

#gallery_tag{
	background:#7c664f;
	margin:0;
	padding:0 25px;
}

.room-ichiran{
	background:#f9e7d5;
	padding:20px 10px;
}

.ui-tabs-selected{
	background-color:#8e7863;
	color:#FFFFFF;
}
.sp {
	display:block;
	width:80%;
	padding-bottom:40px;
	margin:0 auto;
}

.imgbox03 p.btn a{
	position:absolute;
	display:block;
	bottom:6.5%;
	left:9%;
	width:80%;
}
.decorate-box-wrapper{
	width:110px;
	margin:0 auto;
	padding-bottom:50px;
}

}
 .pt20 {
	 padding-top:20px;
}
.pt35 {
	padding-top:35px;
}
.mb50 {
	margin-bottom:50px;
}
#common-footer {
    margin-top: 0;
}

.main_top img {
	width:100%;
	height:auto;
}
.contents .max {
	width:auto;
	max-height:100%;
}
.t_center {
	text-align:center;
}

@media screen and (max-width: 640px) {
.pt35 {
	padding-top:20px;
}
.mb50 {
	margin-bottom:0;
	padding-bottom:20px;
}
}