@charset "utf-8";

/*
Theme Name:hoa-hoa
Theme URI:
Description:hoahoa
Author:aoi
Version:1.4
*/ 
@import url(./fonts/icomoon.css);
@import url('//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css');
@import url('//fonts.googleapis.com/css?family=Oswald');

body{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Helvetica Neue,Arial,'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	color:#333;
	vocabulary-break: break-all;
	font-size:14px;
	line-height: 1.7;
	min-width: 320px;
	word-break: break-all;
}

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

a{
	text-decoration: none;
	outline: none;
}

a,
a img,
input{
	cursor: pointer;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


#global-nav > ul > li > a:hover,
#know_more a{
	opacity: 1;
}

a:hover,
.form_btn input:hover{
	opacity: 0.7;
}

.maker{
	position: relative;
}

.maker:before{
	content: "";
	display: block;
	height: 7px;
	background: #fee892;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.maker_line{
background: #f7f6a0;
text-decoration: underline;
font-weight: bold;
}

.line{
border-bottom: 1px solid #333;
font-weight: bold;
}

.cf:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

header {
	border-bottom: solid 1px #e2e0e1;
	background: #fff;
	position: fixed;
	width: 100%;
	z-index: 100;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	height: 110px;
}


#header .sb-toggle-right { /* SPメニュー PCでは非表示 */
	display: none;
}


#header_inner{
position: relative;
padding: 0 30px;
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
position:relative;
}

.sub-title{
font-size: 13px;
font-weight: bold;
letter-spacing: 0.6px;
background: #333;
color: #fff;
padding:5px 30px;
height: 30px;
}

.logo {
	display: block;
 float: left;
	width: 260px;
	min-width: 156px;
}

.logo img{
	width: auto;
	height: 43px;
}

 a.logo{
	-ms-transition: none;
}

.head-right{
display: flex;
justify-content: space-between;
float: right;
height: 40px;
align-items: center;
}


/* header smaller */

header.smaller {
	width: 100%;
	position: fixed;
	z-index: 100;
	margin-top:-30px;
	background-color: rgba( 255, 255, 255, 0.9 );
	border-bottom: 1px solid rgba( 51, 51, 51, 0.9 );
}


/* 丸ボタン */

	ul.head_btn {
		display: flex;
	}

.head_btn > li{
	margin-left: 15px;}


ul.head_btn > li > a,
.pagetop a{
	width: 100px;
	height: 60px;
	font-size: 10px;
	border-radius: 3px;
	color: #fff;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
	padding:12px 0;
}

ul.head_btn > li a.head_btn_gr{
	background: #34c774;
}

ul.head_btn > li a.head_btn_yl{
	background: #fcc903;
}

ul.head_btn i,
.pagetop i{
	display:block;
	margin:1px auto;
}

ul.head_btn i:before,
.pagetop i:before{
	font-size:19px;
}

ul.head_btn i.icon-icon_access_02:before{
	position:relative;
	top:-1px
}

ul.head_btn > li span{
	line-height:1;
	font-weight: bold;
}


/* ぱんくずリスト */

#breadcrumb {
padding: 14px 30px;
font-size: 12px;
letter-spacing:0.5px;
border-bottom: solid 1px #e2e0e1;
}

#breadcrumb a{
	color:#333;
}

#breadcrumb span{
	margin-right:7px;
}

#breadcrumb span:after{
content:"/";
display:inline-block;
margin-left:7px;
}

#breadcrumb span:last-of-type:after{
	content:none;
}



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


#container{
	padding-top:110px;
}

#container .inner,
#container .inner_price{
	width: 1000px;
	margin: 0 auto;
	padding: 40px 20px;
}

#container .inner.board{
	width: 1000px;
	margin: 40px auto 0;
	padding: 20px;
	background:#fff;
	overflow:hidden;
}

#container .inner_btn{
	width: 1000px;
	margin: 0 auto;
}

.bg_col{
background:#fff9e5;
}



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

#top_image_wrap{
	height: 500px;
	position: relative;
	line-height: 1;
}

#top_image_wrap:before{
	content: "";
width: 100%;
height: 100%;
background: url(images/image_filter.png);
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}

#top_image_wrap .inner{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding: 70px 20px 0;
	position: relative;
	z-index: 2;
}

#top_image_wrap .inner span{
	display: block;
	color: #fff;
}

#top_image_wrap .inner p{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: bold;
	color: #fff;
}

#top_image_wrap .inner p:first-of-type{
	letter-spacing: 9px;
	margin-top: 50px;
	font-size:30px;
}

#top_image_wrap .inner span:first-of-type{
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 9px;
	width: 660px;
	margin: 30px auto 0;
}

#top_image_wrap .inner span:nth-of-type(2){
	line-height: 36px;
	letter-spacing: 2px;
	margin-top:40px;
	font-weight: bold;
	font-size: 18px;
}

#top_image_wrap .inner img{
	margin-top:60px;
}


.btn_gr.arrow:after{
	border-color: transparent transparent transparent #fff;
}

/* swiper */

	.swiper-container {
		width: 100%;
		height: 500px;
		position: absolute !important;
		top: 0;
	}
	.swiper-slide {
		background-position: center;
		background-size: cover;
	}

[class*="list_3col"] li img{
	width:100%;
	height:250px;
	object-fit:cover;
}
	
[class*="list_3col"] li p{
	margin-top:20px;
	text-align:left;
	font-size:14px;
	color:#fff;
}

[class*="list_3col"].about li p{
	margin:10px;
}

/* ---------------------------
  　PC/SP
--------------------------- */

.sp_text{/* スマホのみ表示 */
	display: none;
}

.pc_text{/* PCのみ表示 */
	display: block;
}



/* ---------------------------
  　アコーディオン
--------------------------- */

.accordion .trigger {
	margin-top:30px;
	padding: 15px;
	position: relative;
	font-weight: bold;
	background: #fff;
	color: #333;
	font-size: 16px;
	letter-spacing:1px;
	cursor: pointer;
}

.accordion .trigger::after, .accordion .trigger.active::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		right: 12px;
		font-size: 16px;
		top: 50%;
		margin-top: -8px;
		line-height: 1;
		color: #333;
		font-weight:normal;
		}

.accordion .trigger::after {
	content: "\f105";
}
.accordion .trigger.active::after {
	content: "\f107";
}

.accordion .trigger h3{
	padding: 0 20px;
}

.toggle_container{
	padding: 15px 20px;
	position: relative;
	background: #fff;
}

.toggle_container p{
	line-height: 2;
	font-size:15px;
}



/* QA */
.accordion_qa .trigger_qa {
	margin-top:30px;
	padding: 15px 40px 15px 56px;
	position: relative;
	font-weight: bold;
	background: #fff9e5;
	color: #333;
	font-size: 16px;
	letter-spacing:1px;
	cursor: pointer;
}

.accordion_qa .trigger_qa::before, .accordion_qa .toggle_container_qa::before {
	content: "";
	width: 25px;
	height: 25px;
	display: inline-block;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top:-12.5px;
}

.accordion_qa .trigger_qa::before {
	background: url(images/icon_q.svg) no-repeat;
	background-size: contain;
	left: 17px;
	/*
		content: "Q";
		text-align: center;
		width: 25px;
		height: 25px;
		line-height: 25px;
		background: #fad532;
		border-radius: 3px;
		letter-spacing: 0;
		color: #fff;
		box-sizing: border-box;
		font-size: 15px;
	*/
}

.accordion_qa .toggle_container_qa::before {
	background: url(images/icon_a.svg) no-repeat;
	background-size: contain;
	top: 32px;
	/*
		content: "A";
		text-align: center;
		width: 25px;
		height: 25px;
		line-height: 25px;
		background: #34c774;
		border-radius: 3px;
		letter-spacing: 0;
		color: #fff;
		box-sizing: border-box;
		font-size: 15px;
	*/
}

.toggle_container_qa::before {
		content: "";
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		left: 15px;
		top: 14px;
}

.accordion_qa .trigger_qa::after, .accordion_qa .trigger_qa.active::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		right: 12px;
		font-size: 16px;
		top: 50%;
		margin-top: -8px;
		line-height: 1;
		color: #333;
		font-weight:normal;
		}

.accordion_qa .trigger_qa::after {
	content: "\f105";
}
.accordion_qa .trigger_qa.active::after {
	content: "\f107";
}

.toggle_container_qa{
padding: 17px 20px 15px 56px;
position: relative;
border-left: 2px solid #fff9e5;
border-bottom: 2px solid #fff9e5;
border-right: 2px solid #fff9e5;
}

.toggle_container_qa p{
	line-height: 2;
	font-size:15px;
}


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

h2.title_large{
	text-align: center;
	font-size: 26px;
	letter-spacing:1px;
}

 h1.title_line{
	display: flex;
	line-height: 1;
	letter-spacing: 2px;
}

 h1.title_line:before,  h1.title_line:after {
	border-top: 1px solid;
	content: "";
	display: inline;
	flex-grow: 1;
	margin-top: 0.5em;
}
 h1.title_line:before {
	margin-right: 0.6em;
}

h1.title_line:after {
	margin-left: 0.6em;
}

.content_title{
	text-align: center;
	line-height:1;
}

