@charset "utf-8";

/* Reset --------------------------------------------------------------------------------- */

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, svg, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	background: 0 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, svg {
	display: block
}

audio, canvas, video {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align:auto;
	zoom: 1;
	*display:inline
}

[hidden], audio:not([controls]) {
	display:none
}

html {
	overflow-y: scroll
}

/* Base style --------------------------------------------------------------------------------- */

a, a:link, a:visited {
	text-decoration: none;
	color: #d07411;
}

a:focus, a:hover {
	text-decoration: underline;
	outline: 0
}

a:active {
	text-decoration: none;
	color: #d07411;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1.5
}

em {
	font-weight: 700;
	font-style: normal
}

b, strong {
	color: #dc1e37
}

sup {
	font-size: 65%;
	line-height: 0;
	position: relative;
	top: -2px;
	vertical-align: middle
}

sub {
	font-size: 65%;
	line-height: 0;
	position: relative;
	top: 2px;
	vertical-align: middle
}

pre {
	font-family: monospace, sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word
}

img {
	vertical-align: bottom;
	border: 0;
	max-width:100%;
	height: auto;
}

svg:not(:root) {
	overflow: hidden
}

ol, ul {
	list-style: none
}

table {
	width: 100%;
	border-collapse: collapse;
	border: 0 none
}

table td, table th {
	font-size: 1em;
	font-weight: 400;
	text-align: left;
	vertical-align: top;
	border: 0 none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	padding:0;
	border:0
}

fieldset {
	border: 0 none
}

legend {
	display: none
}

label {
	cursor: pointer
}

input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: middle;
	border-radius: 0;
	border-radius: 0;
	outline: 0
}

input[type=image], input[type=text] {
	-webkit-appearance: none
}

input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	resize: none;
	vertical-align: top;
	border-radius: 0;
	outline: 0;
	-webkit-appearance: none
}

select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: normal;
	outline: 0
}

::selection {
	color: #fff;
	background-color: #da9517
}

::-moz-selection {
	color:#fff;
	background-color:#da9517
}

/* rollover */

.rollover a:hover img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background: #fff;
}
.rollover a:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background: #fff;
}

/* clearfix */

.clearfix:before, .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0 !important;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }


/**/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 1.8;
	color: #333;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact
}

/* Wrapper --------------------------------------------------------------------------------- */

#wrapper {
	position: relative;
	width: 100%;
	min-height: 100%
}

/* header --------------------------------------------------------------------------------- */

#header {
	background:#f3f0eb;
}

/* header-description */

.header-description {
	width:100%; 
	background:#bca40e;
}
		@media only screen and (max-width: 640px) {
		.header-description {
			display:none;
		}
		}

.header-description > .inner {
	max-width:960px; 
	margin:0 auto 0;
	font-size:0.8em;
	color:#fff;
	font-weight:normal;
}
		@media only screen and (max-width: 960px) {
		.header-description > .inner {
			text-align:left;
			padding-left:1em;
		}
		}

/* header-block01 */

#header .header-block01 {
	max-width:960px; 
	margin:0 auto 0;
}
		@media only screen and (max-width: 960px) {
		#header .header-block01 {
			padding:0 10px;
		}
		}
		@media only screen and (max-width: 640px) {
		#header .header-block01 {
			padding:0 20px;
		}
		}

#header .header-logo {
	float:left;
	max-width:304px;
	margin:0 0 0 0;
	padding:35px 0 21px 0;
}
		@media only screen and (max-width: 960px) {
		#header .header-logo {
			margin:0 0 0 0;
			padding:25px 0 19px 0;
		}
		}
		@media screen and (max-width: 640px) {
		#header .header-logo {
			float:none;
			display:block;
			margin:0 auto 0;
			padding:12px 0 12px 0;
		}
		}

#header .header-tel {
	float:right;
	width:252px;
	margin:0 16px 0 0;
	padding:13px 0 39px 0;
}

#header .header-tel ul {
 display: flex;
 justify-content: space-between;
 margin-top: 18px;
}

		@media only screen and (max-width: 960px) {
		#header .header-tel {
			float:right;
			margin:0 0 0 0;
			padding:37px 0 29px 0;
		}
		}
		@media screen and (max-width: 640px) {
     #header .header-tel {
      float: none;
      padding: 0px 0 20px;
      margin: auto;
     }
		#header .header-tel > img {
			display:none;
		}
     #header .header-tel ul {
      margin-top: 5px;
     }
		}

#header .header-timetable {
	float:right;
	width:278px;
	margin:0 0 0 0;
	padding:12px 0 13px 0;
}
		@media only screen and (max-width: 960px) {
		#header .header-timetable {
			display:none;
		}
		}
 
