/*
Theme Name: skill
*/


/* =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;}

ol, ul {list-style: none;}
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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000000;
-webkit-text-size-adjust:100%;
background:#fff;
	font-size : 15px;
	line-height : 180%;
}

.home .post-2486{
	display:none;
}




/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#313131;
}

a:hover, a:active{
outline: none;
color:#6f6f6f;
}


/**** Clearfix ****/
nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,#mainNav,.newsTitle,.bg, .post, ul.post li,#mainNav .inner{zoom: 1;}



/* レイアウト
------------------------------------------------------------*/
body {
	padding-top:165.11px;
}
#wrapper, .inner{
margin:0 auto;
width:1200px;
}

#header{
	position:fixed;left: 0; top: 0;
	z-index: 9999;
	width:100%;
	background: #FFF;
	padding-bottom: 10px;
}

#header > div{
	margin: 0 auto;
width:1200px;
}

#main{
float:left;
width:640px;
padding:10px 5px;
}
#main.col2{
	width:920px;
}

#primary{
float:left;
width:260px;
padding:10px 5px;
}
#secondary{
float:left;
width:260px;
padding:10px 5px;	
}

#footer{
clear:both;
} 

.n2-padding {
	margin:10px auto;
}
/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
display : none;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding:20px 5px 15px;
color: #515151;
font-size:160%;
font-weight:bold;
}

.header_inner{
	width : 1200px;
	margin : 0 auto;
}
.site_logo{
	float : left;
	width : 36%;
	margin-top : 10px;
}

/* コンタクト
----------------------------------*/
.contact{
	float : left;
	margin-top : 10px;
}
/* tel
----------------------------------*/
.tel{
	float : left;
	margin-right : 20px;
	margin-top : 10px;
}

/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
line-height:0;
text-align:center;
z-index:0;
	padding : 10px;
}
#mainImg a:hover{opacity:.8;}

/* .post{ 
margin:0 0 20px 0;
padding:20px 10px 20px 20px;
border:1px solid #d5d5d5;
background:#fff;
}
*/
.toppage h4{
margin:0 0 10px;
font-size:16px;
font-weight:normal;
color:#333;
}

.toppage{padding:10px 10px 20px 20px;}

/*コンテンツ
*****************************************************/

#main h1 , .category #main h5 , #content h2{
    padding: 1em 1em;
    margin: 0 auto;
	margin-bottom : 15px;
    color: #ffffff;
    background: #51a922;
    border-bottom: solid 4px #2a7303;
    border-radius: 9px;
	font-size : 18px;
	font-weight : bold;
}
#content h2{
	margin-top : 0px;
}

#content h2 a{
    color: #ffffff;
}
#content h2 a:hover{
    text-decoration:underline;
}
#content h2.center {
	text-align : center;
	padding: 0.5em 1em;
    margin: 8px auto;
    color: #ffffff;
    background: #22ad38;/*背景色*/
    border: double 5px #1c861f;
}
.pankuzu {
	margin-top: 10px;
}
.pankuzu li {
	display :inline;
}


/*コンテンツ 記事内
*****************************************************/
.entry-content {
	border-bottom: 1px solid #CCC;
	padding: 10px 0 50px;
	margin-bottom: 50px;
	position: relative;
}
.entry-content ul{
	margin-left : 20px;
}

.pagination {
	display:flex;
	width: 100%;
	justify-content: space-between;
}

.dai, .chu, .more_kiji {
	color: #FFF;
}
.dai, .chu , .sho {
	font-weight: bold;
	font-size:16px;
	padding: 0.3em 0 0 0.5em;
}


.dai {
	background:#51a922;
	margin-bottom : 3px;
}

/*
.dai {
	color: #51a922;
	margin-bottom : 3px;
	font-size: 19px;
	padding: 0.3em 0 0 0;
}
*/
.more_kiji{
	background:#51a922;
	margin-bottom : 3px;	
	margin-top : 20px;
	padding : 4px 10px;
	font-weight : bold;
}
.chu {
	background:#92d050;
	margin-bottom : 3px;
}
.sho {
	font-weight: bold;
	border-bottom: 2px solid #92d050;
	margin-bottom : 3px;
}
.more-link {
	font-weight: bold;
	position: absolute;
	right: 0;
}