.content_title p{
	font-size: 38px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: bold;
	letter-spacing:2px;
}

.content_title h1,
.content_title h2{
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	margin-top: 16px;
}


h2.title_yl,
div.title_yl{
	font-size: 24px;
	background: #fff9e5;
	color: #333;
	margin-top: 50px;
	padding: 20px;
	border-radius: 3px;
}
	
h2.title_yl.first{
		margin-top: 0;
}

h2.title_wt{
	font-size: 24px;
	background: #fff;
	color: #333;
	margin-top: 50px;
	padding: 20px;
}

.title_dkyl{
	font-size: 20px;
	background: #fad532;
	color: #fff;
	margin-top: 50px;
	padding: 0;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 3px;
	}


h3.title{
	font-size: 24px;
	border-left: solid 3px #333;
	color: #333;
	margin-top:50px;
	padding: 0 20px;
}

h2.line_title,
h3.line_title{
	font-size: 24px;
	color: #333;
	padding: 0 20px 10px;
	position: relative;
}

h2.line_title:before,
h3.line_title:before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	width: 4px;
	height: 30px;
	background: #fcc800;
}

h3.line_title_gr,
h3.line_title_pk,
.entry_text h3{
	font-size: 22px;
	color: #333;
	margin-top:50px;
	padding: 0 20px;
	position: relative;
}

h3.line_title_gr:before,
.entry_text h3:before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	width: 4px;
	height: 30px;
	background: #34c774;
}

.hoa.beginner h3.line_title_gr:before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	width: 4px;
	height: 30px;
	background: #34c774;
}

h3.line_title_gr:first-child{
	margin-top: 0;
}

h3.line_title_pk:before{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	width: 4px;
	height: 30px;
	background: #fd8777;
}

h4.title_ny{
	background: #333;
	color: #fff;
	text-align: center;
	margin-top:60px;
	padding: 10px;
	letter-spacing: 0.5px;
}

h4.title_ny:first-of-type{
	margin-top:30px;
}

p.text{
line-height: 2.1;
margin: 30px 20px 0;
text-align:left;
}

p.text04 {
	line-height: 2.2;
	letter-spacing: 2px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}

.text_large {
	line-height: 2.5;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

	p.msg{
	line-height: 2.1;
	margin: 40px 20px 60px;
	}

br.br_pc{ /* PCのみ改行 */
	display: block;
}

br.br_sp{ /* スマホのみ改行 */
	display: none;
}

#container .inner p a,
.entry_text p a{
	color: #1596d8;
	text-decoration: underline;
}

.heed_ora, .heed_gray{
	margin: 30px 20px 0;
	padding: 25px 15px;
	position: relative;
}
.heed_ora p, .heed_gray p{
	margin: 15px 20px 0;
	line-height: 2;
}

.heed_bl{
	margin-top: 50px;
	padding: 25px;
	position: relative;
}

.heed_bl p{
	line-height: 2;
}

.heed_ora{
	background: #fceee1;
}
.heed_gray{
	background: #f0f0f0;
}
.heed_bl{
	background: #fff9e5;
}

.heed_tl, .heed_tl2{
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0 60px;
}
.heed_tl:before, .heed_tl2:before{
	position: absolute;
	font-weight: 500;
	left: 35px;
	top: 18px;
}
.heed_tl:before{
	content: "\eaeb";
	color: #f39663;
	font-size: 28px;
	font-family: icomoon;
}

.heed_tl2:before{
	content: "\f071";
	font-size: 28px;
	font-family: FontAwesome;
}



/*  ホアホアについて
-----------------*/
/*
.flow{
	display: flex;
	margin-top: 50px;
}

.flow section{
	width: 25%;
	background:#fff;
	padding-bottom: 10px;
	border-left: 1px solid #fff9e5;
	position: relative;
}

.flow section:first-of-type{
	border-left: none;
}

.flow section h3{
	background: #43c5b7;
	text-align: center;
	color: #fff;
	font-size: 17px;
	height: 74px;
	line-height: 74px;
	position: relative;
	padding-left: 22px;
}

.flow section h3:before{
	content:"";
	width: 32px;
	height: 32px;
	position: absolute;
	top:50%;
	left:15px;
	margin-top:-16px;
	display: inline-block;
}
*/

#flow img{
	border-radius:50%;
}


/* QA */

.qa_wrap{
	margin-top: 50px;
}

.qa_wrap .title_question:before, 
[class*="title_num"]:before,
.qa_wrap .answer:before {
	content: "";
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	left: 16px;
	top: 14px;

}

.qa_wrap .title_question:before {
	background: url(images/icon_q.svg) no-repeat;
	background-size: contain;
	top:50%;
	margin-top:-15px;
}

.qa_wrap .answer:before {
	background: url(images/icon_a.svg) no-repeat;
	background-size: contain;
	top: 17px;
}

[class*="title_num"]{
	margin-top: 30px;
	padding: 20px 20px 20px 56px;
	font-size: 24px;
	color: #333;
	margin-top: 20px;
	position:relative;
}

.qa_wrap .answer{
	margin-top: 15px;
	padding: 17px 20px 15px 60px;
	position: relative;
	line-height: 2;
}

.title_question:after{
	top: 100%;
	left: 66px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #fff9e5;
	border-width: 10px;
	margin-left: -10px;
}

.arrow_or{
	display: block;
	margin:30px auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 46px 0 46px;
	border-color: #ee7b39 transparent transparent transparent;
}

.compare_image_sp{ /* PCでは非表示 */
		display: none;
	}


/*  TOPページ
-----------------*/

.chart_image img{
	display: block;
	margin:50px auto 0;
}

#information{
	margin-top:40px;
}

#information li{
	width: calc(33.33% - 15px);
	margin: 15px 0 0 0;
	background: #333;
	border-radius: 3px;
}

#information li a{
	display: block;
	overflow: hidden;
	padding: 15px;
	position:relative;
}

#information .image_wrap{
width: 80px;
height: 80px;
overflow: hidden;
float: left;
margin-right: 10px;
}

#information img{
	width: 100%;
	height: 100%;
	object-fit: cover;
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
#information a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

#information a:hover{
	opacity:1;
}

#information li a .text{
	padding: 0 15px 0 0;
}

#information li a .date{
color: #fcc903;
font-weight: bold;
font-family: 'Helvetica', 游ゴシック体, 'Yu Gothic', YuGothic;
letter-spacing: 1px;
}

#information li a .info{
color: #fff;
}


/* 白box */

#hoa .hoa{
	margin-top: 50px;
}

	.hoa{
	background: #fff;
	margin-top:30px;
	padding: 30px;
	font-family: 'Helvetica', 游ゴシック体, 'Yu Gothic', YuGothic;
	position: relative;
}


table{
	font-family: 'Helvetica', 游ゴシック体, 'Yu Gothic', YuGothic;
	letter-spacing: 0.4px;
	width:100%;
}

[class*="table_list"].td_2col tr td:first-of-type{
	width:25%;
}
 
[class*="table_list"].td_2col tr td:nth-of-type(2){
	width:75%;
}

.table_small{
	display:block;
	font-size:12px;
	margin-top:10px;
}

	
	.pcmode{ /* SPは非表示 */
		display: block;
	}
	
	.spmode{ /* スクロールできますtext PCは非表示 */
		display: none;
	}

	.manage_inner{
		margin-top: 30px;
	}


/* 特徴 */

[class*="caption_box_"]{
	margin-top:80px;
	clear: both;
	position: relative;
}

[class*="caption_box_"]:first-of-type{
	margin-top:50px;
}


.board [class*="caption_box_"]:first-of-type{
	margin-top:20px;
}


[class*="caption_box_"] section{
	position: relative;
	text-align:left;
	overflow:hidden;
	padding-left: 35px;
}

[class*="caption_box_"] .header{
	text-align: center;
	padding:30px 0 60px;
	position: relative;
	font-weight: bold;
}

[class*="caption_box_"] .header:before{
	content:"";
	width:60px;
	height: 4px;
	background: #fcc800;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -30px
}

[class*="caption_box_"] .header p{
	font-size: 30px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	padding-right: 14px;
	line-height: 1;
	letter-spacing: 2px;
}

[class*="caption_box_"] .header p:before {
	content: "";
	width: 32px;
	height: 32px;
	position: relative;
	top: 3px;
	left: -15px;
	display: inline-block;
}

[class*="caption_box_"]:first-of-type section .header p:before {
	background: url(images/maru_gy_01.svg) no-repeat;
	background-size: contain;
}

[class*="caption_box_"]:nth-of-type(2) section .header p:before {
	background: url(images/maru_gy_02.svg) no-repeat;
	background-size: contain;
}

[class*="caption_box_"]:nth-of-type(3) section .header p:before {
	background: url(images/maru_gy_03.svg) no-repeat;
	background-size: contain;
}

[class*="caption_box_"] .header span{
	display: block;
	margin-top: 15px;
	font-size: 14px;
	letter-spacing: 3px;
}

[class*="caption_box_"] h3{
	font-size: 18px;
	line-height: 1;
	letter-spacing: 1px;
}
	
	h3[class*="title_num_"] {
		background:#fff;
		font-size: 18px;
}

