/*
Theme Name: Valueseed-WP
Theme URI: https://valueseed.net/
Description: バリューシードWP
Version: 1.0
Author: VALUESEED
Author URI: https://valueseed.net/
*/

@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

/* 全体---------------------------------------------*/

body {
color:#333333;
background:#fff;
font-size:18px;
/*
font-family:  sans-serif;
*/
font-family: 'Kosugi Maru', sans-serif;
font-weight: 500;
line-height:1.8em;
-webkit-text-size-adjust: none;
word-break: break-all;/*長いURLはみ出し改行対策*/
line-break: normal;/*行頭に句読点がこない設定、より厳しくする場合は『strict』*/

/*
background:url(images/main_bg2.jpg) 0 138px repeat-x;
*/
}

#container {
/*
background:url(images/main_bg.jpg) 50% 138px no-repeat;
*/
}

a{color:#348B7E; font-weight:bold;text-decoration:none;}
#single a{text-decoration:underline;}
a:hover{color:#33aaaa; text-decoration:underline;}
a:active, a:focus {outline:0;}
a:hover img{
	transform:scale(1.00,1.00);
	transform: translateY(-3px);
   filter: alpha(opacity=85);
   -moz-opacity:0.85;
   opacity:0.85;
} 


hr {
	clear:both;
	border-color:#359F9F;
}

img,.wp div{
	max-width:100%;
	height:auto;
}


strong{	font-weight:bold;}

.clear{	clear:both;}

.border-left{
border-left:1px solid #999;
border-top:1px solid #999;
padding:10px 10px 10px 15px;
box-shadow:#888 2px 2px 2px 0;
border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
}

.border{
	padding:15px;
border:2px solid #3FA797;
border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
}

.pc{
	display:block;
	display:inline;
}

.smp,.smp-v{
	display:none;
}

.float-left{
	float: left;
}

.float-right{
	float:right;
}

/**** bxslider*****/

#slideshow ul li{
height: auto;
min-height:600px;
}

#slideshow ul li p{
	width:800px;
	margin:0 auto;
	padding:400px 20px 20px 20px;
	text-align:center;
	font-size:20px;
	line-height:24px;
	color:#FFF;
	font-weight:bold;
	text-shadow:#111 2px 2px 1px;
}


#slideshow ul li p strong{
	font-size:42px;
	line-height:1.1em;
	color:#29f;
	text-shadow:#555 3px 3px 2px;
	background: rgba(255,255,255,0);
	border-radius:5px;
}

#slideshow ul li p img{
	margin::0 200px;
}

.bxslider li{
	display:block;
	width:auto;
	margin:0;
}

.bxslider li:nth-child(n+2){
	display:none;
}

/**** スクロール時のフェードイン*****/
.fadein{
  transition: 0.8s;
}

/**** 全体の構成・枠組み　********/

#header_obi{
background: #fff;
	background:linear-gradient(to bottom,#fff 0%,#fff 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
color:#333;
border-top:#359F9F 0px solid;
border-bottom:#25A545 2px solid;
}

#header{
width:1100px;
padding:5px 5px 15px 5px;
margin:0 auto;
line-height:1.1em;
}

.wrapper{      /*　⇒（メイン+サイド）とフッターの枠に適用*/
width:1100px;
margin:0 auto;
padding:0 5px;
}

#navi{
float:right;
width:280px;
padding:30px 0 30px 0;
}

#main{
float:left;
width:750px;
padding:10px 0 0 0;
}

#sidebar{
clear:right;
float:right;
width:280px;
padding:10px 0 0 0;
}	


/**** ヘッダー　********/

/* 左上ロゴ　*/
#header_logo{
float:left;
max-width:60%;
padding:5px 0 0 0;
}

/* 右上の電話番号　*/
#header_right{
float:right;
max-width:38%;
padding:30px 0 0 0;
}

/**　グリッド**********/
.grid1{float:left;width:calc(100% *1/12 ); }
.grid2{float:left;width:calc(100% *2/12 ); }
.grid3{float:left;width:calc(100% *3/12 ); }
.grid4{float:left;width:calc(100% *4/12 ); }
.grid5{float:left;width:calc(100% *5/12 ); }
.grid6{float:left;width:calc(100% *6/12 ); }
.grid7{float:left;width:calc(100% *7/12 ); }
.grid8{float:left;width:calc(100% *8/12 ); }
.grid9{float:left;width:calc(100% *9/12 ); }
.grid10{float:left;width:calc(100% *10/12 ); }
.grid11{float:left;width:calc(100% *11/12 ); }
.grid12{float:left;width:calc(100% *12/12 ); }



