/*
Theme Name: oono
Theme URI: http://www.jadexdesign.jp/
Template: bb7_core
Description: oono
Version: 0.1
Author: Takashi Hayama
Author URI: http://www.jadexdesign.jp/
*/
/****************************************
		1. Layout 
*****************************************/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
	font-family:  cursive, 'M PLUS Rounded 1c', serif;
}
p, span{
	font-family:'M PLUS Rounded 1c', 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#yt_head{
height: 800px;
overflow: hidden;
position: relative;
}
    #yt_head a.player{
    width: 100%;
    height: 100%;
    display: block;
    }
#youtube_title{
position: absolute;
left: 20%;
top: 200px;
width: 800px;
margin-left: -400px;
z-index: 1000;
}
    #youtube_title img{
    width: 100%;
    height: auto;
    }
#yt_sp,
#yt_title_sp{
display: none;
}
@media screen and (max-width: 767px) {
    #yt_head,
    #youtube_title{
    display: none;
    }
    #yt_sp,
    #yt_title_sp{
    display: block;
    }
    #yt_sp{
    position: relative;
    }
    #yt_img_sp img{
    width: 100%;
    height: auto;
    }
    #yt_title_sp{
    position: absolute;
    left: 50%;
    top: 50px;
    width: 240px;
    margin-left: -120px;
    z-index: 1000;
    }
        #yt_title_sp img{
        width: 100%;
        height: auto;
        }
}

#wrap,#headCont,#footCont,#description p,
#head ul#drop,
#head #bread ul,
#kv,#slick_kv,
#footCont .sns_navi{
max-width: 1060px;
}

#wrap{
padding-top: 30px;
background: none;

}
.home #wrap{
padding: 30px;
}
#wrap{
padding: 30px 130px;
}
	#mainCol{
	width: 100%;
	margin: 0;
	float: none;
	}
	#main{
	margin: 0;
	float: none;
	}
	#sideCol{
	width: 100%;
	margin: 0;
	float: none;
	}
#main{
	margin-top:30px;
}
.home #main{
margin: 0;
float:none;
}
.home #mainCol{
	margin-left:0;
	float: none;
}
.home #sideCol{
	width: 100%;
	margin: 0;
	float: none;
}
@media screen and (max-width: 767px) {
	#wrap{
	padding: 10px;
		margin:0 auto;
	}
	#mainCol{
	width: 100%;
	margin: 0 10px;
		
	float: none;
	}
	#main{
	margin: 0;
	float: none;
	}
	
	#sideCol{
	width: 100%;
	margin: 0;
	float: none;
	}

}

.home #wrap{
max-width: 100%;
padding: 0;
margin: 0;
}
.indexContent .block_wrap{
max-width: 1060px;
padding: 15px 0;
margin: 0 auto;
}

.category_bar{
background: #333;
color: #fff;
}

/****************************************
		2. Color 
*****************************************/
body{
	
	background:#fff;
	
}
#head{
	background: rgba(255,255,255,0.9);
	
position:fixed;
	z-index:9999;
}
#description p{color: #333;}
#footer{background: #080e3f;
		
}


.linkCont a,
#content .newEntry .cont .linkCont a,
.block_col3 .cont .linkCont a,
.r_wrap .cont .linkCont a{
background: #333;
color: #fff;
}
.linkCont a:hover,
#content .newEntry .cont .linkCont a:hover,
.block_col3 .cont .linkCont a:hover,
.r_wrap .cont .linkCont a:hover{
		background: #666;
}
p.btn {
margin-top: 20px;
margin-bottom: 2rem;
}
p.btn a{
background: #1d8444;
border: none;
border-radius: 0;
color: #fff;
padding: 10px 20px;
}
p.btn a:hover{
text-decoration: none;
background: #D75A13;
}
@media screen and (max-width: 767px) {
body{
	
	background:#fff;
	
}	

}
/****************************************
		3. Header
*****************************************/

#headCont #headCTA{
}
#headCont #headCTA .headCTA_tel{
padding: 0;
}
#headCont #headCTA .headCTa_contact{
padding: 0;
vertical-align: top;
}