/*サイドバー
*****************************************************/
#sidebar h2,
#sidebar_2 h2,
#sidebar_2 h4,
 #sidebar h4{
   padding: 1em 1em;
    margin: 0 auto;
	margin-bottom : 15px;
    color: #ffffff;
    background: #51a922;
    border-bottom: solid 4px #2a7303;
    border-radius: 9px;
	font-size : 18px;
	font-weight : bold;
}
#sidebar .top-menu-navigation ul{
margin: 0 0 20px; 
padding: 0; 
list-style: none; 
}
#sidebar .top-menu-navigation li{ 
display: inline; 
padding: 0; 
margin: 0; 
}
#sidebar .top-menu-navigation li a{
display: block; 
border-left: 8px solid orange;
background-color: #fd6e0f;
padding: 7px 10px;
text-decoration: none;
color: #ffffff;
margin: 3px 0px;
text-align: left;
}
#sidebar .top-menu-navigation li a:hover{
background-color: #080808;
	color:#ffffff;
}

.right_cate_blog {
}
.right_cate_blog li  {
	border: dotted #666 1px;
	padding:5%;
/*	border-radius: 15px; */
}
.right_cate_blog li + li {
	margin-top: 5%;
}
.right_cate_blog a {
	display: block;
	text-align: center;
}
.right_cate_blog.blog {
	counter-reset:number; 
	list-style:none;
}
.right_cate_blog.blog li:before {
	counter-increment: number;
	content: "ランキング"counter(number)"位";
	text-align: left;
	color: #fd6e0f;
	font-weight: bold;
}


.icatch img{
	width: 100%;
	height: auto;
}



/* フッター
*****************************************************/
#footer ul{
padding:15px 0 25px;
text-align:center;
}

#footer li{
display:inline-block;
padding: 5px 16px;
border-left:1px dotted #d5d5d5;
}
*:first-child+html #footer li{display:inline;}

#footer li:first-child{border:0;}

#footer li a{
text-decoration:none;
color:#000;
}

#footer li a:hover{color:#999;}

#footer ul ul{display:none;}

#copyright{
clear:both;
padding:10px 0 37px;
text-align:center;
color:#000;
font-size:10px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}




/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
#mainNav{
clear:both;
position:relative;
z-index:200;
width:1200px;
margin:0 auto;
	padding-left : 2px;
	margin-top : -30px;
}

#mainNav .inner{
	width : 100%;
	margin : 0 auto;
}

#mainNav li{
float: left;
width : 171px;
position: relative;
}

#mainNav li a{
display: block;
text-align: center;
_float:left;
color:#000;
height:45px;
line-height:45px;
font-size:110%;
margin-right:4px;
padding:8px 20px 4;
background-color : #51a922;
	color : #ffffff;
	border-radius: 5px;
}

#mainNav li.current-menu-item a, #mainNav li a:hover, #mainNav li.current-menu-parent a,#mainNav ul li a:hover span, #mainNav li.current-menu-item a span{
color:#000000;
background:#ffff00;
	border : 1px solid #555151;
}

#mainNav ul ul{
width:160px;
border-top:0;
}

#mainNav li ul{display:none;}

#mainNav li:hover ul{
display:block;
position:absolute;
top:45px;
left:-1px;
z-index:500;
}

#mainNav li li{
margin-top :5px;
margin-bottom : 10px;
float:none;
height:35px;
line-height:35px;
width:160px;
background:#eee;
border-bottom:1px dotted #fff;
}

#mainNav li li a, #mainNav li.current-menu-parent li a,#mainNav li.current-menu-item li a{
width:100%;
height:40px;
padding:0 0 0 10px;
line-height:40px;
font-size:95%;
text-align:left;
color: #666;
background-color : #def9cf;
border : 1px solid #94ce74;
}

#mainNav li li.current-menu-item a,#mainNav li li a:hover{color:#000;}

nav div.panel{
display:block !important;
float:left;
}
  
