/*

Theme Name: M_style

Theme URI: http://www.comman.co.jp

Description: カンマン制作用の基礎テーマ

Author: COMMAN inc.

Author URI: http://www.comman.co.jp

*/

/* CSS Document */

html{
}
body{
	padding:0px;
	margin: 0px;
	background-color: #FFF;
	width: 100%;
	font-family: "メイリオ", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.05em;
	word-wrap: break-word;
}
h1,h2,h3,h4{
display: block;
	margin: 2% 0% 2% 0%;
	-webkit-margin-before: 0%;
	-webkit-margin-after: 0%;
	-webkit-margin-start: 0%;
	-webkit-margin-end: 0%;
	font-weight: normal;
}
a img{
	border-style: none;
	border: 0;
	vertical-align: bottom;
}

ul, menu, dir {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
.bg_color_grey{
	background-color: #EEE;
}
.dot_bg{
	background: url(images/common/dot_bg.gif)repeat;
}
@media screen and (max-width: 1200px){
	html,body{
		min-width: 310px;
		width: 1200px;
	}
}
@media screen and (max-width: 624px){
	html,body{
		min-width: 310px;
		width: 100%;
	}
}
/* ----------------------------------------------------- 
 font size setting
----------------------------------------------------- */

p{
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
h1,h2,h3,h4{
display: block;
	margin: 2% 0% 2% 0%;
	-webkit-margin-before: 0%;
	-webkit-margin-after: 0%;
	-webkit-margin-start: 0%;
	-webkit-margin-end: 0%;
	font-weight: normal;
}
p,a,h3{
	font-size:12px;
	line-height: 1.75em;
}
@media screen and (min-width: 624px){
	p,a,h3{
		font-size:14px;
		line-height: 1.75em;
	}
}

/* ----------------------------------------------------- 
 CLEAR FIX
----------------------------------------------------- */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ----------------------------------------------------- 
 a hover
----------------------------------------------------- */

a:hover img{ 
	opacity: 0.60;
	filter: alpha(opacity=60);
}

/*--------------------------------------------
WP-PAGENAVI CSS
--------------------------------------------*/

#wp-pagenavi_box a{
	text-decoration: none;
	margin:0px 0px 50px 0px;
	color:#FFF;
	text-align: center;
	display:block;
	padding:10px;
	background-color: #999;
	width: 100px;
	height: 20px;
}
.wp-pagenavi .nextpostslink{
	float:right;
}
.wp-pagenavi .previouspostslink{

	float:left;
}

/*--------------------------------------------
TOP PAGE

HEADER AND LOGO 
--------------------------------------------*/

header{
	padding:3% 0% 3% 0%;
	border-top:5px #333 solid;
	margin:0 auto;
	width: 100%;
}

#logo{
	display: block;
	margin: 0px auto;
	text-align: center;
	width: 1200px;
}

#logo .pc{
	display: block;
	margin: 0px auto;
}
#logo .sp{
	display: none;
	margin: 0px auto;
}
@media screen and (max-width: 625px){
	header{
		padding:3% 0% 3% 0%;
		border-top:5px #333 solid;
		margin:0 auto;
		width: 100%;
		box-shadow: rgba(59, 59, 59, 0.498039) 0px 0px 3px 1px;
		-webkit-box-shadow: rgba(59, 59, 59, 0.498039) 0px 0px 3px 1px;
		-moz-box-shadow: rgba(59, 59, 59, 0.498039) 0px 0px 3px 1px;
	}
	#logo{
		display: block;
		margin: 0px auto;
		text-align: center;
		width: 100%;
	}
	#logo .pc{
		display: none;
	}
	#logo .sp{
		display: block;
	}
	#logo img{
		text-align: center;
		width: 70%;
	}
}
/*--------------------------------------------
TOP PAGE

SLIDE
--------------------------------------------*/

/*------------ FLEX SLIDER ------------*/

#slider-wapper {
	width: 1180px;
	height: 380px;
	padding: 10px;
	background: #ddd;
	margin: 0 auto 40px auto;
}

@media screen and (max-width: 625px){
	#slider-wapper {
		width: 100%;
		padding: 0px;
		height: auto;
		background: #fff;
		margin: 0 auto 20px auto;
	}
	.flexslider{
		margin:0px 0px 0px 0px!important;
	}
}

/*------------ CAROUSEL ------------*/

