@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: #000;
}
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: 1187px;
	height: 125px;
	padding-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
}

#u_logo {
     width: 252px;
    margin: 0 auto;
}
#head_up {
	float: left;
	width: 1043px;
	margin-bottom: 0;
}
#head_up h1 {
    float: left;
    font-size: 18px;
    margin-top: 41px;
}
#head_up .right_head {
	float: right;
	width: 374px;
}
#head_up .right_head .rhead_adr {
	font-size: 10px;
    line-height: 14px;
    float: right;
    margin-bottom: 0;
}
#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;	
}
#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: 895px;
	margin-right: auto;
	margin-left: auto;
	height: 32px;
	margin-bottom: 13px;
	
}
nav ul li {
	float: left;
	margin-right: 68px;
    font-size: 16px;
}
nav ul li:nth-child(7n) {
    margin-right: 0;
}
nav ul {
	height: 32px;
	margin: 0px;
}

nav ul li a {
	display:block;
}
#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 #000; display:none; }
.fx:after { content:""; display:block; clear:both; }
.fx nav {
	display: block;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	float: none;
}
.fx nav ul { width:1200px; margin:0 auto; }
.fx nav ul li { float:left; margin-top:5px;　font-size:14px;}
.fx nav ul li:nth-child(6n) {  margin-right: 68px;}
.fx nav ul li:nth-child(7n) {  margin-right: 0;}
.fx nav ul li img { margin-bottom:0px;}
.fx nav ul li a { display:block; padding-top:0px; font-size: 14px;}
.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(8n) { margin-right:14px;}
.fx nav ul li:nth-child(9n) { margin-top:0px;}
.fx nav ul li:nth-child(9n) .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%;
	margin-bottom: 36px;
	text-align: center;
	background-color: #e1f5ff;
}

h1 {
	font-size: 41px;
	margin-bottom: 40px;
	color: #6C071C;
	font-weight: 100;
}
.welcome {
	margin-right: auto;
	margin-left: auto;
	padding-top:30px;
	border-top: 1px solid #ccc;
}
.welcome_inner {
	width: 1200px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
.flex_box{ display:flex;}
.inner_l{ width:50%; text-align: center;}
.inner_l img{ width:97%;}
.inner_r{ width:50%; text-align: center;}
.inner_r img{ width:97%;}

.welcome .rihgt {
	padding-right: 30px;
	line-height: 24px;
	float: right;
	width: 600px;
	margin-bottom: 10px;
}
.welcome .rihgt2 {
	float: right;
	margin-top: 50px;
}
.pickkyusinn{margin: 10px 0 20px;
	}
.concept {
	margin-bottom: 30px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
}



.concept h1 {
	font-size: 41px;
	margin-bottom: 20px;
	color: #6C071C;
	font-weight: 100;
	letter-spacing: 12px;
}
.concept .con_image {
	float: left;
    height: 118px/*84px*/;
    width: 341px;
    text-align: center;
    padding-top: 42px;
    margin: 0 51px 0 0;
}
.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;
	line-height: 1.6;
}
.info {
	background-color: #f3f0ed;
	height: 440px;
	width: 100%;
	padding: 30px 0;
}
.info .info_inner {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
.info .info_inner .info_left {
	float: left;
	height: 417px;
	width: 400px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	background-color: #FFF;
	margin-right: 15px;
}
.info .info_inner .info_left h2 {
	margin-bottom: 30px;
}
.info .info_inner .info_left p {
	font-size: 15px;
	text-align: left;
	line-height: 25px;
	margin-top: 5px;
}
.info p.info_tit {
	margin-bottom:5px;
	font-weight:bold;
}
.info .info_inner .info_left .movie {
	margin-bottom: 15px;
}
.info .info_inner .info_cen .movie {
	margin-bottom: 15px;
}
.info .info_inner .info_cen {
	float: left;
	height: 255px;
	width: 315px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	background-color: #FFF;
	margin-right: 17px;
}
.info .info_inner .info_cen h2 {
	margin-bottom: 30px;
}
.info .info_inner .info_cen p {
	/*font-size: 15px;*/
	text-align: left;
	/*line-height: 25px;*/
	margin-top: 10px;
}
.info .info_inner .info_cen2 {
	float: left;
	height: 255px;
	width: 330px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	background-color: #FFF;
}
.info .info_inner .info_cen2 h2 {
	margin-bottom: 30px;
}
.info .info_inner .info_cen2 p {
	/*font-size: 15px;*/
	text-align: left;
	/*line-height: 25px;*/
	margin-top: 10px;
}
.info .info_inner .info_right {
	float: right;
	width: 358px;
	padding-top: 20px;
	
}
.info .info_inner .info_right h2 {
	margin-bottom: 29px;
}
.info .info_inner .info_right2 {
	float: right;
	width: 358px;
	padding-top: 20px;
	margin-right: 16px;
	
}


.event {
	text-align: center;
	margin-bottom: 50px;
}
.event h1 {
	font-size: 41px;
	margin-bottom: 20px;
	color: #6C071C;
	font-weight: 100;
	letter-spacing: 12px;
}
.event_inner {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 33px;
}
.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: 1200px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.banner ul li {
	float: left;
	margin-right: 19px;
}
.banner ul li:nth-child(3n) {
	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: 17px 30px;
    min-width: 260px;
    background-color: #7b0317;
    position: relative;
    box-shadow: inset 0 0 0 #325E35;
}
.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;
}
.critical{ background: rgb(255 0 0 / 81%);    color: #fff;    padding: 0 1%;    margin-left: 1%;}
/*#housebanner_in{
　　text-align: center;
    padding-top: 45px;
    margin-bottom: 25px;
}

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




/* メインイメージ
----------------------------------------------- */





/* コンテンツ
----------------------------------------------- */




.lower {
	background-color: #a9d2e4;
	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: 13px;
    line-height: 1.5em;
	float: left;
	margin-right: 30px;
	width: 18%;
}
.lower #lower_in ul li:nth-child(5n) {
	margin-right:0;
}
.lower #lower_in ul li img {
	margin-bottom: 8px;
	width: 100%;
}



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



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


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: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	height: 12px;
}
.footer_menu .footer_menuin2 {
	width: 775px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: 12px;
}
.footer_menu .footer_menuin3 {
	display: block;
	width: 527px;
	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;
	float: left;
}
.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;
}