/* btn-sp-tel */

.btn-sp-tel {
	display:none;
}
		@media only screen and (max-width: 640px) {
		.btn-sp-tel {
			display:none;
			/*display:block;*/
			width:100%;
		}
		}

/* header-block02 - global navigation */
/* 6button ver - 160px / 960px テキストによって要調整 */

#header .header-block02 {
	width:100%;
	background:#bca40e;
}

#header #gnav ul {
	width:100%;
	max-width:960px;
	margin:0 auto 0;
	display:table;
}

#header #gnav li {
	/*width:16.66666666666667%;*/
 width:13%;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #c8b663;
}

#header #gnav li:first-child {
	border-left:1px solid #c8b663;
}

#header #gnav li.two-line a {
	max-width:160px;
	padding:16px 8%;
	line-height:1.2;
	display:block;
	color:#fff;
	text-decoration:none;
	box-sizing:border-box;
}

#header #gnav li a {
	max-width:160px;
	padding:10px 8%;
	line-height:1.2;
	display:block;
	color:#fff;
	text-decoration:none;
	box-sizing:border-box;
}

#header #gnav li:hover {
	background: #c2ad44;
}

#header #gnav li.current {
	background:#c2ad44;
}
		@media only screen and (max-width: 960px) {
			#header #gnav ul {
				display:block;
			}
			#header #gnav li {
				width:33.3333333%;
				float:left;
				box-sizing:border-box;
				display:block;
				border-bottom:solid 1px #c8b663;
			}
			#header #gnav li.two-line a,
			#header #gnav li a {
				max-width:330px;
				padding:20px 0%;
			}
		}
		@media only screen and (max-width: 640px) {
			#header #gnav li {
				width:50%;
				font-size:0.9em;
			}
			#header #gnav li.two-line a,
			#header #gnav li a {
				max-width:100%;
				padding:24px 0%;
			}
		}
		

/* Main Visual --------------------------------------------------------------------------------- */

#main-visual {
	width:100%;
	text-align:center;
	background:#ebe4da;
	margin:0 auto 0;
}
		@media only screen and (max-width: 640px) {
		#main-visual {
			display:none;
		}
		}

/* Main Title --------------------------------------------------------------------------------- */

#main-title {
	width:100%;
	text-align:center;
	background:#ebe4da;
	margin:0 auto 0;
}

#main-title > .inner {
	max-width:950px;
	background:#ebe4da;
	margin:0 auto 0;
	text-align:left;
	background: url(../images/common/main_title_bg.jpg) no-repeat right top;
	padding:44px 0 44px 10px;
}

#main-title > .inner > .title {
	display:inline-block;
	border-left:solid 10px #0086b2;
	font-size:2.4em;
	line-height:1.0;
	padding:0 0 0 15px;
}
		@media only screen and (max-width: 960px) {
		#main-title > .inner {
			text-align:center;
			background: none;
			padding:42px 0 40px 10px;
			text-align: center;
		}
		#main-title > .inner:before {
		}
		#main-title > .inner > .title {
			display:inline-block;
			border-left:none;
			background:#ebe4da;
			font-size:2.0em;
			line-height:1.0;
			padding:0 0.5em 0 0.5em;
			position: relative;
			z-index:1000;
		}
		#main-title > .inner > .title:before {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    left: -50px;
    width: 30px;
		}
		#main-title > .inner > .title:after {
    border-top: 1px solid;
    content: "";
    position: absolute;
    top: 50%;
    right: -50px;
    width: 30px;
		}
		}
		@media only screen and (max-width: 640px) {
		#main-title > .inner {
			padding:26px 0 24px 0;
		}
		#main-title > .inner > .title {
			font-size:1.5em;
			line-height:1.2;
		}
		#main-title > .inner > .title:before {
    left: -40px;
		}
		#main-title > .inner > .title:after {
    right: -40px;
		}
		}

/* Contents --------------------------------------------------------------------------------- */

#contents {
	max-width:960px;
	margin:0 auto 0;
	padding:40px 0 60px;
}
		@media only screen and (max-width: 960px) {
		#contents {
			max-width:100%;
			padding:30px 0 30px;
		}
		}
		@media only screen and (max-width: 640px) {
		#contents {
			padding:20px 0 20px;
		}
		}

/* primary --------------------------------------------------------------------------------- */

#primary {
	width:72.91666666666667%;/*700/960*/
	float:right;
}
		@media only screen and (max-width: 960px) {
		#primary {
			width:100%;/*700/960*/
			float:none;
		}
		}

/* page-content --------------------------------------------------------------------------------- */