#carousel{
	width:1200px;
	margin: 0 auto;
}
#single #carousel{
	width:790px;
	margin: 0 auto;
}
.slick-track{
	margin:0px;
	padding:0px;
}
.slick-slide{
	padding:1px;
}
.slick-slide a{
	position: relative;
	display: block;
}
.slick-slide a .title{
	font-size:11px;
	line-height:140%;
	position:absolute;
	z-index:1;
	text-decoration:none;
	display:block;
	background:rgba(0,0,0,0.7);
	width:178px;
	color:#fff;
	padding:10px;
	bottom:-100%;
	-webkit-transition:bottom 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition:bottom 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition:bottom 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition:bottom 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
#carousel a img{
	width: 100%;
	margin:0px 10px 0px 0px!important;
}
.slick-slide a:hover .title{
	bottom:0px;
}
.slick-prev, .slick-next {
}
@media screen and (max-width: 625px){
	#carousel,
	#single #carousel{
		width:100%;
	}
	.slick-slide {
		overflow:hidden;
	}
	#carousel a img{
		padding:5%;
		width:90%;
	}
	.slick-slide a .title{
		padding:5%;
		width:80%;
		margin: 5%;
	}
}

/*--------------------------------------------
TOP PAGE

NAVI
--------------------------------------------*/

#sidr-right #navi .active,
#sidr-right #navi .active_sp{
	background-color: #008100;
	color: #FFF;
}
@media screen and (min-width: 625px){
	#sidr-right {
		margin-bottom: 45px;
		width: 100%;
		border-top:#ccc solid 1px;
		border-bottom:#ccc solid 1px;
	}
	#menu{
		display: none;
	}
	#sidr-right #navi {
		width:1200px;
		height: 60px;
		overflow:visible;
		top:0;
		left:0;
		margin: 0px auto;
	}
	#sidr-right #navi ul{
		margin:0px;
		padding:0px;
	}
	#sidr-right #navi ul li{
		float:left;
		width: 14.28%;
		text-decoration: none;
		list-style:none;
	}
	#sidr-right #navi a{
		font-size: 1.0rem;
		text-decoration: none;
		text-align:center;
		line-height: 50px;
		display: block!important;
		overflow:hidden;
		color:#333;
		cursor:pointer;
	}
	#sidr-right #navi .navi_button:hover{
		background-color: #008100;
		color:#FFF;
	}
	
	#sidr-right #navi .navi_button span{
		font-size:10px;
		display:block;
		line-height:10px;
		position: relative;
		top:-10px;
		left:0px;
		color:#A2CEA4;
	}
	#sidr-right #navi_back{
		display: none!important;
	}
	#sidr-right #navi_back {
		width: 0px;
		height:0px!important;
	}
	#sidr-right #navi_tel{
		width: 0px;
		height:0px!important;
	}
	#sp_navi_icon{
		width: 0px;
		height:0px!important;
	}
}
@media screen and (max-width: 624px){
	#sidr-right #navi .active_sp{
		background-color: #FFFFFF;
		color:#333;
	}
	#sidr-right {
		text-align: center;
		/* box-shadow */
		box-shadow:rgba(100, 100, 100, 0.498039) 1px 0px 6px 3px;
		-webkit-box-shadow:rgba(100, 100, 100, 0.498039) 1px 0px 6px 3px;
		-moz-box-shadow:rgba(100, 100, 100, 0.498039) 1px 0px 6px 3px;
	}
	#sidr-right #navi_back {
		color: #FFF;
		width: 100%;
		display: block;
		line-height: 50px;
		background-color: #333;
	}
	#sidr-right #navi_back{
		text-decoration: none;
		margin: 0px 0px 0px 0px;
	}
	#menu img{
		width: 50px;
	}
	#menu{
		width: 50px;
		margin: 0px 0px 0px 0px;
		position: absolute;
		right:0;
		background: #fff;
		z-index:9999;
		/* box-shadow */
		box-shadow:rgba(100, 100, 100, 0.498039) 1px 0px 2px 2px;
		-webkit-box-shadow:rgba(100, 100, 100, 0.498039) 1px 0px 2px 2px;
		-moz-box-shadow:rgba(100, 100, 100, 0.498039) 1px 0px 2px 2px;
	}
	#sidr-right ul{
		background:#FFF;
	}
	#sidr-right ul li{
		padding: 0px;
		margin: 0px;
		list-style: none;
		text-align: left;
	}
	#sidr-right ul li:first-child{
		border-top: 1px solid #EEE;
	}
	#sidr-right li a{
		display: block;
		font-size: 14px;
		height: auto;
		line-height: 45px;
		text-decoration: none;
		color: #333;
	}
	#sidr-right #navi .navi_button span{
		display:none;
	}
	#sidr-right #navi_tel{
		background: url(images/common/dot_bg.gif)repeat;
		display: block;
		font-size: 0px;
		line-height: 0px;
		text-decoration: none;
		color:#008100;;
		padding:4%;
	}
	#sidr-right #navi_tel div{
		background:#FFF;
		padding:4%;
	}
	#sidr-right #navi_tel span{
		font-size: 12px;
		line-height: 12px;
		padding:0px 0px 5px 0px;
		color:#333;
		display: block;
	}
	#sidr-right #navi_tel p{
		font-size: 24px;
		line-height: 24px;
		padding:0px;
		margin:0px;
	}
	#sp_navi_icon a{
		width: 85px;
		display: block;
		float: left ;
		border-left:1px solid #FFF ;
	}
}