.simply-scroll-container {
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0;
	width: 473px;
	height: 446px;
}
.simply-scroll-list li img {
    display: block;
}
.fix_menu_smartphone_top{
	
	display:none;
}
.fix_menu_smartphone_top img{
  display:none;
}	
.fix_menu_smartphone{
	
	display:none;
}
.fix_menu_smartphone img{
  display:none;
}


.news span.info_coro {
    font-size: 10px;
    color: #FFF;
    background-color: #d83c7d;
    width: 130px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    margin-right: 8px;
    margin-left: 25px;
    padding-right: 5px;
    padding-left: 5px;
}
.news span.info_oshirase {
    font-size: 10px;
    color: #FFF;
    background-color: #0eb3ed;
    width: 130px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    margin-right: 8px;
    margin-left: 25px;
    padding-right: 5px;
    padding-left: 5px;
}
.blog dl {
    width: 30%;
    margin-left: 3%;
}

.blog dt {
    width: 100%;
    height: 155px;
    position: relative;
    overflow: hidden;
}
.blog dl dt img {
    height: auto;
    min-height: 100%;
   /* max-width: inherit;*/
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.blog dl dd.time {
    text-align: left;
    margin-top: 15px;
	margin-left: 0;
    background: #eceaea;
    padding: 0.3em 1em;
    font-size: 14px;
    color: #4e4949;
    font-weight: bold;
    letter-spacing: 1px;
}
.blog .event-txt {
    height: 64px;
    overflow-y: hidden;
    font-size: 14px;
    letter-spacing: 0.1em;
    padding-top: 10px;
	padding-left: 1em;
	text-align:left;
	color: #000;
	margin-left: 0;
}

.blog_list {
	text-align: right;
	margin-bottom: 10px;
	margin-right: 10px;
}
.blog_list a {
	color: #333;
	text-decoration: underline;
}
}
@media screen and (max-width:768px) {	
    .blog .e_back{min-height: 93px; height: auto; margin-bottom:13px; }
	.blog .e_back:after{ background:none;}
	.blog dt { width: 36%; min-height: 50px; height: 70px; float: left; margin-right: 16px;}
	.blog dl dd.time{ background:none; margin-top:0;}
	.blog .event-txt{ height:auto; padding-left:0; padding-top:1px;}
	.blog dl {width: 100%;}
	.welcome_inner {height: auto;}
	.blog img { width: 100%; height: 93px;}
}