.page-content {
	padding:0 0 20px 0;
}
		@media only screen and (max-width: 960px) {
		.page-content {
			padding:0 10px 20px 10px;
		}
		}
		@media only screen and (max-width: 640px) {
		.page-content {
			padding:0 10px 20px 10px;
		}
		}
		
.page-content .inner {
	margin-bottom:1.5em;
}

body.page #primary img {
	max-width: 100%;
	height: auto;
}

/* title h1 - h6 */

.page-content h1 {
	background:#bca40e;
	margin:0 0 1em 0;
	padding:0.6em 0.4em 0.6em 0.6em;
	border-left:solid 5px #0086b2;
	font-size:1.4em;
	font-weight:normal;
	color:#fff;
}

.page-content h2 {
	background:#f6f4f0;
	margin:0 0 0.8em 0;
	padding:0.5em 0.4em 0.5em 0.6em;
	border-left:solid 5px #0086b2;
	font-size:1.3em;
	font-weight:normal;
	color:#805c0d;
}

.page-content h3 {
	background:#f1f1f1;
	margin:0 0 0.6em 0;
	padding:0.3em 0.4em 0.3em 0.6em;
	font-size:1.2em;
	font-weight:normal;
	color:#805c0d;
}

.page-content h4 {
	margin:0 0 0.7em 0;
	padding:0.4em 0.4em 0.4em 0.6em;
	font-size:1.2em;
	font-weight:normal;
	color:#805c0d;
	border-bottom:solid 2px #ede8de; 
}

.page-content h5 {
	margin:0 0 0.5em 0;
	padding:0.3em 0 0.3em 0;
	font-size:1.2em;
	font-weight:normal;
	color:#805c0d;
}

.page-content h6 {
	margin:0 0 0.5em 0;
	padding:0.3em 0 0.3em 0;
	font-size:1.2em;
	font-weight:normal;
}

/* p */

.page-content p {
	padding:0 0.5em 1.5em 0.5em;
}
		@media only screen and (max-width: 640px) {
		.page-content p {
			padding:0 0 1em 0;
		}
		}

/* clear */

.cl {
	clear:both;
}

/* text decoration */

.bold {
	font-weight:bold;
}

/* color */

.orange {
	color:#d07411;
}

.blue {
	color:#0186b2;
}

.red {
	color:#C00;
}

.red.bb {
	border-bottom: dashed 1px #C00;
}

.green {
	color:#569e32;
}

.brown {
	color:#663e01;
}

/* bg color */

.bg-pink {
	background:#FFF4F4;
}

/* font size */

.txt18 {
	font-size:1.285714285714286em;/*18px*/
	line-height:1.8;
}

.txt20 {
	font-size:1.428571428571429em;/*20px*/
	line-height:1.8;
}

.txt22 {
	font-size:1.571428571428571em;/*22px*/
	line-height:1.8;
}

.txt24 {
	font-size:1.714285714285714em;/*24px*/
	line-height:1.8;
}

/* hr */

hr {
    border: 0;
    height: 1px;
    background: #ccc;
		margin:2.5em 0;
}

/* br */

br.pc { display: block !important; }
br.tab { display: none !important; }
br.sp { display: none !important; }

		@media only screen and (max-width: 960px) {
		br.pc { display: none !important; }
		br.tab { display: block !important; }
		br.sp { display: none !important; }

		}

		@media only screen and (max-width: 640px) {
		br.pc { display: none !important; }
		br.tab { display: none !important; }
		br.sp { display: block !important; }
		}

.pc { display: block !important; }
.tab { display: none !important; }
.sp { display: none !important; }

		@media only screen and (max-width: 960px) {
		.pc { display: none !important; }
		.tab { display: block !important; }
		.sp { display: none !important; }
		}

		@media only screen and (max-width: 640px) {
		.pc { display: none !important; }
		.tab { display: none !important; }
		.sp { display: block !important; }
		}

/* ul */
.page-content ul.disc {
	padding-left: 1em;
	margin-bottom:0.5em;
	list-style-type: disc;
	list-style-position: inside;
}

.page-content ul.disc li {
	list-style-type: disc;
	margin-bottom: 0.5em;
	padding-left: 1em;
	text-indent: -1em;
}

.page-content  ul.post-categories {
	padding-left: 0;
	margin-bottom:0;
	list-style-type: none;
	list-style-position: inherit;
}
.page-content ul.post-categories li {
	list-style-type: none;
	margin-bottom: 0;
	padding-left: 0;
	text-indent: 0;
}

/* ol */

.page-content ol.base,
.page-content .informations ol,
.page-content .post ol {
	margin-bottom:0.5em;
	padding-left: 0.8em;
}