/*--------------------------------------------
TOP PAGE

NAVI DROP DOWN
--------------------------------------------*/

@media screen and (min-width: 625px){
	#sidr-right #navi li ul{
		position:absolute;
		z-index:999;
		width: 171px;
	}
	#sidr-right #navi li ul li{
		overflow: hidden;
		height: 0px;
		transition: .2s;
	}
	#sidr-right #navi li:hover ul li{
		overflow: visible;
		height: 38px;
	}
	#sidr-right #navi li ul li{
		margin: 1px 0px 0px 0px;
		width: 100%;
		background-color: #EEE;
	}
	#sidr-right #navi li ul li:hover{
		width: 100%;
		background-color: #008100;
		color:#FFF;
	}
	#sidr-right #navi li ul li a:hover{
		background-color: #008100;
		color:#FFF;
	}
	#sidr-right #navi li ul li a{
		font-size:0.7rem;
		line-height: 40px;
		width: 100%;
	}

}
@media screen and (max-width: 624px){
	#sidr-right #navi li ul li{
		width: 100%;
	}
	#sidr-right #navi li ul li a{
		font-size:0.8rem;
		line-height: 40px;
		padding-left:60px;
		background-position: left 40px top 18px;
	}
	#sidr-right #navi li a{
		background: url(images/sp_navi_icon.png)no-repeat;
		background-position: left 20px top 18px;
		padding-left:40px;
		display: block;
	}
}

/*--------------------------------------------
TOP PAGE

RAYOUT
--------------------------------------------*/

.contents{
	width: 100%;
	margin: 0%;
	padding: 0%;
}
.common_contents{
	width: 1200px;
	margin: 0% auto 0% auto;
}
#top_3box{
	margin: 0px 0px 50px 0px;
}
#top_3box article{
	float: left;
	margin: 0px 30px 0px 0px;
}
#top_3box article a{
	display:block;
	color:#333;
	text-decoration: none;
}
#top_3box article:last-child{
	float: left;
	margin: 0px 0px 0px 0px;
}
.top_midashi{
	text-align: center;
	padding:0% 0% 1% 0%;
	font-weight: normal;
}
.top_midashi_text{
	text-align: center;
	font-size:0.8rem;
	padding:0% 0% 3% 0%;
}
@media screen and (max-width: 625px){
	.common_contents{
		width: 96%;
		margin: 2% auto 0% auto;
	}
	#top_3box{
		margin: 0px 0px 20px 0px;
	}
	#top_3box article{
		float: none;
		width: 100%;
		padding:10px 0px 10px 0px;
	}
	#top_3box article img{
		width: 100%;
	}
}

/*--------------------------------------------
COMMON PAGE

MAIN CONTENTS
--------------------------------------------*/

#main_contents{
	width: 790px;
	float: left;
}
#main_contents img{
	width: 100%;
	height: auto;
}

/*------------ COMMON SINGLE -----------------*/

