@charset "UTF-8";

/* Reset
-------------------------------------------------------------- */
*{ box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	box-sizing:border-box;
}
table, caption, tbody, tfoot, thead, tr, th, td{
	vertical-align:top;
}
body {
	font: 14px/1.6 YuGothic, '游ゴシック', Meiryo, sans-serif;
	color: #333;
	-webkit-text-size-adjust: none;
	position:relative;
	background:#f5f2e9;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	box-sizing:border-box;
}

/* リンク設定
------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	color: #595757;
}
a:hover, a:active {
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	outline: none;
	color: #595757;
	text-decoration:underline;
}
a:hover img, a:active img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
input[name="btn"]:hover { opacity:0.7; filter:alpha(opacity=70); }
input, textarea {
	font-size: 16px ;
}
/**** Clearfix ****/
header:after, footer:after, nav ul:after, .inner:after {
	content: "";
	display: table;
	clear: both;
}
nav .panel, nav#mainNav, .newsTitle, .bg, .post {
	zoom: 1;
}

.btnDetail a {
	display: inline-block;
	border-radius:5px;
	background-color: #801212;
	border: 1px solid #801212;
	padding: 7px 10px;
	color: #fff;
	position:relative;
}
.btnDetail a .fas {
	margin-right: 5px;
}

.btnDetail a:hover {
	background-color: #fff;
	border: 1px solid #801212;
	color: #801212;
	text-decoration:none;
}

/* layout
------------------------------------------------------------*/
#wrap{
	width:900px;
	margin:0 auto;
}
#cntWrap{
	margin-bottom:20px;
}
#mainBox{
	float:right;
	width:670px;
}
#mainBox1col{}
#sideCol{
	float:left;
	width:200px;
}
.cntBox{
	width:100%;
	margin: 0 auto;
	clear:both;
	margin-bottom:40px;
}
.cntInner{
	width:100%;
	padding:20px;
	background:#fff;
}
#wrap, #cntWrap:after, .cntBox:after, .cntInner:after{
	clear:both;
	display:table;
	content:"";
}
.cntBox h1{
	font-size:20px;
	border-radius:5px;
	padding:3px 5px 3px 45px;
	color:#fff;
	background: url(../img/cmn/ico_cntbox.png) no-repeat 10px 8px #8bc535;
	margin-bottom:15px;
}
.cntBox h1 span{
	font-size:16px;
}
.cntInner h2{
	font-size:18px;
	color:#ed6e65;
	font-weight:bold;
	margin-bottom:10px;
}
.cntBox .subTtl{
	color:#fff;
	border-bottom:solid 1px #8ec31f;
	margin-bottom:5px;
}
.cntBox .subTtl span{
	padding:5px 15px;
	font-weight:normal;
	background: #8ec31f;
}
.subredCopy{
	background:#ed6e65;
	padding:3px 6px;
	color:#fff;
	font-size:16px;
	margin-bottom:10px;
}
.contentImg{
	margin-bottom: 10px;
}

/* header
-------------------*/
#top-head{
	background:#fff;
	margin-bottom:20px;
}
.headerinner{
	width:900px;
	margin:0 auto;
	background:#fff;
}
.headerinner:after{
	clear:both;
	display:table;
	content:"";
}
#top-head h1{
	font-size:12px;
	height:25px;
}
#logo{
	float:left;
	width:220px;
	margin-top:32px;
}
#global-nav, #nav-toggle{
	display:none;
}
#reachBox{
	float:right;
	width:635px;
}
.btnMember{
	float:left;
	margin:0 7px 20px 0;
}
.btnMember_sp{
	display:none;
}
/* morita edit start */
.btnEmer{
	margin:0 0 5px 0;
}
.btnEmer_sp{
	display:none;
}
/* morita edit end */
.telBox{
	float:left;
	width:180px;
	margin-right:10px;
}
.telBox div{
	margin:4px 0;
}
.btnContact{
	float:left;
	width:180px;
}
.btnContact div:first-child{
	margin-bottom:5px;
}
#bottomBox{
	display:none;
}
/*windowside*/
#sideContact {
    position: fixed;
    top: 200px;
    right: 0;
	width:50px;
}
#sideContact div{
	margin-bottom:5px;
}