/**　見出し　**********/
.h1_bg{
	min-height:60px;
	background-color:#25A545;
		background:linear-gradient(to bottom,#25A545 0%,#25A545 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#25A545),to(#25A545));
	box-shadow:#bbb 3px 4px 2px 0px;	
}

h1 {
font-weight:bold;
padding:25px 10px 20px 10px;
font-size:32px;
line-height:36px;
color: #fff;
text-shadow:#111 2px 2px 1px;
}


h2 {
   margin:5px 0 15px 0;
   padding:5px 0;
   font-size:28px;
   line-height:30px;
   font-weight: bold; 
   color:#4A76A6;
	 text-shadow:#fff 1px 1px 1px;
	 border-bottom:#4A76A6 3px solid;
}


h3 {
   margin:0 0 10px 0;
   padding:5px 0;
   font-size:24px;
   line-height:130%;
   font-weight: bold; 
   text-align:left;
	 text-decoration:underline;
	 text-underline-offset: 5px;
   color:#F88052;
}

h4 {
   margin:12px 0;
   padding:0;
   font-size:20px;
   line-height:120%;
   font-weight: bold; 
   text-align:left;
	 text-decoration:underline;
	 text-underline-offset: 3px;
   color:#FF7BBD;
	 border-left:#FF7BBD 0px solid;
}

h5 {
   margin:0;
   padding:10px 0;
   font-size:20px;
   line-height:120%;
   font-weight: bold; 
   text-align:left;
   color:#007EBB;
}

h6 {
   margin:0;
   padding:10px 0;
   font-size:18px;
   line-height:120%;
   font-weight: bold; 
   text-align:left;
   color:#111;
}


/***********イメージ float**********/
.img_left {
	margin:0 10px 10px 0;
	float: left;
	max-width:35%;
}

.img_right {
	margin:0 0 10px 10px;
	float: right;
	max-width:35%;
}

/***********イメージ float→スマホ解除**********/
.img_left2 {
	margin:0 20px 10px 0;
	float: left;
	max-width:40%;
}

.img_right2 {
	margin:0 0 10px 20px;
	float: right;
	max-width:40%;
}

/**** wordpress対応*****/
 
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignleft {
	float: left;
	margin:0 20px 10px 0;
	max-width:40%;
}

.alignright {
	float: right;
	margin:0 0 10px 20px;
	max-width:40%;
}

label.screen-reader-text{  /***ウィジェットの検索テキスト非表示*****/
	display:none;
	}

/***********テーブル**********/
table{
width:100%;
border-collapse:collapse;
margin:0px auto;
}

table th{
vertical-align:middle;
background-color: #9BD7B6;
color:#333;
line-height:24px;
border:2px solid #fff;
padding:10px 10px;
font-weight:bold;
}

table th span{
font-weight:normal;
}

table td{
border-collapse:collapse;
background-color:#DEF;
color:#333333;
vertical-align:middle;
border:2px solid #fff;
line-height:24px;
padding:10px 10px;
}

table.center th,
table.center td{
text-align:center;
padding:5px 0;
}

table.rp th,
table.rp td{
}


/**　テーブル(WP簡易グリッド用)**********/

table.t-grid td,
table.t-grid-rp td{
vertical-align: top;
font-size:15px;
line-height:28px;
background: none;
color:#333;
border:none;
padding:1%;
}



/***********フォーム　input　**********/
input{
	vertical-align:middle;
	height:20px;
	font-size:16px;
	margin:2px;
}

input[type="checkbox"]{
	width:			16px;
	height:			16px;
	line-height:20px;
	-moz-transform:		scale(1.1);
	-webkit-transform:	scale(1.1);
	transform:		scale(1.1);
}


select{
	vertical-align:middle;
	font-size:18px;
	height:24px;
}

input[type="submit"]{
	font-size:22px;
	font-weight:bold;
   background: #4499bb;
		background:linear-gradient(to bottom,#4499bb 0%,#4DA6FF 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#4499bb), to(#4DA6FF));
   color: #fff;
	 text-shadow:#333 1px 1px 1px;
	 padding:5px 12px 8px 12px;
   border: #ccc 1px solid;
	 box-shadow:#333 2px 2px 2px 0;
   border-radius: 5px;
   cursor: pointer;
   height: auto;
}

input[type="submit"]:hover{
   background: #55aacc;
		background:linear-gradient(to bottom,#55aacc 0%,#4499bb 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#55aacc), to(#4499bb));
	transform: translateY(-2px);
}

input[type="submit"]:focus{
   background: #F086BE;
		background:linear-gradient(to bottom,#F086BE 0%,#F086BE 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#F086BE), to(#F086BE));
	transform: translateY(0px);
}

input[type="button"]{
	font-size:20px;
	font-weight:bold;
   background: #8ad;
   color: #111;
	 margin:5px 0 0 0;
	 padding:4px 12px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   height: auto;
}

input[type="button"]:hover{
   background: #fca;
}



/***********dl dt ddリスト**********/

dt{
	clear:both;
	float:left;
	width:20%;
	padding:8px 0;
	line-height:22px;
}

dd{
	float:left;
	width:80%;
	padding:8px 0;
	line-height:22px;
}

dl.wide dt{
	width:30%;
}

dl.wide dd{
	width:70%;
}


/***********ul liリスト**********/

ul li{
	list-style-type: square;
	margin:10px 0 10px 24px;
	line-height:1.4em;
}

ul ul li{
	list-style-type: disc;
}

ul ul ul li{
	list-style-type: circle;
}

ol li{
	list-style-type: decimal;
	margin:10px 0 10px 24px;
	line-height:1.4em;
}

#navi li,ul.none li,ul.bxslider li{
	list-style-type: none;
	margin:0;
	padding:0;
}

ul.float li{
	list-style-type: none;
	float:left;
	margin:0 10px 0 0;
}

ul.check {
}

ul.check li {
	list-style-type: none;
	background:url(images/icon_check.png) 0 50% no-repeat;
	margin:0;
	padding:8px 0 8px 35px;
	line-height:1.1em;
	font-size:18px;
}


/***********ボタン、リンク**********/	

.btn{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	font-size:18px;
	color: #522C25;
	text-shadow:#333 0px 0px 0px;
	background: #C6B9B7;/*ボタン色*/
		background:linear-gradient(to bottom,#FFFFFF 0%,#C6B9B7 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C6B9B7));
	border: solid 1px #522C25;
	border-radius: 15px;
}

.btn2{
	display: inline-block;
	margin:10px;
	padding: 0.1em 0.5em;
	text-decoration: none;
	font-size:14px;
	color: #333;
	text-shadow:#333 0px 0px 0px;
	background: #C6B9B7;/*ボタン色*/
		background:linear-gradient(to bottom,#FFFFFF 0%,#C6B9B7 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C6B9B7));
	border: solid 1px #aaa;
	border-radius: 5px;
}

.link{
	display: inline-block;
	padding: 3px 10px 3px 25px;
	text-decoration: underline;
	font-size:18px;
	color: #a86;
	text-shadow:#333 0px 0px 0px;
	background:url(images/btn_link.png) 0 50% no-repeat;
}

/***********スクロール**********/	
.scroll{
	overflow:scroll;
  height:350px;
  border: 2px solid #359F9F;
  padding:10px;
}


/**** iframeレスポンシブ対応********/

.iframeBox{
position:relative;
width:100%;
padding:75% 0 0 0;
}

.iframeBox iframe{
position:absolute;
top:0;
left:0;
padding:1%;
width:98% !important;
height:98% !important
}

iframe{
	max-width:98%;
}

/****** Q&A ******/

.question {
 padding: 8px 0 9px 45px;
 margin: 10px 0;
 border-left: solid 5px #00A7D0;
 background: url(images/qa_question.jpg) 7px 2px no-repeat;
 color:#DD7733;
 font-weight:bold;
}

.answer {
 padding: 8px 0 9px 45px;
 margin-bottom: 10px;
 border-left: solid 5px #FF9987;
 background: url(images/qa_answer.jpg) 7px 2px no-repeat;
}

/***** フッター *******/

#footer_info{
	clear:both;
	overflow:hidden;
	padding:15px 0;
	line-height:20px;
	background:#fff;
	border-top:#33B 1px solid;
	border-bottom:#33B 1px solid;
}	

#footer{
	clear:both;
	overflow:hidden;
	padding:15px;
	background:#fff;
	color:#333;
	background:#def;
	border-top:#33B 1px solid;
	border-bottom:#33B 1px solid;
}

#footer ul>li{
	list-style-type: none;
	float:left;
	margin:5px 0;
	padding:0 20px 0 5px;
	font-size:16px;
	line-height:20px;
	color:#359F9F;
	border-left:#359F9F 5px solid;
}

#footer ul>li.current_page_item>a{
	color:#FFFFFF;
	background:#5B9AB3;
}

#footer ul li ul li {
	list-style-type: none;
	float:none;
	margin:5px 0;
	padding:0;
	border: none;
}