a#menu{display:none;}
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	#mainNav{
	clear:both;
	width:100%;
	margin:0 auto 5px;
	background:#4fc02c;
		color : #ffffff;
	}
	
	#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
		margin-left : -20px;
	color:#ffffff;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
  margin-top : -40px;
	}
	
	#mainNav a#menu span{padding-left:35px;}
	
	#mainNav a.menuOpen{
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	z-index: 9999;
	}

	#mainNav ul{margin:0;padding:0;}

	#mainNav li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	#mainNav li a,#mainNav li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	color:#666;
	border-bottom:1px dashed #e5e5e5;
	}
	
	#mainNav li:last-child a{border:0;}
	#mainNav li li:last-child a{border:0;}
	#mainNav li li:last-child a{border-bottom:1px dashed #e5e5e5;}

 	#mainNav li a span{display:none;}
 
	#mainNav li.current-menu-item a,#mainNav li a:hover,#mainNav li.current-menu-item a,#mainNav li a:active, #mainNav li li.current-menu-item a, #mainNav li.current-menu-item li a:hover, #mainNav li.current-menu-item li a:active,#mainNav li.current-menu-item li a{
	color:#333;
	background:#eee;
	}

	#mainNav li li{
	float:left;
	border:0;
	}

	#mainNav li li a, #mainNav li.current-menu-item li a, #mainNav li li.current-menu-item a{
  padding-left:40px;
	background:url(images/sub1.png) no-repeat 20px 18px;
	}

	#mainNav li li.current-menu-item a,#mainNav li li a:hover, #mainNav li.current-menu-item li a:hover{
		background:#eee url(images/sub1.png) no-repeat 20px 18px;}
	
	#mainNav li li:last-child a{background:url(images/subLast.png) no-repeat 20px 20px;}
	#mainNav li li:last-child.current-menu-item a,#mainNav li li:last-child a:hover,#mainNav li.current-menu-item li:last-child a:hover{background:#eee url(images/subLast.png) no-repeat 20px 20px;}
	
	nav div.panel{float:none;}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
body {
	padding-top:150px;
}
  #wrapper, .inner{width:100%;}

#header{
	padding-bottom: 0;
	max-height: 140px;
}

#header > div{
width: 100%;
}
	
	.contact{padding:10px 0 10px;}
	#mainNav {z-index: 9999;}

	#mainNav ul{margin:0 auto; background:#eee;}
	#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	#header .header_inner {
		width:100%;
	}
	#header .site_logo{
	padding:10px 3% 0 0;
		width:94%;
		text-align: center;
	}
	#header .site_logo a{
	display:block;
	width: 80%;
		margin: 0 auto;
	}
	#header .site_logo img{
	width: 100%;
		max-width:300px;
	}
	#header .tel , #header .contact {
		display:none;
	}

	.pankuzu {
	width: 95%;
		margin: 0 auto;
	}

	
	#mainImg img {width:98%;height:auto;}
	.main_image img {width:100%;height:auto;}

	#content, #primary{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	}
	.main_set {
	display: flex;
		flex-flow: row wrap;
	}
	#primary {
		order:2;
	}
	#main {
		order:1;
	}
	#secondary {
		order:3;
	}
	#main , #primary{
	width:95%;
		margin: 0 auto;
	}
	#main.col2{
		width:95%;
	}
	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	
	.widget_search{text-align:center;}
	#secondary{
	float:none;
	width:95%;
	padding:0;
		margin: 0 auto;
	}
	#footer li{margin-bottom:10px;}
	
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#header h2{padding:0;}
	#header h2 img{max-width:90%;}
  .contact{padding:0;}
	#header{text-align:center;}
	#header h2,.contact{float:none;}
	.contact{padding:0 0 20px;}
	.contact p{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
}

/* 追加css
------------------------------------------------------------*/
.other_menu_box{
	width : 97%;
	margin : 7px auto;
	margin-bottom : 40px;
}
.other_menu{
	float : left;
	width : 16.5%;
	background-color : #419f0e;
	border-right : 1px solid #ffffff;
	text-align : center;
	padding : 10px 0px;
}
.other_menu a{
	text-decoration : none;
	color : #ffffff;
}
.other_menu a:hover{
	color : #ffff00;
}
.price_other_menu{
	float : left;
	width : 19.5%;
	background-color : #419f0e;
	border-right : 1px solid #ffffff;
	text-align : center;
	padding : 10px 0px;
}
.price_other_menu a{
	text-decoration : none;
	color : #ffffff;
}
.price_other_menu a:hover{
	color : #ffff00;
}
.jap_sp_menu_box{
	width : 97%;
	margin : 7px auto;
	margin-bottom : 40px;
}
.jap_sp_menu{
	float : left;
	width : 24.8%;
	background-color : #419f0e;
	border-right : 1px solid #ffffff;
	text-align : center;
	padding : 10px 0px;
}
.jap_sp_menu a{
	text-decoration : none;
	color : #ffffff;
}
.jap_sp_menu a:hover{
	color : #ffff00;
}