/* nav
-------------------*/
#mainNav ul{
	border-radius:5px;
	border:solid 1px #968d70;
	background:#fff;
	margin-bottom:20px;
}
#mainNav li{
	float:left;
	width:33.33%;
	border-left:solid 1px #968d70;
}
#mainNav li:first-child{
	border:none;
}
#mainNav li a{
	display:block;
	font-size:16px;
	text-align:center;
	padding:10px 0;
}
#mainNav li a:hover{
	text-decoration:none;
}
#mainNav li.nav_hirakata a:hover{
	background:#f7fcff;
}
#mainNav li.nav_katahoko a:hover{
	background:#fffaf1;
}
#mainNav li.nav_tomio a:hover{
	background:#fbfff0;
}
.nav_hirakata i{
	color:#0189d3;
}
.nav_katahoko i{
	color:#f79f17;
}
.nav_tomio i{
	color:#77b900;
}
#mainNav li .fa-university{
	display:none;
}
#mainNav li div, nav li br{
	display:none;
}

/*pan
-------------*/
.breadcrumb {
	margin:-7px auto 20px;
	padding-left:0;
}
.breadcrumb li{
  display:inline;
  font-size:12px;
}

.breadcrumb li:after{
  content: '>';
  padding: 0 3px;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
	color:#494949;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}

/*pageTitle
-------------------*/
.pageTtl{
	width:900px;
	height:100px;
	border-radius:5px;
	display:table;
	margin-bottom:10px;
	background: url(../img/cmn/bg_pagettl.gif) no-repeat right 50% #FFF;
}
.ptInner{
	height:90px;
	margin:5px;
	border:solid 1px #ddd;
	border-radius:5px;
}
.pageTtl .pageIco{
	display:table-cell;
	height:90px;
	vertical-align:middle;
	padding:0 10px 0 20px;
}
.pageTtl h1{
	display:table-cell;
	height:90px;
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
	color:#786955;
	line-height:1.3em;
}
.pageTtl span{
	margin-right:5px;
	vertical-align: middle;
}
.fa, .fas{
	margin-right:7px;
}
/* reachBox
-------------------*/
.reachBox{
	margin-bottom:20px;
	margin:0 auto 20px;
}
.reachBox:after{
	clear:both;
	display:table;
	content:"";
}
.reachBox div{
	width:325px;
}
.banMember{
	float:left;
}
.btnShiryo{
	float:right;
	margin-bottom:18px;
}
.btnMitsu{
	float:right;
}

/* sideCnt
-------------------*/
.lnav{
	margin-bottom:20px;
}
.sideCnt{
	font-size:12px;
}
.sideCnt p{
	margin-bottom:10px;
	font-size:10px;
}
.sideCnt a:hover{
	text-decoration:none;
}
.sideLead{
	color: #ed6e65;
}
.hallsideHead{
	padding:5px;
	text-align:center;
	color:#604C3F;
	font-size:15px;
	font-weight:bold;
	border-radius:5px 5px 0 0;
	background:#C9BC9C;
}
.lnav  li{
	border-bottom:solid 1px #C9BC9C
}
.lnav  li a{
	display:block;
	padding:10px 0;
}
.sidebarList li{
	border:none;
	margin-bottom:10px;
	padding:0;
}
.sidebarList li a{
	padding:0;
}
.sideCnt li{
	margin-bottom:10px;
}

/* footer
-------------------*/
#page-top {
	border-bottom:solid 3px #8fc41e;
	margin-bottom:20px;
}
#page-top a {
	display:block;
	width:900px;
	margin:0 auto;
	text-align:right;
}
.footerinner{
	width:900px;
	margin:0 auto;
}
.flogo{
	float:left;
	width:215px;
}
.flogo h1{
	margin-bottom:30px;
}
.flogo p{
	text-align:center;
}
.sunaceLogo{
	text-align:center;
	border:solid 1px #ccc;
	padding:10px;
	background:#fff;
}
.otherLogo{
	text-align:center;
	border:solid 1px #ccc;
	padding:4px;
	background:#fff;
}
.sanace_sp{
	display:none;
}
.sunaceLogo a,.otherLogo a{
	display:block;
}
.fCntWrap{
	float:right;
	width:640px;
}
.fHallWrap{
	margin-bottom:40px;
}
.fHallWrap:after, .fLinkBox:after{
	clear:both;
	display:table;
	content:"";
}
.fHallBox{
	float:left;
	width:200px;
	margin-left:20px;
}
.hirakata_f{
	margin-left:0;
}
.fHallBox h1{
	padding:8px 0;
	text-align:center;
	font-size:18px;
	margin-bottom:5px;
}
.hirakata_f h1{
	border:solid 1px #0189d3;
	color:#0189d3;
}
.katahoko_f h1{
	border:solid 1px #f79f17;
	color:#f79f17;
}
.tomio_f h1{
	border:solid 1px #77b900;
	color:#77b900;
}
.fHallTel{
	font-size:18px;
	margin-bottom:5px;
}
.fHallBox i{
	font-size:15px;
}
.hirakata_f i{
	color:#0189d3;
}
.katahoko_f i{
	color:#f79f17;
}
.tomio_f i{
	color:#77b900;
}
.fLinkBox{
	margin-bottom:40px;
}
.fLink{
	float:left;
	width:200px;
	margin-left:20px;
}
.fLink:first-child{
	margin:0;
}
.fLink li{
}
.copy{
	clear:both;
	color:#fff;
	text-align:center;
	font-size:smaller;
	padding:15px;
	background:#968f75;
}
/*other*/
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.tac{
	text-align:center;
}
.ta_r{
	text-align:right;
}
.small{
	font-size:12px;
}
.smaller{
	font-size:smaller;
}
.pink{
	color:#EC6D65;
}
.clear{
	clear:both;
}