#footer ul li ul li a{
	font-weight:normal;
}

#footer ul li ul li:before {
	content:"▶";
}

/*メニュー３階層目*/		

#footer ul ul ul li:before {
	content:"　－";
}


#copyright{
	clear:both;
	padding:5px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	color:#fff;
	background:#25A545;
}


#pageTop {
  display: none;
  position: fixed;
  right: 5%;
  bottom: 20px;
}

#pageTop a {
  padding:15px;
	font-size:30px;
	color:#ffffff;
	background:#25A545;
   filter: alpha(opacity=65);
   -moz-opacity:0.65;
   opacity:0.65;
	
	border:#FFF 1px solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;	
}

#bottom_btn1,#bottom_btn2 {
	display:none;
}


/***** PCのみ適用の設定　*******/
@media print, screen and (min-width: 1100px){

/**** メニュー　********/	

	a#menu{display:none;}

	.panel{
	display:block !important ;
	}

	.panel>ul{
	}

	#navi .panel>ul>li{
	display: block;
	padding:5px 0px;
	border-bottom:0px solid #339;
	}

	.panel ul li a{
	display: block;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	padding:17px 12px 13px 12px;
	color:#fff;
	text-shadow:#111 0px 0px 0px;
	background:#4A76A6;
		background:linear-gradient(to bottom,#4A76A6 0%,#4A76A6 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#4A76A6), to(#4A76A6));
	border-radius:5px;
	}

	.panel>ul>li:last-child a{}

	.panel ul li a:hover{
		color:#fff;
		background:#aaa;
	}
	.panel ul li.current_page_item>a{
		color:#fff;
		background:#F99;
	}

/*メニュー２階層目*/

	.panel>ul ul>li a{
	display: block;
	text-align:left;
	font-size:16px;
	padding:14px 12px 8px 12px;
	color:#663300;
	text-shadow:#eee 0px 0px 0px;
	background:#fff;
	border-bottom:1px solid #333;
	border-radius: 0px;
	}

	.panel>ul>li>ul>li:last-child a{
	border-bottom: none;
	}

	.panel>ul ul>li a:before{
	content:"▶";
	}

	.panel>ul> ul>li a:hover{
	color:#fff;
	background:#cce;
	}

/*メニュー３階層目*/
	.panel>ul ul ul>li a{
	font-size:14px;
	padding:8px 12px 8px 25px;
	color:#333;
	text-shadow:#eee 0px 0px 0px;
	background:#fff;
	border-bottom:1px dashed #333;
	border-radius: 0px;
	}

	.panel>ul ul ul>li:last-child a{
	}

	.panel>ul ul ul>li a:before{
	content:"―";
	}

/**** メニューここまで　********/	
		
}
/***** PCのみ適用の設定ここまで　*******/


