@charset "UTF-8";

/*
 * サイト共通用のCSSです。
 *
 */

@media only screen and (min-width: 701px) {

/* 連続 br でIE6が改行しないバグ対策　CSS:letter-spacing の影響
----------------------------------------------- */
br {
    letter-spacing: normal;
}
/* フロート回り込み解除
----------------------------------------------- */
.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}

/* float対策：背景色表示用
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.both{
    clear:both;
}

.hidden {
    display: none;
}



/* yui 上書き
----------------------------------------------- */
html,
body {
    /*height: 100%;*/ /*背景画像を100%にする時に使用する*/
}
body {
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;

}
ol,ul,dl {
    margin: 0px;
}
li {
    list-style-type: none;
}
h1, h2, h3 {
    margin: 0px;
}
img {
    vertical-align: bottom;
}



/* 基本サイト構造 (空白のままにすること)
----------------------------------------------- */

/* body */
body {}
/* container */
#container {}
/* container_inner */
#container_inner {}
/* header_wrapper */
#header_wrapper {}
/* header */
#header {}
/* main_nav */
#main_nav {}
/* breadcrumb */
#breadcrumb {}
/* contents_wrapper */
#contents_wrapper {}
/* footer_wrapper */
#footer_wrapper {}
/* footer */
#footer {}




/* -----------------------------------------------
 *
 *
 * ここから下を変更すること
 *
 *
----------------------------------------------- */


/* a リンク
----------------------------------------------- */
a {
    text-decoration: none;
	color: #7a0016;
}
a:link{
}
a:visited{
}
a:hover{
    text-decoration: underline;
}

/* table
----------------------------------------------- */
tr {
    border: none;
}
th {
	background-color: #FFF;
}
th,
td {
    padding: 5px 10px;
    font-weight: 100;
    border: solid 1px #eaeaea;
}


/* ボタン
----------------------------------------------- */
.button   {
    display: inline-block;
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
    padding: 5px 20px;
    font-weight: bold;
    cursor: pointer;
    color: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
}
.button:hover {
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
.button:active {
    background: #ccc;
    padding: 6px 20px 4px;
}



/* form
---------------------------------------------- */




/* -----------------------------------------------
 * メイン
----------------------------------------------- */

/* html */
html {

}
article {
	width: 100%;
	position: relative;
	padding-top:100vh;
}
#smh_menu {
	display:none;
}
.footer_spmenu {
    display: none;
}
.sp {
	display:none;
}
/*ヘッダー
----------------------------------------------- */

header {
	width: 1000px;
	height: 125px;
	padding-top: 25px;
	margin-right: auto;
	margin-left: auto;
}

#u_logo {
    float: left;
    width: 600px;
    margin-right: 27px;
}
#u_logo h1 {
    float: left;
    font-size: 11px;
    margin-top: -1px;
	margin-bottom: 5px;
}
#head_up {
	float: right;
	width: 350px;
	margin-bottom: 0;
}
#head_up h1 {
    float: left;
    font-size: 11px;
    margin-top: -1px;
}
#head_up .right_head {
	float: right;
}
#head_up .right_head .rhead_adr {
	font-size: 19px;
	font-weight: 600;
    line-height: 14px;
    margin-bottom: 0;
	margin-top: -8px;
}
#head_up .right_head .rhead01{
	height: 30px;
	margin-bottom: 5px;
}
#head_up .right_head .rhead02{
	height: 30px;
	margin-bottom: 7px;
}
#head_up .right_head .rhead03{
	height: 36px;
	margin-bottom: 5px;
	margin-top: 40px;
}
#head_up .right_head .rhead03 ul li {
	margin-right: 5px;
	float: left;
}
#head_up .right_head .rhead03 ul li:nth-child(4n) { margin-right:0; }





/*ナビゲーション
----------------------------------------------- */

nav {
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	margin-bottom: 13px;
	font-size: 14px;
}
nav ul li {
	float: left;
	border-right: 1px solid #FF9800;
    padding: 0px 25px;
　　
}
nav ul li:nth-child(8n) {
    margin-right: 0;
	border-right: none;
    padding-right: 0;
}
nav ul {
	height: 32px;
	margin: 0px;
}