@media only screen and (max-width:768px) {
/* layout
------------------------------------------------------------*/
#wrap{
	width:98%;
	margin:0 auto 20px;
}
#cntWrap{
	width:auto;
}
#mainBox{
	float:none;
	width:auto;
}
#sideCol{
	float:none;
	margin:0 auto;
}
/* header
-------------------*/
#top-head{
	margin-bottom:15px;
	width:100%;
}
.headerinner{
	width:98%;
}
.headerinner:after{
	clear:both;
	display:table;
	content:"";
}
/*ここから*/
 #mobile-head {
    }
    #global-nav {
		display:block;
        position: fixed;
        /* 開いてないときは画面外に配置 */
        top: -500px;
		left:0;
        width: auto;
        z-index: 101;
		margin:0 auto;
        padding:8px 5px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
		box-shadow:0 5px 5px rgba(0,0,0,0.1);
		background:#604C3F;
    }
    #global-nav ul {
        position: static;
		margin:0 auto;
        /*right: 0;
        bottom: 0;*/
        font-size: 14px;
		border-radius:5px;
		border-top:solid 1px #968d70;
		border-left:solid 1px #968d70;
		background:#fff;
	}
    #global-nav ul li {
		float:left;
		width:50%;
		margin:0;
		border-right:solid 1px #968d70;
		border-bottom:solid 1px #968d70;
    }
    #top-head #global-nav ul li a {
        width: 100%;
        display: block;
        padding:15px  7px;
    }
    #top-head #global-nav ul li a i{
		color:#ed6e65;
	}
/*3line*/
#nav-toggle {
    display: block;
    position: fixed;
    right: 12px;
    top: 25px;
    width: 50px;
    height: 60px;
    cursor: pointer;
    z-index: 101;
	padding:10px 5px;
	border:solid 1px #c6b98e;
	background:#fff;
	box-shadow:0 5px 5px rgba(0,0,0,0.1);
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(600px);
        -webkit-transform: translateY(600px);
        transform: translateY(600px);
    }
	.menuTxt{
		margin-top:30px;
		font-size:11px;
		text-align:center;
	}
	.open .menuTxt{
		display:non;
	}
/*ここまで*/


