@charset "UTF-8";
@font-face { font-family: YuGothicM; src: local("Yu Gothic Medium"); }

/* -----------------------------------------------------------------------------------------------
	0. Reset Section
-------------------------------------------------------------------------------------------------- */

* {margin: 0; padding: 0;}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video,header,footer,aside,address, {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
html {background: #FFF; color: #000;}
* html body {font-size: small;}
*: first-child+html body {font-size: small;}
img {border: 0; margin: 0; vertical-align: bottom;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: bold; height: 100%;}
ul,dl,ol {text-indent: 0;}
li {list-style: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight: inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*: first-child+html+input,*: first-child html+textarea,*: first-child+html select {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0; font-size: inherit;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}
pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 100%; line-height: 100%;}
*: first-child+html pre,*: first-child html+code,*: first-child html+kbd,*: first-child+html+samp,*: first-child+html tt {font-size: 108%; line-height: 100%;}
input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display: block;}
 *, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }


/* -----------------------------------------------------------------------------------------------
	1. Layout Section
-------------------------------------------------------------------------------------------------- */

html {
	color: #333333;
	background: #ffffff;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
}
body {
	font-size: 15px;	font-size: 1.5rem;
	line-height: 16px;	line-height: 1.6rem;
	text-align: center;
} 

.wrapper {
	position: relative;
	background-image: url(../img/common/bk_brown.jpg);
	background-repeat: repeat;
	overflow: hidden;
}

.inner_wrap {
	width: 965px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	text-align: left;
}

.side_section {
	width: 200px;
	float: left;
	margin-bottom: 50px;
}

.main_section {
	width: 738px;
	float: right;
	margin-bottom: 50px;
}
.section {
	margin-bottom: 30px;
	overflow: hidden;
}

/* -----------------------------------------------------------------------------------------------
	2. Common Section
-------------------------------------------------------------------------------------------------- */
a {
	text-decoration: none;
	color: #0068d0;
}
a:hover {
	text-decoration: underline;
} 
a img {
	filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;
	transition: 0.5s;
}
a:hover img {
	filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;
	transition: 0.5s;
}
strong {
	font-weight: bold;
}
.click {
	cursor: pointer;
}
.ex {
	color: #C00;
	font-weight: bold;
}
em {
	font-style: italic;
}


/* -----------------------------------------------------------------------------------------------
	Header Section
-------------------------------------------------------------------------------------------------- */
#headbar {
	background: #991137;
	margin-bottom: 30px;
	padding: 12px 0;
}
.headbar_logo {
	width: 25%;
	float: left;
}
.headbar_logo img {
	width: 100%;
}
.headbar_menu {
	width: 75%;
	float: right;
	text-align: right;
	padding-top: 5px;
}
.headbar_menu a {
	color: #ffffff;
	font-size: 12px;
}
.headbar_menu img {
	height: 20px;
	margin: 0 3px 0 15px;
}
.headbar_search {
	width: 15%;
	float: right;
	
}



#header {
	text-align: center;
	background: #f0f0f0;
	margin-bottom: 30px;
}
.header_title {
	
}
.header_title img {
	width: 100%;
}



/* -----------------------------------------------------------------------------------------------
	Side Section
-------------------------------------------------------------------------------------------------- */

.side_block {
	margin-bottom: 15px;
}
.side_title {
	background: #991137;
	color: #ffffff;
	text-align: center;
	padding: 6px 0;
}
.side_menu {
	background: #ffffff;
	border: 1px solid #aaaaaa;
	padding: 5px 15px;
}
.side_menu > li {
	height: 53px;
	border-bottom: 1px solid #aaaaaa;
	background: url(../img/item/icon_omosa.jpg) left 8px no-repeat;
	padding: 18px 0 0 50px;
	cursor: pointer;
}
	.side_menu_hin > li {
		background: url(../img/item/icon_hin.jpg) left 8px no-repeat;
	}
	.side_menu_shu > li {
		background: url(../img/item/icon_shu.jpg) left 8px no-repeat;
	}
	.side_menu_sp > li {
		background: url(../img/item/icon_sp.jpg) left 8px no-repeat;
		padding: 10px 0 0 50px;
	}
	
.side_menu > li:last-child {
	border-bottom: none;
}
.side_menu > li a {
	font-size: 20px;
	color: #000000;
}
.side_menu > li a:hover {
	color: #0000ff;
}
.side_menu > li span {
	font-size: 12px;
}
.side_sns {
	overflow: hidden;
}

