@charset "UTF-8";

/* ============= Start Menu =================*/
.top_menu{
	/* width: 1200px; */
	margin:auto;
	background: #AD418C;
}
.top_menu ul{
	list-style:none;
	border-bottom: 4px solid #FFFFFF;
	padding:0px;
	margin:0px;
	position:relative;
	/* background-color: #23B215; */
	text-align: center;
	padding: 5px 0;
	box-shadow: 0 20px 10px -20px #000;
}
.top_menu ul:after{
	content:"";
	clear:both;
	display:block;
}
.top_menu ul li{
	display:inline-block;
	text-align:center;
	position:relative;
	box-sizing:border-box;
}

.top_menu ul li:first-child{
	margin-left:0px;
}
.top_menu ul li:after{
	content:"";
	width:12px;
	height:12px;
	/* background-color: #88B688; */
	position:absolute;
	border-radius:50%;
	left:0;
	bottom:0;
	margin-left: 49%;
	margin-bottom:-7px;
}
.top_menu ul li:hover:after{
	/* background-color: #FF7A18; */
}
.top_menu ul li a:hover{
	/* color: #4D9AF2 !important; */
}
.top_menu ul li:hover:after{
	border-color:#000;
}
.top_menu ul li:hover a{
	color: #FFFFFF !important;
	background: #9BB555;
}
.top_menu ul li:first-child:before{
	content:"";
	position:absolute;
	left:0;

}

.top_menu ul li:hover{
	
/* background: rebeccapurple; */
}

.top_menu ul li:first-child a{
	/* color:#fff; */
}
.top_menu ul li a{
	text-decoration:none;
	display:block;
	color: #FFFFFF;
	font-size: 13px;
	padding: 10px 56px;
	/* background: #D26466; */
	/* border: 2px solid #fff; */
	text-shadow: 1px 1px 1px #000;
}
@media screen and (max-width: 480px) {
	.top_menu{
		width: 100%;
	}
	.top_menu ul{
		background-color: #fff;
	}
 .top_menu ul{
	list-style:none;
	border-bottom:0px;
	padding:0px;
	margin:0px;
	position:relative;
}
.top_menu ul li{
	display:block;
	text-align:center;
	width:100%;
	/* padding: 7px 0px; */
	position:relative;
	box-sizing:border-box;
	margin-left:0px;
	background: #AD418C;
}
.top_menu ul li:first-child{
	/* background-color: #6ABF63; */
}
.top_menu ul li:first-child a{
	color:#fff !important;
	padding: 0;
}
.top_menu ul li:hover{
	background-color: #88B688;
}.top_menu ul li:after{
	content:none;
}
.top_menu ul li:hover a{
	color:#fff !important;
	/* line-height: 42px; */
}
.top_menu ul li:first-child a{
	color:#fff;

}
.top_menu ul li a{
	text-decoration:none;
	display:block;
	color: #FFFFFF;
	padding: 0;
	line-height: 44px;
}
}  

/* ============= End Menu =================*/


body
{
	background: url(../images/bg.png) fixed #88B688;
	color: #333;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:2em;
	font-size: 15px;
	background-color: #76985A;
	/* background-image: url("http://www.transparenttextures.com/patterns/concrete-wall.png"); *//* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	/* background-color: #7EA21F; */
	/* background-image: url("http://www.transparenttextures.com/patterns/crissxcross.png"); *//* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	background-color: #6397C7;
	background-image: url("http://www.transparenttextures.com/patterns/dark-stripes-light.png");/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
	background-color: #CA76B0;
	background-image: url("http://www.transparenttextures.com/patterns/debut-light.png");/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
*
{
	margin:0;
	padding: 0;
}
a
{
	color: #FF7A18;
	text-decoration: none;
}
a:hover
{
	/* color: #41C4CC; */
	text-decoration: underline;
}
p
{
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0;
	margin-top: 10px;
}
.blog_header
{
	clear: both;
	margin: auto;
	padding: 0;
	width: 1200px;
	padding-bottom: 0;
	min-width: 1200px;
	\: #FFFFFF;
}
.blog_header:after
{
	content: "";
	display: block;
	clear: both;
}
.BODY_section
{
	width: 1200px;
	margin: auto;
	background: #FFFFFF;
	padding-top: 15px;
}
.BODY_section:after
{
	content: "";
	display: block;
	clear: both;
}
.BIG_tittle{
	background: #587113;
	width: 1200px;
	min-width: 1000px;
}
h1
{
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-size: 17px;
	margin: 0;
	padding: 15px 0;
	margin-top: 0px;
}