/***** タブレット用　*********/
@media only screen and (max-width:1099px){

*{
 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		-o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
			box-sizing: border-box;
}

/**** 全体の構成・枠組み　********/

body,#container {
background:none;
}

#header{
width:100%;
padding:5px;
}

.wrapper{
width:100%;
padding:0 2px;
}

#main{
width:100%;
padding:3px 0 0 0;
}

#sidebar{
width:100%;
padding:0px;
}	

#footer{
width:100%;
}

/**** bxslider*****/
#slideshow ul li{
height: auto;
min-height:350px;
}

#slideshow ul li p{
	width:60%;
	padding:200px 15px 15px 15px;
}

#slideshow ul li p strong{
	font-size:28px;
}

/**** メニュー　********/	

	#overlay{
	display: none;
	width: 100%;
	height:120%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 5;
	background: rgba(0,0,0,0.5);
	}
	
	#navi{
	clear:both;
	float:right;
	max-width:50%;
	margin:0 auto;
	padding:0;

	position: fixed;
	right:2px;
	top:3px;
	z-index: 100;
	}
	
	#menu{
	width:55px;
	display:block;
	float:right;
	padding:0;
	height:55px;
	background:url(images/icon_menu.png) no-repeat;
	background-size:200% 100% ;
	}
	
	#navi a#menu span{padding-left:5px;}
	#navi a.menu span:before{content: "";}
	#navi a.menu span:after{content: "";}

	#navi a.menuOpen{
	background:url(images/icon_menu.png) no-repeat -55px 0;
	background-size:200% 100% ;
	}
	#navi a.menuOpen span:before{content: "";}
	#navi a.menuOpen span:after{content: "";}

	#navi a#menu:hover{cursor:pointer;}

	#navi .panel{
	display: none;
	float:none;
	max-width:99%;
	width:320px;
	max-height:88%;
	overflow:scroll;
	border:2px #fff solid;

	position: fixed;
	right: 3px;
	top:56px;
	z-index: 10;
	}

	#navi ul li{
	width:100%;
	height:auto;
	background:#4A76A6;
	border-top:2px solid #fff;
	}

	#navi ul li a{
	display:block;
	padding:10px 10px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	}

	#navi ul li.current_page_item>a{
	color:#FFFFFF;
	background:#5B9AB3;
	}