#headCont{
}
#headCont #logo{
	width:30%;
	margin:0;
	padding:0;
	height:75px;
	margin-top:-40px;
}
#headCont #logo img{
	
	
	padding:0;
}
    #headCont .sns_navi li a{
    background: #fff;
    }
    #headCont .sns_navi li a:hover{
    background: #333;
    }
    #headCont .sns_navi li a:hover .ic_br:before{
    color: #fff;
    }
#head #gNavi{
width:70%;	
border:none;
padding-top: 1px;
max-width:900px;
margin: 0 auto;

}

#head ul#drop{
width: auto;
	font-size:130%;
}
#head ul#drop{
margin: 0;
}
#head ul#drop li{

}
#head ul#drop li:first-child{
width: auto;
}
#head ul#drop li a{
}
	
#head #gNavi,
#head ul#drop li a{
	
background:none;
color: #080e3f;

}
#head ul#drop li.current-menu-item a{


}
#head ul#drop li a span{
font-size:60%;
color:#606060;
	line-height:3.0;
}
/*
.home #head ul#drop li.current-menu-item a,
#head ul#drop li:nth-child(1) a{background: #1d5687; color: #fff;}
#head ul#drop li:nth-child(2) a{background: #9181c0;}
#head ul#drop li:nth-child(3) a{background: #c83f8b;}
#head ul#drop li:nth-child(4) a{background: #fca744;}
#head ul#drop li:nth-child(5) a{background: #95b32d;}
#head ul#drop li:nth-child(6) a{background: #528454;}


#head ul#drop li:nth-child(1) a:hover,
#head ul#drop li:nth-child(1).current-menu-item a{background: #1a4d79;}
#head ul#drop li:nth-child(2) a:hover,
#head ul#drop li:nth-child(2).current-menu-item a{background: #8274ac;}
#head ul#drop li:nth-child(3) a:hover,
#head ul#drop li:nth-child(3).current-menu-item a{background: #b4397d;}
#head ul#drop li:nth-child(4) a:hover,
#head ul#drop li:nth-child(4).current-menu-item a{background: #e2963d;}
#head ul#drop li:nth-child(5) a:hover,
#head ul#drop li:nth-child(5).current-menu-item a{background: #86a128;}
#head ul#drop li:nth-child(6) a:hover,
#head ul#drop li:nth-child(6).current-menu-item a{background: #4a774b;}
*/

#head ul#drop li.current-menu-item a,
#head ul#drop li:hover a{
	}
	#head ul#drop li ul{
	
	color: #333;
	}
#head ul#drop li ul li{ 
border-bottom: 1px solid #fff;
}
#head ul#drop li ul li a{

border-bottom: 1px solid #ddd;
border-top: 1px solid #fff;
}
		#head ul#drop li ul li a:hover{
		background: #eee;
		}
#navt, #navbt{
	display:none;
}

@media screen and (max-width: 767px) {
	
#headCont #logo{
		width:70%;
	max-width:300px;
	height:65px;

	margin-left:10px;
	margin-top:0;
}
#headCont #logo img{
	
}	
#toggleBtn{
background: none;
}
#toggleBtn p{
color: #080e3f;
}
#toggleBtn p:before{
	color: #080e3f;
}
	#dropnav{
		height:250px;
		margin-top:64px;
	
background: rgba(255, 255, 255, 0.9);
	}
#head #gNavi{
	width:100%;
	text-align:center;
}
#head ul#drop{
width: 100%;
	height:auto;
}
	
	#dropnav h3#navt{
	color:#080e3f;
	font-size:180%;
		
		display:block;
		margin:20px auto;
		font-size:150%;
		padding:20px;
	
	position: relative;
  display: inline-block;
  padding: 0 55px;
}
#dropnav h3#navt:before, #dropnav h3#navt:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