/* ============== start h2 ==================*/
h2 {
    background-color: #587113;
    padding:5px;
    text-align:center;
    color:#fff;
    position:relative;
    /* box-shadow:0px 2px 2px #333; */
    line-height: 47px;
    overflow: hidden;
}
h2:after{
    content:"";
    position:absolute;
    width: 100%;
    height: 7px;
    /* background-color: #3A85CA; */
    margin-top: -1px;
    left:0;
    top:0;
    /* margin-left:35%; */
    box-shadow: 0px 3px 6px #333;-
}

/* ============== start h2 ==================*/

h3
{
	font-size: 14px;
	padding-left: 20px;
	/* color: #38A5AB; */
	overflow: hidden;
	margin-top: 25px;
	border-bottom: 1px solid #E0E0E0;
}
.catlog_image
{
	width: 1200px;
	margin: auto;
	min-width: inherit;
	padding: 0;
	overflow: hidden;
	/* background: url(../images/bg.png) fixed#D26466; */
}
.subimage_tmp{
	width: 1200px;
	margin:auto;
	box-shadow: none;
}
.img_main
{
	width: 100%;
	margin: auto;
	padding: 0;
	margin-bottom: -9px;
}


.side_nav
{
	margin: 0;
	padding: 0;
	background-color: transparent;
}
.side_nav ul
{
	list-style: none;
	text-align: center;
	margin-bottom: 20px;
	/* background: #E6E6E6; */
}
.side_nav li
{
	margin: 0;
	padding: 0;
	clear: both;
	margin-bottom: 1px;
}
.side_nav li a
{
	display: block;
	color: #FFFFFF;
	padding: 8px 0;
	font-size: 13px;
	background: #38A5AB;
}
.side_nav li a:hover
{
	text-decoration: none;
	background: rgb(84, 213, 220);
	color: #484848;
	border-color: #fff;
}
.content_news img
{
	width: 32%;
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	padding-bottom:0;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0;
}
.image_block_style_01
{
	width: 30%;
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	margin-top: 11px;
	margin-left: 10px;
	padding: 0;
}
.image_block_style_02
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.image_block_style_03
{
	width: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 0 0 1px #000;
}
.image_block_style_04
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.main_controller_main
{
	/* width: 50%; */
	float: left;
	margin: 0;
	padding: 10px;
}
.main_controller_main:after
{
content: "";
display: block;
clear: both;
}

.main_controller_main_sub{
	/* width: 50%; */
	float: left;
	margin: 0;
	padding: 10px;
}
.main_controller_main_sub:after
{
content: "";
display: block;
clear: both;
}
.nav_side_right
{
	width: 22%;
	float: right;
	margin: 0;
	padding: 10px;
}
.nav_side_right:after
{
content: "";
display: block;
clear: both;
}
.nav_side_left{
	width: 22%;
	float: left;
	margin: 0;
	padding: 10px;
}
.nav_side_left:after
{
content: "";
display: block;
clear: both;
}
.