/*2層目プルダウン式*/
	#navi ul li.menu-item-has-children{
	position:relative;
	}

	#navi ul li.menu-item-has-children>a{
	max-width:100%;　 /* 2層目プルダウン式⇒88%／通常⇒100% */
	width:280px;
	border-right:1px solid #fff;
	}

	#navi ul li.menu-item-has-children>span{
	display:none;  /* 2層プルダウン式⇒block／通常 ⇒none */
	position:absolute;
	right:0px;
	top:0px;
	padding:11px;
	font-size:18px;
	color:#FFFFFF;
	}

	#navi ul li.menu-item-has-children>span:after{
	content: "▼";
	}

	#navi ul li.menu-item-has-children>span.menuOpen:after{
    content: "▲";
	}
/*2層目プルダウン式*/


/*メニュー２階層目*/		

	#navi .panel>ul ul>li{
	display:block;    /*  2層プルダウン式⇒none／通常 ⇒block */
	padding:5px 3px;
	background:#FFFFFF;
	border-top:1px solid #359F9F;
		}

	#navi .panel>ul ul>li a{
	display:block;
	padding:5px 5px 5px 8px;
	font-size:16px;
	font-weight:bold;
	color:#359F9F;
	border-left:#359F9F 2px solid;
	}

	#navi .panel>ul ul>li.current_page_item>a{
	color:#FFFFFF;
	background:#5B9AB3;
	}

	#navi .panel>ul ul>li>a:before{
	content:"";
	}

/*メニュー３階層目*/		

	#navi .panel>ul ul ul>li{
	padding:6px 3px 0px 3px;
	border:none;
		}

	#navi .panel>ul ul ul>li a{
	font-size:14px;
	color:#333;
	border-top:1px dashed #359F9F;
	border-left:none;
	}

	#navi .panel>ul ul ul>li a:before{
	content:"▶";
	}


/**** メニューここまで　********/	
	
}
/***** タブレット用ここまで******/


/***** スマホ 横(ランドスケープ) 用*****/
@media only screen and (max-width:640px){

.pc{
	display:none;
}

.smp{
	display:block;
	display:inline;
}


#header_logo{
clear:both;
float:none;
max-width:100%;
padding:0;
margin:5px 0 0 0;
}

#header_logo img{
max-width:75%;
}

#header_right{
clear:both;
float:none;
max-width:60%;
padding:0;

position:fixed;
right:58px;
top:3px;
z-index:1000;
}

/**** bxslider*****/
#slideshow ul li{
height: auto;
min-height:180px;
}

#slideshow ul li p{
	width:90%;
	padding:100px 10px 10px 10px;
	font-size:16px;
}

#slideshow ul li p strong{
	font-size:24px;
	text-shadow:#333 1px 1px 1px;
}


/**** 見出し*****/

.h1_bg{
	min-height:40px;
}

h1 {
padding:10px 5px;
font-size:26px;
line-height:30px;
}

/**** スマホ用に小さくする場合*****
h2{font-size:24px;line-height:26px;}
h3{font-size:22px;line-height:24px;}
h4{font-size:18px;line-height:20px;}
h5{font-size:16px;line-height:18px;}
h6{font-size:15px;line-height:17px;}
/**** スマホ用に小さくする場合*****/

/**地図検索のテーブル用*********/