[class*="caption_box_"] p.text{
	margin: 20px 0;
	line-height: 2.4;
	text-align: left;
}

.caption_box_right img{
	float: left;
	width:150px;
	height:150px;
	border-radius: 50%;
	object-fit: cover;
}

.caption_box_left img{
	float: right;
	width:150px;
	height:150px;
}

.free_list li{
	position:relative;
	margin-top:10px;
	padding-left:16px;
	font-size:14px;
}

.free_list li:before{
	content:"";
	width:7px;
	height:7px;
	background:#fcc903;
	border-radius:50%;
	position:absolute;
	left:0;
	top:8px;
}

.arrow_dw_large:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 26px 37px 0 37px;
	border-color: #fcc903 transparent transparent transparent;
	margin:20px auto;
}


/*  初めての方へ
-----------------*/

#beginning {
text-align: center;
}

ul.price_menu,
[class*="list_3col"],
ul.list_icons,
#information{
	width: 100%;
	margin:20px auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

[class*="list_3col"]:after,
#information:after{
	content:"";
	display: block;
	width:30%;
}

[class*="list_3col"] li{
	width: calc(33.33% - 15px);
	margin: 15px 0 10px 0 ;
	background:#333;
	overflow: hidden;
	border-radius: 3px;
}

[class*="list_3col"] li a{
	display:block;
}

[class*="list_3col"] li div{
	padding:10px;
}

[class*="list_3col"] li a p.date {
	margin: 0;
	color: #fcc903;
	font-weight: bold;
}

[class*="list_3col"] li a p.title {
	margin-top: 0;
	color: #fff;
}

/*
[class*="list_3col"] li:nth-of-type(3n){
	margin-right:0;
}
*/

ul.list_icons{
	justify-content:space-between;
}

ul.list_icons li{
	width: calc(16% - 10px);
	margin: 15px 0 0 0;
}


ul.list_icons li i{
	width:50px;
	height:50px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul.list_icons li i:before{
	font-size:23px;
	color:#333;
	letter-spacing:0;
}

ul.list_icons li i.fa-hand-paper-o:before{
	font-size:24px;
}

.btn_gr i{
	width:50px;
	height:50px;
	border-radius:50%;
	background:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position:absolute;
	left:210px;
	top:50%;
	margin-top:-25px;
}

.btn_gr i:before{
	font-size:22px;
	color:#34c774;
	letter-spacing:0;
	position:relative;
	top:2px;
}

ul.list_icons li i.icon-icon_climbing_home:before {
	position:relative;
	top:1px;
	font-size: 22px;
}

ul.list_icons li i.icon-icon_climbing_02:before {
	font-size: 20px;
}

ul.list_icons li i.fa-child:before {
	font-size: 27px;
	position: relative;
	top: -1px;
}

ul.list_icons li i.icon-icon_qa_02:before{
	font-size: 25px;
	position: relative;
	top: -1px;
}

ul.list_icons li i.icon-icon_qa_03:before{
	font-size: 22px;
	position:relative;
	top:1px;
}

ul.list_icons li i.icon-coin-yen:before {
	font-size: 27px ;
	position: relative;
	top: -3.5px;
}

ul.list_icons li i.icon-icon_calender:before{
	position:relative;
	top:1px;
}

ul.list_icons li a{
	height:136px;
	line-height:1.4;
	border-radius: 5px;
	background: #fff;
	position: relative;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 10px;
}

ul.list_icons li a:hover{
	opacity:1;
}

ul.list_icons li a:hover span{
	background:#333;
	color:#fad532;
}

ul.list_icons li p{
	font-size: 12px;
	color: #333;
	padding:5px;
}

ul.list_icons li span{
	padding: 0 5px;
	font-size: 11px;
	border-radius: 3px;
	margin-top: 7px;
	background: #fad532;
	color:#333;
	height:24px;
	line-height:24px;
	transition: all .3s;
	letter-spacing: 1.5px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

ul.price_menu li{
	width: calc(25% - 15px);
	margin-top: 15px;
}

#custom_list .custom_inner section{
	width: calc(20% - 20px);
	margin-top: 15px;
}

.beginning_image img,
#custom_list .custom_inner section img{
	display: block;
	width: 100%;
	height:auto;
	margin:0 auto;
}

.beginning_image02 img{
	display: block;
	width: 100%;
	margin:-30px auto 0;
	z-index: 0;
}



/* インスタ */

.insta_wrap{
	margin-top:50px;
}

.insta_wrap .insta_pc{
	display:block;
}



[class*="title_num"]:before{
	top:50%;
	margin-top:-15px;
}

.title_num_01:before{
	background: url(images/maru_01.svg) no-repeat;
	background-size: contain;
}

.title_num_02:before{
	background: url(images/maru_02.svg) no-repeat;
	background-size: contain;
}

.title_num_03:before{
	background: url(images/maru_03.svg) no-repeat;
	background-size: contain;
}

.title_num_04:before{
	background: url(images/maru_04.svg) no-repeat;
	background-size: contain;
}

.title_num_05:before{
	background: url(images/maru_05.svg) no-repeat;
	background-size: contain;
}

.title_num_06:before{
	background: url(images/maru_06.svg) no-repeat;
	background-size: contain;
}


/*  料金
-----------------*/

.price_causion{
	margin-top:20px;
	font-size:14px;
}

.bnr_credit{
	width:560px;
	margin-top:10px;
}

/*  お知らせ詳細
-----------------*/

.g_calender iframe{
	width:100%;
	height:500px;
}


/*  お知らせ詳細
-----------------*/

.osirase{
	padding:40px;
	margin-top:40px;
	text-align:center;
	background: #fff9e5;
}

.entry_wrapper{
	width: 1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}

.entry_text{
	margin-top:30px;
}

.entry_inner{
	width: 700px;
	padding: 0 40px 60px 0;
}

.entry_inner .entry_text p{
	line-height: 2.2;
	font-size: 15px;
}

.entry_all_inner .entry_text{
	margin-top:50px;
}

.entry_inner img{
	width: 500px;
	height: auto;
	margin:50px auto ;
	border: 1px solid #e2e0e0;
	display:block;
}


/* シューズ */
.entry_all_inner .image_wrap{
	width: 400px;
	height: auto;
	float:left;
	margin:0 30px 0 0 ;
	border: 1px solid #e2e0e0;
}

.entry_all_inner .image_wrap img{
	width: 100%;
	height: auto;
}

.entry_all_inner h2 img{
	float:none;
	width:18px!important;
	height:auto;
}

.entry_all_inner .entry_text p{ /* あとで */
	line-height: 2;
	font-size: 14px;
	margin-top:20px;
	overflow:hidden;
}

.entry_all_inner .entry_text p:first-of-type{
	margin-top:0;
}

.entry_all_inner .entry_text p span.title{
	font-weight:bold;
	position:relative;
	padding-left:14px;
}

.entry_all_inner .entry_text p span.title:before {
	content: "";
	position: absolute;
	left: 0;
	top: -2px;
	display: inline-block;
	width: 3px;
	height: 20px;
	background: #fcc800;
}

.entry_all_inner .entry_right {
	overflow:hidden;
}


.entry_header{
	margin-top: 15px;
	padding-bottom: 15px;
	font-size: 13px;
	font-family: 'Helvetica', 游ゴシック体, 'Yu Gothic', YuGothic;
}

.entry_header a{
	color:#fff;
	padding: 5px 10px;
	background:#fcc903;
	border-radius: 50px;
	line-height: 1;
	font-size: 11px;
}

.entry_header .date,
.related-posts .date{
	letter-spacing: 1px;
	font-family: 'Helvetica', 游ゴシック体, 'Yu Gothic', YuGothic;
}

.entry_header .tag{
	display: none;
}

.entry_header i,
.related-posts .date i{
	font-family: FontAwesome !important;
	font-size: 12px;
	display: inline-block;
	margin-right: 5px;
}

.entry_header p{
	float: left;
	margin-right: 20px;
}

/* 記事100％ */

.entry_all_inner{
	width: 100%;
	padding: 0 40px 60px 0;
}



/* 前へ 次へ */

.other_post {
	padding: 5px 0;
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #d9dfe2;
	border-bottom: 1px solid #d9dfe2;
	margin-top: 70px;
}

.other_post li {
	width: 50%;
	color: #333;
	padding: 15px 20px;
	position: relative;
}

.other_post li:nth-of-type(2) {
	text-align: right;
	border-left: 1px solid #d9dfe2;
}

.other_post a{
	font-size:14px;
	color:#333;
}

.other_post a:after{
font-family: FontAwesome;
position: absolute;
font-size: 16px;
top: 50%;
margin-top: -8px;
line-height: 1;
display: inline-block;
}

.other_post li:first-of-type a:after{
	content: "\f104";
	left: 0;
}

.other_post li:nth-of-type(2) a:after{
	content: "\f105";
	right: 0;
}

/* sidebar */

.sidebar{
	width:300px;
	margin-top:50px;
	font-family: 'Helvetica', 游ゴシック体, 'Yu Gothic', YuGothic;
	font-size:13px;
	padding-bottom:30px;

}

.sidebar section{
	margin-top:30px;
}