#dropnav h3#navt:before {
  left:0;
}
#dropnav h3#navt:after {
  right: 0;
}
	#head ul#drop li:first-child{
    display: block;
		
		
    }
	#head ul#drop li a{
	color: #080e3f;
	background:none;
		width:33%;
		text-align:center;
		padding:0;
		height:80px;
		
	}
	.home #head ul#drop li.current-menu-item a,
#head ul#drop li:nth-child(1) a{float:left;}
#head ul#drop li:nth-child(2) a{float:left;}
#head ul#drop li:nth-child(3) a{float:left;}
#head ul#drop li:nth-child(4) a{clear:both; float:left}
#head ul#drop li:nth-child(5) a{float:left;}
#head ul#drop li:nth-child(6) a{float:left;}
#head ul#drop li:nth-child(7) a{clear:both; float:left; width:50%;}
#head ul#drop li:nth-child(8) a{float:left; width:50%;}

	#head ul#drop li:hover a{
	background:none;
	color: #fff;
	}
#head ul#drop li ul{
background: #333;
color: #fff;
}
		#head ul#drop li ul li a:hover{
		background: #111;
		}
	#head ul#navbt{
		display:block;
		width:100%;
		text-align:center;
	}
	#head ul#navbt li{
		float:left;
		font-size:80%;
		margin-top:60px;
		margin-left:5%;
		margin-right:5%;
		width:23%;
		text-align:center;
		
	}
	#head ul#navbt li a{
position: relative;
padding: 60px 0 30px;
		
}
#head ul#navbt li a:visited{
color:#fff;
		
}
#head ul#navbt li a span{
top: calc(3.5em + 40px);
}
	#head ul#navbt li a:before{
		
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
    font-size: 20px;
	border: 1px solid #666;
	color: #666;
	background:#fff;
    border-radius: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
    box-sizing: border-box;
	padding-top: 8px;
	text-align: center;
	display: block;
	position: absolute;
	left: 50%;
	width: 40px;
	height: 40px;
	line-height: 1;
	margin-left: -20px;
	top: 10px;
}
#head ul#navbt li:nth-child(1) a:before{content: '\f095';}
#head ul#navbt li:nth-child(2) a:before{content: '\f0e0';}
#head ul#navbt li:nth-child(3) a:before{content: '\f3c5';}
}/*responsive*/

#head #bread{
	background: #FFEEE2;
	border-bottom: 1px solid #ddd;
}
#head #bread ul li,
#head #bread ul li i{
	color: #333;
}
#head #bread ul li:after{
border-top:1px solid #EFE0D6;
border-right:1px solid #FFFCFA;
}
	#head #bread ul li span{
	background: #333;
	color: #ccc;
	}
	#head #bread ul li a,
	#head #bread ul li a i{
	color: #333;
	}
	#head #bread ul li a:hover{
	color: #555;
	}
/****************************************
		4. Side
*****************************************/
#searchform input[type="text"]{
background: #fff;
}
#searchform input[type="submit"]{
color: #fff;
background: #333;
}
/****************************************
		5. Footer
*****************************************/
#footer div,#footer p,#footer address,#footer p a,#footer li,#footer li a,#footer dt a,
#footer ul,#footer dd a,#footer dd,#footer dt,#footer address{
color:#fff;
}
#footer{


}
#footer .footer_text{
background: #fff;
}
#footer address{
background: none;
	color:#fff;
}
#footCont .sns_navi li{
background: #fff;
}
#footCont .sns_navi li a{
}
    #footCont .sns_navi li a .ic_br:before{
    color: #1d8444;
    }
    #footCont .sns_navi li a:hover{
    background: #eee;
    }
#footWrap #footCTA .f_cta{
background: none;
}
#footer #footWrap #footCTA .f_cta p a{
color: #fff;
}
#footWrap #footCTA ul#fNavi li{
border-top: 1px solid #ccc;
border-bottom: 1px solid #eee;
}
#footWrap #footCTA ul#fNavi li a:hover{
background: #222;
}
#footWrap #footCTA ul#fNavi li a:before{
color: #333;
}
#footCTA .footContact p.btn a{
background: #fff;
color: #000;
}
    #footCTA .footContact p.btn a:hover{
    background: #f8b62c;
    }