/* 修理の流れ追加css（三浦）
------------------------------------------------------------*/
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
.site_logo{width : 340px;}
}
.font110{
	font-size : 110%;
}
#faq {
	width: 96%;
	margin:10px auto;
}
#faq dt {
	background: #f7ed44; /* 「Q」タイトルの背景色 */
	color: #000; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
}
#faq dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#faq dd {
	margin: 24px 16px 40px 32px;
	line-height: 180%;
	text-indent: -24px;
}
#faq dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}
.flow_title{
	font-size : 120%;
	border-bottom : 1px solid #555151;
	padding : 8px 0px;
}
.yusou_title{
	font-size : 105%;
	border-bottom : 1px solid #555151;
	padding : 3px 0px;
}
.img{
	width : 95%;
}
.yusou_in{
	width : 92%;
	padding : 7px;
	font-size : 95%;
	line-height : 170%;
}
.access_in{
	width : 100%;
	margin : 10px auto;
}
.access_submidashi{
	width : 94%;
	padding : 7px 12px;
	background-color : #f9f2ba;
	font-size : 110%;
}

/* トップページ追加css（三浦）
------------------------------------------------------------*/
.space_m{
	height : 20px;
}
.space_l{
	height : 40px;
}
.font125{
	font-size : 125%;
}

/* 企業情報追加css（三浦）
------------------------------------------------------------*/
.company{
  width:100%;
  border: 1px solid #555151;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.company th{
  padding: 6px 8px 5px;
 border-top: dotted 1px #555151;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}

.company td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
overflow: hidden;
border-top: dotted 1px #555151;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 640px){
	.company{
		width : 98%;
		margin : 0 auto;
		border : none;
	}
.company th{
  width:96%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.company td{
  display: list-item;
  width: 96%;
  border-top: none !important;
}
}/* end */

.saiyou_bun_left{
	float : left;
	width : 20%;
	text-align : center;
}
.saiyou_bun_right{
	float : left;
	width : 75%;
	padding-top : 5px;
}
.dot_waku{
	border : 2px dotted #555151;
	padding : 20px;
	width : 96%;
}
.tenpo_left{
	float : left;
	width : 40%;
	padding : 4px;
}
.tenpo_right{
	float : left;
	width : 54%;
	padding : 4px;
}
@media (max-width: 640px){
.saiyou_bun_left{
	width : 92%;
	margin : 8px auto;
	text-align : center;
}
.saiyou_bun_right{
	width : 92%;
	margin : 8px auto;
}
.dot_waku{
	border : 2px dotted #555151;
	padding : 8px;
	width : 92%;
}
.tenpo_left{
	width : 92%;
	margin : 8px auto;
}
.tenpo_right{
	width : 92%;
	margin : 8px auto;
}	
}


/*メイン（料金一覧ページのサブ見出し）
*****************************************************/
.main_submidashi{
	width : 95%;
position: relative;
padding: 8px 10px;
background: #fcde3a;
color: #000000;
	font-weight : bold;
	font-size : 110%;
	margin : 10px auto;
	margin-bottom : 25px;
}
.main_submidashi::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px #e8350b;
}

.main_text{
	width : 95%;
	padding : 8px;
	margin : 10px auto;
}
.tokutei_box{
	width : 95%;
	padding : 8px;
	margin : 0px auto;
}
.bikou{
	width : 90%;
	padding : 12px;
	margin : 10px auto;	
	border : 1px dotted #555151;
}
.price_box{
	width : 100%;
	margin : 5px auto;
}
.price1{
	float : left;
	width : 32%;
	padding : 4px;
	text-align : center;
}
.price2{
	float : left;
	width : 32%;
	padding : 4px;
	text-align : center;
}
.price3{
	float : left;
	width : 32%;
	padding : 4px;
	text-align : center;
}
.price4{
	float : left;
	width : 32%;
	padding : 4px;
	text-align : center;
}
.price5{
	float : left;
	width : 32%;
	padding : 4px;
	text-align : center;
}
.price6{
	float : left;
	width : 32%;
	padding : 4px;
	text-align : center;
}

.flow_in{
	width : 94%;
	margin : 10px auto;
}
.flow_left{
	float : left;
	width : 30%;
	padding : 7px;
	margin-bottom : 20px;
	text-align : center;
}
.flow_right{
	float : left;
	width : 65%;
	padding : 7px;
	margin-bottom : 20px;
}
.clear{
	clear : both;
}
@media only screen and (max-width: 644px){
.flow_in{
	width :97%;
	padding : 7px;
	margin : 10px auto;
}
	.flow_in img{
		width : 60%;
	}
.flow_left{
	width :95%;
	padding : 7px;
	margin : 0 auto;
	text-align : center;
}
.flow_right{
	width :95%;
	padding : 7px;
	margin : 0 auto;
}	
	}