.page-content ol.base li,
.page-content .informations ol li,
.page-content .post ol li {
	list-style:decimal;
	list-style-position: inside;
	margin-bottom: 0.5em;
	text-indent: -1.2em;
	padding-left: 1.2em;
}

/* table */

table.base {
	margin:0 0.5em 1em 0.5em;
	border-collapse: collapse;
}
		@media only screen and (max-width: 640px) {
		table.base {
			margin:0 0em 1em 0em;
		}
		}
table.base th,
table.base td {
	border: 1px solid #999;
	padding: 5px 10px;
	text-align:left;
	vertical-align:middle;
}

table.base td {
	/*width: 150px;*/
}

table.base th {
	background-color: #f8f8f8;
	color: #805c0d;
	white-space:nowrap;
}

table.base th.center {
	text-align:center;
}

/* note */

.note {
	color:#176D48;
	text-indent:-1em;
	margin-left:1em;
}

/* bottun */

.btn a {
	width:60%;
	display:block;
	font-size:1.1em;
	padding:10px 30px 10px 40px;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	text-decoration:none;
	margin:0 auto 0;
}

.btn a:hover {
	text-decoration:none;
}

/**/
.btn.nrml a {
	background:#f3f0da;
}

.btn.nrml a:hover {
	background:#f0ebc4;
}

/**/

.btn.orange a {
	background:#d98c00;
	color:#fff;
}

.btn.orange a:hover {
	background:#da9517;
	color:#fff;
}

/**/

.btn i {
	margin: 0 0.5em 0 0;
	font-size:1.2em;
}

		@media only screen and (max-width: 640px) {
		.btn.orange a {
			width:90%;
			padding:10px 5% 10px 5%;
			-webkit-border-radius:0px;
			-moz-border-radius:0px;
			border-radius:0px;
			text-align:center;
		}
		.page-content .btn.orange a {
			width:90%;
			padding:10px 5% 10px 5%;
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px;
			text-align:center;
		}
		}
		
/* waku */

.waku-orange {
	background:#FAF9F5;
	border:solid 2px #da9517;
	padding:1.5em 1.5em 0;
}

.waku-gray {
	background:#fbf7f4;
	border:solid 2px #ece9e2;
	padding:1.5em 1.5em 0;
}

/* other 

.page-content ul li {
	margin-bottom: 0.5em;
}

*/

/* layout */

.left {	text-align:left; }

.right { text-align:right; }

.center { text-align:center; }

/* responsive layout basic */

.alignleft-clear {
  float: left;
  /*width: auto;*/
  margin:0 15px 1em 0;
}

.alignright-clear {
  float: right;
  /*width: auto;*/
  margin:0 0 1em 15px;
}
		@media only screen and (max-width: 640px) {
		.alignleft-clear, .alignright-clear {
			max-width: 100%;
			float:none;
			display: block;
			margin:0 auto 1em;
			text-align:center;
		}
		}
		@media only screen and (max-width: 480px) {
		.alignleft-clear img, .alignright-clear img {
			width:100%;
		}			
		.alignleft-clear, .alignright-clear {
			width:100%;
		}			
		.mw100 {
			max-width:100% !important;
			width:auto !important;
		}			
		.half {
			width:50% !important;
			/*width:auto !important;*/
		}			
		.q1 {
			width:25% !important;
			/*width:auto !important;*/
		}			
		}

/* photo layout column */

/* one column */

.col-one {
	width:100%;
	display:table;
	margin:0 0 1.5em 0;
}

.col-one .box {
	width:100%;
	text-align:center;
}

/* two column */

.col-two {
	width:100%;
	margin:0 0 1.5em 0;
}

.col-two > .box {
	text-align:center;
	width:50%;
	box-sizing:border-box;
	float:left;
	margin:0 0 0 0;
	padding:0 2px;
}
		@media only screen and (max-width: 640px) {
		.col-two > .box {
			text-align:center;
			width:100%;
			float:none;
			margin:0 0 1em 0;
		}
		}
		
.col-two > .box img {
	margin:0 0 0.5em 0;
}

/* three column */

.col-three {
	width:100%;
	margin:0 0 1.5em 0;
}

.col-three > .box {
	text-align:center;
	width:33.333333333333%;
	box-sizing:border-box;
	float:left;
	margin:0 0 0 0;
	padding:0 2px;
}
		@media only screen and (max-width: 640px) {
		.col-three > .box {
			text-align:center;
			width:100%;
			float:none;
			margin:0 0 1em 0;
		}
		}

/* colum img width */

.col-one > .box img,
.col-two > .box img,
.col-three > .box img {
	max-width:100%;
}
		@media only screen and (max-width: 480px) {
		.col-one > .box img,
		.col-two > .box img,
		.col-three > .box img {
			float:none;
			width:100%;
		}
		}