#footWidget .widget-area .widget-container h3{
background: none;
color: #333;
border-bottom: 1px solid #1d8444;
}
#footWidget .widget-area .widget-container .tagcloud a{
background: none;
}
#footWidget .widget-area .widget-container .tagcloud a:before{
color: #1d8444;
}
#footWidget .widget-area .widget-container .tagcloud a:hover{
background: #eee;
}
#footWidget .widget-area .widget-container .wpt_widget_content{
border: 1px solid #ccc;
}
#footWidget .widget-area .widget-container .wpt_widget_content .tab_title a{
background: #fff;
color: #333;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#footWidget .widget-area .widget-container .wpt_widget_content .tab_title.selected a{
background: #eee;
color: #333;
border-bottom: 1px solid #ccc;
}
#footWidget .widget-area .widget-container .wpt_widget_content .inside{
background: #eee;
}
#footWidget .widget-area .widget-container .wpt_widget_content .tab-content li{
border-bottom: 1px solid #ccc;
}
p.line{
	text-align:center;
}
@media screen and (max-width: 767px) {
#footCont #footLogo{
	width:80%;
}
	#footWrap .box{
		width:100%;
	}
}
/****************************************
		6. Heading
*****************************************/
.page-title{
color: #f8b62c;
	font-weight:bold;
padding: 10px;
text-align: center;
border: none;
position: relative;
}
.page-title:after{
content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f8b62c transparent transparent transparent;
  border-width: 13px 50px 0 50px;

}
.page-template-default .kv_title h1{
	color: #080e3f;
	font-size: 350%;
    font-weight:bold;
    text-align: left;
    padding: 20px 30px 50px 30px;
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -350px;
    
}
@media screen and (max-width: 767px) {
.page-template-default .kv_title h1{
	font-size: 250%;
    font-weight:bold;
    text-align: left;
    padding: 0;
    position: absolute;
    bottom: -10px;
    left: 30px;
    margin-left: 0;
    
}	
}
/****************************************
		7. Content
*****************************************/
#content .title{
padding: 20px 0;
text-align: center;
border-bottom: 2px solid #1d8444;
position: relative;
overflow: hidden;
}
#content .title h1,
#content .title h2{
  color: #1d8444;
}

.post h1{
	background: #666;
	color: #fff;
	border-left: 5px solid #333;
	padding: 20px;
}


/* .post h2{
	background: #666;
	color: #fff;
	border-left: 5px solid #333;
	padding: 20px;
} */


.post h3{
	border-top:1px solid #333;
	border-bottom:1px solid #333;	
	padding: 15px 0;
}

.post h4{
	border-left:3px solid #333;
	padding: 0 0 0 10px;
}

.post h5{
	border-left:3px solid #333;
	padding: 0 0 0 10px;
}

.post h6{
	border-left:3px solid #333;
	padding: 0 0 0 10px;
}
.post blockquote{
background: #f1f1f1;
}

.block_wrap .sub-title{
	font-size:14px;
	text-align:center;
	color:#606060;
	margin-top:0;
	padding-top:0;
}

/*----
table
----*/

table.company_table,
.post table{
border: 1px solid #ccc;
}

table.company_table th,
.post table th,
table.company_table td,
.post table td{
border: 1px solid #ccc;
}