@media only screen and (max-width: 644px){
.price_box{
	width : 98%;
	margin : 10px auto;
}
.price1{
	float : left;
	width : 47%;
	padding : 4px;
	text-align : center;
}
.price2{
	float : left;
	width : 47%;
	padding : 4px;
	text-align : center;
}
.price3{
	float : left;
	width : 47%;
	padding : 4px;
	text-align : center;
}
.price4{
	float : left;
	width : 47%;
	padding : 4px;
	text-align : center;
}
.price5{
	float : left;
	width : 47%;
	padding : 4px;
	text-align : center;
}
.price6{
	float : left;
	width : 47%;
	padding : 4px;
	text-align : center;
}
}

.yusou_box{
	width : 100%;
	margin : 10px auto;
}
.yusou1{
	float : left;
	width : 30%;
	height : 460px;
	padding : 4px;
	margin : 5px;
	border : 1px solid #555151;
}
.yusou2{
	float : left;
	width : 30%;
	height : 460px;
	padding : 4px;
	margin : 5px;
	border : 1px solid #555151;
}
.yusou3{
	float : left;
	width : 30%;
	height : 460px;
	padding : 4px;
	margin : 5px;
	border : 1px solid #555151;
}
.yusou4{
	float : left;
	width : 30%;
	height : 460px;
	padding : 4px;
	margin : 5px;
	border : 1px solid #555151;
}
.yusou5{
	float : left;
	width : 30%;
	height : 460px;
	padding : 4px;
	margin : 5px;
	border : 1px solid #555151;
}
.yusou6{
	float : left;
	width : 30%;
	height : 410px;
	padding : 4px;
	margin : 5px;
	border : 0px solid #555151;
}
.saiyou_comment{
	width : 94%;
	padding : 8px;
	margin : 5px auto;
	border : 2px dotted #555151;
}
@media only screen and (max-width: 644px){
.yusou_box{
	width : 98%;
	margin : 10px auto;
}
.yusou1{
	width : 96%;
	padding : 7px;
	border : 1px solid #555151;
	margin : 8px auto;
	height : auto;
}
.yusou2{
	width : 96%;
	padding : 7px;
	border : 1px solid #555151;
	margin : 8px auto;
	height : auto;
}
.yusou3{
	width : 96%;
	padding : 7px;
	border : 1px solid #555151;
	margin : 8px auto;
	height : auto;
}
.yusou4{
	width : 96%;
	padding : 7px;
	border : 1px solid #555151;
	margin : 8px auto;
	height : auto;
}
.yusou5{
	width : 96%;
	padding : 7px;
	border : 1px solid #555151;
	margin : 8px auto;
	height : auto;
}
.yusou6{
	width : 96%;
	padding : 7px;
	border : 1px solid #555151;
	margin : 8px auto;
	height : auto;	
}
}
.about_left{
	float : left;
	width : 47%;
	padding : 5px;
}
.about_right{
	float : left;
	width : 47%;
	padding : 5px;
}
.top_map{
	width : 100%;
	margin : 0 auto;
	border : 1px solid #eee;
}
.about_in{
	padding : 10px;
	font-size : 90%;
}
.footer_map{
	width : 94%;
	margin : 0 auto;
	border : 1px solid #eee;
	height : 300px;
}

@media only screen and (max-width: 644px){
.about_left{
	width : 92%;
	padding : 8px;
	margin : 0 auto;
}
.about_right{
	width : 92%;
	padding : 8px;
	margin : 0 auto;
}
.top_map{
	width : 100%;
	margin : 0 auto;
	border : 1px solid #eee;
}
.footer_map{
	width : 100%;
	margin : 0 auto;
	border : 1px solid #eee;
	height : auto;
}
}
.access_left{
	float : left;
	width : 46%;
	padding : 9px;
	margin : 3px;
}
.access_right{
	float : left;
	width : 46%;
	padding : 9px;
	margin : 3px;
}
@media only screen and (max-width: 644px){
.access_left{
	width : 92%;
	padding : 8px;
	margin : 5px auto;
}
.access_right{
	width : 92%;
	padding : 8px;
	margin : 5px auto;
}
#footer-menu {
position: fixed;
width: 100%;
height : 40px;
background-color: #ffffff;
bottom: 0;
left: 0;
z-index: 100;
padding: 5px 0px;
}
#footer-menu ul{
display: flex;
}
#footer-menu li{
width: 48%;
text-align: center;
background-color: #219f0c;
	margin : 2px;
}
#footer-menu li:nth-child(even){
background-color: #219f0c;
}
#footer-menu li a{
width: 100%;
display: block;
padding: 5px 0;
color: #ffff00;
}
#footer-menu li a:hover{
background-color: #666;
}
}