#single{
	width: 790px;
	float: left;
	margin:0px 0px 50px 0px;
	font-size:0px;
}
.contents_box{
	margin:0px 0px 30px 0px;
}
.contents_space_box{
	padding:15px;
	margin:0px 0px 30px 0px;
	font-size:12px;
}
.contents_space_box p{
	background: #FFF;
	padding:10px;
}
@media screen and (max-width: 625px){
	#single{
		width: 100%;
		float: normal;
		margin:0px 0px 30px 0px;
	}
	.contents_box{
		margin:0px 0px 10px 0px;
	}
	.contents_space_box{
		padding:15px;
		margin:0px 0px 10px 0px;
		font-size:12px;
	}
}

/*------------ COMMON TABLE -----------------*/

#common_table{
	border-bottom: 1px #CCC solid;
	border-right: 1px #CCC solid;
	font-size: 13px;
	width: 100%;
	margin: 0%;
}
#common_table th{
	border-top: 1px #CCC solid;
	border-left: 1px #CCC solid;
	font-weight: normal;
	text-align: left;
	padding: 2.5% 3% 2.5% 3%;
	width: 25%;
}
#common_table td{
	border-top: 1px #CCC solid;
	background-color: #FFF;
	text-align: left;
	padding: 2.5% 3% 2.5% 3%;
	width: 75%;
}

/*------------ COMMON FORM -----------------*/

.input_100{
	width: 100%;
	background-color: #EEEEEE;
	border: 1px #DDD solid;
	height: 30px;
	padding:0%;
}
.input_textarea{
	width: 100%;
	background-color: #EEEEEE;
	border: 1px #DDD solid;
	height: 80px;
	padding:0%;
}
.form_button{
	cursor: pointer;
	font-size:14px;
	border:none;
	min-height: 60px;
	width: 100%;
	margin:3% 0% 5% 0%;
	padding:0%;
	border:1px solid #ccc;
}
.wpcf7-validation-errors,
.ajax-loader,
.screen-reader-response,
.wpcf7-response-output{
	display: none!important;
}
#tel_box{
	font-family: helvetica;
	font-size:25px;
	line-height: 40px;
	text-decoration: none;
	display: block;
	color:#333;
	pointer-events: none;
}
@media screen and (max-width: 625px){
	#tel_box{
		font-family: helvetica;
		font-size:20px;
		line-height: 30px;
		text-decoration: none;
		display: block;
		color:#333;
		pointer-events: auto;
	}
}

/*------------ INFO SINGLE -----------------*/

#info_single p{
	padding:15px 0px 20px 0px;
	line-height: 1.75em;
}
@media screen and (max-width: 625px){
	#info_single p{
		padding:15px 0px 20px 0px;
	}
}

/*------------ TYPE A LIST -----------------*/

#top_list_typeA_title h2{
	float:left;
	display: block;
}
#top_list_typeA_title a{
	float:right;
	display: block;
	font-size:12px;
	line-height: 30px;
	padding: 0px 0px 10px 0px;
	text-decoration: none;
	color: #333;
}
#top_list_typeA{
	list-style:none;
	border-top:1px #ccc solid;
	margin:0px 0px 30px 0px;
	padding:0px;
}
#top_list_typeA li{
	border-bottom:1px #666 dotted;
	padding: 5px 0px 5px 0px;
}
#top_list_typeA .day,
#top_list_typeA .title{
	float:left;
	display:block;
	line-height: 24px;
	height:24px;
	margin:0px;
	padding:0px;
	text-align: left;
}
#top_list_typeA li a{
	text-decoration: none;
	color:#333;
	display: block;
}
#top_list_typeA .info_icon_g{
	background-color: #008100;
	color:#FFF;
	font-family: helvetica;
	font-size:10px;
	line-height: 24px;
	height:24px;
	width: 40px;
	padding:0px 5px 0px 5px;
	margin:0px 10px 0px 10px;
	float:left;
	text-align: center;
	display: block;
}
#top_list_typeA .info_icon_b{
	background-color: #6A2E00;
	color:#FFF;
	font-family: helvetica;
	font-size:10px;
	line-height: 24px;
	height:24px;
	width: 40px;
	padding:0px 5px 0px 5px;
	margin:0px 10px 0px 10px;
	float:left;
	text-align: center;
	display: block;
}
#top_list_typeA .blog_icon{
	background-color: #162674;
	color:#FFF;
	font-family: helvetica;
	font-size:10px;
	line-height: 24px;
	height:24px;
	width: 40px;
	padding:0px 5px 0px 5px;
	margin:0px 10px 0px 10px;
	float:left;
	text-align: center;
}
.top_h2_title{
	font-size:20px;
	line-height: 30px;
	padding: 0px 0px 10px 0px;
}