table.company_table th,
.post table th{
background: #f1f1f1;
}
table.company_table th a,
.post table th a{
font-size: 100%;
}
table.company_table tr.odd td,
.post table tr.odd td{
background: #f1f1f1;
}
@media screen and (max-width: 767px) {
.post table th,.post table td{
border: 1px solid #ccc;
}
}
/*----
list
----*/
.post dl dt{
background: #666;
color: #fff;
display: inline-block;
position: relative;
}
.post dl dt:before{
content: "";
height: 1px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
display: block;
border-bottom: 1px solid #666;
}
.post ol li:before,
.post ul li:before{
content: "";
height: 3px;
width: 3px;
margin-top: -5px;
vertical-align: middle;
background: #333;
display: inline-block;
margin-right: 0.5em;
}
/*----
share
----*/
#content .snsShareArea a.btn--twitter{  background: #55acee;}
#content .snsShareArea a.btn--twitter:hover{  background: #77bdf1;}
#content .snsShareArea a.btn--facebook{  background: #3b5998;}
#content .snsShareArea a.btn--facebook:hover{  background: #627aad;}
#content .snsShareArea a.btn--google{  background: #dd4b39;}
#content .snsShareArea a.btn--google:hover{  background: #e46f61;}
#content .snsShareArea a.btn--line{  background: #54bc4d;}
#content .snsShareArea a.btn--line:hover{  background: #76c971;}
#content .snsShareArea a.btn--hatena{  background: #008FDE;}
#content .snsShareArea a.btn--hatena:hover{  background: #33a5e5;}
#content .snsShareArea a.btn--pocket{  background: #ee4056;}
#content .snsShareArea a.btn--pocket:hover{  background: #f16678;}


dl.tableLike{
background: #f1f1f1;
border: 1px solid #ccc;
}
dl.tableLike dt {
  background: #f1f1f1;
  min-height: 4em;
  border-top: 1px solid #ccc;
  color: #333;
}
dl.tableLike dd {
border-top: 1px solid #ccc;
background: #fff;
min-height: 4em;  
border-left: 1px solid #ccc;
}
dl.tableLike dd p.caution{
color: #CA2E31;
}
/*----
submit
----*/
p.ctr input[type="submit"]:hover{
background: #ccc;
}
p.ctr input[type="submit"].submit_btn{
background: #A91C1E;
color: #fff;
}
p.ctr input[type="submit"].submit_btn:hover{
background: #BF2E30;
}

/****************************************
		9. Widget
*****************************************/
#sideCol h3.sideTitle,
.widget-area .part h3{
background: #111;
text-align: center;
color:#fff;
}
.widget-area .part ul{
background: #fff;
border: 1px solid #ddd;
}
.widget-area .part ul li{
border-bottom: 1px solid #ddd;
}
.widget-area .part ul li a{
background: #fff;
display: block;
padding: 10px 25px 10px 10px;
text-decoration: none;
}
.widget-area .part ul li a:after{
border-top:1px solid #999;
border-right:1px solid #999;
}
.widget-area .part ul li a:hover{
background: #f1f1f1;
}
#sideCol .newEntry .cont .imgCont .category{
}
@media screen and (max-width: 767px) {
#sideCol .newEntry .cont{
border-bottom: 1px solid #ddd;
}
}
/****************************************
		10. Post
*****************************************/
.post .localpagenation li{
border: 1px solid #ddd;
background: #333;
color: #fff;
}
.post .localpagenation li a{
background: #fff;
color: #333;
}
.post .localpagenation li a:hover{
background: #333;
color: #fff;
}
.pagination a {
border: 1px solid #ddd;
color: #333;
}
.pagination li:not([class*="current"]) a:hover {
 background-color: #444;
 color: #fff;
}
.pagination li.current a {
 background-color: #333;
 color: #fff;
}
.next_prev ul{
border-top:2px solid #ddd;
}
.next_prev ul li a{
background: #f3f3f3;
background: #fff;
}
.next_prev ul li a:hover{
background: #ddd;
}
.next_prev ul li.menu01{
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.next_prev ul li.menu02{
border-left:1px solid #fff;
border-right: 1px solid #ddd;
}
.next_prev ul li.menu01:after{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
}
.next_prev ul li.menu02:after{
	border-top:1px solid #999;
	border-right:1px solid #999;
}
.next_prev ul li.menu01,
.next_prev ul li.menu02{
border-bottom: 1px solid #ddd;
}
.next_prev ul li.menu03{
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
}
.post-author {
  background: #f1f1f1;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  color: #383838;
}
.post-author a {
  color: #2581c4;
}
/* comment
---------------------------------------- */
#comments {
  background: #fff;
  border: 1px solid #ddd;
}
.comment-list > .comment {
  border-bottom: 5px #999 solid;
}
.comment-list .children .comment-body {
  background: #f7f7f7;
}
.comments-title {
background: #333;
color:#fff;
}

