@charset "utf-8";
/* CSS Document */
/*-------------------------------------------------------------
	リセット
-------------------------------------------------------------*/
html{
	overflow-y:scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h3,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0 auto;
	padding:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
}
table{
	border-collapse:collapse;
	border-spacing:0;
	_font-size:12px;
}
caption,th{
	text-align:left;
}
q:before,q:after{
	content:'';
}
object,
embed{
	vertical-align:top;
}
hr,legend{
	display:none;
}
h1,h2,h3,h3,h5,h6{
	font-size:100%;
}
img,abbr,acronym,fieldset{
	border:0;
}
img{
	vertical-align:middle;
}
li{
	list-style-type:none;
}

a{
	overflow:hidden;
	outline:none;
}

/*-------------------------------------------------------------
	初期設定
-------------------------------------------------------------*/
body{
	color:#252525;
	font-size:12px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	line-height:1.7;
	_text-align:center;
	background-image: url(img/bg.jpg);
	background-position: center top;
	padding: 0 10px;
}
*html body{	/* for IF6*/
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
html>/**/body{
	font-size /*\**/:14px;
}


/*-------------------------------------------------------------
	clearfix
-------------------------------------------------------------*/
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
	}
* html .clearfix{ zoom:1; } /* IE6 */
*:first-child+html .clearfix{ zoom:1; } /* IE7 */

/*-------------------------------------------------------------
	index
-------------------------------------------------------------*/
.mobile {
	width:100%;
}

.simg{
	width:100%;
	float: left;
}
.sbimg{
	width:50%;
	float: left;
}

/* ================================================================================

	ヘッダー

 ================================================================================ */
#head{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
	padding:0 0 6px;
}
#head p{
	color:#8C7700;
}
#head h1{
	float:left;
	margin:6px;
}

#head h1 a{
	display:block;
	width:100%;
}

#head .catchcopy{
	font-size:10px;
	background:#ff69b4;
	color:#FFF;
	margin-top: 75px;
}
/* ================================================================================

	menu

 ================================================================================ */