.footer_box{
	width : 100%;
	margin : 10px auto;
	background-color : #fcfcdd;
	padding : 20px 0px;
}
footer_box_in{
	width : 1000px;
	margin : 0 auto;
}
.footer_box_left{
	float : left;
	width : 48%;
	padding : 8px;
}
.footer_box_right{
	float : left;
	width : 48%;
	padding : 8px;
}
.footer_message{
	width : 90%;
	padding : 7px;
	margin : 15px auto;
	border : 1px dotted #555151;
}

@media only screen and (max-width: 644px){
.footer_box{
	width : 100%;
	margin : 10px auto;
	background-color : #fcfcdd;
}
.footer_box_left{
	width : 94%;
	padding : 7px;
	margin : 0 auto;
}
.footer_box_right{
	width : 94%;
	padding : 7px;
	margin : 0 auto;
}	
}

/*google地図埋め込みcss
*****************************************************/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*ページ内リンクのズレ解消css
*****************************************************/
#arrows,#aquos,#other_sp,#gara,#game,#applewatch, #tablet, #a_w {
margin-top:-170px!important;
padding-top:170px!important;
} 

/*カテゴリー・タグ別記事一覧CSS　画像を左に*/
.lcp_catlist li:after{/*クリアボス*/
content: "";
display: block;
clear: both;
}
.lcp_catlist li{
list-style-type: none;/*リストのアイコン消す*/
margin-bottom: 10px;/*リスト間マージン*/
}
.lcp_catlist li a{margin-left: 10px;}
.lcp_catlist img{
	float: left;
    width : 90px;
    height : auto;}/*写真を左に*/

/*特商法*/
.tokutei {
  border-collapse: collapse;
  width: 100%;
}
 
.tokutei th,
.tokutei td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.tokutei th {
  background: #f9fafc;
  text-align: left;
  width: 120px;
}
 
@media only screen and (max-width: 800px) {
  .tokutei tr,
  .tokutei th,
  .tokutei td {
    display: block;
    width: auto;
  }
  
  .tokutei tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .tokutei th,
  .tokutei td {
    border-top: none;
  }
}
/*プライバシーポリシー*/
.policy{
  width : 94%;
  margin : 0 auto;
}
.policy ul{
	margin-left : 20px;
}
.policy li{
	list-style: square;
}
.font115{
	font-size : 115%;
}
.btn-navi {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}

/*----------------------
道順関連のcss
-----------------------*/
.center{
	text-align : center;
}
.root_midashi{
	padding : 10px;
	background-color : #e15828;
	color : #ffffff;
	margin-bottom : 15px;
}
.root_box{
	width : 600px;
	margin : 10px auto;
	padding : 30px 0px;
	background-color : #fbf2d9;
}
.root_no{
	padding : 3px 20px;
	background-color : #599A0D;
	color : #ffffff;
	text-align : center;
	width : 100px;
	margin : 10px auto;
}
.root_text{
	text-align : center;
	font-size : 15px;
}
.root_slider{
	width : 94%;
	margin: 0 auto;
}
.root_slider .inner{
	width: 85%;
	margin: 0 auto;
}
.root_slider .center img{
	margin: 0 auto;
	max-width: 100%;
}
.slick-arrow{
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: 101%;
	font-size: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	z-index: 1;
	cursor: pointer;
	background: url(https://skill--one.pro/wp/image/arrow_left.png) no-repeat center center /contain;
}
.slick-prev{
	left: 0;
	transform: translate(-50%,-50%);
}
.slick-next{
	right: 0;
	transform: translate(50%,-50%);
	background-image: url(https://skill--one.pro/wp/image/arrow_right.png);
}
@media only screen and (max-width: 750px) {
	.root_slider{
		width : 90%;
		margin: 0 auto;
	}
	.slick-arrow{
		width: 45px;
		height: 45px;
	}
	.slick-prev{
		left: 0;
		transform: translate(-30%,-50%);
	}
	.slick-next{
		right: 0;
		transform: translate(30%,-50%);
	}
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}