/****************************************
		12. Index
*****************************************/
/*
Carousel Content
*/
.c_wrap .cont{
background: #fff;
}
.c_wrap .cont:hover{
background: #f1f1f1;
}
.c_wrap .cont .imgCont .category{
}
.c_prev,
.c_next{
background: #fff;
}
.c_prev:hover,
.c_next:hover{
background: #333;
color: #fff;
}/*
Ranking Content
*/
.r_wrap .cont .imgCont .category{
}
.r_wrap .cont .imgCont .rank{
color: #fff;
}
.r_wrap .cont .imgCont .rank#rank1{background: #A78209;}
.r_wrap .cont .imgCont .rank#rank2{background: #999;}
.r_wrap .cont .imgCont .rank#rank3{background: #91570C;} 
.r_wrap .cont .linkCont a{
}
.r_wrap .cont .linkCont a:hover{
}
		
/****************************************
		13. Archive
*****************************************/
#content .newEntry dl{
border-bottom: 1px solid #ccc;
}
#content .newEntry dl dt,
#content .newEntry dl dd{
  border-top: 1px solid #ccc;
}
#content .newEntry dl dt span.category{
}
#content .newEntry .cont .imgCont .category{
}
#content .newEntry .cont h3{

}
#content .newEntry .cont .linkCont a{
}
#content .newEntry .cont .linkCont a:hover{
}
/****************************************
		14. Block
*****************************************/
#pr{
	position:absolute;
	top:25%;
	right:20%;
	width:300px;
z-index:1000;
}
#pr h3{
	font-size:150%;
}
#pr p{
	line-height:2.5;
	font-size:130%;
}
#kv,#slick_kv{
background: #f2f0db;
max-width: 100%;
	padding-top:75px;
	
}
.kv_inner{
max-width: 1600px;
margin: 0 auto;
	position:relative;
}
.kv_inner .kv_title{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.block_cta .head_image .cont .text_cont{
	min-width:160px;
}
@media screen and (max-width: 767px) {
	#pr{
	position:absolute;
	top:15%;
	right:5px;
	width:60%;
		text-align:right;
		
}
#pr h3{
	
	
}
#pr p{
	
	line-height:2.0;
	
}
#kv,#slick_kv{
background: #fff;
max-width: 100%;
	padding-top:65px;
}
.kv_inner{
width:100%;

}
	#kv .kv_inner img, #slick_kv .kv_inner img{
		margin-left:0;
		width:100%;
		
	}
	.block_cta .cont .btn{
		flex:none;
		
	}	
	.block_cta .cont .btn a{
		padding: 10px 10px 10px 45px;
	}
	.block_cta .cont p a:before{
		left:10px;
		top:5px;
	}
}


.block_col2 .card_style .box_wrap .box .cont::before{

}

.company_table{
	background:#fff;
}
.company_table th{
	background:#e6d0a1  ;
}

.indexContent .article_2{
	margin:0 10px;
}
.indexContent .article_3{
	text-align:center;
	margin:0 10px;
}
.indexContent .article_4{
	
}
.indexContent .article_4 .page-title:after{
	 
}
.indexContent .article_5{

}
.indexContent .article_6{
	
	
}

.indexContent .article_6 h3{
	font-size: 25px;
    margin-bottom: 30px;
color: #f8b62c;
	font-weight:bold;
padding: 10px;
text-align: center;
border: none;
position: relative;
}
.indexContent .article_6 h3:after{

content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #f8b62c transparent transparent transparent;
  border-width: 13px 50px 0 50px;
}
.indexContent .article_6 h4{
	font-size:25px;
	font-weight:bold;
	margin:15px 0;
	
}
.indexContent .article_6 .cont{
	text-align:center;
}
.indexContent .article_6 .cont p{
	text-align:center;
}
@media screen and (max-width: 767px){
	.indexContent .article_1 .block_wrap .left_image_col2 .cont h3{
		text-align:center;
	}
	.indexContent .article_1 .block_wrap .left_image_col2 .cont p{
		margin:0 20px;
		line-height:2.0;
	}
	
	.indexContent .article_3 .company_table th{
	background:#f2f0db;
}
	
}
/****************************************
		Question page
*****************************************/