.nav {
	width: 100%;
	height: auto;
	position:absolute;
	top:0;
	left:0;
	z-index: 500;
}
.nav ul {
	display: table;
	width: 100%;
	margin: 0 auto;
}
.nav ul li {
	display: table-cell;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	cursor: pointer;
	width: 80px;
	text-align: center;
	padding: 2px 0;
}
.nav #slide_menu {
	width: 100%;
	display: none;
}
.nav table td {
	width: 50%;
	padding: 1rem;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.nav table td a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.nav ul {
	background: -moz-linear-gradient(top, #ebab03, #ffb900);
	background: -webkit-gradient(linear, left top, left bottom, from(#ebab03), to(#ffb900));
}
.nav ul li {
	border: 1px solid #ebab03S;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.nav ul li img {
	width: 100%;
}
.nav #slide_menu {
	background: #000000;
}
.nav table td {
	background: -moz-linear-gradient(top, #ebab03, #ffb900);
	background: -webkit-gradient(linear, left top, left bottom, from(#ebab03), to(#ffb900));
	border: 1px solid #ebab03;
}
.nav table td a {
	padding: 5px 0;
	font-size: 12px;
	color: #000;
	text-align: center;
}


.nav table  {
	width: 100%
}

/* --------------------------------------------------------------------------
	info
--------------------------------------------------------------------------*/
#telop{
	background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
	font-size:13px;
	border-top:1px solid #28282C;
	border-bottom:1px solid #28282C;
	padding:3px;
	margin-bottom:2px;
}
#telop p{
	color:#333;
	padding:1px;
}

/* --------------------------------------------------------------------------
	slide
--------------------------------------------------------------------------*/
    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

/* --------------------------------------------------------------------------
	common
--------------------------------------------------------------------------*/
.imenu {
	margin: 10px 0 0 0;
	float: left;
	width: 100%;
	background: rgba(255, 255, 255, 0.7);
}

.menutit {
	width: 100%;
	margin: 0 0 5px 0;
	border: 1px solid #d4d4c1;
	background: #ffb900;
	background: -moz-linear-gradient(top, #ebab03, #ffb900);
	background: -webkit-gradient(linear, left top, left bottom, from(#ebab03), to(#ffb900));
	border-radius: 5px;
} 
/*-------news--------*/
.news{
	width: 100%;
	float: left;

}
.newsf{
	width: 98%;
	margin: 8px 2%;
	font-size: 13px;
	line-height: 140%;
	padding-left: 5px;
	overflow: auto;
	height: 292px;
	line-height: 24px;
}

.newsf img {
    float:left;
	margin-right:15px;
	width: 150px;
	
}

.ntit{
	width: 98%;
	margin: 8px 2% 8px 0;
	font-size: 100%;
	border: 1px solid #a6a5a5;
	background: #121212;
	background-image: linear-gradient(bottom, rgb(255,255,255) 30%, rgb(236,213,213) 70%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(236,213,213) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(236,213,213) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(236,213,213) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 30%, rgb(236,213,213) 70%);
	padding-left: 5px;

}

/*----------
tsyame
-----------*/
.tsyame {
	width: 98%;
	margin: 0 0 0 0;
	float: left;
	overflow: auto;
	height: 605px;
}

.tsyame li{
	width: 95%;
	padding-top: 8px;
	padding-right: 0;
	padding-left: 2%;
	padding-bottom: 8px;
	float: left;
	border-bottom: dotted 1px #b1b3af;
}

/*-------list--------*/

.glist{
	width: 100%;
	float: left;

}

.glist ul {
	width: 100%;
	margin: 10px 0;
	float: left;
	padding: 0;
}


.glist li{
	font-size: 100%;
	margin: 10px 0 0 0;
	float: left;
}

.glist li .frame{
	width: 96%;
	border: solid 2px #f98fd7;
	margin: 1%;
	float: left;
	background-image:url(img/glist_bg.jpg);
	background-size:cover;
}

.gimg{
	float: left;
	margin: 2%;
	width: 96%;
	border: solid 1px #f98fd7;
}
.gtext{
	width: 96%;
	text-align: center;
	margin: 10px 2%;
	float: left;
	font-size: 10px;
	overflow: hidden;
}
.gext1 {
	width: 96%;
	color: #000;
	line-height: 22px;
	font-size: 13px;
	font-weight: bold;
	border-bottom: solid 1px #d8d3d3;
	margin: 0 2% 5px 2%;
}
.gtext2 {
	color: #ffffff;
	line-height: 25px;
	font-size: 13px;
}
.gtext3 {
	color: #ffffff;
	line-height: 15px;
	font-size: 12px;
	padding-bottom: 7px;
}

/*-----------------------------------------
img
-----------------------------------------*/

.rimg {
	width: 100%;
}

/* ====================================================================================

	フッター

==================================================================================== */
#footer{
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	text-align: center;
	font-size: 11px;
	background: #fe6eb2;
	color: #fff;
	width: 100%;
	border-bottom: solid #9a9497 1px;
	border-top: solid #9a9497 1px;	
}
#footer a{
	color:#fff;
} 
#footer a:hover{
	color:#ffff00;

}

/* --------------------------------------------------------------------------
	フッター内テキストメニュー
--------------------------------------------------------------------------*/
#footer .menu{
    text-align:center;
	font-size:10px;
	padding:15px 0;
	background:#f86ca9;
	_margin:0;
	font-size:0;
	width: 100%;
}  
#footer .menu a{
	padding:3px;
}
#footer .menu li{  
    display:inline;
    margin:0 3px 0 0;
    padding:0 0 0 3px;
    border-left:1px solid #fff;
	line-height:2.2;
	letter-spacing:1px;
	font-size:10px;
}
#footer .menu li.first{  
    padding:0;  
	border-left:none;
}

/* --------------------------------------------------------------------------
	フッター内グループリンク
--------------------------------------------------------------------------*/
#footer .group{
	padding:0;
    margin:15px auto;
    text-align:center;
	width:1030px;
	font-size:10px;
}
#footer .group li{
    float:left;
    margin:3px;
}
#common #footer .group{
    margin:18px auto 6px;
    width:824px;
}

#footer p.copyright{
	clear:both;
	padding:15px 0;
	letter-spacing:1px;
}
#footer p.copyright,
#footer p.copyright a{
	color:#efefef;
}
#footer p.copyright a:hover{
	color:#C28944;
}
/*-------
schedule
-----------*/

.dschedule {
	float: left;
	width: 100%;
	margin: 10px 0;
}
.dschedule div {
	float:left;
	width:30%;
	padding:3px;
	background:#f68bd7;
	text-align:center;
	margin:5px 1.5%;
	-moz-border-radius:10px;
	border-radius:5px;
	color:#FFFFFF;
	font-size:12px;
}