@media screen and (max-width: 625px){
	#main_contents{
		width: 100%;
		float: none;
	}
	#main_contents img{
		width: 100%;
	}
	#top_list_typeA .title{
		float:none!important;
		text-align: left!important;
		text-indent: 0px!important;
	}
	#top_list_typeA .title{
		float:left;
		display:block;
		line-height: 20px;
		height: auto;
		margin:0px;
		padding:0px;
	}
	#top_list_typeA p{
		float:left;
		display:block;
		line-height: 20px!important;
		height:20px!important;
		margin:0px;
		padding:0px;
		text-align: left;
	}
	#top_list_typeA .title{
		line-height: 20px!important;
		height:auto!important;
	}
}

/*------------ TYPE B LIST -----------------*/


#top_list_typeB_title{
	border-bottom:1px dotted #CCC;
	margin:0px 0px 20px 0px;
}
#top_list_typeB_title h2{
	float:left;
	display: block;
	padding:0px 0px 10px 0px;
}
#top_list_typeB_title a{
	float:right;
	display: block;
	font-size:12px;
	line-height: 30px;
	padding:0px 0px 30px 0px;
	text-decoration: none;
	color: #333;
}
#top_list_typeB{
	list-style:none;
	margin:0px 0px 30px 0px;
	padding:0px;
}
#top_list_typeB li{
	width: 245px;
	height: 340px;
	padding: 15px 0px 15px 0px;
	background-color: #F2F2F2;
	margin:0px 27px 20px 0px;
	float:left;
}
#top_list_typeB li:nth-child(3n){
	width: 245px;
	height: 340px;
	padding: 15px 0px 15px 0px;
	background-color: #F2F2F2;
	margin:0px 0px 0px 0px;
	float:left;
}
#top_list_typeB li a{
	text-decoration: none;
	color:#333;
	display: block;
}
#top_list_typeB li a h3{
	padding: 0px 15px 10px;
	font-size:16px;
}
#top_list_typeB li a p{
	padding: 0px 15px 10px;
	font-size:12px;
}
#top_list_typeB img{
	margin:0px 0px 20px 0px;
	display: block;
	width: 100%;
}
.top_h2_title{
	font-size:20px;
	line-height: 30px;
	padding: 0px 0px 10px 0px;
}
#top_list_typeB .info_icon_g{
	background-color: #008100;
	color:#FFF;
	font-family: helvetica;
	font-size:10px;
	line-height: 24px;
	height:24px;
	width: 100px;
	padding:0px 5px 0px 5px;
	margin:0px 15px 5px 15px;
	text-align: center;
	display: block;
}
#top_list_typeB .info_icon_b{
	background-color: #6A2E00;
	color:#FFF;
	font-family: helvetica;
	font-size:10px;
	line-height: 24px;
	height:24px;
	width: 100px;
	padding:0px 5px 0px 5px;
	margin:0px 15px 5px 15px;
	text-align: center;
	display: block;
}
#top_list_typeB .info_icon_a{
	background-color: #999;
	color:#FFF;
	font-family: helvetica;
	font-size:10px;
	line-height: 24px;
	height:24px;
	width: 100px;
	padding:0px 5px 0px 5px;
	margin:0px 15px 5px 15px;
	text-align: center;
	display: block;
}
@media screen and (max-width: 625px){
	#main_contents{
		width: 100%;
		float: none;
	}
	#top_list_typeB li{
		width: 49%;
		height: 280px;
		padding:0px;
		background-color: #F2F2F2;
		margin:0% 2% 2% 0%;
		float:left;
	}
	#top_list_typeB li:nth-child(3n){
		width: 49%;
		height: 280px;
		padding:0px;
		background-color: #F2F2F2;
		margin:0% 2% 2% 0%;
		float:left;
	}
	#top_list_typeB li:nth-child(2n){
		width: 49%;
		height: 280px;
		padding:0px;
		background-color: #F2F2F2;
		margin:0% 0% 2% 0%;
		float:left;
	}
	#top_list_typeB li a p{
		display: none;
	}
}

/*--------------------------------------------
COMMON PAGE

SIDE CONTENTS
--------------------------------------------*/