.ques{
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:20px;
	
	
}
.ques .far{
	font-size:120%;
	margin-right:10px;
	color:#58bfcf;
}
.ans{
	font-size:1.6em;
	margin-left:5%;
	margin-bottom:60px;
}
.ans .far{
	font-size:120%;
	margin-right:10px;
	
	color:#ff0000;
}


@media screen and (max-width: 767px){
	.flexbox4{
		margin:0 5px;
	}
.flexbox4 .box{
	width: 48%;
    margin-bottom: 0;
	
	
	
	
}
	.normal .flexbox4 .box{
	padding-bottom:0;	
	}
}	

/*css 追加*/

.post h2 {
  text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px, rgba(0, 0, 0, .5) 3px 3px 3px;
}



.post h2 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
}

.post h2:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}


/* .post h3 {
  position: relative;
  padding: 1.5rem 1rem;
}

.post h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
} */

.post h3 {
  position: relative;
  padding: 1.5rem 2rem;
  border: 3px solid #d8d8d8;
  border-radius: 10px;
  background: #f9f9f9;
}

.post h3:before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #d8d8d8 transparent transparent transparent;
}

.post h3:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #f9f9f9 transparent transparent transparent;
}

#content .snsShareArea{
	display:none;
}

@media screen and (max-width: 767px){
#wrap {
    padding-left: 10px;
    margin: 0 auto;
	padding-right:30px;
}
}

#sb_instagram .sbi_follow_btn a {
    display: none;
}

/* ==========追記分========== */
@media screen and (min-width: 768px){
	.pc-flex{display: flex;}
}
.profile-wrapper{
	width: 100%;
	margin: 0 auto;
}
.align-center{
	width: 95%;
	margin: 0 auto;
	justify-content: center;
}
.profile-card{
	width: 100%;
	max-width: 300px;
	margin: 10px;
	padding: 10px;
	background-color: orange;
}
.profile-card p{
	padding-left: 30px;
	color: orange;
	background-color: #fff;
	font-weight: bold;
}
.profile-name{
	font-size: 18px;
}
.profile-name span{
	font-size: 12px;
}
/*ここから竹内ゾーン*/
/*塗装プラン*/
.type06{
	background-color: #FEFDD6;
}
.type06 th,td {
    border: solid 1px;  
	vertical-align: middle;
	font-weight: bold;
	padding: 10px;
}
.type06 th{
	font-size: 17px;
}
.type06 td{
	text-align: center;
}
.type07{
	color: red;
}
.type08{
	font-size: 17px;
}
.type09{
	font-size: 14px;
	font-weight: normal;
}
.type10{
	font-size: 14px;
}
.type11{
	background: linear-gradient(transparent 0%, transparent 50%, yellow 50%, yellow 100%);
}



@media screen and (max-width: 768px){
	.type06 th{
	font-size: 15px;
}
.type08{
	font-size: 15px;
}	
}

/* フッターに電話番号を追加 */
#footCTA > div.f_cta > div:nth-child(2) > i,
#footCTA > div.f_cta > div:nth-child(2) > a,
#footCTA > div.f_cta > div:nth-child(3) > a{
	color: #fff;
	font-size: 16.7895px;
	text-decoration: none;
}
#footCTA > div.f_cta > div:nth-child(2) > i{
	width: 2em;
}

#footCTA > div.f_cta > div:nth-child(2),
#footCTA > div.f_cta > div:nth-child(3){
	color: #fff;
	font-size: 16.7895px;
	font-size: 123%;
    margin-bottom: 0.5em;
	font-family: 'M PLUS Rounded 1c', 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}