table#map_check td{
	text-align:center;
	font-size:10px;
	line-height:1em;
	padding:0 1px 1px 1px;
	border:1px #fff solid;
	}
	
table#map_check input[type="checkbox"]{
	padding:0;
	margin:0;
	}


/***********テーブル rp2 **********/

table.rp2 tr{
	display:block;
}

table.rp2 th{
	width:100%;
	display:list-item;
	list-style:none;
}

table.rp2 td{
}

table.rp2 .rp100{
	width:100%;
	display:list-item;
	list-style:none;
}
	

/***********dt ddリスト**********/

dt,dd{
	float:none;
	width:100%;
}

dd{
	padding:0 0 8px 8px;
}

dl.wide dt,dl.wide dd{
	width:100%;
}

dt:before{
	content:"【";
}

dt:after{
	content:"】";
}

/***********ページ下部固定表示**********/
#pageTop {
  display: none;
  position: fixed;
  right: 2%;
  bottom: 50px;
}

#pageTop a {
  padding:10px 12px;
	font-size:20px;
   filter: alpha(opacity=65);
   -moz-opacity:0.65;
   opacity:0.65;
	
	border:#FFF 1px solid;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;	
}

body{
	padding:0 0 40px 0;
}

#bottom_btn1,#bottom_btn2{
	display:block;
	width:50%;
  min-height: 40px;  

  position: fixed;
  left: 0;
  bottom: 0;
	z-index:100;
}

#bottom_btn2 {
  left: 50%;
}

#bottom_btn1 a,#bottom_btn2 a {
  position: absolute;
	width:100%;
  height: 40px;  
	line-height:18px;
	text-align: center;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;

	background:#FB756A;
	}

#bottom_btn2 a {
	color:#ffffff;
	background:#329696;
	}
/***********ページ下部固定表示　ここまで**********/


}
/***** スマホ 横(ランドスケープ) 用ここまで*****/

/****** スマホ 縦(ポートレート)用 ******/
@media only screen and (max-width:480px){

.smp-v{
	display:block;
	display:inline;
}

/**　グリッド**********/
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{width:100%; margin:0; padding:0;}

.grid1s{float:left;width:calc(100% *1/12 );}
.grid2s{float:left;width:calc(100% *2/12 );}
.grid3s{float:left;width:calc(100% *3/12 );}
.grid4s{float:left;width:calc(100% *4/12 );}
.grid5s{float:left;width:calc(100% *5/12 );}
.grid6s{float:left;width:calc(100% *6/12 );}
.grid7s{float:left;width:calc(100% *7/12 );}
.grid8s{float:left;width:calc(100% *8/12 );}
.grid9s{float:left;width:calc(100% *9/12 );}
.grid10s{float:left;width:calc(100% *10/12 );}
.grid11s{float:left;width:calc(100% *11/12 );}
.grid12s{float:left;width:calc(100% *12/12 );}

/***********テーブル**********/
table th{
padding:8px 8px;
}

table td{
padding:8px 8px;
}


table.rp tr{
	display:block;
}

table.rp th{
	width:100%;
	display:list-item;
	list-style:none;
	padding:8px;
	border:#fff 1px solid;
}

table.rp td{
	width:100%;
	display:list-item;
	list-style:none;
	padding:8px;
	border:#fff 1px solid;
}

table.rp .w100{
width:100%;
}

/** rp2 **
table.rp2 tr{
	display:block;
}

table.rp2 th{
	width:100%;
	display:list-item;
	list-style:none;
	line-height:16px;
	padding:8px;
	border:#fff 1px solid;
}

table.rp2 td{
	line-height:16px;
	padding:8px;
	border:#fff 1px solid;
}

table.rp2 .w100{
width:100%;
}
/** rp2 **/


/**　テーブル(WP簡易グリッド用)**********/

table.t-grid-rp tr{
	display:block;
}

table.t-grid-rp td{
	width:100%;
	display:list-item;
	list-style:none;
	padding:5px 5px 25px 5px;
}



/***********イメージ float→スマホ解除**********/
.img_left2 {
	float: none;
	max-width:100%;
}

.img_right2 {
	float: none;
	max-width:100%;
}

/**** wordpress対応*****/
.alignleft,.alignright {
	float: none;
	max-width:100%;
  display: block;
  margin: 0 auto 20px auto;
}

/*********その他**********/

.kaigyou:before{
  content: "\A";
  white-space: pre;
}
			

}
/****** スマホ 縦(ポートレート)用 ここまで******/