body{
background:url(../img/common/body_bg.jpg) repeat-x;
min-width: 1080px;
}

/*  ヘッダー---------------------------------*/

#header{
height:150px;
color:#5a0a00;
font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Verdana, Arial, sans-serif;
}
#header #h1{
height:22px;
overflow:hidden;
}
#header h1{
font-size:13px;
color:#c9caca;
color:#a7a7a7;
}
#header #logo{
width:500px;
float:left;
}
#header #submenu{
width:450px;
float:right;
text-align:right;
padding-top:12px;
padding-right:4px;
font-size:72%;
}
#submenu a,
#submenu a:visited{
color:#5a0a00;
text-decoration:none;
}
#submenu a:hover{
color:#ffffff;
text-decoration:none;
}
#globalmenu{
width:1080px;
clear:both;
}



/*  メインスライド　---------------------------------*/


.bx-wrapper {
position: relative;
margin: 0 auto;
padding: 0;
*zoom: 1;
}

.bx-wrapper img {
max-width: 100%;
display: block;
}
.bx-controls{
display:none;
}




/*  中ページ構成　---------------------------------*/

#contents_wrap{
width:980px;
padding-bottom:50px;
}
#contents_left{
width:717px;
float:left;
}
#contents_right{
width:250px;
float:right;
}
.breadlink{
font-size:70%;
padding-bottom:10px;
}
p.totop{
font-size:12px;
}
p.totop a,.breadlink a, .detail_pagenavi a{color:#0064ff;}
p.totop a:hover,.breadlink a:hover, .detail_pagenavi a:hover{color:#0064ff;}



/* FT PORTER　---------------------------------*/

#ftporter_main{
position:relative;
margin-bottom:20px;
}
#ftporter_main #frame{
position:absolute;
top:0;
left:0;
z-index:100000;
}

h2.main{
text-align:center;
padding-bottom: 15px;
width: 600px;
margin: auto;
}
h2.main img{
width: 100%;
height: auto;
}
p.lead{
text-align:center;
font-size:110%;
font-weight: bold;
padding:10px 0 0;
}


/*  紹介写真　---------------------------------*/

.ft_pics{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 2em 0;
}
.ft_pic_box{
width: 49%;
text-align: left;
font-size: 90%;
line-height: 1.3;
margin-bottom: 2em;
}
.ft_pic_box img{
width: 100%;
height: auto;
padding-bottom: 0.5em;
}



/*  ギャラリー　---------------------------------*/

h3.gallery_title{
text-align: center;
width: 500px;
margin: auto;
padding-bottom: 1em;
}
h3.gallery_title img{
width: 100%;
height: auto;
}
.ft_gallery {
margin-bottom: 5em;
}
.ft_gallery div {
position: relative;
}
.ft_gallery div img{
width: 99%;
margin: auto;
height: 200px;
object-fit: cover;
position: relative;
}
.ft_gallery div a::after{
content: url("../img/ftporter/icon_wide.gif");
position: absolute;
width: 22px;
height: 23px;
right: 0;
bottom: 0;
z-index: 10;
}


/*  価格　---------------------------------*/

.ftporter_price{
background: #000;
color: #fff;
padding: 15px;
margin-bottom: 40px;
}
.ftporter_price_inner{
padding: 30px;
border: double 4px rgba(255,255,255,0.5);
text-align: center;
}
.ftporter_price h4{
font-size: 150%;
}
.ftporter_price h5{
font-size: 150%;
margin-top: 1.5em;
}
.ftporter_price p.price{
font-size: 200%;
padding: 15px 0;
}
.ftporter_price p.note{
font-size: 85%;
opacity: 80%;
}
.ftporter_price table{
border-collapse: collapse;
width: 60%;
margin: 10px auto;
}
.ftporter_price td{
font-size: 90%;
border: solid 1px rgba(255,255,255,0.5);
padding: 0.5em 0 0.5em 1em;
text-align: left;
}

/*  LINK　---------------------------------*/

.ftporter_link{
width: 100%;
height: 200px;
background: #000;
color: #fff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ftporter_txt{
width: 50%;
padding: 20px;
box-sizing: border-box;
text-align: center;
line-height: 1.0;
}
.ftporter_txt a{
color: #fff;
text-decoration: underline;
}
.ftporter_txt a:hover{
opacity: 0.5;
}
.ftporter_pic{
width: 50%;
}
.ftlink_orange{
color: #FFA400;
line-height:2.8;
}


.ftporter_btn{
padding: 40px 0 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ft_btn{
width: 49%;
}
.ft_btn a{
transition: all 0.3s;
}
.ft_btn a:hover{
opacity: 0.7;
}