nav ul li a {
	display:block;
	color: black;
}
#head_sub {
	float: right;
}
nav ul .menu_logo {
	margin-right: 115px;
}



/*追従ナビゲーション
----------------------------------------------- */
.fx { position:fixed; top:0; left:0; width:100%; height:60px; line-height:50px; background:#FAFAFA; z-index:99999; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.4); -o-box-shadow:0px 0px 5px rgba(0,0,0,0.4); box-shadow:0px 0px 5px rgba(0,0,0,0.4); border-top:6px solid #464444; display:none; }
.fx:after { content:""; display:block; clear:both; }
.fx nav {
	display: block;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: none;
	font-size: 13px;
}
.fx nav ul { width:1000px; margin:0 auto; }
.fx nav ul li { float:left; margin-top:7px; margin-right: 30px;　font-size: 12px; border-right: none; padding: 0;}
.fx nav ul li.menu_logo {	margin-right: 95px;}
.fx nav ul li img { margin-bottom:0px;}
.fx nav ul li a { display:block; padding-top:0px; }
.fx nav ul li a:hover { border-bottom:0px solid #000; }
.fx h1 { position:absolute; left:55px; top:10px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.fx h1:hover { -webkit-animation:turn 1.5s; -moz-animation:turn 1.5s; -ms-animation:turn 1.5s; -o-animation:turn 1.5s; animation:turn 1.5s; }
.fx #h_button { height:60px; position:absolute; right:55px; padding-top:10px; }
.fx #h_button li { float:left; margin-right:20px; }
.fx #h_button li:last-child { margin-right:0; }
.fx #h_button li img { max-width:100%; }
.fx #h_button ul li a { display:block; width:62px; height:60px; background:url(../image/h_button02ac.png) left bottom no-repeat; background-size:cover; }
.fx #h_button ul li:first-child a { background:url(../image/h_button01ac.png) left bottom no-repeat; background-size:cover; }
.fx #h_button ul li:last-child a { background:url(../image/h_button03ac.png) left bottom no-repeat; background-size:cover; }
.fx #h_button ul li a:hover img { opacity:0; }
.fx nav ul li:nth-child(10n) { margin-right: 0;}
.fx nav ul li:nth-child(10n) .bottomx3 { margin-bottom: 2px;}
@media only screen and (max-width: 1500px) {
.fx #h_button { display:none }
}

/* pagetop
----------------------------------------------- */
.pagetop { display:block; width:47px; height:49px; position:fixed; right:5%; bottom:10%; z-index:99999; display:none; }
.pagetop img { opacity:0.3; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.pagetop:hover img { opacity:1; }



.main_image {
	width: 100%;
	text-align: center;
	background-color: #DAD8D6;
}

h2{
	font-size: 28px;
	margin: 20px 0 40px;
	color: #615e5f;
	font-weight: 100;
	text-align: center;
}
.welcome {
	margin-right: auto;
	padding: 30px;
	margin-left: auto;
	background: #FF9800;
}
.welcome_inner {
	width: 830px;
	margin: 0 auto;
	font-size: 15px;
    line-height: 1.8;
    color: white;
	text-align: center;
}
.welcome .rihgt {
	padding-right: 30px;
	line-height: 24px;
	float: right;
	width: 600px;
	margin-bottom: 10px;
}
.welcome .rihgt2 {
	float: right;
	margin-top: 50px;
}
.jikan {
	background-color: #FF9800;
	width: 100%;
	padding: 1px 0;
    margin-bottom: 37px;
}
.concept {
	width: 1000px;
	margin: 50px auto;
	padding-left: 0px;
}



.concept h1 {
	font-size: 41px;
	margin-bottom: 20px;
	color: #615e5f;
	font-weight: 100;
	letter-spacing: 12px;
}
.concept .con_image {
	float: left;
    /*height: 84px;*/
    width: 341px;
    text-align: center;
    /*padding-top: 42px;*/
    margin: 0 51px 0 0;
}
.concept .con_image h1 {
	color:#fff;
}
.concept .concept_r {
	height: 100px;
}
.concept p {
	font-size: 12px;
	line-height: 22px;
	margin-bottom: 30px;
}
.concept ul {
	display: block;
	margin-top: 14px;
}
.concept ul li {
	line-height: 34px;
	font-weight: bold;
}
.concept ul li a {
	color: #000;
	text-decoration: underline;
	font-weight: 300;
}
.info {
	width: 100%;
	padding: 0 0 20px;
}
.info .info_inner {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.info .info_inner ul {
	padding: 9px;

}
.info .info_inner ul li {
	list-style: circle;
    text-align: left;
	margin: 0 0 12px 9px;
	font-weight: 600;
	color: #73625d;

}
.info .info_inner .info_left {
	float: left;
	width: 48%;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 25px;
}
.info .info_inner .info_left h2 {
	color: #ff7600;
	padding:20px 10px;
	letter-spacing: 3px;
	margin:0;
	border-bottom: 1px solid;

}
.info .info_inner .info_left p {
	font-size: 12px;
	text-align: left;
	line-height: 23px;

}
.info p.info_tit {
	margin-bottom:5px;
	font-weight:bold;
}

.info .info_inner .info_right {
	float: right;
	width: 48%;
	text-align: center;
	margin-bottom: 25px;
}
.info .info_inner .info_right h2 {
	color: #ff7600;
	padding:20px 10px;
	letter-spacing: 3px;
	margin:0;
	border-bottom: 1px solid;
}
.info .info_inner .info_right p {
	font-size: 12px;
	text-align: left;
	line-height: 23px;
}
.info .info_inner p.btn_center {
	text-align: center;
}
.info .info_inner img{
	width: 100%;
	margin: 0 auto 10px;
}


.event {
	text-align: center;
	width: 1000px;
    margin: 20px auto 30px;
}
.event h2 {
	margin-bottom: 35px;
	color: #ff7600;
	etter-spacing: 3px;
    border-bottom: 1px solid;
}
.event_inner {
    width: 100%/*45%*/;
    text-align: left;
    float: left;
    padding: 25px;
}
.news_area li {
	height:100%;
	margin-bottom:15px;
	padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
.news_area li img {
	float: left;
    margin-right: 40px;
}
.news_area li .date {
    margin-top: 5px;
    margin-bottom: 8px;
    display: inline-block;
}
.pro_area li {
	height:100%;
	margin-bottom:15px;
	padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
.pro_area li img {
	float: left;
    margin-right: 40px;
}
.pro_area li .date {
    margin-top: 5px;
    margin-bottom: 8px;
    display: inline-block;
}
.event_inner2 {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 33px;
}
.event_inner .list_dl {
    float: left;
    height: 280px;
    width: 240px;
    margin-right: 40px;
    margin-bottom: 10px;
}
.event_inner .list_dl:nth-of-type(4) {margin-right: 0px;}
.event_inner .list_dl:nth-of-type(8) {margin-right: 0px;}
.event_inner .list_dl .list_dt {
	height: 140px;
	width: 240px;
	margin-bottom: 15px;
}
.event_inner .list_dl .list_title {
    font-size: 12px;
    float: left;
	width: 385px;
	margin-bottom: 8px;
}
.event_inner .list_dl .list_title a {
	color: #000;
}
.event_inner .list_dl .time {
	float: left;
	height: 20px;
    line-height: 21px;
    margin-bottom: 8px;
    margin-right: 10px;
}

.event_inner .list_dl .list_cat {
	line-height: 21px;
	color: #FFF;
	background-color: #7b0317;
	float: left;
	height: 20px;
	width: 54px;
	padding-right: 13px;
	padding-left: 16px;
	font-size: 11px;
	margin-right: 10px;
	margin-bottom: 8px;
}
.event_inner .list_dl .list_text {
	float: left;
	width: 240px;
}


.series {
	background-color: #E3E3E3;
	height: 570px;
	width: 100%;
	text-align: center;
	padding-top: 45px;
	margin-bottom: 0px;
}
.banner {
	width: 1000px;
	margin: 30px auto 0px;
}
.banner ul li {
	float: left;
	margin-right: 15px;
    width: 32%;
	margin-bottom: 25px;
}
.banner ul li img{
	width:100%;
}
.banner ul li:nth-child(3n) {
	margin-right:0;
}

.banner2 {
	width: 1000px;
	margin: 30px auto;
}
.banner2 ul li {
	float: left;
	margin-right: 30px;
	width: 48%;
	margin-bottom: 25px;
}
.banner2 ul li img{
	width:100%;
}
.banner2 ul li:nth-child(2n) {
	margin-right:0;
}

.middle {
	background: #3a3939;
    padding: 42px 0;
}
.middle.clearfix #middle_in {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.middle #middle_in ul li {
	color: #FFF;
	width: 385px;
}
.middle #middle_in ul li img {
	margin-bottom: 10px;
}
.gallery {
	text-align: center;
	margin-bottom: 80px;
}
.gallery li {
	display:block;
	width:170px;
	height:170px;
	float:left;
	border: 1px solid #E0E0E0;
	padding: 11px;
	margin-right:7px;
}
.gallery li:nth-child(6n) {
	margin-right:0;
}
.gallery li a dl {  display:block; clear:both; }
.gallery li a dl dt {  width:170px; height:150px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:6px; }
.gallery li a dl dd { }
.gallery li a dl dd time { display:block; margin:5px 0; color:#888; font-size:1.05rem; }
.gallery li a dl dd h2 { color:#D1462D; font-size:0.7rem; margin-bottom:5px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
.gallery li a dl dd h2 {  display:block; clear:both;  float:left;}
.gallery li a dl dd q { font-size:1.1rem; margin-bottom:20px; }
.gallery li a:hover { background:#EEE; }
.gallery li a:hover h2 { color:#ED7B15; }


.btn_center {
    margin-top: 20px;
    text-align: center;
}
.btn_center2 {
    margin-top: 0px;
    text-align: center;
}
.btn_link {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    padding: 15px 30px;
    min-width: 136px;
    border: 2px solid #f90;
	border-radius: 9px;
    position: relative;
    box-shadow: inset 0 0 0 #325E35;
	background-color: #ff9800;
}
.btn_link2 {
    color: #fff;
    font-weight: 600;
    text-align: center;
    display: inline-block;
    padding: 17px 30px;
    min-width: 130px;
    background-color: #7b0317;
    position: relative;
    box-shadow: inset 0 0 0 #325E35;
}
/*#housebanner_in{
　　text-align: center;
    padding-top: 45px;
    margin-bottom: 25px;
}

#housebanner_in h1 {
    font-size: 34px;
}*/

.red{
	color:#FF5722;
}
.
.fw600{
	font-weight:600;
}
/* サブメニュー
----------------------------------------------- */

.submenu{
	margin: 0 auto;
    padding: 30px 0;
	background: rgba(255, 193, 7, 0.18);

}
.submenu_list {
    width: 1000px;
    margin: 0 auto;
}

.submenu .submenu_list li{
	display: inline-block;
	list-style: none;
	width:15%;
	float: left;
	font-size: 90%;
    text-align: center;
	margin-right: 2%;

}
.submenu .submenu_list li:nth-child(6n) {
	margin-right:0;
}
.submenu .submenu_inner {
	border: 2px solid #FF9800;
    color: #FF5722;
    background: #fff;
    font-size: 17px;
	font-weight:600;
    width: 100%;
    display: block;
    border-radius: 17px;
    padding: 10px 0;
}
.submenu .submenu_inner a {
	color:#ff5722;
}
.submenu .submenu_inner img{
	width:45%;
	margin-bottom:8px;
}








/* コンテンツ
----------------------------------------------- */
.contents{
	width:1080px;
	margin:0 auto;

}
.contents .contents_right {
	float: right;
	width: 72%;
}


.lower {
	background-color: #EEECE3;
	height: 118px;
	width: 100%;
	padding-top: 35px;
	padding-bottom: 32px;
	margin-bottom: 30px;
}
.lower #lower_in {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.lower #lower_in ul li {
	font-size: 12px;
	float: left;
	margin-right: 20px;
	width: 285px;
}
.lower #lower_in ul li:nth-child(4n) {
	margin-right:0;
}
.lower #lower_in ul li img {
	margin-bottom: 8px;
}



.right {
	float: right;
}
.left {
	float: left;
}
.left_c {
	float: left;
	margin-left: 23px;
}

/* コンテンツサイドメニュー
----------------------------------------------- */
.contents #side {
	float: left;
	width: 22%;
}
.contents #side h2{
	font-weight:normal;
	border-bottom: 1px dotted #ff9800;
	margin-bottom: 20px;
	text-align: left;
	font-size:20px;
	font-weight: 600;
	color: #ff9800;
}
.contents #side #side_contact {
	height: 209px;
	width: 194px;
	padding-top: 36px;
	padding-bottom: 15px;
	border: 3px solid #7B0317;
	text-align: center;
	margin-bottom: 40px;
}
.contents #side .side_menu {
	margin-bottom: 60px;
	padding: 0 4px;
}
.contents #side .side_menu li {
	padding: 1em 0.5em;
	border-bottom: 1px dotted #dcdbdb;
	text-indent: 10px;
	float:left;
}
.contents #side .side_menu li img{
	width:25%;
	float:right;
}
.contents #side .side_menu li.event {
	background: url(../image/ico07_red.png) no-repeat 0.3em 0.5em;
}
.contents #side .side_menu li.case {
	background: url(../image/ico06_red.png) no-repeat 0.3em 0.8em;
}
.contents #side .side_menu li.real {
	background: url(../image/ico04_red.png) no-repeat 0.3em 0.7em;
}
.contents #side .side_menu li.voice {
	background: url(../image/ico05_red.png) no-repeat 0.3em 0.8em;
}
.contents #side .side_menu li a {
	color: #333;
}
.contents #side .side_menu01 {
	margin-bottom: 60px;
	padding: 0 4px;
}
.contents #side .side_menu01 li {
	padding: 1.5em 0.5em;
	border-bottom: 1px dotted #a8a8a8;
	text-indent: 10px;
	background: url(../image/ico08_glay.png) no-repeat left;
    background-position: 0.3em 1.3em;
}
.contents #side .side_menu01 li a {
	color: #333;
}
.contents #side .side_menu01 li.s_cat {
	margin-bottom: -1px;
	padding: 1.4em 0.2em;
	border:none;
	border-bottom: 1px dotted #ccc;
	text-indent: 10px;
	background: none;
}
.contents #side .side_menu01 li.koko {
	background: url(../image/ico08_red.png) no-repeat left;
	background-position: 0.3em 1.3em;
	color:#7B0317;
	font-weight:600;

}