.sidebar section:first-of-type{
	margin-top:0;
}

.sidebar ul{
}

.sidebar ul li{
	border-bottom: 1px solid #e2e0e0;
	position:relative;
}

.sidebar li a{
	color:#333;
	position:relative;
}

.sidebar .side_latest li a{
	display:flex;
	padding:15px 0;
}

.sidebar .side_archive li{
	display:block;
	padding:15px 0;
}

.sidebar li a .date{
	color: #333;
	font-weight: bold;
	font-family: 'Helvetica', 游ゴシック体, 'Yu Gothic', YuGothic;
	letter-spacing: 1px;
}

.sidebar #word{
	width:100%;
}

.sidebar li a img{
	width:70px;
	height:70px;
	object-fit:cover;
	border: 1px solid #e2e0e0;
	margin-right:15px;
}

.sidebar h3{
	background: #333;
	color: #fff;
	padding: 0 15px;
	letter-spacing: 1px;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
}

.side_search{
	padding:15px;
	background:#eee;
}

.side_search form{
	display:flex;
	border-radius:3px;
	overflow:hidden;
}

.side_search form #word{
	width:calc(100% - 40px );
	border-radius: 3px 0 3px 0;
}

.side_search form #searchsubmit{
	width:40px;
	background:#333;
	color:#fff;
	border:none;
	position:relative;
	font-family: FontAwesome;
}


.sidebar a.more{
	display:block;
	text-align:right;
	padding:15px 0;
}

.sidebar a.btn_wt{
	width: 80%;
	height: 40px;
	line-height: 36px;
	margin: 30px auto 10px;
	font-size: 14px;
}

.sidebar li:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	right: 0;
	font-size: 16px;
	top: 50%;
	margin-top: -8px;
	line-height: 1;
	color: #333;
}

/* ---------------------------
  シューズ
--------------------------- */


#custom_list .custom_inner{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin:0;
}

#custom_list .custom_inner section{
	margin:30px 20px 0 0;
}

#custom_list .custom_inner section:nth-of-type(5n){
	margin-right:0;
}

#custom_list .custom_inner section a{
	color:#333;
}

#custom_list .custom_inner section h3{
	font-size:14px;
	letter-spacing:0.5px;
}

#custom_list .custom_inner section .price{
	font-size:12px;
	letter-spacing:0.5px;
}


#custom_list .custom_inner section div {
	margin-top:10px;
 font-size:13px;
}

#custom_list .custom_inner section img{
	margin:10px auto;
	border: 1px solid #e2e0e0;
}


/* ---------------------------
  
--------------------------- */

.num_list{
	width: 950px;
	background:#f2f2f2;
	margin:30px auto;
	padding: 20px;
}

.num_list li{
	padding:5px 0 5px 43px;
	position: relative;
}

.num_list li:nth-child(2){
	margin-top:10px;
}


/* セレクト付見出し */

div.title_yl{
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	div.title_yl select{
		color: #333;
	}

/* pager */

.wp-pagenavi {
	margin-top: 50px;
	font-size: 12px;
	text-align: center;
	display: block!important;
	justify-content: center;
}

.wp-pagenavi a {
		width: 32px;
		height: 32px;
		display: inline-block;
		text-align: center;
		color: #333;
		background: #fff;
		margin: 2px 2px 5px 2px!important;
		line-height: 32px;
		border-radius: 3px;
}

.wp-pagenavi span{
	margin: 7px;
	line-height: 32px;
}

.wp-pagenavi span.current, .wp-pagenavi a:hover {
	width: 32px;
	height: 32px;
	background: #333;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
	background:none;
	color: #333;
}

.wp-pagenavi .pages{
	display: inline-block;
	margin-right: 15px;
	border:none;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last{
	width: 54px;
	padding: 3px 10px !important;
	display: inline-flex;
	align-items: center;
}


/* プラグインcss打消し */

.wp-pagenavi a, .wp-pagenavi span{
	margin: 2px;
	padding:0!important;
	border:none!important;

}



/* セレクトボックス装飾 */

select {
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
-ms-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 7px 20px 7px 7px;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
height: 43px;
border-radius: 3px;
border: 1px solid #dcdcdd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
select::-ms-expand {
	display: none;
}

.select_wrap {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	margin: 0;
	padding: 0;
	width: 270px;
}

.select_wrap select{
	width: 100%;
	height: 42px;
	font-size: 16px;
	padding-left: 10px;
	border-color: #d7d7d7;
	position: relative;
	font-weight: 500;
}

.select_wrap::after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 11px;
		display: block;
		content: "\f078";
		font-family: FontAwesome;
		pointer-events: none;
		color: #999;
		line-height: 1;
		text-align: center;
		padding-top: 14px;
		font-size: 13px;
}


/* ---------------------------
  ボタン　矢印　三角や動きなど
--------------------------- */

.btn_yl {
	height: 62px;
	line-height: 62px;
	display: block;
	border-radius: 5px;
	background: #fff9e5;
	color: #333;
	position: relative;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}

.btn_gr{
	height: 70px;
	line-height:70px;
	display: block;
	border-radius: 5px;
	background: #34c774;
	margin:30px auto 0;
	color: #fff;
	position: relative;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	letter-spacing:1px;
	display:none;/* 消しておく */
}

.btn_wt{
	width: calc(33.33% - 15px);
	height: 56px;
	line-height: 56px;
	display: block;
	border-radius: 3px;
	background: #fcc903;
	margin: 50px auto 10px;
	color: #333;
	position: relative;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}


.btn_dyl{
	width: 340px;
	height: 60px;
	line-height: 60px;
	display: block;
	border-radius: 50px;
	background: #fcc903;
	margin: 50px auto 10px;
	color: #fff;
	position: relative;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}


.btn_dyl_small{
	width: 240px;
	height: 50px;
	line-height: 50px;
	display: block;
	border-radius: 50px;
	background: #fcc903;
	margin: 20px auto 10px;
	color: #fff;
	position: relative;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.btn_dyl.arrow:after,
.btn_dyl_small.arrow:after{
		border-color: transparent transparent transparent #fff;
}

ul.price_menu li a{
	height: 62px;
	line-height:62px;
	display: block;
	border-radius: 5px;
	background: #fff;
	color: #333;
	position: relative;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;

}

.arrow:after,
.arrow_right:after,
.arrow_dw:after,
.arrow_bk:after{
	content:"";
	position: absolute;
	top:50%;
	margin-top:-4px;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #333;
}

#information li a.arrow:after{
	border-color: transparent transparent transparent #fcc903;
}

.arrow:after{
	right: 15px;
}

.arrow_right:after{
	right: 0;
}

.arrow_dw:after {
	right: 15px;
	border-width: 6px 4px 0 4px;
	border-color: #333 transparent transparent transparent;
}

.arrow_bk:after {
	left: 0;
}

.btn_wt.arrow:after {
	border-color: transparent transparent transparent #333;
}

/* marginなど */

.margin10{
margin-top:10px!important;
}

.margin20{
margin-top:20px!important;
}

.margin10r{
margin-right:10px!important;
}

.margin30{
margin-top:30px!important;
}

.margin30all{
margin:30px!important;
line-height: 2;
}

.margin40{
margin-top:40px!important;
}

.margin50{
margin-top:50px!important;
}

.margin60{
margin-top:60px!important;
}

p.link_gy{
margin-top: 40px;
text-align: center;
}

#container .inner p.link_gy a{
color: #333;
font-weight: bold;
position: relative;
padding-right: 18px;
text-decoration: none;
}

/* blockquote */

blockquote {
	background: #f4f6f7;
	margin:30px 0;
	padding:54px 68px;
	font-size:16px;
	line-height:2;
	position: relative;
	font-style: italic;
}

blockquote:before {
background:url(images/comma01.svg) no-repeat;
background-size: contain;
top: 26px;
left: 26px;
}

blockquote:after {
background:url(images/comma02.svg) no-repeat;
background-size: contain;
bottom: 26px;
right: 26px;
}

blockquote:before,
blockquote:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 17px;
}

blockquote cite{
	display: block;
	margin-top:20px;
	font-size: 14px;
}

/* font */

.bold{
font-weight: bold;
}

.orange{
	color: #f28f56;
}

.red{
	color: #f17255;
}

.yl{
	color: #ffd966;
}

.center{
text-align: center;
}

.text_small{
	font-size: 90%;
}

.small_en{
	font-size: 70%;
	display:block;
	margin-top:5px;
}

/* fade in */
/* 画面外にいる状態 
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 600ms;
	}*/

/* 画面内に入った状態 */
.fadein.scrollin,
.fadein02.scrollin,
.fadein03.scrollin,
.fadein04.scrollin,
.fadein05.scrollin{
	opacity : 1;
	transform : translate(0, 0);
	}

.fadein02 {
	opacity : 1;
	transform : translate(0, 50px);
	transition : all 1s;
	transition-delay:0.2s;
	}

.fadein03 {
	opacity : 0.1;
	transform : translate(0, 70px);
	transition : all .7s;
	transition-delay:0.1ms;
	}

.fadein04 {
	opacity : 0.1;
	transition : all .7s;
	transition-delay:0.1s;
	}