/* colum clearfix */

.col-one:before, .col-one:after,
.col-two:before, .col-two:after,
.col-three:before, .col-three:after,
.col-four:before, .col-four:after,
.col-five:before, .col-five::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0 !important;
}
.col-one, .col-two, .col-three, .col-four, .col-five {
	display: inline-block;
}
.col-one, .col-two, .col-three, .col-four, .col-five {
 display: block;
}


/* .half */
body.page #primary .half {
	display: table;
	min-width: 100%;
	margin-bottom:1.5em;
}

body.page #primary .half > .box {
	display: table-cell;
	padding: 0 0.5em 0 0.5em;
	list-style-type: none;
	vertical-align: top;
}
		@media only screen and (max-width: 640px) {
		body.page #primary .half > .box {
			display: block;
			padding:0 0 0.5em 0;
			text-align:left;
		}
		}

body.page #primary .page-content .half > .box p {
	padding:0 !important;
}

body.page #primary .half > .box img {
	max-width:100% ;
}
		@media only screen and (max-width: 640px) {

		body.page #primary .half > .box.img {
			display: block;
			padding: 0 0 0.5em 0;
			text-align:center;
			width:auto !important;
		}
		}

/* practice-time-guidance */

.btm-practice-time-guidance {
	margin:0 0 35px 0;
}
		@media only screen and (max-width: 960px) {
		.btm-practice-time-guidance {
			margin:0 0 10px 0;
		}
		}

.btm-practice-time-guidance h1 {
	background:#584326;
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:0 0 0 0;
	padding:0.8333333333333333em 0;
}

.btm-practice-time-guidance > .wrapper {
	border-right:solid 10px #ebe4da;
	border-bottom:solid 10px #ebe4da;
	border-left:solid 10px #ebe4da;
}
		@media only screen and (max-width: 960px) {
		.btm-practice-time-guidance > .wrapper {
			border-right:none;
			border-bottom:none;
			border-left:none;
		}
		}

.btm-practice-time-guidance > .wrapper > .inner01 {
	padding:33px 5.348460291734198% 15px 5.348460291734198%;
}
		@media only screen and (max-width: 960px) {
		.btm-practice-time-guidance > .wrapper > .inner01 {
			padding:23px 4.6875% 0;
		}
		}

.btm-practice-time-guidance > .wrapper > .inner01 > .left {
	float:left;
	width:56.07779578606159%;/*346/*/
}
		@media only screen and (max-width: 640px) {
		.btm-practice-time-guidance > .wrapper > .inner01 > .left {
			float:none;
			width:100%;
		}
		}
		
.btm-practice-time-guidance > .wrapper > .inner01 > .left img {
	margin:0 0 1em 0;
}

.btm-practice-time-guidance > .wrapper > .inner01 > .right {
	float:right;
	width:38.89789303079417%;/*240/*/
	text-align:left;
}
		@media only screen and (max-width: 640px) {
		.btm-practice-time-guidance > .wrapper > .inner01 > .right {
			float:none;
			width:100%;
		}
		}

.btm-practice-time-guidance > .wrapper > .inner01 dl {
	margin:0 0 1em 0;
	line-height:1.5;
}

.btm-practice-time-guidance > .wrapper > .inner01 dt {
	font-weight:bold;
	color:#584326;
	width:70px;
	float:left;
}

.btm-practice-time-guidance > .wrapper > .inner01 dd {
	margin:0 0 0 70px;
}

.btm-practice-time-guidance > .wrapper > .inner02 {
	padding:0 8.088235294117647% 33px;
}
		@media only screen and (max-width: 960px) {
		.btm-practice-time-guidance > .wrapper > .inner02 {
			padding:16px 4.6875%;
		}
		}

.calendar-box {
	width:45.6140350877193%;/*260/570*/
	float:left;
	margin:0 8.771929824561404% 0.5em 0;
}
		@media only screen and (max-width: 640px) {
		.calendar-box {
			width:100%;/*260/570*/
			float:none;
			margin:0 0 1em 0;
		}
		}

.calendar-box:nth-child(2n) {
	margin:0 0 0.5em 0;
}
		@media only screen and (max-width: 640px) {
		.calendar-box:nth-child(2n) {
			margin:0 0 0.5em 0;
		}
		}

/* calender */

#weekly_set tbody td {
	cursor: pointer;
}

div.isp-calendar-frame {
	width: 100%;
}

table.isp-calendar-inner {
	width: 100%;
}

.calendar-date-title {
	font-weight: bold;
	text-align: center;
	margin: 0 0 0.5em 0;
	padding: 0px;
}

table.calendar {
	background-color: #909090;
	width: 100%;
}

