@charset "utf-8";

@import url("default.css");
@import url("bootstrap.css");
@import url("module.css");
@import url("style.css");
@import url("lightbox.css");
@import url("jquery.bxslider.css");

#main .mityau {
	color:#FF0000;
}

 /*コンテンツ部分*/
#content .title {
	color: #79483b;
	background-color: #f3eeed;
	font-size: 131%;
	line-height:150%;
	margin: 40px 0 20px;
	padding: 10px 10px 10px 40px;
	background-image: url(../img/h3.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#content h1{padding:5px 0;font-size:24px;line-height:26px; margin:0;}
#content h2{padding:5px 0;font-size:22px;line-height:24px; color:#000; border:none;margin:0;}
#content h3{padding:5px 0;font-size:20px;line-height:22px; color:#000; background:none;margin:0;}
#content h4{padding:5px 0;font-size:18px;line-height:20px;margin:0;}
#content h5{padding:5px 0;font-size:16px;line-height:18px;}
#content h6{padding:5px 0;font-size:14px;line-height:16px;}
#content ul{margin-left:25px;padding-left:0px;list-style-type:disc;}
#content ol{margin-left:30px;padding-left:0px;list-style-type:decimal;}
#content .postmetadata{text-align:right;font-size:12px;white-space:nowrap;float:right;margin:20px 0;}
#content .postmetadata a{color:#333;}
#content .tags{float:left;margin-top:20px;}
#content .tags a{color:#fff;background-color:#333;text-decoration:none;padding:0 10px;border-radius:999px;font-size:11px;margin-right:3px;}
#content .tags a:hover{background-color:#444;}
#content table{border:1px solid #ccc;}
#content th,
#content td{padding:5px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-size:13px;line-height:20px;}

/*ページナビゲーション*/
.navigation{clear:both;padding:0;font-size:11px;line-height:27px;text-align:center;overflow:hidden;margin:20px 0;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:3px;margin:0 2px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft{float:left;}
.navigation div.alignright{float:right;}
.navigation div.alignleft a,
.navigation div.alignright a{margin:0;}
.navigation span{color:#fff;padding:5px 10px;border-radius:3px;margin:2px;}
.navigation span.current{background-color:#333;}
.navigation span.pages{background-color:#ccc;padding:5px 20px;}

/*画像*/
#content .thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;border-radius:3px}
#content img.alignleft{float:left;margin:0 20px 20px 0;}
#content img.alignright{float:right;margin:0 0 20px 20px;}
#content .aligncenter{clear:both;display:block;margin:auto;}
#content .wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;text-align:center;padding:7px 2px;}
#content .wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
#content .wp-caption.alignright{float:right;margin:0 0 15px 15px;}
#content .wp-caption img{margin:0;}
#content .wp-caption .wp-caption-text{color:#333;font-size:12px;margin:7px 0 0;}
#content .gallery{margin:0 auto 18px;padding:0 0 25px;}
#content .gallery-caption{color:#888;font-size:12px;margin:0;line-height:17px;padding:8px;}
#content .gallery img.attachment-thumbnail{border:1px solid #ccc;padding:5px;}

@media screen and (min-width: 781px) {
.col-7-moji_1 { width:392px; }
.col-7-moji_2 { width:379px; }
.col-8-moji_1 { width:448px; }
.col-8-moji_2 { width:435px; }
.col-12-moji_1 { width:700px; }
.idea_s { width:680px; margin:0 auto; }
.pcnone { display:none }
}

/* 780px以下用（タブレット用）の記述 */
@media screen and (max-width: 780px) {
html { -webkit-text-size-adjust: 100%; }
img { max-width : 100%; height: auto; }
body { background-image: none; }
.hide {display:none;}
#wrapper { width: 95%; background-image: none; }
.facilities_640 { width: 100%; }
.inner { width: 95%; }
header#globalHeader { width: 100%; padding: 0; margin: 10px 0; }
.header_nav {display:none;}
#sp_globalnavi { padding: 0; margin-bottom: 20px; display:block; }
#sp_globalnavi ul { border-bottom: 2px solid #79483b; border-left: 1px solid #79483b; float: left; margin: 0; list-style: none; }
#sp_globalnavi ul li { float: left; text-align: center; width: 49.7%; border-top: 2px solid #79483b; border-left: none; border-bottom: none; border-right: 1px solid #79483b; margin: 0; background-color: #ffffff; }
#sp_globalnavi ul li a { padding: 3px 0; text-decoration: none; color: #79483b; display: block; }
#sp_globalnavi ul li a:hover { background-color: #79483b; color: #ffffff; }
#contents { width: 100%; padding: 0; }
#main { float: none; width: 100%; padding: 0; }
#side { float: none; clear: both; width: 100%; border-top: solid 2px #79483b; background-color: #f6f2f1; padding-top:0; }
#side nav dd a { margin-left:0;}
#side nav ul { border:none;}
#globalFooter { width: 100%; }
input[type="text"] { width: 100%; }
textarea { width: 100%; }
iframe { max-width: 100%; }
#main .layout table { width: 100%;}
.row1 .grid,
.row2 .grid,
.row3 .grid,
.row4 .grid,
.row5 .grid,
.row6 .grid { width: 100%; }
.grid { float: none; display: block; margin-left: 0; margin-bottom: 10px; width: 100%; text-align: center; }
#main .layout table { width: 100%;}
}

/* 767px以下用（タブレット／スマートフォン横用）の記述 */
@media screen and (max-width: 767px) {
html { -webkit-text-size-adjust: 100%; }
.header_access { clear: both; float: none; margin: 10px auto; padding-top: 20px; }
#main .layout table { width: 70%;}
#side nav li  { font-size: 108%; }
.subnav li {	width:47%; 	margin-right:3%;}
.subnav_b li {	width:47%; 	margin-right:3%;}
.top_topics { width: 100%; 	height:auto;	}
.top_class { width: 100%; 	height:auto; text-align:center; }
.top_class .class_s { float:none; }
.top_grid_sp { width: 100%; }
.header_nav { width:277px; margin: 0 auto; }
.top_grid_sp{ width:100%;}
.top_grid_sp_img { width:20%;}
#main .layout table { width: 100%;}
}

@media screen and (max-width:480px) { /* スマートフォン縦用 */
html { -webkit-text-size-adjust: 100%; }
img { max-width : 100%; height: auto; }
.col-xs-12 img { margin: 0px auto; max-width:70%; }
.big img { max-width : 100%; height: auto; }
#main img { width : 100%; height: auto; }
.imgL,
.imgR,
.caption_left,
.caption_right { float: none; margin: 0; }
body { background-image: none; }
#wrapper { width: 95%; background-image: none; }
.facilities_640 { width: 100%; }
.inner { width: 95%; }
header#globalHeader { width: 100%; padding: 0; margin: 10px 0; }
#contents { width: 100%; padding: 0; }
#main { float: none; width: 100%; padding: 0; }
#side { float: none; clear: both; width: 100%; border-top: solid 2px #79483b; background-color: #f6f2f1; }
#side nav dd a { margin-left:30px;}
#side nav ul { border-top:solid 1px #79483b; }
#globalFooter { width: 100%; }
footer#globalFooter p.copyright { float: none; padding-bottom: 5px; }
#topicpath { display: none; }
h2 { text-align: center; }
.subnav { display: none; }
.subnav_b li {	width:100%;}
.subnav_ange li { float:none; width:100%;}
.subnav_ange2 li { float:none; width:100%;}
#nav a:hover { color: #333333; text-decoration: none; background: #ffffff; }
#nav ul { list-style: none; border-top: 1px solid #FFFFFF; }
#nav ul li { list-style-type: none; display: inline; float: left; width: 50%; }
#nav ul li a { display: block; text-decoration: none; background: #999999; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 5px; color: #ffffff; }
.top_topics { width: 100%; height: auto; }
.top_class { width: 100%; height: auto; text-align: center; }
.top_class .class_s { float: none; }
.top_grid_sp { width: 100%; }
.top_grid_sp_img { width: 50%; float: left; }
.header_nav { width: 277px; margin: 0 auto; }
.imgL,
.imgR { float: none; }
input[type="text"] { width: 100%; }
textarea { width: 100%; }
iframe { max-width: 100%; }
table .sp tr { display: block; }
.sp th,
.sp td { display: list-item; list-style: none; border: none; }
#main th { white-space: normal; }
.gotop { text-align: center; margin-left: 0; }
#main .layout table { width: auto; margin: 0 auto; }
.row1 .grid,
.row2 .grid,
.row3 .grid,
.row4 .grid,
.row5 .grid,
.row6 .grid { width: 100%; }
.grid { float: none; display: block; margin-left: 0; margin-bottom: 10px; width: 100%; text-align: center; }
.smallimg { width:100%;text-align:center;}
.smallimg img { margin: 0px auto; max-width:70%;}
.smallimg2 { width:100%;}
.smallimg2 img {max-width:30%;}
#main .layout table { width: 100%;}
}