.dschedule div a {
	display: block;
	color: #fff;
	line-height: 40px
}
.dschedule .selected {
	background-color: #1927e3;
	font-size:14px;
	font-weight:bold;

}
.dschedule .selected a,  .ddate div:hover {
	color: #FFF;/*	background-color:#EC5080;*/
}
.dschedule div:hover a {
	color: #f9ff5d;
	line-height: auto;
}


.etxt {
	padding: 10px;
	line-height: 26px;
	font-size: 13px;
	float: left;
	background: rgba(255, 255, 255, 0.6);
}

.rimg {
	width: 100%;
	float: left;

}

/*----------
profile
-----------*/

.p1{
	float: left;
	width: 100%;
	border: 1px solid #d8d4d4;	
}
.p1s{
	float: left;
	width: 100%;
}

.p1s ul {
	float: left;
	width: 100%;
	border: none;
	margin: 0;
	
}
.p1s ul li {
	padding: 0px; float: left; margin: 0 0 7px 0;
}
.p1s ul li img {
	width: 100%; max-width: 85px;
}

.prtext{
	width: 100%;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	float: left;
	border: 1px solid #d4d4c1;
	background: #f2f2d6;
	background-image: linear-gradient(bottom, rgb(239,239,220) 30%, rgb(234,234,212) 70%);
	background-image: -o-linear-gradient(bottom, rgb(239,239,220) 30%, rgb(234,234,212) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(239,239,220) 30%, rgb(234,234,212) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(239,239,220) 30%, rgb(234,234,212) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(239,239,220) 30%, rgb(234,234,212) 70%);
	font-weight: bold;
	color: #121212;
	border-radius:5px;
	height: 30px;
	padding: 5px;
}
.prtext1 {
	width: 100%;
	color: #000000;
	line-height: 22px;
	font-size: 14px;
	background-color: #ffffff;
	border: 1px solid #d8d4d4;
	padding: 5px;
	float: left;
}
.prname {
	width: 100%;
	color: #000000;
	line-height: 35px;
	font-size: 20px;
	background-color: #ffffff;
	border: 1px solid #d8d4d4;
	padding: 5px;
	float: left;
}

.mtb10 {
	margin-top:10px;
}

.mailtxt{
	width: 96%;
	padding: 8px 2%;
	font-size: 90%;
	line-height: 140%;
	float: left;
	

}
.sys {
	width:100%;
	margin: 7px 0;	
	float: left;
}


.sys p {
	margin: 5px 1%;
	width: 98%;
	font-size: 15px;
	line-height: 35px;
	font-weight: bold;
	background-color: #ffffff;
	border: 1px solid #d8d4d4;
	padding: 10px;
	color: #000000;
	float: left;
	
}




/* --------------------------------------------------------------------------
	page
-------------------------------------------------------------------------- */
.page {
	font-size: 14px;
}
.page h3{
	width: 96%;
	margin: 8px 2%;
	font-size: 12px;
	border: 1px solid #d4d4c1;
	background: #f5b3e2;
	background-image: linear-gradient(bottom, rgb(254,177,215) 30%, rgb(252,146,221) 70%);
	background-image: -o-linear-gradient(bottom, rgb(254,177,215) 30%, rgb(252,146,221) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(254,177,215) 30%, rgb(252,146,221) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(254,177,215) 30%, rgb(252,146,221) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(254,177,215) 30%, rgb(252,146,221) 70%);
	border-radius: 5px;
	padding: 10px;
}
.page em{
	margin:0 4px 0 0;
}
.page .notesTxt,
.page dl{
	margin:30px;
	padding:0 30px 21px;
	background:#f4f0ef;
	border:1px solid #d4d4c1;

}
.page dt{
	color:#121212;
	border-left:6px solid #d4d4c1;
	margin:27px 0 6px;
	padding:0 0 0 12px;

}
.page dd{
	display:list-item;
	list-style:outside none;
	margin:0 18px 6px;
}
.page .notesTxt{
	line-height:1.6;
	padding:24px 30px 12px;
}
.page .notesTxt ul{
	background:#121212 !important;
	padding:12px 30px;
	border:1px solid #d5d5db;
	margin:0 0 12px;
}
.page .notesTxt li{
	display:list-item;
	list-style:outside disc;
	margin:3px 12px;
}
.page .notesTxt p{
	margin-bottom:12px;
}