table.calendar td {
	padding: 3px;
	text-align: center;
	background:#fff;
}

table.calendar thead th {
	background-color: #5b4748;
	font-weight: bold;
	padding: 3px 0px;
	color:#fff;
	text-align: center;
}
	
/* sat */	
table.calendar .sat {
	color:#1453a0;
	font-weight:bold;
}
	
/* sun */	
table.calendar .sun {
	color:#ba3f3f;
	font-weight:bold;
}

/* close */
table.calendar .close {
	background-color: #ffdddc;
}

/* am */
table.calendar .am {
	background-color: #daeeff;
}
	
.widget-area .widget p.calendar-information {
	margin-bottom:0;
	line-height: 1.046153846;
}

table.calendar .space {
	background-color: #eeeeee;
}

p.calendar-information {
	float: left;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	font-size: 0.8em;
}

.block-close {
	color:#ffdddc;
	font-size:1.1em;
}

.block-am {
	color:#daeeff;
	font-size:1.1em;
}

/* google map */

#btm-map {
	margin:0 0 20px 0;
}
		@media only screen and (max-width: 960px) {
		#btm-map {
			padding:0 4.6875%;
		}
		}
		
		@media only screen and (max-width: 640px) {
		#btm-map iframe {
			height:250px;
		}
		}
		
#btm-map iframe {
	width:100%;
}

/* secondary --------------------------------------------------------------------------------- */
	 
#secondary {
	width:21.875%;/*210/960*/
	float:left;
}

		@media only screen and (max-width: 960px) {
		#secondary {
			width:100%;/*700/960*/
			float:none;
		}
		}

#secondary .bnr-box01 {}

		@media only screen and (max-width: 960px) {
		#secondary .bnr-box01 {
			padding:0 4.6875%;
		}
		}

#secondary .bnr-box01 li {
	margin:0 0 20px 0;
	text-align:center;
}

		@media only screen and (max-width: 960px) {
		#secondary .bnr-box01 li {
			float:left;
			width:47.58620689655172%;/*276/640*/
			margin:0 4.827586206896552% 20px 0;
		}
		#secondary .bnr-box01 li:nth-child(2n) {
			margin:0 0 0 0;
		}
		}

		@media only screen and (max-width: 640px) {
		#secondary .bnr-box01 li {
			margin:0 4.827586206896552% 10px 0;
		}
		}

/* ranking */
#secondary .ranking {
	background:#f8f6ee;
	line-height:1.5;
}

#secondary .ranking > .inner {
	padding:1em 1em 1em;
	text-align:left;
}

#secondary .ranking > .inner a {
	background:#fff !important;
}
		@media only screen and (max-width: 960px) {
		#secondary .ranking {
			background:#fff;
		}
		#secondary .ranking > .inner {
			display:none;
		}
		}


		
/* footer-menu --------------------------------------------------------------------------------- */

.footer-menu {
	max-width:960px;
	margin:0 auto 1em;
}

.footer-menu li {
	float:left;
	border-left:solid 1px #333;
 margin-bottom: 5px;
}

.footer-menu li:last-child {
	border-right:solid 1px #333;
}

.footer-menu li a {
	display:block;
	padding:0 10px;
	font-size:0.9em;
	line-height:1.0;
}

.footer-menu li a:link,
.footer-menu li a:visited,
.footer-menu li a:hover,
.footer-menu li a:link {
	color:#333;
}

		@media only screen and (max-width: 960px) {
		.footer-menu li:last-child {
			border-right:none;
		}
		.footer-menu li {
			width:33.333333%;
			float:left;
			text-align:center;
			border-left:none;
			border-right:solid 2px #fff;
			border-bottom:solid 2px #fff;
			box-sizing: border-box;
		}
		.footer-menu li a {
			display:block;
			padding:20px 20px;
			font-size:0.9em;
			line-height:1.3;
			background:#f8f8f8;
			text-decoration:none;
		}
		.footer-menu li a:hover {
			background:#f1f1f1;
		}
		}

		@media only screen and (max-width: 640px) {
		.footer-menu li:last-child {
			border-right:none;
		}
		.footer-menu li {
			box-sizing: border-box;
			border-bottom:solid 2px #fff;
			width:50%;
			float:left;
			text-align:center;
			border-left:none;
		}
		.footer-menu li a {
			display:block;
			padding:15px 0px;
			line-height:1.3;
			background:#f8f8f8;
		}
		}
		
		@media only screen and (max-width: 390px) {
		.footer-menu li a {
			font-size:0.8em;
		}
		}

/* footer --------------------------------------------------------------------------------- */

#footer {
	background:#f3f0eb;
}