#top-head h1{
	font-size:10px;
	height:auto;
	margin-bottom:8px;
}
#logo{
	width:45%;
	max-width:220px;
	margin:20px 0;
}
#reachBox{
	width:35%;
	max-width:258px;
	margin-right:65px;
	margin-bottom:15px;
}
.btnMember{
	display:none;
}
.btnMember_sp{
	display:block;
}
/* morita edit start */
.btnEmer{
	display:none;
}
.btnEmer_sp{
	display:block;
	margin-bottom:10px;
}
/* morita edit end */
.btnContact, .telBox{
	display:none;
}
.telBox{
	display:none;
}
#bottomBox{
	z-index:50;
	display:block;
	width:100%;
	padding:10px 0 5px;
	position:fixed;
	bottom:0;
	right: auto;
	left:0;
	border-top:solid 2px #604C3F;
	background:#fff;
	background-color: rgba(255,255,255,0.95);
	box-shadow:0px -2px 5px #ccc;
}
.btnContact_sp:after, .telBox_sp:after{
	clear:both;
	display:table;
	content:"";
}
.telBox_sp{
	margin-bottom:10px;
}
.btnContact_sp div, .telBox_sp div{
	float:left;
	width:49%;
	margin:0 0.5%;
	text-align:center;
}
#sideContact div{
	display:none;
}
/* nav
-------------------*/
nav ul{
}
nav li{
}
#mainNav li a{
	font-size:12.5px;
	font-size:3.5vw;
	padding:4px;
	color:#292929;
}
.nav_hirakata i.fa-arrow-right, .nav_katahoko i.fa-arrow-right, .nav_tomio i.fa-arrow-right{
	display:none;
}
#mainNav li div, #mainNav li br{
	display: inherit;
}
#mainNav li .fa-university{
	font-size:32px;
	display:block;
	margin:0 0 5px;
}
#mainNav li span{
	display:none;
}


/*pageTitle
-------------------*/
.pageTtl{
	width:100%;
	height:100px;
	background-size:contain;
}
.ptInner{
	height:90px;
	margin:5px;
}
.pageTtl .pageIco{
	width:60px;
	height:90px;
	vertical-align:middle;
	padding:0 10px 0 10px;
}
.pageTtl h1{
	height:90px;
	font-size:18px;
}
.pageTtl span{
	margin-right:5px;
	vertical-align: middle;
}
/* reachBox
-------------------*/
.reachBox{
	width:80%;
	max-width:350px;
}
.reachBox div{
	float:none;
	width:auto;
	margin-bottom:15px;
}
.banMember{
}
.btnShiryo{
}
.btnMitsu{
}
/* footer
-------------------*/
#page-top {}
#page-top a {
	width:auto;
	margin-right:5px;
	text-align:right;
}
.footerinner{
	width:100%;
}
.flogo{
	float:none;
	max-width:215px;
	width:50%;
	margin:0 auto 20px;
}
.flogo h1{
	margin-bottom:20px;
}
.flogo p{}
.sanace{
	display:none;
}
.sanace_sp{
	display:block;
	text-align:center;
	width:215px;
	margin:0 auto;
	margin-bottom:30px;
}
.fCntWrap{
	float:none;
	width:auto;
}
.fHallWrap{
	margin-bottom:40px;
}
.fHallBox{
	float:none;
	width:80%;
	margin:0 auto 20px;
	text-align:center;
}
.hirakata_f{
	margin:0 auto 20px;
}
.fHallBox h1{
	max-width:300px;
	margin:0 auto;
	padding:5px 0;
}
.fHallLink li{
	width:8em;
	margin:0 auto;
	text-align:left;
}
.fLinkBox{
	margin-bottom:30px;
}
.fLink{
	float:none;
	width:60%;
	margin:0 auto;
}
.fLink:first-child{
	margin:0 auto;
}
.fLink li{
	float:left;
	width:50%;
	padding-left:20px;
	white-space:nowrap;
}
.copy{
	clear:both;
	color:#fff;
	text-align:center;
	font-size:smaller;
	padding:15px;
	background:#968f75;
	margin-bottom:60px;
}

}

@media only screen and (max-width:580px) {
/*pageTitle
-------------------*/
.pageTtl .pageIco{
	width:45px;
}
/*footer
-------------------*/
.fHallWrap{
	margin-bottom:20px;
}
.fLink{
	width:80%;
}
.fLink li{
	width:50%;
	font-size:12px;
	padding-left:0;
}
}
@media only screen and (max-width:330px) {
/*header 会員banner*/
#reachBox{
	width:32%;
	margin-top:1px;
}
}