#side_contents{
	width: 380px;
	float: right;
}
.banner_box{
	text-align: center;
	display: block;
	margin:0px 0px 30px 0px;
}
.banner_box img{
	max-width: 100%;
}
@media screen and (max-width: 625px){
	#side_contents{
		width: 100%;
		float: none;
	}
}

/*------------ TYPE C LIST -----------------*/

#top_list_typeC_title h2{
	float:left;
	display: block;
	width: 100%;
	padding:0px 0px 10px 0px;
	border-bottom:1px #ccc dotted;
	margin: 0px 0px 30px 0px;
}
#top_list_typeC_title a{
	float:right;
	display: block;
	font-size:12px;
	line-height: 30px;
	padding:30px 0px 30px 0px;
	text-decoration: none;
	color: #333;
}
#top_list_typeC{
	list-style:none;
	margin:0px 0px 30px 0px;
	padding:0px;
	border-bottom:1px solid #ddd;
}
#top_list_typeC li{
	width: 90%;
	padding: 5%;
	background-color: #F9F9F9;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	margin:0% 0% 0% 0%;
	float:left;
}
#top_list_typeC li a{
	text-decoration: none;
	color:#333;
	display: block;
}
#top_list_typeC li a h3{
	padding: 0px 15px 10px;
	font-size:16px;
}
#top_list_typeC li a p{
	padding: 0px 15px 10px;
	font-size:12px;
}
#top_list_typeC .photo{
	margin:0px 20px 00px 0px;
	display: block;
	width: 76px;
	float:left;
	padding:7px;
	border: solid #bbb 1px;
	background-color: #fff;
}
#top_list_typeC img{
	width: 100%;
	display: block;
	float:left;
}
.top_h2_title{
	font-size:20px;
	line-height: 30px;
	padding: 10px 0px 0px 0px;
}
.top_h3_title{
	font-size:12px;
	line-height: 20px;
	padding: 0px 0px 20px 0px;
}

@media screen and (max-width: 625px){
	#main_contents{
		width: 100%;
		float: none;
	}
}

.slick-prev{
	background: url(images/add/icon_back.png)no-repeat top right;
	background-position: left top;
	background-repeat: no-repeat;
	width: 35px;
	height: 0;
	padding-top: 35px;
	overflow: hidden;
}
.slick-next{
	background: url(images/add/icon_next.png)no-repeat top left;
	background-position: left top;
	background-repeat: no-repeat;
	width: 35px;
	height: 0;
	padding-top: 35px;
	overflow: hidden;
}

/*--------------------------------------------
REPEATER FIELD

LIST BOX
--------------------------------------------*/

#repeater_box{
	margin:0% 0% 5% 0%;
	padding:0%;
	font-size:0px;
}
#repeater_box img{
	display: block;
	float: left;
	width: 33%;
	margin:0% 0.5% 0.5% 0%;
}
#repeater_box img:nth-child(3n){
	display: block;
	float: left;
	width: 33%;
	margin:0% 0% 0% 0%;
}
@media screen and (max-width: 625px){
	#repeater_box img:nth-child(2n){
		display: block;
		float: right;
		width: 49.5%;
		margin:0% 0% 1% 0%;
	}
	#repeater_box img:nth-child(3n){
		display: block;
		float: left;
		width: 49.5%;
		margin:0% 0% 1% 0%;
	}
	#repeater_box img{
		display: block;
		float: left;
		width: 49.5%;
		margin:0% 1% 1% 0%;
	}
}

/*--------------------------------------------
TOP PAGE

FOOTER
--------------------------------------------*/

footer{
	width: 100%;
	border-top: #DDD 1px solid;
}
footer .contents{
	padding: 2.5% 0% 2.5% 0%;
}
footer .contents .left{
	float: left;
}
footer .contents .right{
	float: right;
}
footer .copyrights{
	width: 100%;
	background-color: #DDDDDD;
	color: #333;
	text-align: center;
	font-size:0.6rem;
	padding:1% 0% 1% 0%;
	font-family: helvetica;
	letter-spacing:0.1em;
}