#footer .footer-block01 {
	max-width:960px;
	margin:0 auto 0;
}
		@media screen and (max-width: 960px) {
		#footer .footer-block01 {
			padding:0 20px;
		}
		}

#footer .footer-block01 .footer-description {
	font-weight:normal;
}

#footer .footer-block01 .inner-left {
	float:left;
	padding:45px 0 35px;
}
		@media screen and (max-width: 640px) {
		#footer .footer-block01 .inner-left {
			float:none;
			text-align:center;
			padding:20px 0 10px;
		}
		}

#footer .footer-block01 .inner-right {
	float:right;
	width:140px;
	padding:64px 0 50px 0;
}

		@media screen and (max-width: 640px) {
		#footer .footer-block01 .inner-right {
			float:none;
			text-align:center;
			margin:0 auto 0;
			padding:10px 0 21px 0;
		}
		}

#footer .footer-block01 .inner-left h2 {
	font-size:1.285714285714286em;
	font-weight:bold;
	line-height:1.8;
}

#footer .footer-block01 .inner-left a {
	text-decoration:none;
	color:#333;
}

#footer .footer-block02 {
	width:100%;
	line-height:50px;
	background:#bca40e;
	color:#fff;
	text-align:center;
}
		@media screen and (max-width: 640px) {
		#footer .footer-block02 {
			font-size:0.8em;
		}
		}

/* Pagetop --------------------------------------------------------------------------------- */

#pagetop {
  position: fixed;
  bottom: 50px;
  right: 10px;
}
		@media screen and (max-width: 1024px) {
		#pagetop {
			display:none;
		}
		}

/* blog --------------------------------------------------------------------------------- */

/* blog inner */

.blog-inner {
	padding:0 0 2em 0;
}

/* blog layout */

.alignleft {
  float: left;
  margin:0 0 1em 15px;
}

.alignright {
  float: right;
  margin:0 0 1em 15px;
}

.aligncenter {
	display:block;
  margin:0 auto 1em auto;
}
		@media only screen and (max-width: 960px) {
		.alignleft, .alignright {
			max-width: 100%;
			float:none;
			display: block;
			margin:0 auto 1em !important;
			text-align:center;
		}
		}
		@media only screen and (max-width: 480px) {
		.alignleft img, .alignright img {
			width:100%;
		}			
		.alignleft, .alignright {
			width:100%;
		}			
		}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: .8em;
}
.wp-caption .wp-caption-text {
	margin: 0px;
	padding: 8px 0px 0px 0px;
	text-align: center;
}

/* blog sidebar */

.blog-box {
	margin:0 0 10px 0;
}

.blog-box.last {
	margin:0 0 20px 0;
}

.blog-box li {
	background:#f8f6ee;
	margin:0 0 1px 0;
}

.blog-box a {
	display:block;
	padding:0.3em 10px 0.3em 20px;
	background:url(../images/common/arw_link_pc.png) no-repeat 10px 0.8em;
}

.blog-box a:link,
.blog-box a:visited,
.blog-box a:hover,
.blog-box a:active {
	text-decoration:none;
	color:#333;
}

.blog-box a:hover,
.blog-box a:active {
	background:url(../images/common/arw_link_pc.png) no-repeat 10px 0.8em #fbfaf7;
}

.blog-box-title {
	background:#584326;
	color:#fff;
	font-weight:bold;
	padding:0.5em 0.5em;
	text-align:center;
}

/**/

article.type-post {
	padding:0 0 1em 0;
}

/**/

.post-header {
	text-align:right;
}

.post-header ul,
.post-header li {
	display:inline;
}

/* Pagenate */

.paginate {
	position: relative;
	width: 100%;
}

.paginate a {
	display: block;
	background:#efead8;
}

.paginate .previous a:link,
.paginate .next a:link {
	text-decoration:none;
	color:#55390b;
	font-weight:bold;
}

.paginate .previous,
.paginate .next {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #17553a;
	line-height: 50px;
	text-align: center;
	color: #fff
}

.paginate .previous:hover,
.paginate .next:hover {
	background-color: #266c4d
}

.paginate .previous {
	top: 0;
	left: 0
}

.paginate .btn-bloglist a:link,
.paginate .btn-bloglist a:visited {
	text-decoration:none;
	color:#55390b;
	font-weight:bold;
}	

.paginate .btn-bloglist a:hover,
.paginate .btn-bloglist a:active {
	background:#f5f2e9;
}	

.paginate .next {
	top: 0;
	right: 0
}

.paginate .btn-bloglist {
	display: inline-block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center
}

/* pager */

#pagenavi {
	margin:0 0 20px 0;
}