.static_frame
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.static_frame:after
{
	content: "";
	display: block;
	clear: both;
}
.content_link
{
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}
.content_link:after
{
	content: "";
	display: block;
	clear: both;
}
.content_news
{
	width: 100%;
	background-color: #fff;
}
.content_news:after
{
	content: "";
	display: block;
	clear: both;
}
.content_news
{
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 5px #000;
}
.content_news:after
{
	content: "";
	display: block;
	clear: both;
}
.block_information_01
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.block_information_01:after
{
	content: "";
	display: block;
	clear: both;
}
.block_information_02
{
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 47px;
}
.block_information_02:first-child
{
	margin-left: 0px;
}
.block_information_02:nth-child(2)
{
	margin-right: 0px;
}
.block_information_02:nth-child(4)
{
	margin-right: 0px;
}
.block_information_02:after
{
	content: "";
	display: block;
	clear: both;
}
.group_block_03
{
	width: 31%;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 24px;
}
.group_block_03:first-child
{
	margin-left: 0px;
}
.group_block_03:nth-child(3)
{
	margin-right: 0px;
}
.group_block_03:nth-child(6)
{
	margin-right: 0px;
}
.group_block_03:after
{
	content: "";
	display: block;
	clear: both;
}
.block_information_04
{
	width: 100%;
	margin: 0;
	padding: 0;
}
.block_information_04:first-child
{
	margin-left: 0px;
}
.block_information_04:nth-child(4)
{
	margin-right: 0px;
}
.block_information_04:after
{
	content: "";
	display: block;
	clear: both;
}
.group_block:after
{
	content: "";
	display: block;
	clear: both;
}
.group_block
{
	background-color: rgb(241, 241, 241);
	box-shadow: 0 0 1px #FE7A33;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.content_link ul
{
	list-style: none;
	padding-top: 10px;
}
.content_link li
{
	border-bottom: 1px solid #E6E6E6;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 40px;
}
p.more_about a
{
	float: right;
	color: #FFFFFF;
	background-color: #AD418C;
	text-align: center;
	text-decoration: none;
	margin: 0px;
	padding: 4px 13px;
	/* border: 2px solid #906DC3; */
}
p.more_about a:hover
{
	text-decoration: none;
	color: #fff;
	background: #587113;
}
.main_footer
{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	margin: auto;
	width: 1000px;
	height: auto;
	min-width: 1200px;
	text-align: center;
	background-color: #587113;
	word-wrap: break-word;
	margin-top: 10px;
	border-top: 2px solid #fff;
}
.main_footer a
{
	color: #FFFFFF;
	text-decoration: none;
}
.main_footer a:hover
{
	/* color: #0058FF; */
	text-decoration: underline;
}


.navi_foot ul{
	display:flex;
	justify-content:center;
}
.navi_foot ul li {
	display:inline-block;
}
.navi_foot ul li a{
	padding: 10px 25px;
	color: #FFFFFF;
	font-size: 12px;
}
.navi_foot ul li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.main_footer
{
	width: 1200px;
}




@media screen and (max-width: 480px){
.BODY_section
{
	width: 92%;
	min-width: inherit;
	padding-top: 0px;
}
.BIG_tittle{
	width: 100%;
	min-width: inherit;	
}
h1
{
	font-size: 14px;
}
.blog_header
{
width: 100%;
min-width: inherit;
padding: 0;
box-shadow: none;margin: auto;margin-bottom: 10px;/* background-color: transparent; */}
.catlog_image
{
	width: 100%;
	min-width: inherit;
	margin-bottom: -9px;
	background-color: rgb(255, 255, 255);
}
.subimage_tmp{
	width:100%;
	min-width:inherit;
	margin:auto;
	box-shadow: none;
}
.img_main
{
	border-radius: 0;
}

.main_controller_main,.main_controller_main_sub
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-radius: 0;
	float: none;
}
.nav_side_right,.nav_side_left
{
	width: 100%;
	margin: 0;
	padding: 0;
	border-radius: 0;
	float: none;
}
.content_news,
.content_news,
.block_information_01,
.block_information_02,
.group_block_03,
.block_information_04
{
	float: none;
	width: 100%;
	padding: 0;
	margin: 0;
}
.group_block
{
	width: 100%;
	padding: 0;
	margin: auto;
	float: none;
	margin-bottom: 20px;
	padding-bottom: 40px;
}
.content_news img,
.content_news img,
.image_block_style_01,
.image_block_style_02,
.image_block_style_03,
.image_block_style_04
{
	width: 100%;
	padding: 0;
	margin:0;
	float: none;
}


.navi_foot ul{
	display: block;
	text-align: center;
}
.navi_foot ul li {
	display: block;
}
.navi_foot ul li a{
	padding: 5px 0;
	color: #FF7A18;
	display: block;
	background: #F9F9F9;
	border-bottom: 1px solid #ddd;
}
.navi_foot ul li a:hover{
	color: #353535;
	background: #B0F5F9;
	text-decoration: none;
}
.main_footer
{
	width: 100%;
	min-width: inherit;
	padding-top: 0;
}


}/*end-mobile*/
.social
{
	width: 100%;
	text-align: center;
	margin: auto;
	display:flex;
	justify-content: center;
	padding: 15px 0;
}
.pocket-btn
{
	margin-top: 1px;
	margin-right:-3px;
}