.side_sns li {
	width: 57px;
	float: left;
	margin-right: 10px;
}
.side_sns li:nth-child(3n) {
	margin-right: 0;
}
.side_blog {
	height: 60px;
	background: url(../img/common/icon_sns_blog.jpg) left 10px no-repeat;
	background-size: 50px;
	padding: 18px 0 0 55px;
}


/* calendar */
table.calbase_rakuten     {
    background-color: #FFFFFF;
    width: 200px;
	border: 1px solid #aaa;
    border-collapse: collapse;
    padding: 0px 0px 10px 0px;
    }
table.calbase_rakuten *   {
    font-size: 98%;
    color: #000000;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    }
table.calbase_rakuten th  {
    text-align: center;
    }
th.caltitle_rakuten       {
    font-size: 85%;
    padding: 10px 0px 0px 0px;
    }
table.calframe_rakuten    {
    border-collapse: collapse;
    margin: 10px 11px 0px 11px;
    table-layout: fixed;
    width: 176px;
    }
table.calframe_rakuten th {
    text-align: center;
    padding: 0px 0px 3px 0px;
    }
table.calframe_rakuten td {
    border:1px solid #AAAAAA;
    background-color: #FFFFFF;
    width:24px;
    height:20px;
    text-align: center;
    }
tr.weektitle_rakuten td   {
    background-color: #EEEEEE;
    }
td.event1day_rakuten      {
    background-color: #FFC6C6 !important;
    }
font.event1day_rakuten    {
    color: #FFC6C6;
    }
td.event2day_rakuten      {
    background-color: #B5DAFF !important;
    }
font.event2day_rakuten    {
    color: #B5DAFF;
    }
td.event3day_rakuten      {
    background-color: #FEDE93 !important;
    }
font.event3day_rakuten    {
    color: #FEDE93;
    }
table.event_rakuten       {
    text-align: left;
    word-break: break-all;
    margin: 7px 10px 7px 10px;
    border-collapse: collapse;
    line-height:120%;
    table-layout: fixed;
    width: 176px;
    }
table.event_rakuten td   {
    padding: 0px 0px 0px 0px;
    }
table.text_rakuten       {
    text-align: left;
    word-break: break-all;
    margin: 0px 10px 10px 10px;
    border-collapse: collapse;
    line-height:120%;
    table-layout: fixed;
    width: 176px;
    }


/* -----------------------------------------------------------------------------------------------
	Footer Section
-------------------------------------------------------------------------------------------------- */
.side_label {
	position: fixed;
	top: 270px;
	right: 0;
	width: 79px;
	height: 79px;
}
.side_label p {
	margin-bottom: 10px;
	transition: 0.5s;
	filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
}

.side_label p:hover {
	filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
	transition: 0.5s;
}


/* scroll up to page top  */
.totop {
	position: fixed;
	bottom:0; right:0;
	display: none;
	overflow:hidden;
	width: 48px;
	height: 48px;
	filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
}
.totop:hover {
	filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0;
	transition: 0.5s;
}
.totop img {
	width: 100%;
}


/* ------------------------------------
 footer section
--------------------------------------- */
.footer_section {
  background: #dbdbdb; padding: 30px 0;
  font-size: 12px;
}
.footer_section-center {
	padding: 0;
}
.footer_block { float:left; width:300px; background:#fff; margin:0 32.5px 0 0; padding:20px; overflow:hidden; line-height:1.7; }
.footer_block:last-child { margin-right:0; float:right; }
.footer_entry { font-size:1.3; font-weight:normal; letter-spacing:0.2em; margin-bottom:20px; }
.footer_hl { font-weight:bold; font-size:1.1em; margin:20px 0 7px 0; }
.footer_table { border-top:1px solid #ccc; margin-bottom:20px; width:100%; }
.footer_table th, .footer_table td { padding:4px 18px; line-height:2.0; border-bottom:1px solid #ccc; }
.footer_table th { background:#f9f9f9; font-weight:bold; width:65%; }
.footer_table td { background:#ffffff; }
.footer_ul { margin:7px 0 ; }
.footer_ul li { list-style:disc; list-style-position:outside; margin-left:14px; line-height:1.2; }

/* footer */
#footer {
	background: #aaaaaa;
	padding: 20px 0;
	overflow: hidden;
}
#footer p {
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
}
#footer img  {
	width: 200px;
	margin-bottom: 30px;
}
.copyrights {
	color: #ffffff;
	background: #111111;
	text-align: center;
	font-size: 11px; font-size: 1.1rem;
	line-height: 2;
}

.footer-price,.footer-39 {
	width: 965px;
    margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.price-title {
	text-align: left;
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 10px;
}
.price-table {
	border: 1px solid #aaa;
}
.price-table_row {
	border-bottom: 1px solid #aaa;
}
.price-table_row:last-child {
	border-bottom: 1px solid #aaa;
}
.price-table_th, .price-table_td {
	border-right: 1px solid #aaa;
	padding: 10px;
}
.price-table_th {
	width: 130px;
}
.price-table_td {
	width: calc((924px - 130px) /6);
}
.price-table_td.bold {
	font-weight: 900;
	font-size: 15px;
}

.footer-39 {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 40px 20px;
	background-color: #991137;
}
.title-39 {
	font-size: 30px;
	line-height: 23px;
	font-weight: 900;
	color: #fff;
}
.title-39_yellow {
	color: #ECDC27;
	font-size: 40px;
}
.free-39 {
	font-size: 16px;
	color: #991137;
	padding: 9px 30px;
	background-color: #fff;
	border-radius: 6px;
}
.warning-39 {
	color: #fff;
}



/* -----------------------------------------------------------------------------------------------
	Each Style Section
-------------------------------------------------------------------------------------------------- */

.banner {
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}

.banner img, .banner_full img, .banner_half img {
	width: 100%;
}

.banner_full {
	position: relative;	
	width: 100%;
	margin-bottom: 15px;
}
.banner_full h3 {
	position: absolute;
	top: 23px;
	left: 280px;
	width: 430px;
	font-size: 22px;
	line-height:1.2;
	font-weight: bold;
	color: #ff0000;
}
.banner_full p {
	position: absolute;
	top: 60px;
	left: 280px;
	width: 430px;
	font-size: 15px;
	line-height:1.5;
	font-weight: bold;
}

.banner_full_kanbai h3 {
	top: 20px;
	left: 180px;
	width: 540px;
}
.banner_full_kanbai p {
	top: 60px;
	left: 180px;
	width: 540px;
}


.banner_half {
	position: relative;	
	width: 100%;
	width: 353px;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
}
.banner_half:nth-child(odd) {
	float: right;
}

.banner_half h3 {
	position: absolute;
	top: 20px;
	left: 170px;
	width: 170px;
	text-align: center;
	font-size: 22px;
	line-height:1.2;
	font-weight: bold;
	color: #ff0000;
}
.banner_half p {
	position: absolute;
	top: 65px;
	left: 170px;
	width: 170px;
	font-size: 15px;
	line-height:1.25;
	font-weight: bold;
}
.banner_shinmai_kanbai h3 {
	top: 15px;
	left: 20px;
	width: 313px;
}
.banner_shinmai_kanbai p {
	top: 124px;
	left: 20px;
	width: 313px;
	text-align: center;
}

.hurusato_banner {
	background: rgba(255,255,255,0.6);
	border: solid 2px #991137;
	text-align: center;
}

.hurusato_banner span {
	font-size: 24px;
	font-weight: bold;
	color: #991137;
	display: inline-block;
	width: 90%;
	margin: 26px auto;
	/* border-bottom: 1px solid #991137; */
	/* padding: 5px 2px 10px 2px; */
}

.section_title {
	background: #991137;
	color: #ffffff;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
.item_each {
	width: 172px;
	float: left;
	margin: 0 10px 15px 0;
}
.item_each p {
	line-height: 1.5;
}
.item_each img {
	width: 100%;
}


.about_block {
	clear: both;
	overflow:  hidden;
	margin: 30px 0;
}
.about_image {
	width: 177px;
	float: left;
	margin-right: 50px;
	overflow:  hidden;
}
.about_title {
	font-size: 24px;
	color: #991137;
	padding: 5px 2px 10px 2px;
	border-bottom: 1px solid #991137;
	margin-bottom: 20px;
	overflow:  hidden;
}
.about_txt {
	font-size: 16px;
	line-height: 2.0;
	overflow:  hidden;
}







@media screen and (max-width: 600px) {

.section, #index_nakashun, #header {
	margin-bottom: 40px;
}

.block_l21, .block_l31, .block_l32, .block_r21, .block_r31, .block_r32,
.headbar_logo, .headbar_menu {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.headbar_logo {
	margin-bottom: 6px;
}
.headbar_menu_btn {
	width: 46%;
	float: right;
	margin: 0 2%;
}
.section_title {
	font-size: 15px; font-size: 1.5rem;
	margin-bottom: 20px;
}

.section_inquiry {
	width: 80%;
}


}