body{color: #72640c;background-color: #F5F5F5;}
h1.title{
	font-size: 26px;
	vertical-align: middle;
}
h2.title{
	font-size: 18px;
	background: url(list.gif);
	background-repeat: no-repeat;
	background-position: 0 center; 
}
span.wbr{display: inline-block;line-height: 1em;}
p.border{
	padding: 0.5em;
	font-weight: bold;
	font-size: 22px;
	line-height: 1em;
	vertical-align: middle;
	margin: 0 auto;
	border-bottom: solid 5px #f7d358;
	background: #F5F6CE;
}
.article p,.header p{
	font-size: 16px;
	line-height: 1.2em
}
p.s-title,.accordion{display: none;}

.wrapper,.globalnav,.content{width: auto;}
a.btn{width: 100px;}

/*ココカラ*/
h2.s-title{display: none;}
h3.title {font-size: 16px;}
h1.border {padding: 0.5em;line-height: 1em;vertical-align: middle;margin: 0 auto;font-size: 22px;border-bottom: solid 5px #f7d358;background: #F5F6CE;}
span.blog_btn{font-size: 90%;}
a.square_btn{width: 100px;}
/*ココマデ*/

.table1,td{border-collapse: collapse;width: auto;padding: 0 10px;}
p.resize img{
	width: 80%;
}
p.resize2 img{
	width: 100%;
}
@media only screen and (min-width:640px){
h1.title {
	font-size: 45px;
	margin-bottom: 2px;
}
h2.title{
	font-size: 20px;
}
p.border{
	font-size: x-large;
	font-weight: bold;
	}
.article p,.header p{
	font-size: 16px;
}
p.s-title{
	display: inline;
	font-size: 16px;
	font-weight: bold;
}
.wrapper,.globalnav,.content{
	width: auto;
}

/* ボタン移行 */
h3.title {font-size: 18px;}
h1.border {font-size: 25px;}
h2.s-title{display: inline;font-size: 16px;}
a.square_btn{width: 130px;}
a.blog_btn{width: 130px;}
/* ボタンココマデ */

.table1,td{width: 507px;}
p.resize img{
	width: 380px;
}
p.resize2 img{
	width: 460px;
}
}
@media only screen and (min-width:959px){
/*ココカラ*/
h1.border {font-size: 28px;}
h2.s-title{display: inline;font-size: 18px;}
/*ココマデ*/
h1.title{
	font-size: 50px;
	margin-bottom: 8px;
}
h2.title{
	font-size: 22px;
}
p.border{
	font-size: x-large;
	font-weight: bold;
}
.article p,.header p{
	font-size: 18px;
}
p.s-title{
	display: inline;
	font-size: 18px;
	font-weight: bold;
}
.wrapper{
	width: 940px;
}
.globalnav{width: 150px;float: left;}
a.menu{width: 130px;}
.accordion{display: block;}
a.blogs{width: 130px;}
.content{
	width: 790px;
	float: left;
}
.article{
	padding: 0 0.8em 0 0.8em;
}
}

.wrapper{
	clear: both;
	margin: 0 auto;
	padding: 10px;
	border: 1px #808000;
	border-radius: 3px;
	background: #f9e697;
	overflow: hidden;
}
.header{
	display: block;
	padding: 10px;
	border: solid 1px #808000;
	border-radius: 3px;
	background-image: url("title.jpg");
	text-align: center;
}
.title{
	border-radius: 8px;
	background-color: rgba(255,255,255,0.5);
}

.outer{
	margin: 0 auto;
	border: 1px #808000;
	border-radius: 3px;
	background: #fbfbef;
	overflow: hidden;
}
.globalnav{
	display: block;
	clear:both;
	background: #fbfbef;
	padding:2px 0;
	text-align: center;
	line-height: 1em;
	overflow: hidden;
	}

/*b1*/
div.menu,div.menu:after{
	display: inline-block;
	clear: both;
	background: #fbfbef;
	vertical-align: bottom;
	overflow: hidden;
}
div.menu:before,div.menu:after{
	display: block;
	overflow: hidden;
	content: "";
}

a.btn{
	display: inline-block;
	float: left;
	margin: 3px 1px;
	padding: 4px 1px;
	border-radius: 6px;
	color: #c08e47;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	transition: .4s;
	overflow: hidden;
}
a.menu{
	border: solid 4px #f7d358;
	background: #fbfbef;
	overflow: hidden;
}
a.blogs{
	width: 130px;
	border: solid 4px #c8d85b;
	background: #f7f39c;
	overflow: hidden;
}
a.menu:hover{
	background: #f7d358;
	color: white;
}
/*b2*/

.box p{
	margin: 1em 0; 
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
}
.orange{
	margin: 1em 0 0 0;
	padding: 0 0 1em 0;
	border-top: solid 10px #e3ab30;
	background: #F8ECE0;
	color: #e3ab30;
}
.blue{
	padding: 0 0 1em 0;
	border-top: solid 10px #6bb6bb;
	background: #EFF2FB;
	color: #6bb6bb;
}
div.blogs{
	display: inline-block;
	clear: both;
	vertical-align: bottom;
}
a.blogs:hover{
	background: #c8d85b;
	color: white;
}

/* 移行期間用ボタン1 */
div.square_btn{display: inline-block;background: #fbfbef;vertical-align: bottom;overflow : hidden;clear: both;}
div.square_btn:before,div.square_btn:after {content: "";display: block;}
div.square_btn:after {clear: both;}
a.square_btn{display: inline-block;padding: 4px 1px;text-decoration: none;text-align: center;font-weight: bold;color: #c08e47;border: solid 4px #f7d358;border-radius: 6px;margin: 1px;transition: .4s;background: #fbfbef;float: left;overflow : hidden;}
a.square_btn:hover{background: #f7d358;color: white;}
.box1{padding: 0 0 1em 0;margin: 1em 0 0 0;color: #e3ab30;background: #F8ECE0;border-top: solid 10px #e3ab30;}
.box1 p{text-decoration: none;text-align: center;font-weight: bold;margin: 1em 0; padding: 0;}
.box2{padding: 0 0 1em 0;margin: 0;color: #6bb6bb;background: #EFF2FB;border-top: solid 10px #6bb6bb;}
.box2 p{text-decoration: none;text-align: center;font-weight: bold;margin: 1em 0; padding: 0;}
div.blog_btn{display: inline-block;background: #transparent;vertical-align: bottom;overflow : hidden;clear: both;}
a.blog_btn{display: inline-block;padding: 4px 1px;width: 130px;text-decoration: none;text-align: center;font-weight: bold;color: #c08e47;border: solid 4px #c8d85b;border-radius: 6px;margin: 1px;transition: .4s;background: #f7f39c;float: left;overflow : hidden;}
a.blog_btn:hover{background: #c8d85b;color: white;}
/* ここまで */

.content{
	display: block;
	}
.inner{
	clear: both;
	border: solid 1px #808000;
	border-radius: 3px;
	background: #ffffff;
	overflow: hidden;
}
.article{
	display: block;
	margin: 0 auto;
	padding: 0 0.5em 0 1em;
	overflow: hidden;
}
.text{
	display: inline-block;
	padding: 0 0.4em 0 0.4em;
	overflow: hidden;
}
p.lead {
	margin-top: 8px;
	margin-bottom: 0.4em;
}
p.detail {
	margin-top: 0.4em;
	margin-bottom: 1.5em;
}
tr.table1{text-align: center;}
td{border:1px solid #333;}
td.w146{width: 146px;}
td.w250{width: 250px;}
td.w327{width: auto;}
img{border-style:none;}
img.middle{
	float: left;
	vertical-align: middle;
}
.footer{width: auto;height: 2em;text-align:center}
.footer:before,.footer:after{display: block;content: "";}
.footer:after{clear: both;}