.footer_about div{
	margin:0px;
	padding:0px;
	vertical-align: top;
}
.footer_about .logo img{
	margin:0% 0% 0% 0%;
}
.footer_about .right{
	padding:0% 0% 0% 0%;
	margin:0px;
}
.footer_about #name{
	font-size:1.2rem;
	line-height: 1.2rem;
	padding:0% 0% 8% 0%;
	margin:0px;
}
.footer_about #address{
	font-size:0.9rem;
	line-height: 1.3rem;
	padding:0% 0% 8% 0%;
	margin:0px;
}
.footer_about #f_navi{
	font-size:0.8rem;
	line-height: 0.8rem;
	margin:0px;
}
.footer_about #f_navi a{
	text-decoration: none;
	color: #333;
}
footer .icon_box{
	display: block;
	height: 90px;
}
footer .icon_box .icon{
	display: block;
	float:right;
	width: 34px;
	margin: 0% 0% 0% 2%;
	opacity: 0.60;
	filter: alpha(opacity=60);
}
footer .tel{
	display: block;
}
@media screen and (max-width: 625px){
	footer .contents{
		width: 100%;
	}
}

/*--------------------------------------------
FOOTER NAVI
--------------------------------------------*/

#footer_contents{
	background: #008100;
	color:#FFF;
	padding:40px 0px 40px 0px;
}
#footer_contents nav{
	list-style: none;
}
#footer_contents nav a{
	color:#FFF;
	text-decoration: none;
	font-size:12px;
}
#footer_contents nav a:hover{
	color:#004600;
	text-decoration: none;
}
#footer_contents li{
	list-style: none;
}
#footer_contents li ul{
	margin:0px;
	padding:0px;
}
#footer_contents #footer_logo{
	float: left;
	width: 24%;
	margin: 0% 0.5% 0% 0.5%;
	padding:0px;
	display:block;
}
#footer_contents #navi{
	float: left;
	width: 19%;
	margin: 0% 0.5% 0% 0.5%;
	padding:0px;
	display:block;
}
#footer_contents #navi ul{
	margin: 0%;
	padding:0px;
}
#footer_contents #text_box{
	float: left;
	width: 22%;
	margin: 0% 0.5% 0% 0.5%;
	padding:0% 7% 0% 0%;
	display:block;
}
#footer_contents #image_box{
	float: left;
	width: 24%;
	margin: 0% 0.5% 0% 0.5%;
	padding:0px;
	display:block;
}
#footer_contents #text_box{
	font-size:13px;
	line-height: 28px;
}
#footer_contents img{
	width: 85%;
	padding:0px;
	margin:0px;
}
@media screen and (max-width: 625px){
	#footer_contents #footer_logo{
		float: left;
		width: 56%;
		margin: 1% 1% 1% 1%;
		padding:0px;
		display:block;
		font-size:13px;
	}
	#footer_contents #navi{
		float: left;
		width: 40%;
		margin: 1% 1% 1% 1%;
		padding:0px;
		display:block;
		font-size:13px;
	}
	#footer_contents #text_box,
	#footer_contents #image_box
	{
		float: left;
		width: 98%;
		margin: 1% 1% 1% 1%;
		padding:0px;
		display:block;
		font-size:13px;
	}
	#footer_contents img{
		width: 100%;
		padding:0px;
		margin:0px;
	}
	#footer_contents nav li{
		font-size:10px;
		line-height: 12px;
	}
}

/*--------------------------------------------
ADD CSS

ABOUT PAGE
--------------------------------------------*/

.about_border{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:0px;
	margin:0px;
	padding:0px;
}
.about_border img{
	width: 100%;
	font-size:0px;
	margin:0px;
	padding:0px;
}
.map_border{
	border-bottom:1px solid #ccc!important;
	border-left:1px solid #ccc!important;
	border-right:1px solid #ccc!important;
	font-size:0px;
	padding:0px;
}

/*--------------------------------------------
ADD CSS

LINEUP PAGE
--------------------------------------------*/

#lineup_category{
	list-style: none;
	width: 100%;
	margin:0px 0px 20px 0px;
	display: block;
}
#lineup_category li{
	list-style: none;
	width: 20%;
	margin:0%;
	float: left;
}
#lineup_category li a{
	text-decoration: none;
	display: block;
	background:#CCCCCC;
	text-align: center;
	color:#FFF;
	font-size:14px;
	line-height: 30px;
	padding:10px 0px 10px 0px;
	border-right: solid 1px #FFF;
}
#lineup_category li a span{
	text-decoration: none;
	display: block;
	color:#FFF;
	font-size:8px;
	line-height: 12px;
}
#lineup_category .active{
	background-color: #008100;
	color: #FFF;
}
@media screen and (max-width: 625px){
	#lineup_category li a{
		font-size:11px;
	}

}