.fadein05 {
	opacity : 0.1;
	transition : all 1s;
	transition-delay:0.1s;
	}

/* ---------------------------
  お問合わせ
--------------------------- */

.contact{
	width: 800px;
	margin:0 auto;
}

.contact table{
	margin-top: 50px;
	border-top: 1px solid #e2e0e0;
	width: 100%;
}

.contact table tr{
	border-bottom: 1px solid #e2e0e0;
}

.contact table th,
.contact table td{
padding: 20px 18px;
}

.contact table th{
	text-align: left;
	width: 28%;
	color: #333;
	vertical-align: middle;
	position: relative;
}

.contact table th:before{
	content:"";
	width:2px;
	height: 30px;
	background: #43c5b7;
	display: inline-block;
	position: absolute;
	top:50%;
	left: 0;
	margin-top: -15px;
}

.contact table td .small{
	font-size: 13px;
	color: #666;
}

input[type="text"].width_1,
input[type="password"].width_1,
textarea.width_1{
	width: 80%;
}

input[type="text"].width_2,
input[type="password"].width_2{
	width: 38.5%;
}

input[type="text"].width_2.margin{
	margin-left: 3%;
}

input{
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
}

input[type="button"]{
	border: none;
}

input[type="text"],
input[type="password"],
textarea{
	border-radius: 3px;
	border:1px solid #e2e0e0;
	background: #fdfdfd;
	padding: 8px;
}

textarea{
	height: 170px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="url"]:hover,
select:hover,
textarea:hover{
	background: #fafafa;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border-color: rgba(67, 197, 183, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 4px rgba(67, 197, 183, 0.4);
}


/* ---------------------------
  個人情報保護方針
--------------------------- */

.rules h3,
.rules dt{
}

.rules h4{
margin: 30px 0 0;
font-size: 18px;
}

.rules h5{
	margin: 30px 10px 0;
	border-bottom: 2px solid #fff9e5;
	padding-bottom: 8px;
}

.rules h6{
	margin: 20px 20px 0;
	padding: 15px;
}

.rules ul{
	width: 96%;
	margin:20px auto 0;
	margin-left: 30px;
	padding-left: 20px;
}

.rules ol{
	width: 96%;
	margin:30px auto 0;
	margin-left: 30px;
	padding-left: 20px;
}

.rules ul li{
	list-style-type: disc;
	margin-top: 10px;
	padding-left: 3px;
}

.rules ol li{
	list-style-type: decimal;
	margin-top: 10px;
	padding-left: 3px;
}

.rules ul li:first-child,
.rules ol li:first-child{
	margin-top: 0;
}

.rules table{
	border:1px solid #e2e0e0;
	width: 96%;
	margin:30px auto 0;
	font-size: 15px;
}

.rules table th,
.rules table td{
	border:1px solid #e2e0e0;
	padding:20px;
}

.rules table th{
	background:#fafafa;
	vertical-align: middle;
}

.rules table.col_2 th{
	width: 30%;
	vertical-align: middle;
}

.rules table.company{
	margin-top: 60px;
}

table a,
ul.causion a{
	color: #488eca;
	text-decoration: underline;
}


/* ---------------------------
  アクセス
--------------------------- */

/* アクセス */

.access_wrap{
	display: flex;
	width:1000px;
	margin:60px auto 0;
	padding: 0 20px;
}

.access_wrap ul{
	display: flex;
	flex-wrap: wrap;
	width: 50%;
	align-content: flex-start;
}

.access_wrap li{
	width: 100%;
	clear: both;
	margin-bottom: 40px;
	min-height:85px;
}

.access_wrap li p{
	font-size: 14px;
	overflow: hidden;
	letter-spacing:0.5px;
}

.access_wrap li span{
	width:90px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	background: #333;
	padding: 0 5px;
	border-radius: 3px;
	color: #fcc903;
	height:26px;
	line-height:26px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.access_wrap li i{
	font-size:12px;
	width:16px;
	position:relative;
	top:-1px;
}

.btn_tel{
	display:none;
}


/* 地図 */

.map_link{
	margin:30px 0;
	text-align: center;
}

.map_link a{
	color: #333;
	text-decoration: underline;
}

#map{
width: 100%;
height: 460px;
margin-top:40px;
}

.ggmap {
position: relative;
/*margin-top: 40px;*/
padding:30px 0 36.25%;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


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

.pagetop {
	position: fixed;
	right: 30px;
	bottom:10px;
}

.pagetop a{
	background:#333;
}

.pagetop span{
	line-height:1;
	letter-spacing:1px;
}

.pagetop a:hover{
	opacity:.8;
}

/* footer_social */


.follow{
	background: #333;
	text-align: center;
	font-size: 12px;
	line-height:30px;
	display: block;
	letter-spacing: 1px;
	color:#fff;
}

.follow .inner{
	padding: 40px 20px;
	color:#fff;
}

#footer_social{
	position: relative;
}

#footer_social ul{
	display:flex;
	justify-content: center;
	margin-top: 10px;
	}

#footer_social li{
	margin-left:15px;
}

#footer_social img{
	display:block;
	margin: auto;
}

#footer_social a i{
	width: 30px;
	height: 30px;
	border-radius: 3px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#footer_social a i.fa-facebook{
	background:#3b5998;
}

#footer_social a i.fa-twitter{
	background:#55acee;
}

#footer_social a i.fa-instagram{
	background:#fcc903;
}

#footer_social a i.fa-instagram.pink{
	background:#df2673;
}

#footer_social a{
	color: #fff;
}

footer{
	background: #333;
	text-align: center;
	font-size: 12px;
	line-height:30px;
	display: block;
	letter-spacing: 1px;
	color:#fff;
}

footer .inner_footer{
	padding: 10px;
}

footer .inner_footer p{
	font-size:10px;
	margin-top:10px;
}

a img.fadein{
	border-radius: 5px!important;
}
	
	
	/* Wordpress コメント非表示 */

	#commentwrap{
		display: none;
	}
	
}


/*----------------------------------------------------
	[class*="table_list"]
----------------------------------------------------*/

table{
	width:100%;
}

[class*="table_list"],
.table_calender{
	border:1px solid #333;
	margin-top:10px;
	font-weight:bold;
}

[class*="table_list"] th,
[class*="table_list"] td,
.table_calender th{
	border:1px solid #333;
	padding:15px;
	line-height:1;
}


[class*="table_list"] th	{ width: 25%; background:#eee; color:#333;}
[class*="table_list"] td	{ width: 25%; text-align: center; background:#fff;}
[class*="table_list"] tbody td:first-child	{ text-align: left; background:#ffc;}
.table_list_beginner tbody td:first-child	{background:#ddffea;}
.table_list_club tbody td:first-child	{background:#ffe3e3;}

.table_calender td{
	border:1px solid #333;
	line-height:1;
}

.table_calender th,
.table_calender td{
	width:14.285%;
}

.table_calender td{
	text-align:center;
	vertical-align:top;
	padding-bottom:10px;
	height:130px;
}

.table_calender td .date{
	background:#ffc;
	letter-spacing:2px;
	font-size:14px;
	height:34px;
	line-height:34px;
	border-bottom:1px solid #333;
	margin-bottom: 18px;
}

.table_calender td .date.red{
background: #ffe3e3;
color:#333;
}

.table_calender th{
background: #eee;
}

.table_calender th.red,
.table_calender td.red,
.table_calender td:first-child .date{
background: #ffe3e3;
color:#333;
}

.table_calender th.blue,
.table_calender td:last-child .date{
background: #ddf9ff;
}

.table_calender td .date.gy{
	background:#eee;
}

.table_calender td .time{
	font-size:14px;
 margin:10px 0 22px;
	display:inline-block;
	text-align:center;
	line-height:1.2;
}

.table_calender td .time br{
	display:none;
}

.table_calender td > span{
	font-size:12px;
	display:block;
	padding:5px 10px 0;
	text-align:right;
}

.calender_causion{
	font-size:12px;
}
	



@media screen and (max-width: 1150px){
	a.logo {
		-ms-transition: all 0.3s;
		-ms-transform:translateX(-12px) scale(0.9);
		transform:translateX(-12px) scale(0.9);
}
	
	#global-nav ul li a{
		transition: none;
	}
}

@media screen and (max-width: 767px) {
	
	a:hover{
	opacity:1;
}

	header{
		display: block;
		background: #fff;
		position: fixed;
		top: 0;
		width: 100%;
		height: 56px;
		z-index: 100;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 6px 3px;
		-webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 6px 3px;
		-moz-box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 6px 3px;
		min-width: auto;
	}
	
	header.smaller{
		margin-top: 0;
		background: #fff;
	}
	
	#header_inner {
	padding: 8px 15px 0;
	height: auto;
	display: block;
	}
	
	#container {
		padding-top: 56px;
		min-height: auto !important;
}
	
	#global-nav,
	.sub-title,
	.head-right{
		display: none;
	}
	
	.inner_price h1,
	#tab_company_menu h1,
	h2.title_large{
		font-size: 18px;
		padding: 0 10px;
	}
	
	.content_title h1,
	.content_title h2 {
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 6px;
}

.content_title p {
	font-size: 22px;
	letter-spacing: 1px;
	margin-top: 10px;
}

.title_dkyl{
	margin-top:20px;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
	
	.logo{
		width: 200px;
		float: none;
	}
	
	#breadcrumb {
		padding: 10px 10px 8px;
		font-size: 11px;
}


	
/* TOP画像 SP */
			
#top_image_wrap,
	.swiper-container{
	height: 200px;
}	
	
	#top_image_wrap .inner{
	padding-top: 30px;
	}
	
	#top_image_wrap .inner span:nth-of-type(2) {
	margin-top: 10px;
	font-size: 12px;
	letter-spacing: 1px;
}
	
#top_image_wrap .inner span:first-of-type {
	font-size: 16px;
	width: auto;
	border-bottom: none;
	margin-top: 10px;
	padding: 0;
	letter-spacing:1px;
}	
	