.contents #side .bnrerea{
	margin-bottom: 40px;
}
.contents #side .bnrerea img{
	width:100%;
	margin-bottom: 10px;
}
.contents #side .bnrerea li{
	margin-bottom: 10px;

}
.contents #side .fbtit{
	background: url(../image/fbtit.png) no-repeat 0.3em 0.2em;
	text-indent: 28px;
}
.contents #side .side_taste {
	font-size: 15px;
}

.now{
	margin-bottom: 40px;
    padding-bottom: 1px;
}

#ekiten{
	text-align:center;
	padding: 0 5px 10px;
}
#ekiten2{
	text-align:center;
	width: 240px;
    margin: 0 auto 45px;
    text-align: left;
    box-sizing: content-box;
}




/* フッター
----------------------------------------------- */


footer {
	text-align: center;

}
#f_sns {
	width: 370px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 33px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #7A0016;
	border-bottom-color: #7A0016;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
	margin-bottom: 40px;
}
#f_sns ul li {
	float: left;
	margin-right: 20px;
}
#f_sns ul li:nth-child(6n) { margin-right:0px;}
.footer_menu {

}
.footer_menu .footer_menuin {
	display: block;
	width: 551px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	height: 12px;
}
.footer_menu .footer_menuin2 {
	width: 520px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: 12px;
}
.footer_menu .footer_menuin3 {
	display: block;
	width:　583px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	height: 12px;
}
.footer_menu .footer_menuin4 {
	display: block;
	width: 422px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 20px;
}



.footer_menu ul li a {
	text-decoration: none;
}
.footer_menu .footer_menuin li {
	font-size: 11px;
	float: left;
}
.footer_menu .footer_menuin2 li {
	font-size: 11px;
	float: left;
}
.footer_menu .footer_menuin3 li {
	font-size: 11px;
	float: left;
}
.footer_menu .footer_menuin4 li {
	font-size: 11px;
}
.footer_menu  a {
	color: #333;
}
#f_logo {
	margin-bottom: 35px;
}


#small {
	font-size: 9px;
	color: #FFF;
	background-color: #000;
	text-align: center;
	height: 20px;
	width: 100%;
	padding-top: 10px;
}