#pagenavi a,
#pagenavi span {
	float: left;
	display: block;
	width: 50px;
	margin:0 1px 1px 0;
	text-align: center;
	line-height: 50px;
	color: #999;
	font-size: 11px;
	background:#f8f8f8;
}

#pagenavi span.current {
	background-color: #176d48;
	color:#fff;
}

#pagenavi a.prev {
	width: 50px;
	padding-left: 30px;
	text-align: left;
}

#pagenavi a.next {
	width: 54px;
	padding-left: 15px;
	text-align: left;
}

#pagenavi a:link,
#pagenavi a:visited {
	text-decoration: none;
	background:#f8f8f8;
}
#pagenavi a:hover,
#pagenavi a:active {
	background-color: #eee;
	text-decoration: none;
}

#pagenavi a.prev:link,
#pagenavi a.prev:visited {background-color: transparent;background-position: 8px center;}
#pagenavi a.prev:hover,
#pagenavi a.prev:active {}
#pagenavi a.next:link,
#pagenavi a.next:visited {background-color: transparent;background-position: 55px center;}
#pagenavi a.next:hover,
#pagenavi a.next:active {}

#pagenavi .page {
	font-size:12px;
}

#pagenavi .larger {
	font-size:12px !important;
}

/* etc --------------------------------------------------------------------------------- */

/* .size */

.size_10 { width: 10%; }
.size_15 { width: 10%; }
.size_20 { width: 20%; }
.size_25 { width: 25%; }
.size_30 { width: 30%; }
.size_33 { width: 33.33%; }
.size_40 { width: 40%; }
.size_45 { width: 45%; }
.size_50 { width: 50%; }
.size_60 { width: 60%; }
.size_66 { width: 66.66%; }
.size_70 { width: 70%; }
.size_75 { width: 75%; }
.size_80 { width: 80%; }
.size_90 { width: 90%; }

/* font-size */

.smallest {
	font-size: 0.4em !important;
}

.smaller {
	font-size: 0.6em !important;
}

.small {
	font-size: 0.8em !important;
}

.normal {
	font-size: 1.0em !important;
}

.large {
	font-size: 1.1em !important;
}

.larger {
	font-size: 1.3em !important;
}

.largest {
	font-size: 1.5em !important;
}

/**/

.m00 { margin: 0px !important;}
.m05 { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m15 { margin: 15px !important;}
.m20 { margin: 20px !important;}
.m25 { margin: 25px !important;}
.m30 { margin: 30px !important;}
.m35 { margin: 35px !important;}
.m40 { margin: 40px !important;}

.mt00 { margin-top: 0 !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}

.mb00 { margin-bottom: 0 !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left: 0 !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}

.mr00 { margin-right: 0 !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr40 { margin-right: 40px !important;}

.m1em { margin: 1em !important;}
.mt1em { margin-top: 1em !important;}
.mb1em { margin-bottom: 1em !important;}
.ml1em { margin-left: 1em !important;}
.mr1em { margin-right: 1em !important;}

.m1_5em { margin: 1.5em !important;}
.mt1_5em { margin-top: 1.5em !important;}
.mb1_5em { margin-bottom: 1.5em !important;}
.ml1_5em { margin-left: 1.5em !important;}
.mr1_5em { margin-right: 1.5em !important;}

.m2em { margin: 2em !important;}
.mt2em { margin-top: 2em !important;}
.mb2em { margin-bottom: 2em !important;}
.ml2em { margin-left: 2em !important;}
.mr2em { margin-right: 2em !important;}

.p00 { padding: 0px !important;}
.p05 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p30 { padding: 30px !important;}
.p40 { padding: 40px !important;}

.pt00 { padding-top: 0 !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt40 { padding-top: 40px !important;}

.pb00 { padding-bottom: 0 !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}

.pl00 { padding-left: 0 !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl40 { padding-left: 40px !important;}

.pr00 { padding-right: 0 !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr40 { padding-right: 40px !important;}

.p0_5em { padding: 0.5em !important;}
.pt0_5em { padding-top: 0.5em !important;}
.pb0_5em { padding-bottom: 0.5em !important;}
.pl0_5em { padding-left: 0.5em !important;}
.pr0_5em { padding-right: 0.5em !important;}

.p1em { padding: 1em !important;}
.pt1em { padding-top: 1em !important;}
.pb1em { padding-bottom: 1em !important;}
.pl1em { padding-left: 1em !important;}
.pr1em { padding-right: 1em !important;}

.p1_5em { padding: 1.5em !important;}
.pt1_5em { padding-top: 1.5em !important;}
.pb1_5em { padding-bottom: 1.5em !important;}
.pl1_5em { padding-left: 1.5em !important;}
.pr1_5em { padding-right: 1.5em !important;}