#top_image_wrap .inner p {
	font-size: 48px;
	font-weight: bold;
	color: #fff;
}	
	
#top_image_wrap .inner p:first-of-type {
	margin: 10px auto 0;
	border-top: 2px solid #fff;
	padding-top: 20px;
	width: 276px;
	font-size: 19px;
	letter-spacing: 4px;
}	

#top_image_wrap .inner p:nth-of-type(2) {
	margin: 10px auto;
	border-bottom: 2px solid #fff;
	padding-bottom: 25px;
	width: 280px;
	letter-spacing: 2px;
	font-size: 50px;
	}	

.osirase {
	padding: 10px;
	margin-top: 20px;
	font-size: 15px;
}
	

	
/* ホアホアの特長 SP */	
	
	[class*="caption_box_"] {
    margin-top: 0;
}
	
	[class*="caption_box_"] h3 {
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: 0;
		border-bottom: none;
		margin-top:20px;
}
	
	[class*="caption_box_"] h3.u_line {
		text-decoration: underline;
		display:inline-block;
}


	[class*="caption_box_"] h3:first-of-type{
		margin-top:0;
	}
	
	[class*="caption_box_"] .header{
	text-align: center;
	padding:32px 0 37px;
	position: relative;
	font-weight: bold;
}
		
	[class*="caption_box_"] .header p{
		line-height: 1.2;
}
			
	[class*="caption_box_"] .header span{
		margin-top: 20px;
}
	
[class*="caption_box_"] p.text{
	margin: 20px 0 0;
	line-height: 1.8;
	font-size:13px;
	margin:20px 10px 0;
}
	
	
		[class*="caption_box_"]:first-of-type {
	margin-top: 0;
}
		
	.caption_box_right section,
	.caption_box_left section{
	position: relative;
	clear: both;
	margin-top:20px;
}
	
.caption_box_right img,
.caption_box_left img {
	width: 210px;
	height:210px;
	margin: 20px auto 0;
	float: none;
	clear: both;
	display: block;
}

.arrow_dw_large:after {
	border-width: 17px 25px 0 25px;
	margin:10px auto;
}

		
	#container .inner,
	#container .inner.board{
	width: 100%;
	padding: 20px 15px;
}

#container .inner.board h2:first-of-type{
	margin-top:0;
}

.caption_box_right.no_img_mt{
	margin-top:10px!important;
}

.caption_box_right.no_img_mt img{
	margin-top:0;
}

footer .inner_footer{
	width: 100%;
	padding: 7px;
	display:block;
}

#footer_social ul {
	display: flex;
	justify-content: center;
}

	#container .inner_price{
		width: 100%;
		padding:10px;
	}
	
		#container .inner_btn{
		width: 100%;
	}
	
	#top_image_wrap .inner img {
 width:70%;
	margin:30px auto;
}
	
	
	/*  料金SP
-----------------*/

.bnr_credit {
		width:100%;
		max-width: 300px;
		margin-right: 20px;
}

.price_text{
	font-size:14px;
}

.price_causion{
	font-size:12px;
}
	
.hoa {
	margin-top: 20px;
	padding: 10px;
}
	
#container .inner p.link_gy a {
	font-size: 15px;
}	
	
[class*="list"]	.hoa_header{
		display: none;
	}
[class*="list"] .hoa_body{
	width: 100%;
	border-top: 1px solid #d6d6d6;
	border-bottom: none;
	display: table;
}
	
.list{
	border-bottom: 1px solid #d6d6d6;
	}
		
	[class*="list"] .hoa_body{
	padding: 0;
	}
	[class*="list"] .hoa_body .name{
	width:100%;
	padding: 20px 0;
	overflow: hidden;
}
	
[class*="list"] .hoa_body div.name img {
	margin-right: 15px;
}
	
[class*="list"] a:hover img{
	opacity: 1;
}

	
	/* 料金・シューズ SP */
		
#custom_list ul li {
		width: 100%;
		margin-top: 15px;
	}
	
	ul.price_menu {
		margin-top: 10px;
	}
	
	ul.price_menu li,
	#custom_list ul li{
		width: calc(50% - 5px);
		margin-top: 10px;
	}

	#custom_list .custom_inner{
		justify-content:space-between;
	}

	#custom_list .custom_inner section {
		width: calc(33.33% - 10px);
		margin: 10px 0 0;
	}
	

#custom_list .custom_inner::after {
		width: calc(33.33% - 10px);
  content:"";
  display: block;
}

	
	/* BTN SP */
	
	
	.btn_wt{
		font-size: 14px;
		margin: 30px auto 10px;
		width: 280px;
		height: 50px;
		line-height: 50px;
	}
	
	#information {
		margin-top: 20px;
		font-size: 14px;
		display:block;
	}	
	
	#information li{
		width:100%;
		margin-top:0;
		background: none;
		border-radius: 0;
	}
	
		#information li:first-of-type a{
		border-top:1px solid #999;
		}
	
		#information li a {
		padding: 10px 0;
		display: flex;
		align-items:center;
		border-left:none;
		border-right:none;
		border-top:none;
		position:relative;
		border-bottom: 1px solid #999;
}
	
	#information li a .date,
	#information li a .info{
		color: #333
	}
	
	#information li a.arrow:after{
	border-color: transparent transparent transparent #333;
}

	#information li .image_wrap{
		width:70px;
		height:70px;
		border: 1px solid #e2e0e0;
		float: none;
		margin-right: 0;
	}
	
	#information li a .text {
		padding: 0 10px;
}
	
	#information li a::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		right: 0;
		font-size: 16px;
		top: 50%;
		margin-top: -4px;
		line-height: 1;
		color: #333;
}
	
		/* 初めての　SP */
	
	.btn_gr.beginner{
		width: 100%;
		font-size: 14px;
		margin-top: 0;
		height: 40px;
		line-height: 40px;
		max-width: none;
	}
	
	.btn_yl,
	ul.price_menu li a{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		letter-spacing: 0;
	}
	

ul.list_3col{
	width: 100%;
	margin:20px auto 0;
	display: block;
	overflow: hidden;
}

ul.list_3col li{
	width: 100%;
	margin-top: 30px;
	margin: 15px auto;
}

ul.list_3col li img{
	width: 100%;
	margin:20px auto 0;
	display: block;
	overflow: hidden;
}

ul.list_3col_img{
	margin-top:0;
}

ul.list_3col_img li{
	width: calc(33.33% - 10px);
	margin-top: 15px;
}

ul.list_3col_img li img{
	height: auto;
}

.beginning_image img{
	display: block;
	width: 100%;
	margin:0 auto;
}

/* menu SP */

ul.list_icons{
	display:flex;
	margin:0 auto;
}

ul.list_icons li,
.image_build li{
	width: calc(33.33% - 10px);
	margin: 15px 0 0;
}

ul.list_icons li a{
		height: 110px;
		line-height: 1.2;
		font-size: 11px;
		letter-spacing: 0;
		padding:10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
	
	ul.list_icons li a:after{
		display:none;
	}

	ul.list_icons li i{
		width: 30px;
		height: 30px;
	}
	
	ul.list_icons li i:before {
		font-size:14px;
	}
	
	ul.list_icons li p {
		font-size: 11px;
	}
	
	ul.list_icons li span {
		width: 100%;
		font-size: 10px;
		display: block;
		letter-spacing:0.5px;
		margin-top:0;
	}
	
	[class*="list_3col"] li p, #custom_list li p, .image_build li p {
		margin-top: 14px;
		text-align: left;
		font-size:12px;
}

[class*="list_3col"] li img{
	height:100px;
}

#custom_list li img{
		height: auto;
}

#custom_list ul{
	margin-top:5px;
}

/* メニューアイコンSP 5px小さい */

.icon-icon_climbing_home:before {
	position:relative;
	top:1px;
	font-size: 20px !important;
}

.icon-icon_climbing_02:before {
	font-size: 18px !important;
}

.icon-icon_group_02:before{
	font-size: 21px !important;
}

.icon-icon_calender:before{
	font-size: 21px !important;
}

ul.list_icons li i.fa-child:before {
	font-size: 26px !important;
	top:-3px;
	position:relative;
}

.icon-icon_qa_03:before {
	font-size: 14px !important;
	position:relative;
}

.icon-icon_qa_02::before {
	font-size: 23px !important;
}


ul.list_icons li i.icon-coin-yen:before {
	font-size: 24px ;
	position: relative;
	top: -1.5px;
}



