/*
Theme Name: Valueseed-NaitoDC
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:16px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:28px;
-webkit-text-size-adjust: none;
word-break: break-all;/*長いURLはみ出し改行対策*/
}

#container {
}

a{color:#A93C00; font-weight:bold;text-decoration:none;}
a:hover{color:#33aa00; text-decoration:underline;}
a:active, a:focus {outline:0;}
a:hover img{
	transform:scale(1.00,1.00);
   filter: alpha(opacity=85);
   -moz-opacity:0.85;
   opacity:0.85;
} 

hr {
	clear:both;
	border-color:#3080AE;
}

img{
	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{
border:1px solid #DD7733;
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;
}

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

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

#slideshow ul li p{
	padding:300px 20px 20px 20px;
	text-align:center;
	font-size:20px;
	line-height:24px;
	color:#fff;
	font-weight:bold;
	text-shadow:#111 1px 1px 1px;
}

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

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

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

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

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

#header_obi{
background: #3080AE;
	background:linear-gradient(to bottom,#7FC9FF 0%,#3080AE 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#7FC9FF), to(#3080AE));
color:#fff;
border-bottom:#fff 1px solid;
box-shadow:#fff 0px 0px 0px 0;
}

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

.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:3px 0 0 0;
}

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


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

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

/* 右上の電話番号　*/
#header_right{
float:right;
max-width:38%;
padding:20px 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:#33A815;
		background:linear-gradient(to bottom,#779C58 0%,#779C58 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#779C58),to(#779C58));
}

h1 {
font-weight:bold;
padding:26px 10px;
font-size:32px;
line-height:36px;
color: #fff;
}

h1 span {
   margin:0;
   padding:0 0 0 15px;
   font-size:18px;
   line-height:18px;
   font-weight: bold; 
   color:#333;
}


h2 {
   margin:5px 0 15px 0;
   padding:5px 0;
   font-size:28px;
   line-height:30px;
   color:#333;
	 border-bottom:#333 2px solid;
}


h3 {
   margin:0 0 10px 0;
   padding:8px 0 8px 10px;
   font-size:24px;
   line-height:120%;
   font-weight: bold; 
   text-align:left;
   color:#3080AE;
	 border-left:#333 3px solid;
}

h4 {
   margin:0;
   padding:10px;
   font-size:22px;
   line-height:120%;
   font-weight: bold; 
   text-align:left;
   color:#822D24;
	 background:#ddd;
	 border-left:#3333ff 2px solid;
}

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

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 15px 15px 0;
	float: left;
	max-width:35%;
}

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

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

.img_right2 {
	margin:0 0 15px 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: #3080AE;
color:#FFF;
line-height:22px;
border:2px solid #fff;
padding:8px 10px;
font-weight:bold;
}

table th span{
font-weight: normal;
}

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


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

table.rp th,
table.rp td{
}


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

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

input[type="submit"]{
	font-size:22px;
	font-weight:bold;
   background: #4499bb;
   color: #fff;
	 padding:5px 12px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   height: auto;
}

input[type="submit"]:hover{
   background: #d96;
}


/***********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 {
	background:#fff;
	padding:10px 10px 10px 15px;
	border-radius:10px;
}

ul.check li {
	list-style-type: none;
	background:url(images/icon_check.png) 0 50% no-repeat;
	margin:0;
	padding:10px 0 10px 40px;
	line-height:1.2em;
	font-size:16px;
	font-weight:bold;
}


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

.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;
}

.btn:hover{
  background: #999;
	color: #FFF;
}

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

/***********スクロール**********/	
.scroll{
	overflow:scroll;
  height:350px;
  border: 2px solid #3080AE;
  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:20px 0;
	background:#ddccaa;
}	

#footer{
	clear:both;
	overflow:hidden;
	padding:5px;
	background:#aacc88;
	color:#fff;
}

#footer .wrapper>ul>li{
	list-style-type: none;
	float:left;
	margin:5px 0;
	padding:0 20px 0 5px;
	font-size:14px;
	line-height:18px;
	color:#3080AE;
	border-left:#3080AE 5px solid;
}

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

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

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

#copyright{
	clear:both;
	padding:5px;
	text-align:center;
	font-style:normal;
	font-size:12px;
	color:#fff;
	background:#3080AE;
}


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

#pageTop a {
  padding:15px 18px;
	font-size:30px;
	color:#ffffff;
	background:#3080AE;
   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%;	
}


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

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

	a#menu{display:none;}

	.panel{
	display:block !important ;
	}

	.panel>ul{
	border:1px solid #fff;
	}

	.panel ul li a{
	display: block;
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	padding:15px 10px;
	color:#fff;
	background:#3080AE;
		background:linear-gradient(to bottom,#3080AE 0%,#3080AE 100%);
		background:-webkit-gradient(linear, left top, left bottom, from(#3080AE), to(#3080AE));
	border-bottom:2px solid #fff;
	}

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

	.panel ul li a:hover{
	color:#eee;
   background:#DD7733;
	}

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

	.panel>ul ul>li a{
	display: block;
	text-align:left;
	font-size:16px;
	color:#663300;
	background:#D2C0B1;
	border-bottom:2px solid #fff;
	}

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

	.panel>ul> ul>li a:hover{
	color:#fff;
	background:#cce;
	}
/**** メニューここまで　********/	
		
}
/***** 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 5px;
}

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

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

#footer{
width:100%;
}


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

/* 左上ロゴ　*/
#header_logo{
}

/* 右上の電話番号　*/
#header_right{
padding:20px 60px 0 0;
}

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

#slideshow ul li p{
	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:#3080AE;
	border-top:1px solid #fff;
	}

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

	#navi ul li.current_page_item>a{
	}

/*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 #3080AE;
		}

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

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

	#navi .panel>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:10px 0 0 0;
}

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

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

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


/***********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:"】";
}


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

/****** スマホ 縦(ポートレート)用 ******/
@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.rp tr{
	display:block;
}

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

table.rp td{
	width:100%;
	display:list-item;
	list-style:none;
}

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

table.rp2 tr{
	display:block;
}

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

table.rp2 td{
}

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


/***********イメージ 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 10px auto;
}

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

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

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