ul.list_icons [class*="m_icon"]:before {
	position: inherit;
}
	
	.beginning_image02{
		display:none;
	}	
	
.site_menu{
	margin-top: 30px;
}

.site_menu h3{
	font-size: 20px;
	padding: 10px;
}

.site_menu ul{
	display: block;
	padding: 0 10px 10px;
}

.site_menu li{
	width: 100%;
	display: table;
	margin-top:15px;
}

.site_menu li a{
	display: table-cell;
	vertical-align: middle;
	padding: 15px 25px 15px 15px;
}

.site_menu li a img{
	margin-right: 15px;
	float: left;
}

	.site_menu li a div{
		overflow: hidden;
	}	
	
.site_menu li a span{
	font-size: 15px;
	white-space: nowrap;
}

.site_menu li a p{
	margin-top: 3px;
	font-size: 16px;
}

.arrow_illust{
	/*
	width:57px;
	height:90px;
	*/
	display: none;
}

	p.text03 span{
		display: none;
	}	
	
	[class*="caption_box_"] section{
	padding-left: 0;
}


	
	/* ファーストビュー設定　SP */
	
	[id*="_top_wrap"]{
		height: 200px!important;
	}
	
	.top_cap {
		top: 30px;
}
	
	.top_cap span:first-child {
		font-size: 30px;
		letter-spacing: 2px;
}
	
	.top_cap span:nth-child(2) {
			font-size: 16px;
}
	
.top_arrow {
	bottom: 30px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
	background-size: contain;
}
	
	
	/* 見出し・テキスト SP */
	
	h2.title_wt,
	h2.title_yl, 
	div.title_yl{
		line-height: 1.5;
		margin-top: 30px;
		padding: 15px;
		font-size: 17px;
	}
	
	h2.title_wt:first-of-type
	h2.title_yl:first-of-type{
		margin-top: 20px;
	}
	
	h2.title_yl.first {
		margin-top: 0;
}
	
	h3.title {
		line-height: 1.3;
		font-size: 17px;
		margin-top: 30px;
		padding: 5px 15px;
}

	h2[class*="line_title"],
	h3[class*="line_title"],
	.entry_text h3{
		line-height: 1.3;
		margin-top: 20px;
		padding: 0 15px 10px;
		font-size: 16px;
	}
	
	.hoa	h2[class*="line_title"]:first-child,
 .hoa	h3[class*="line_title"]:first-child {
		margin-top: 10px;
}
	
		h2[class*="line_title"]:before,
		h3[class*="line_title"]:before,
	.entry_text h3:before{
		top:-5px;
		height: 100%;
	}

		.title_question, [class*="title_num"]{
		line-height: 1.5;
		margin-top: 20px;
		padding: 12px 12px 12px 43px;
		font-size: 16px;
	}
	
	h3[class*="title_num_"] {
		font-size: 14px;
}
	
	.qa_wrap .title_question:before,
	 [class*="title_num"]:before, 
	.qa_wrap .answer:before,.flow section h3:before{
		width: 24px;
		height: 24px;
		left: 12px;
		margin-top:-12px;
	}
	
	.qa_wrap .answer {
		padding: 5px 20px 0 43px;
		line-height: 1.8;
}
	
	/* お知らせ詳細 SP */
	
	.entry_wrapper{
		width: 100%;
		padding: 0 15px 20px;
		display:block;
		clear:both;
	}
	
		.entry_inner,
		.entry_all_inner	{
		width:100%;
		padding:0;
	}

	
	.other_post{
		width: 100%;
		height: auto;
		margin-top: 30px;
		padding: 5px 0;
		display: table;
		border-top: 1px solid #d9dfe2;
		border-bottom: 1px solid #d9dfe2;
	}	
	
	.other_post li{
		padding: 15px;
		font-size: 14px;
		width: 50%;
		display: table-cell;
		vertical-align: middle;
	}
	
	.other_post a:after{
		font-size: 18px;
		margin-top:-9px;
		font-weight: normal;
	}	
	
.related-posts {
		display: block;
		margin-top: 0;
}	
	
	.related-posts .block {
		width: 100%;
		clear: both;
}
	
	.entry_inner .related-posts .block img{
		width: 90px;
		float: left;
		margin: 0 10px 0 0;
	}
	
	.related-posts .block a {
		display: block;
		border-bottom: 1px solid #d9dfe2;
		overflow: hidden;
		padding: 15px 0;
		position: relative;
}
	
	.related-posts .block a:after,
	.kiso_wrap article a:after{
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 50%;
		right: 0;
		line-height: 1;
		font-size: 18px;
		margin-top: -9px;
	}
	
	.entry_header,
	.related-posts .date{
		font-size: 13px;
		letter-spacing: 0;
	}
	
		.related-posts .title{
		font-size: 14px;
	}
	
	.entry_header i, .related-posts .date i {
		font-size: 12px;
		margin-right:4px;
}

/* sidebar SP */

.sidebar{
	width:100%;
}

.sidebar .side_latest li a {
		display: flex;
		align-items: center;
		padding: 10px 0;
}
	
	/* テキスト SP */
	
	.entry_text{
		margin-top:0;
	}
	
	p.text,
	p.msg{
		font-size: 14px;
		line-height: 1.8;
		margin: 20px 10px 0;
	}
	
	.entry_inner .entry_text p{
		font-size: 14px;
		line-height: 1.8;
		margin: 20px 10px 0;
	}

p.text02 {
	font-size: 15px;
	line-height: 1.8;
	margin-top: 30px;
}

p.text03 {
	font-size: 14px;
	margin-top: 30px;
}

p.text04 {
	line-height: 1.5;
	letter-spacing: 0;
	font-size: 12px;
	margin-top: 10px;
	padding: 0 10px;
}
	
.text_large{
	line-height: 2.5;
	letter-spacing: 1px;
	font-size: 16px;
}

.text_large.margin40{
	margin-top: 5px!important;
}

.text_large.margin60{
	margin-top: 20px!important;
}

br.br_pc{ /* PCのみ改行 */
	display: none;
}

br.br_sp{ /* スマホのみ改行 */
	display: block;
}

.sp_text{/* スマホのみ表示 */
	display: block;
}

.pc_text{/* PCのみ表示 */
	display: none;
}


	/* アコーディオン SP */
	
	.accordion .trigger{
		line-height: 1.5;
		margin-top: 15px;
		padding: 15px;
		font-size: 15px;
	}
	
	.accordion .trigger h3 {
		margin-top: 0;
		padding: 2px 15px 0
	}
	
	.accordion .trigger h3:before {
		top:0;
	}
	
	.toggle_container{
		padding: 15px;
	}
	
	.toggle_container p {
		line-height: 1.8;
		font-size: 14px;
}


	/* よくある質問 SP */
	
	.accordion_qa .trigger_qa{
		line-height: 1.5;
		margin-top: 15px;
		padding: 15px 25px 15px 43px;
		font-size: 15px;
	}
	
	.accordion_qa .trigger_qa:before{
		width: 22px;
		height: 22px;
		left: 12px;
		margin-top: -11px;
	}
	
	.accordion_qa .trigger_qa:after,
	.accordion_qa .trigger_qa.active:after{
		right:10px;
	}
	
	.accordion_qa .toggle_container_qa:before{
		width: 22px;
		height: 22px;
		left: 11px;
	}
	
	.toggle_container_qa{
		padding: 17px 15px 15px 43px;
	}
	
	.toggle_container_qa p {
		line-height: 1.8;
		font-size: 14px;
}
	
.title_question:after{
	left: 50px;
}


/* blockquote SP */
	
	blockquote {
	background: #f4f6f7;
	margin:20px 0;
	padding:30px 32px;
	font-size:15px;
	line-height:1.8;
}

blockquote:before {
	top: 15px;
	left: 15px;
	width: 15px;
	height: 13px;
}

blockquote:after {
	bottom: 15px;
	right: 15px;
	width: 15px;
	height: 13px;
}

.qa_wrap{
	margin-top: 0;
}
	

/* 写真付き文章 SP */

.entry_text img,
.entry_all_inner .image_wrap	{
	float: none;
	clear: both;
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 400px;
}

.entry_inner img{
	margin:10px auto ;
}

.entry_all_inner .entry_text,
.entry_all_inner .entry_right {
		margin-top: 20px;
		font-size: 14px;
}

.entry_all_inner .entry_text img {
		margin-bottom: 20px;
}


	
	/* カレンダー SP */
	
	.table_calender th {
	font-size:12px;
	height:30px;
	line-height:30px;
	padding:0;
}
.table_calender td{
	padding-bottom:10px;
	font-size: 12px;
}

.table_calender td .date{
	letter-spacing:1px;
	font-size:12px;
	height:30px;
	line-height:30px;
	margin-bottom: 12px;
}

.table_calender td .time{
	font-size:12px;
 margin-top:10px;
}

.table_calender td .time br{
	display:block;
}

.table_calender td > span{
	font-size:10px;
	padding:5px	5px 0;
}

.calender_causion{
	font-size:12px;
	margin-top:10px;
}
	
	
	
	.image_master{
		margin: 10px 0 -30px;
	}	
	
	h3.line_title_pk{
		padding-left: 24px;
	}
	
	h3.line_title_pk:before {
		top: -2px;
		font-size: 20px;
}
	
	ul.list_circle {
	margin: 0;
}
	
	ul.list_circle li{
		font-size: 14px;
		padding-left: 16px;
	}	
	
	ul.list_circle li:before{
		top:8px;
	}	
	
	
	/* 個人情報保護方針 SP */
	
	.rules h3, .rules dt {
		margin-top: 30px;
}
	
.rules h4 {
		font-size: 16px;
		line-height: 1.5;
	}
	
	.rules h5{
		line-height: 1.3;
	}

	.rules ul, .rules ol, .rules dl {
		margin: 20px auto 0;
		padding: 0 10px 0 25px;
		font-size: 15px;
		line-height: 1.8;
}
	
	.rules table {
		margin: 20px auto 0;
		font-size: 15px;
		line-height: 1.8;
}
	
	.rules table th {
		padding: 6px 10px;
}
	
	.rules table td{
		padding: 10px;
	}
	
	.rules ul li,
	.rules ol li{
		margin-top: 10px;
		padding-left: 0;
		font-size: 14px;
		line-height: 1.5;
}
	
	
	/* アクセスSP */
	
.access_wrap {
	display: block;
	width: 100%;
	margin: 30px auto 0;
	overflow:hidden;
}
	
	.vision{
		display: block;
		margin-top: 20px;
	}
	
	.vision .box_ny{
		width: 100%;
		height: auto;
		padding: 10px;
	}

	.vision .box_ny p{
		font-size: 16px;
	}
	
	.vision .icon_multiply{
		height: auto;
	}
	
	.vision .icon_multiply:before {
		content: "";
		width: 15px;
		height: 15px;
		background: url(images/icon_multiply02.svg) no-repeat;
		background-size: contain;
		display: block;
		margin: 10px auto;
}


	/* フッター SP */
	
	#footer_content {
		padding: 20px;
	}
	
	#footer_content ul{
		display: none;
	}
	
.pagetop {
	right: 10px;
	bottom:10px;
}

.pagetop a span{
	display:none;
}

.pagetop a{
	width:40px;
	height:40px;
}


	
	/* インスタSP  インスタ関連は消すかも */
	
	.insta_wrap {
	margin-top: 20px;
}

.insta_wrap .insta_pc{
	display:none;
}

.follow{
	display:none;	
}

	
	/* 地図SP */
	
	#ggmap{
		margin-top: 20px;
		padding:30px 0 36.25%;
	}
	
	.access_wrap ul {
		display: block;
		width: 100%;
}
	
	.access_wrap li{
		margin-bottom: 20px;
		text-align: center;
		min-height:none;
	}
	
	.access_wrap li p {
		font-size: 14px;
		margin-top: 10px;
		padding-left: 0;
		text-align:left;
}

.access_wrap li span {
		width: 92px;
		font-size: 11px;
		letter-spacing: 0.5px;
}
	
	#map{
		width: 100%;
		height: 300px;
		margin-top: 20px;
	}
	
.btn_tel{
	display:block;
	background:#fcc903;
	padding:30px 0 30px;
	letter-spacing:1px;
}

.btn_tel p{
	color:#333;
	text-align:center;
}

.btn_tel p:first-of-type{
	font-size:28px;
}

.btn_tel p:first-of-type{
	 font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
}

.btn_tel p:first-of-type span {
		width: 92px;
		font-size: 11px;
		letter-spacing: 0.5px;
		display: block;
		margin: 0 auto;
		text-align: center;
		background: #333;
		padding: 0 5px;
		border-radius: 3px;
		color: #fcc903;
		height: 26px;
		line-height: 26px;
		position: relative;
		top: -4px;
}

.btn_tel a{
	background:#333;
	color:#fff;
	width:280px;
	margin:20px auto 0;
	text-align:center;
	border-radius:3px;
	height: 50px;
	line-height: 50px;
	display:block;
	font-weight:bold;
	font-size:18px;
	box-shadow: 0px 3px 10px 1px rgba(0,0,0,0.07);
	position:relative;
}

.btn_tel a.arrow:after{
	border-color: transparent transparent transparent #fff;
}

.btn_tel i{
	margin-right:4px;
	position:relative;
	top:1px;
	font-size:24px;
}

	
	/* 矢印 SP */
	
	.footer_content_in {
		width: 100%;
		display: block;
	}	

	.footer_adress{
		float: none;
		margin:0;
		text-align: center;
	}
	
	.footer_adress p {
 font-size: 12px;
	line-height: 30px;
	font-weight: 500;
}
	
.footer_site_tl, .footer_menu_tl {
		margin-bottom: 10px;
}	
	
	footer {
	font-size: 11px;
}
	
	
	#container .inner.pcmode{
	display:block;
}



	}



@media screen and (max-width: 470px){
#top_image_wrap .inner span:first-of-type {
	font-size: 16px;
	width: auto;
	line-height: 1.5;
	letter-spacing: 1px;
}
	
	.hoa .btn_grn{
		margin: 30px auto 10px;
		float: none;
		display: block;
	}
	
	
/* 初めての SP */
	
	.btn_yl.arrow_dw:after,
		.site_menu li a.arrow:after{
  right: 14px;
		font-size: 18px;
		margin-top: -9px;
}
	
	
}


@media screen and (max-width: 390px){
	
		
/* 初めての SP */
	
	
	h1.title_line{
		display: block;
		letter-spacing: 0;
		line-height: 1.5;
	}
	
	.text_large {
	font-size: 15px;
}
	
	/* 初めての SP */
	
.site_menu li a{
padding: 10px 25px 10px 10px;
}
	
.site_menu li a img{
	width: 90px;
	margin-right: 10px;
	}
	
.site_menu li a span{
	font-size: 12px;
}	
	
	.site_menu li a p{
		font-size: 15px;
		line-height: 1.4;
	}	
	
	
ul.list_icons li p {
	font-size: 10px;
	padding: 5px 0;
}
	

		
	
}


@media screen and (max-width: 360px){
	
	
#top_image_wrap .inner span:first-of-type {
	font-size: 15px;
	width: auto;
	line-height: 1.5;
	letter-spacing: 0;
}
	
}


@media screen and (max-width: 340px){
	
/* 初めての SP */
	
	.text_large{
		font-size: 13px;
		letter-spacing: 0;
	}
	
	ul.list_icons li a{
		font-size:10px;
		padding:10px 7px;
	}
	
}



/* IE ********************************************/

@media all and (-ms-high-contrast:none) {
	
	
#global-nav li ul li a {
padding: 17px 15px 13px!important;
}
	
	/* ぱんくずリスト IE */	

#breadcrumb {
padding-top: 16px;
padding-bottom: 12px;
}
	
.btn_wt{
line-height:65px;
}
	
	#information li a{
	padding:18px 40px 14px 30px;
	}
	
	#information li a .info{
	margin-top: 3px;
	}
	
	#information li a .date{
	}
	
h2.title_wt,
h2.title_yl,
div.title_yl{
	padding-top:24px;
	padding-bottom:16px;
	}
	
	h3.title{
		padding-top: 8px;
	}
	
	.site_menu h3{
		padding: 16px 12px 6px;
	}

.site_menu li a span {
	display: block;
	padding-top: 5px;
}
	
	h2[class*="line_title"],
	h3[class*="line_title"],
	.entry_text h3{
	padding: 4px 20px 6px;	
	}
	
	h3.line_title_pk{
	padding-left: 37px;
	}
	
/* btn IE */	
	
.btn_gr,
.btn_yl{
		line-height: 68px;
	}
	
	.hoa .btn_grn.arrow:after{
		margin-top:-12px;
}
	
		
	/* 矢印など  IE */	
	
	.arrow_right:after{
		margin-top: -13px;
	}	
	
		/* pager IE */	
	
.wp-pagenavi a,
.wp-pagenavi span.current, .wp-pagenavi a:hover{
	line-height: 36px;
}
	
	
/* ホアホアについて IE */
	
	.flow section h3{
		line-height: 82px;
	}
	
	.flow section a{
		line-height: 51px;
	}
	
	.btn_gr02:before{
		line-height: 47px;
	}

	.btn_wt02:before{
		line-height: 46px;
	}
	
	/* よくある質問 IE */
	
	.accordion .trigger{
		padding-top: 18px;
		padding-bottom: 12px;
	}
	
	
ul.list_circle li:before {
	top: 9px;
}
	
	/* お知らせ詳細 IE */
	
	.entry_header .tag{
		position: relative;
		top:3px;
	}
	
	.other_post a{
		padding-top: 20px;
	}
	
	/* checkbos IE */
	
	.check_wrap label input[type='checkbox'] + span{
		padding-top: 2px;
	}

}



@media only screen and (max-width: 640px) { 
	[class*="table_list"] { 
	}
	[class*="table_list"] th,
	[class*="table_list"] td{ 
	padding:10px 7px;
	font-size:10px;
	letter-spacing:0;
	}
	
	[class*="table_list"] td p{
	font-size: 11px;
	}
	
	.table_small {
	font-size: 10px;
	margin-top:5px;
}
}