@charset "utf-8";

html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
	font-size:16px;
	font-family: Meiryo, メイリオ,'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
	*font-size:small;
	*font:x-small;
}
body{
	text-align:center;
	font-size:inherit;
	font:100%;
	line-height:1.6;
	margin:0px;
	padding: 0px;
    text-justify:distribute;
    min-height: 100vh;
    position: relative;
    padding-bottom: 352px;
    box-sizing: border-box;
}
div,span,pre,p,blockquote,form,fieldset,label,legend,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
embed,object,form,caption,tbody,tfoot,thead,a,abbr,acronym,address,
small,strike,sub,sup,tt,var,del,u,i,center,big,cite,code,iframe,obect,applet{
	margin: 0;
	padding: 0;
	list-style:none;
	vertical-align: baseline;
	outline:0;
	border:0;
	font-style:normal;
}
.btn {
    -webkit-appearance: none;
}
table{margin:0 auto;}
th,td,input,textarea,select,option,{
	margin: 0;
	padding: 0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
}
a { 
	vertical-align: baseline;outline: none;
	overflow:hidden;
	outline:none;   
}
a img{border:none;}
a:hover img.over{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a:link,a:visited{
	text-decoration:none;
}
a:hover,a:active{
	text-decoration:none;
}
.sidemax{
	max-width:1200px;
	margin:0 auto;
	padding:0;
    position: relative;
}
.sidemax1000{
	max-width:1000px;
	margin:0 auto;
	padding:0;
    position: relative;
}

/******************************************
header
*******************************************/
#header{
	padding:0px;
    background: #fff;
}
#header_text{
	background:#fff;
	color:#666;
	min-width:1200px;
	line-height:32px;
    height: 30px;
    border-top: 2px solid #009eec;
}
#header_text p{
	text-align:right;
	font-size:12px;
}
#header_text h1{
	font-size:12px;
	float:left;
	width:70%;
	text-align:left;
}
#header_text a{
	color:#fff;
}
#logo{
	float:left;
	z-index:100000;
	margin-top: 10px;
    margin-right: 60px;
}
#header p{
	float:left;
	text-align:left;
	font-size:13px;
	line-height:1.6;
	color:#343434;
    max-width:440px;
    height:42px;
    overflow: hidden;
    margin-top: 10px;
}

#header_tel{
	margin-bottom:10px;
    margin-top: 10px;
}
#header_tel a{
	float: right;
}
#header_login{
    
}
#header_login .header_login_bt{
    background-color: #FB3939;
    border-bottom: 4px solid #792A39;
    padding:8px 14px;
    color:#fff;
    margin-top:10px;
    float:right;
    width:120px;
}
#header_login .header_login_bt:hover{
    background: #ce4141;
}
#header_login .mypage_bt{
    background-color: #FB3939;
    border-bottom: 4px solid #792A39;
    padding:8px 14px;
    color:#fff;
    margin-top:10px;
    float:right;
    width:120px;
}
#header_login .mypage_bt:hover{
    background: #ce4141;
}
#header_login .header_logout_bt{
    background-color: #38c679;
    border-bottom: 4px solid #2a7961;
    padding:8px 14px;
    color:#fff;
    margin-top:10px;
    float:right;
    width:120px;
    margin-right: 10px;
}
#header_login .header_logout_bt:hover{
    background: #ce4141;
}
#header .sidemax{
    padding:14px 0;
}
.header_logo_box{

}

/******************************************
navi
*******************************************/

.globalmenu_bg {
    margin:0px auto 0px;
    background: #fff;
}
#globalmenu{
}
#globalmenu ul{
	list-style:none;
    border-bottom: #4fb3fc 2px solid;
    border-top: #4fb3fc 2px solid;
}
#globalmenu li{
    float:left;
    padding:20px 36px;
}
#globalmenu li a{
    font-weight:600;
    color:#4fb3fc;
}

.spnavi_bt{
    width:30%;
}
body .drawer-nav{
    background-color: #025885;
    z-index:100000;
}
body .drawer-nav ul li{
    text-align: left;
    padding:10px 20px;
    border-bottom: 1px #ccc dotted;
}
body .drawer-nav ul li a{
    color:#fff;
    font-size:14px;
}

/******************************************
contenter
*******************************************/
#contenter{
	float:left;
	text-align:left;
	width:870px;
    margin-top: 30px;
}
.searchResults{
    padding: 10px;
}
.total_num{
    font-size:26px;
    font-weight:600;
    color:#fdb137;
}
.searchendbox {
    width: 96%;
    padding: 3% 1%;
    margin: 10px auto;
    border: 4px solid #cccccc;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
}
.searchendbox span {
    font-size: 24px;
    font-weight: 700;
    color: #fa1073;
}
.blinking {
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    -moz-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
}
.shade {
    color: transparent !important;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.searchendbox a {
    background: #ff9c39;
    border-radius: 6px;
    border-bottom: 4px solid #77664a;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 8px 14px;
    margin-left: 10px;
}
#contenter .posts p{
	padding: 0 20px 20px;
	font-size:14px;
	line-height:2;
    color:#666;
}
#contenter .posts p img{
	max-width:100%;
}
#contenter .posts h2{
    font-size:16px;
	padding: 1em;/*文字周りの余白*/
    color: #494949;/*文字色*/
    background: #fff;/*背景色*/
    border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
    border-bottom: solid 2px #ffaf58;/*左線（実線 太さ 色）*/
}
#contenter .posts h3{
    background-color: #4fb3fc;
    position: relative;
    color: #fff;
    padding: 0.6em 0.8em;
    margin-bottom: 20px;
    border-left: 6px solid #ff9b02;
}

#contenter .posts h4{
    border-bottom: solid 3px #3db8eb;
    position: relative;
    padding:0.6em 1em;
    color:#666;
    margin: 0 0px 20px 0px;
    font-size: 18px;
    font-weight: 600;
}
#contenter .posts h4:after{
	position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #1b70be;
    bottom: -3px;
    left: 0px;
    width: 20%;
}
#contenter .posts h5{
    border-bottom: solid 2px #3db8eb;
    position: relative;
    padding:0.6em 1em;
    color:#666;
    margin: 0 10px 20px 20px;
    font-size: 16px;
    font-weight: 600;
}
.section_title{
    background-color: #4fb3fc;
	position: relative;
    color: #fff;
    padding: 0.6em 0.8em;
    margin-bottom:20px;
    border-left:6px solid #ff9b02;
    font-size:20px;
}

.blue_title{
	padding:15px 15px 10px 15px;
	font-size:14px;
	color:#fff;
	background-color: #4fb3fc;
	font-weight:bold;
	text-align:left;
    border-bottom:6px solid #ff9b02;
}
.gray_title{
	padding:15px 15px 15px 15px;
	font-size:17px;
	color:#fff;
	background:#5f5f5f;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}
.white_title{
	padding:10px 0px 10px 0px;
	text-indent:15px;
	width:100%;
	margin:0;
	font-size:14px;
	color:#5f5f5f;
	border:#cccccc 1px solid;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}
.siborikomi_title{
	color:#5f5f5f;
	border:none;
	font-weight:bold;
	text-align:left;
	padding-bottom:0px !important;
	line-height:1.8 !important;
	width:100% !important;
	border-top:1px solid #ccc !important;
	padding:10px 0 !important;
	text-indent:15px;
}
.blog_title{
	padding:10px 15px 10px 15px;
	font-size:18px;
	color:#4fb3fc;
	background:#fff;
	text-align:left;
	margin-bottom:20px;
    border-left:6px solid #ff9b02;
}
.section_text{
	padding:0 30px;
	font-size:13px;
	line-height:2;
	margin:0 10px 20px;
    color: #666;
}
.section_text2{
	padding:10px;
}

.edit_title{
	border-top: 4px solid #ccc;
    padding: 15px 15px 15px 45px;
    background: url(../images/icon-edit.png) no-repeat 10px 17px;
    color:#4d4d4d;
    font-size: 18px;
    font-weight: 400;
}
.gia_title{
	background:url(../images/icon-gia.png) no-repeat 15px 10px;
}
.clip_title{
	background:url(../images/icon-clip.png) no-repeat 15px 5px;
}
.conte_end_tokucho li{
    width:40%;
    padding:2.5%;
    margin:2.5%;
    float:left;
    background: #f0afcf;
    border-bottom:2px solid #f0afcf;
    color:#fff;
    vertical-align:middle !important;
    border-radius: 10px;
}
.conte_end_tokucho li:hover{
    background: #f0afcf;
    border-bottom:2px solid #eb3dd7;
}
.conte_end_tokucho li a{
    color:#fff;
    line-height:24px;
    vertical-align:middle !important;
}
.conte_end_tokucho li a img{
    margin: 0px 10px -6px 0;
}
.chinakan_hikaku {
width: calc(100% - 40px);
border-collapse: collapse;
margin: 0 20px 40px;
}

.chinakan_hikaku th,.chinakan_hikaku td {
padding: 10px 15px;
border: 1px solid #ddd;
}

.chinakan_hikaku th {
background: #f4f4f4;
width: 20%;
text-align: left;
}
.chinakan_hikaku td {
width: 40%;
}

#contenter .posts ul{
padding: 0 20px 40px;
font-size: 16px;
line-height: 2;
color: #666;      
}
#contenter .posts ul li{
padding: 10px;
margin:10px 0;
background-color: #ddcbb0;
color:#fff;
}
#contenter .posts ol{
background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 20px 40px;
  margin:10px 40px;
}
#contenter .posts ol li{
line-height: 2;
  padding: 10px;
}
.posts_inquiry_bt{
    text-align: center;
}
.posts_inquiry_bt img:hover{
    opacity: 0.8;
}
#contenter .posts a:link, #contenter .posts a:visited {
    color: #b0bef8;
    text-decoration: none;
}

#contenter .posts a:hover, #contenter .posts a:active {
    color: #6780eb;
    text-decoration: none;
}
#contenter .posts table {
    width: 90%;
    margin:5%;
border-collapse: collapse;
}
#contenter .posts table th,td {
padding: 10px 15px;
border: 1px solid #ddd;
}

#contenter .posts table th {
background: #f4f4f4;
text-align: left;
}



/******************************************
category_list
*******************************************/
.category_list li{
    width:28%;
    float:left;
    padding:1.66%;
    height:320px;
    margin: 1% 1% 40px;
}
.category_list li:hover{
    box-shadow: 0px 0px 3px 1px #ccc;
    opacity: 0.8;
}
.category_list li img{
    display: inline-block;
    width: 100%;
    height: 160px;
    object-fit: cover;
    margin-bottom:5px;
}
.category_list li h3{      
    color:#444;
    display: block;
    font-size:14px;
    padding:5px 0;
    line-height:1.6;
    max-height: 40px;
    overflow: hidden;
}
.category_list li p{
    display: block;
    font-size:12px;
    margin:5px 0;
    line-height:1.6;
    height:90px;
    overflow: hidden;
    color: #555;
}
/******************************************
top
*******************************************/
.bx-wrapper .bx-viewport{
	border:none;

}
.bx-wrapper{
	background:url(images/header_bg2.png) repeat-x bottom;
	padding-bottom:16px;
	text-align:center;
}
div.bx-viewport{
	width:100% !important;
}
#slider{
	margin:0 auto 20px auto;
	text-align:center;

}
#topimage ul{
	width:1600px;
	margin:0 auto;
}
#topimage ul li{
	margin:0 auto;
	width:100%;

}
#topimage ul li img{
	width:100%;
}
.slider_sp{
	width:100%;
	padding:0px 0;
	overflow:hidden;
}
.slider_sp ul{
	width:120%;
}
.slider_sp ul li{
	float:left;
	margin:0 50px 20px 0;
	width:50%;
}
.slider_sp ul li img{
width:100%;
}
.member_tokuten{
	width:95%;
	margin:0 auto;
}
.member_tokuten ul li{
	margin:0 12px 20px 0;
	width:41%;
}
.recommend{
	overflow:hidden;
	width:100%;

}
.recommend ul{
	width:120%;
}
.recommend ul li{
	width:280px;
	margin:0 24px 20px 0;
	height:270px;
	border:1px solid #ccc;
	float:left;
	text-align:left;
}
#contenter .recommend ul li{
	margin-right:12px;
}
.recommend ul li p{
	margin:8px 10px;
	font-size:13px;
	line-height:1.5;
}
.recommend ul li span{
	display:block;
	margin-bottom:4px;
}
.recommend ul li span.type{
	font-size:10px;
	background:#666666;
	color:#fff;
	width:100px;
	text-align:center;
	border-radius: 3px;
	padding:0 10px;
	margin:5px 0;;
}
.recommend ul li span.price{
	font-size:13px;
	font-weight:bold;
	color:#AA9B5E;
}

.recommend ul li img{
	width:100%;
	height:auto;
}

.recommend2 ul li img{
    display: inline-block;
	width:100%;
	height:220px;
    object-fit: cover;
}
.recommend2 ul li .over:hover{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.top_recommend{
    margin: 40px 0;
}

.recommend2{
	overflow:hidden;
	width:100%;

}
.recommend2 ul{
	width:100%;
}
.recommend2 ul li .icon{
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:25px;
    z-index: 100;
}
.recommend2 ul li{
	position: relative;
    width: 30%;
    margin: 0 1.66% 30px;
    height: 360px;
    float: left;
    text-align: left;
    font-size: 14px;
    box-shadow: 0px 0px 3px 1px #ccc;
    overflow: hidden;
    border-radius: 4px;
}
.recommend2 ul li:hover{
    background-color: #fdfdf8;
}
.recommend2 ul li p{
	padding:10px 0;
	line-height:1.8;
}
.recommend2 ul li span{
	font-weight: bold;
    font-size: 20px;
    padding: 0px 10px;
    float: left;
    color:#fcaa4b;
}
.recommend2 ul li .new_address{
    font-size: 14px;
    padding: 0px 10px;
    color: #666;
}
.recommend2 ul li strong{
	color: #4D4D4D;
    font-size: 16px;
    display: block;
    padding: 5px 10px;
    line-height: 1.8;
}
.recommend2 ul li .price_box{
    display: block;
    padding: 0;
    line-height: 1.6;
    width: 100%;
    height: 36px;
}
.recommend2 ul li .more{
	background:#999999;
	display:block;
	padding:5px 0;
	text-align:center;
	color:#fff;
	width:100%;
}
.blog_area {
	overflow:hidden;
	width:100%;
	margin-bottom:15px;
}
.blog_area ul{width:100%;}
.blog_area li{
	float:left;
	border-bottom:1px dotted #ccc;
	width: 23%;
    margin: 1%;
    height: 360px;
}
.blog_area li:hover{
	box-shadow: 0px 0px 3px 1px #ccc;
    background-color: #fdfdf8;
    opacity: 0.7;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.blog_area li p{
	font-size:12px;
	line-height:1.6;
	color:#666666;
	word-wrap: break-word;
    text-align: left;
    padding:0 10px;
}
.blog_area li p span{
	display:block;
	margin-top:5px;
}
.blog_area li h4{
	font-size: 14px;
    color: #666666;
    margin-bottom: 6px;
    line-height: 1.8;
    text-align: left;
    padding: 4px 10px;
    font-weight: 600;
    height: 48px;
    overflow: hidden;
}
.blog_area li img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.ichiran_btn {
    display: block;
    width: 100%;
    margin: 20px auto;
}
.ichiran_btn a {
    display: block;
    width: 200px;
    margin: 20px auto 40px;
    padding: 10px 20px;
    color: #be9400;
    border: 2px solid #be9400;
    border-radius: 0px;
}

.blog_area2 li{
    width:100%;
    display: block;
    padding:10px;
    margin:10px;
    border-bottom: 1px dotted #666666;
}
.blog_area2 li:hover{
    background-color: #dfeefc;
    opacity: 0.7;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.blog_area2 li h4{
    font-size: 14px;
    line-height:1.6;
    color: #666666;
    font-weight:700;
}
.blog_area2 li p{
    font-size:12px;
	line-height:1.6;
	color:#666666;
}
/******************************************
top Q&A
*******************************************/
.top_section_title02{
    height: 104px;
    background-color: #75a2fc;
    color:#fff;
    font-size:30px;
    font-weight:400;
    line-height:2;
    padding: 38px;
}
.top_section_title02 span{
    display: block;
    text-align: center;
    font-size:20px;
    font-weight:400;
}

.cp_qa{
    max-width:1000px;
    margin:30px auto;
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
    text-align: left;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 3em 1em 3.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: #efefef;
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -1em;
	padding-right: 0.5em;
	content: 'Q';
    color: #43bb18;
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '\2b';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 3em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid #efefef;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838f;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/******************************************
top_conte
*******************************************/

.top_satei_input01{
    background: #fcfceb;
    padding: 0 0 20px 0;
    margin-top:0px;
}
.top_satei_input01 .aimessage{
    z-index: 10;
    position: relative;
}
.top_satei_input01 h3 img{
    margin-top:-30px;
}
.sidemax .spnavi_bt img{
    width:44%;
    float:right;
    margin-right:6%;
}
.satei_selectbox{
    max-width:900px;
    margin:10px auto;
    border:1px solid #4fb3fc;
}
.satei_selectbox dt{
    color:#fff;
    padding:10px;
    background:#4fb3fc;
}

.satei_selectbox2{
    max-width:900px;
    margin:40px auto 20px;
    border:1px solid #4fb3fc;
}
.satei_selectbox2 h2{
    font-size: 20px;
    color:#fff;
    padding:10px;
    background:#4fb3fc;
}
.satei_selectbox2 h3{
    font-size: 20px;
    color:#fff;
    padding:10px;
    background:#4fb3fc;
}
.satei_selectbox2 dl{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px;
    background: #fcf5f8;
    text-align: left;
}
.satei_selectbox2 dt{
    font-size: 14px;
    color:#343434;
    padding:10px 2%;
    background: #fcf5f8;
    width:26%;
    clear: both;
    float: left;
    border-top: 1px solid #4fb3fc;
}
.satei_selectbox2 dd{
    font-size: 14px;
    color:#343434;
    padding:10px 2%;
    background: #fff;
    width:66%;
    float: right;
    border-top: 1px solid #4fb3fc;
}
.satei_selectbox2 .required{
    background: #fc78ce;
    border: 1px solid #fc78ce;
    font-size: 12px;
    display: inline-block;
    float: right;
    color: #ffffff;
    line-height: 1;
    padding: 4px;
    border-radius: 3px;
}
.satei_selectbox2 dd p{
    line-height:1.8;
    padding:10px 0;
}
.satei_selectbox2 .fin_messe{
    padding:30px;
    line-height:2;
}

.satei_kekkabox {
    max-width: 900px;
    margin: 40px auto 20px;
}
.satei_kekkabox2{
    margin: 0 auto;
    overflow: hidden;
    font-size: 14px;
    background:#fcf5f8;
    text-align: left;
    border: 1px solid #4fb3fc;
    padding: 30px 20px;
}
.satei_kekka h2 {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background:#4fb3fc;
}
.satei_kekka h3 {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background:#4fb3fc;
}
.satei_kekkabox_shousai1{
    width:50%;
    float:left;
}
.satei_kekkabox_shousai1 table{
    width: 90%;
    float: left;
    border-collapse: collapse;
}
.satei_kekkabox_shousai1 table th{
    background:#37519f;
    padding: 10px;
    color:#fff;
    text-align: center;
}
.satei_kekkabox_shousai1 table td{
    background:#fcfcfc;
    padding: 10px;
}

.satei_kekkabox_shousai2{
    width:50%;
    float:left;
}
.satei_kekkabox_shousai2 p{
    line-height:2;
}
.dentaku_ic{
    margin-bottom: -8px;
    margin-right:5px;
}
.satei_kakau{
    font-size:24px;
    color:#332F7F;
    font-weight:700;
}
.balloon5 {
    width: 100%;
    margin: 0.5em 0;
    overflow: hidden;
}
.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}
.balloon5 .chatting {
    width: 100%;
}
.balloon5 .faceicon img {
    width: 100%;
    height: auto;
    border: solid 3px 
    #d7ebfe;
    border-radius: 50%;
    margin-top: 10px;
}
.says {
    display: inline-block;
    position: relative;
    margin: 15px 0 40px 105px;
    padding: 17px 13px;
    border-radius: 12px;
    background: 
    #d7ebfe;
}
.says::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid 
transparent;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 12px;
border-right: 12px solid
    #d7ebfe;
}

.hensyu_bt a{
    width: 300px;
    display: block;
    margin: 0 auto 40px;
    background:#FB3939;
    border-bottom: 4px solid #792A39;
    border-radius: 4px;
    padding: 0.8em;
    color:#fff;
    text-align: center;
    font-size: 16px;
}
.hensyu_bt a:hover{
    background: #ce4141;
}
.houmonsatei_bt {
    margin-bottom:40px;
}
.houmonsatei_bt a{
    max-width: 320px;
    display: block;
    margin: 0 auto;
    background:#FFA510;
    border-bottom: 4px solid #CB6000;
    border-radius: 4px;
    padding: 1em;
    color:#fff;
    font-size:17px;
    font-weight:700;
    border-top:0;
    border-left:0;
    border-right:0;
}
.houmonsatei_bt a:hover{
    background: #d9a144;
}
.houmonsatei_bt input[type="submit"]{
    width: 340px;
    display: block;
    margin: 0 auto;
    background:#FB3939;
    border-bottom: 4px solid #792A39;
    border-radius: 4px;
    padding: 1em;
    color:#fff;
    font-size:17px;
    font-weight:700;
    border-top:0;
    border-left:0;
    border-right:0;
}
.houmonsatei_bt input[type="submit"]:hover{
    background:#FF4C4C;
}
.syuhen_list{
    max-width: 900px;
    margin: 40px auto 20px;
}
.syuhen_list h2 {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background:#4fb3fc;
}
.syuhen_list h3 {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background:#4fb3fc;
}
.syuhen_list_box{
    text-align: left;
    padding:20px;
    border:1px solid #4fb3fc;
    margin-top:10px;
}
.syuhen_list_box h5{
    text-align: left;
    color:#75A2FC;
    font-size:20px;
    font-weight:700;
}
.syuhen_list_box .syuhen_list_kakaku{
    color:#FFA510;
    font-size:24px;
    font-weight:700;
}
.syuhen_list_box .syuhen_list_kakaku_text{
    color:#75A2FC;
    font-size:24px;
    font-weight:700;
}
.syuhen_list_box .syuhen_list_kakaku_text2{
    color:#FFA510;
    font-size:24px;
    font-weight:700;
}
.syuhen_list_box p{
    text-align: left;
    vertical-align: middle;
    line-height:2;
    color:#666;
    font-size:14px;
}
.syuhen_list_box p img{
    margin-bottom:-5px;
    margin-right:5px;
}
.syuhen_list_syosai{
    width:100%;
    float:left;
}
.syuhen_list_box .js_seiyaku_delete_button{
    text-align: center;
    color:#fff;
    font-size:14px;
    float:right;
    background: #b2b0b0;
    border-bottom:2px solid #666;
    border-radius: 4px;
    padding:3px 20px;
}
.syuhen_list_box .js_seiyaku_delete_button:hover{
    background: #a27474;
}
.syuhen_list_box .js_zaiko_delete_button{
    text-align: center;
    color:#fff;
    font-size:14px;
    float:right;
    background: #b2b0b0;
    border-bottom:2px solid #666;
    border-radius: 4px;
    padding:3px 20px;
}
.syuhen_list_box .js_zaiko_delete_button:hover{
    background: #a27474;
}
.mypage_satei_input_inner {
    max-width: 900px;
    margin: 40px auto 20px;
}
.mypage_satei_input_inner h2 {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background:#4fb3fc;
}
.mypage_satei_input_inner h3 {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background:#4fb3fc;
}
.mypage_satei_input_inner p{
    line-height:2;
    font-size:14px;
    color:#666;
    text-align: left;
    padding:2%;
    width:96%;
}
.syuhen_list_tex{
    line-height:2;
    font-size:14px;
    color:#666;
    text-align: left;
    padding:2%;
    width:96%;
}
.mypage_satei_input_inner p img{
    margin:0 auto;
    display: block;
}


.satei_select_box_prefectur{
    padding: 11px;
    display: block;
    position: relative;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 31.55452%;
}
.satei_select_box_prefectur select{
    width:100%;
}
.satei_select_box_city{
    padding: 11px;
    display: block;
    position: relative;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 31.55452%;
}
.satei_select_box_city select{
    width:100%;
}
.satei_select_boxbt{
    display: block;
    position: relative;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 35.61485%;
    padding-left: 11px;
    padding-right: 11px;
}
.satei_select_boxmenu{
    padding:20px 40px;
    background: #fcf5f8;
}
.satei_select_boxbt input{
    width:100%;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 12px 50px 12px 6px;
    background-color: #FFF;
    background-image: url(../images/bg_select_down.png);
    background-repeat: no-repeat;
    background-position: 96% 50%;
    cursor: pointer;
    min-width: 200px;
}
input[type=text],input[type=email],input[type=tel],input[type=name],input[type=number],input[type=password]{
    padding: 12px 2%;
    border: 1px solid #cccccc;
    border-radius: 6px;
    background: #fff;
    -webkit-appearance: none;
    margin: 3px 0;
    font-size: 14px;
    font-family: inherit;
    width: 90%;
}
.ss{width:50px !important;}
.s{width:100px !important;}
.m{width:200px !important;}
.l{max-width: 300px; width: 90%;}

textarea{
    width:95%;
    padding: 10px 2%;
    border: 1px solid #cccccc;
    border-radius: 6px;
    background: #fff;
    -webkit-appearance: none;
    margin: 3px 0;
    font-size: 14px;
    font-family: inherit;
    min-height:100px;
}

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.login_box{
    margin:20px auto;
    padding: 0px;
    position: relative;
    max-width: 360px;
}
.login_box h2 {
    font-size: 20px;
    color: #fff;
    padding: 10px;
    background:#4fb3fc;
    border-radius: 4px 4px 0 0;
}
.login_boxform{
    text-align: left;
    background: #fff;
    padding-bottom: 10px;
    border: 1px solid #4fb3fc;
}
.loginform_name{
    padding:10px 10px 0;
    font-size:12px;
    font-weight:700;
}
.loginform_name .required {
    background: #fc78ce;
    border: 1px solid #fc78ce;
    font-size: 12px;
    display: block;
    float: left;
    margin-right:10px;
    color:#ffffff;
    line-height: 1;
    padding: 4px;
    border-radius: 3px;
}
.loginform_form{
    padding:10px 10px 0;
}
.loginform_miss{
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 12px;
    min-width: 120px;
    max-width: 80%;
    color: #555;
    font-size: 14px;
    background: #eaedf2;
}
.loginform_miss:before{
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #eaedf2;
}
.loginform_miss a{
    text-decoration: underline;
    color:#8864ff;
}

.privacypolicy_box{
    height:100px;
    overflow: scroll;
    font-size:10px;
    margin: 5%;
    padding: 5%;
    border: 2px #ccc solid;
    width: 80%;
}
.login_boxform input[type="submit"]{
    width: 200px;
    display: block;
    margin: 10px auto;
    background: #FFA510;
    -webkit-appearance: none;
    border-bottom: 4px solid #CB6000;
    border-radius: 4px;
    padding: 0.8em;
    color:#fff;
    text-align: center;
    font-size:14px;
    border-top:none;
    border-left:none;
    border-right:none;
}
.login_boxform input[type="submit"]:hover{
    background: #d9a144;
}



.satei_selectbox_login{
    max-width:900px;
    margin:10px auto;
    border:1px solid #4fb3fc;
}
.satei_selectbox_login dt{
    color:#fff;
    padding:10px;
    background:#4fb3fc;
}
.link_mypage_bt{
    background-color: #ffa510;
    padding: 14px;
    color: #fff;
    border-radius: 6px;
    margin: 0 auto;
    display: block;
    width: 80%;
    border-bottom:4px solid #cb6000;
}
.link_mypage_bt:hover{
    opacity: 0.8;
    color:#edfd25;
}

.next_bt{
    max-width: 300px;
    margin: 0 auto 40px;
}
.next_bt a{
    width: 200px;
    display: block;
    margin: 0 auto;
    background: #FFA510;
    border-bottom:4px solid #CB6000;
    border-radius: 4px;
    padding:0.4em;
    color:#fff;
}
.next_bt a:hover{
    background: #d9a144;
}
.next_bt input{
    width: 300px;
    display: block;
    margin: 0 auto;
    background: #FFA510;
    -webkit-appearance: none;
    border-bottom:4px solid #CB6000;
    border-radius: 4px;
    padding:1em;
    color:#fff;
    font-size:18px;
    border-top:none;
    border-left:none;
    border-right:none;
    font-weight:700;
}
.next_bt input:hover{
    background: #d9a144;
}


.chapter01{
    padding:20px 0;
}
.chapter01_message00{
    padding: 20px;
    width: 680px;
    background: #f0f3fb;
    line-height: 1.8;
    box-shadow: 0px 0px 4px rgba(113, 103, 103, 0.4);
    right: 220px;
    position: absolute;
    top: 80px;
    text-align: left;
}
.girlbox{
    position: relative;
    height: 212px;
}
.top_girl{
    position: absolute;
    left: 0;
    top: -40px;
}
.sectionline{
    background: #75a2fc;
    padding:28px;   
}

.chapter02{
    padding:0;
}
.chapter02_img01{
    width:34%;
    margin:3%;
    float:left;
}
.chapter02_img01 img{
    width:100%;
}
.chapter02_text01{
    width:54%;
    margin:3%;
    float:left;
    text-align: justify;
    line-height:1.8;
}
.chapter02_img02{
    width:34%;
    margin:3%;
    float:left;
}
.chapter02_img02 img{
    width:100%;
}
.chapter02_text02{
    width:54%;
    margin:3%;
    float:left;
    text-align: justify;
    line-height:1.8;
}
.chapter02_img03{
    width:34%;
    margin:3%;
    float:left;
}
.chapter02_img03 img{
    width:100%;
}
.chapter02_text03{
    width:54%;
    margin:3%;
    float:left;
    text-align: justify;
    line-height:1.8;
}
.top_baikyakubt{width:100%;}
.top_baikyakubt a{width:100%;}
.top_baikyakubt a img{width:80%;padding:2% 10%;}
#mainmenu {
    background-image: url("../images/top/topmain_bg.jpg");
    background-repeat: no-repeat;
    clear: both;
    height: 475px;
    margin-bottom: 20px;
    position: relative;
    width: 1200px;
}

.kodawari_bt{
    width:1010px;
    height:180px;
    left: 95px;
    position: absolute;
    top: 300px;
}

.kodawari_bt img{
    float:left
}
.search_type{

}
.topimg_wrapper{
    background: url("../images/top/top_img_bg.png") repeat-x 50% bottom aliceblue;;
    background-size: auto auto;
animation: bg-slider 120s linear infinite;
position: relative;
background-size: auto 100%;
    
}
#topimg{
    clear: both;
    position: relative;
    width: 1200px;
    margin: 0px auto 0;
}
.topimg_ic01{
    position: absolute;
    top:30px;
    right:80px;
    width:220px;
    height:220px;
}
.topimg_bt01{
    position: absolute;
    top: 260px;
    right: 30px;
    width: 400px;
    height: 120px;
}

#header_text .inquiry_btn{
    display: inline-block;
    text-decoration: none;
    margin-top:0px;
    height: 50px;
}
#header_text .inquiry_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
#header_text .favorite_btn{
    display: inline-block;
    padding: 0;
    width: 180px;
    background-image: url("../images/header_okiniiri_bg.png");
    background-repeat: no-repeat;
    float: right;
    margin-top:0px;
    height: 50px;
}
#header_text .favorite_btn span{
    display: block;
    color:#fff;
    border-radius: 4px;
    width: 20px;
    height:20px;
    margin-left: 135px;
    margin-top: 0px;
}
.top_01{
    background: url("../images/top/top_tokucho_bg.png") repeat-x 50% bottom #fff;
    padding-bottom: 40px;
    animation: bg-slider 80s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
    position: relative;
    background-size: auto 100%;
}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -1600px 0; } /* 1600pxとは使用した背景画像の長さ */
}
.top_01 h2{
    margin: 30px auto 10px;
}
.top_01 p{
    margin-top:20px;
    margin-bottom:20px;
    line-height:2;
    color:#4b4b4b;
    font-size:14px;
}
.tokucyo_bt{
    display: block;
    width:100%;
    text-align: center;
}
.top_news_category{
    
}
.top_news_category ul li{
    display: block;
    list-style: none;
    width:23%;
    margin:1%;
    float:left;
    height:100px;
    background-color: #009eec;
    color:#fff;
    border-radius: 4px;
    border-bottom:4px solid #e1caff;
}
.top_news_category ul li:hover{
    background-color: #e1caff;
    border-bottom:4px solid #e1caff;
}
.top_news_category ul li img{
    float:left;
    border-radius: 4px 0px 0px 4px;
    margin-right:10px;
}
.top_news_category ul li h3{
    font-size:0.8em;
    line-height: 1.6;
    font-weight:600;
    text-align: left;
    margin: 10px 0 0;
}
.top_news_category ul li p{
    padding:5px;
    line-height: 1.6;
    font-size:0.7em;
    text-align: left;
    color:#fff;
    margin:0;
}
.top_3bt_box{
    background-color: aliceblue;
}
.top_3bt_box a img{
    margin:10px 30px 10px;
}
.top_3bt_box a img:hover{
    opacity:0.8;
}
.top_02{
    background-color: #fff;
    padding: 20px 0;
}
.top_02 h2{
    margin-top:20px;
}
.point_box01{
    width:1000px;
    margin:20px auto;
}
.point_box01 img{
    float:left;
}
.point_box01 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box02 .point_text{
    width:420px;
    float:left;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box03 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box04 .point_text{
    width:420px;
    float:left;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_box05 .point_text{
    width:420px;
    float:right;
    text-align: left;
    line-height:2;
    color: #4b4b4b;
}
.point_text img{
    margin-top:20px;
}
.point_box02{
    width:1000px;
    margin:20px auto;
}
.point_box02 img{
    float:right;
}
.point_box03{
    width:1000px;
    margin:20px auto;
}
.point_box03 img{
    float:left;
}
.point_box04{
    width:1000px;
    margin:20px auto;
}
.point_box04 img{
    float:right;
}
.point_box05{
    width:1000px;
    margin:20px auto;
}
.point_box05 img{
    float:left;
}
.top_03{
    padding:30px 0;
    background-color: #fff;
}
.top_03 .top_title_d{
    color: #4b4b4b;
    margin:20px auto;
}
.top_03 ul{
    width:1080px;
    margin:20px auto;
}
.top_03 ul li{
    width:480px;
    margin:20px 30px;
    float:left;
    height:143px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.top_03 ul li img{
    float:left;
    height:143px;
}
.top_03 ul li h3{
    color: #1a6e44;
    text-align: left;
    padding: 14px 10px 0 10px;
    float: right;
    width: 310px;
}
.top_03 ul li p{
    line-height:1.8;
    text-align:left;
    padding: 10px;
    float: right;
    width: 310px;
    font-size:15px;
}
.top_customer01{
    background-color: #fff;
    padding: 20px 0;
}
.top_column01{
    background-color: #fff;
    padding: 20px 0;
}
.top_articles01{
    background-color: #fff;
    padding: 20px 0;
}
.top_blog_title{
    width:400px;
    font-size:34px;
    font-family: "Hiragino Sans W9";
    src: local(HiraginoSans-W9);
    font-weight: 600;
    color:#1e1210;
    text-align: center;
    padding:16px;
    display: block;
    border-bottom:1px solid #1a6e44;
    margin:20px auto 30px;
}
.top_newtopics{
    margin: 20px auto 60px;
}
.top_news01{
    background-color: #fff;
    padding: 20px 0;
}
.news_area ul li span{
    margin-right:30px;
    text-align: left;
}
.news_area ul li {
    width: 900px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-size: 14px;
    line-height: 60px;
    margin:0px auto;
}
.news_area ul li:first-child{
    border-top: 1px solid #ccc;
}

#section01 {
    background-image: url("../images/top/section01_bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px;
}
#section01 .section01_text {
    background-color:rgba(255,255,255,0.7);
    max-width: 800px;
    margin: 10px auto;
    line-height: 2;
    border-radius: 6px;
    padding: 1%;
    font-size: 18px;
}
#section02{
    margin:40px 0;
}
.top_post{
    margin:40px 0;
}
.top_section_title{
    font-size: 38px;
    text-align: center;
    padding: 2%;
    width: 96%;
    font-weight: 700;
    color:#555;
}
.section_box3{
    width:28%;
    margin:2.5%;
    float:left;
}
.section_box3 h3{
    font-size:18px;
    font-weight:700;
    color:#ff5f5f;
}
.section_box3 p{
    color:#555;
}
.section_c_box{
    width: 86%;
    padding: 2% 2%;
    background:#e7f2ff;
    border-radius: 6px;
    margin: 20px auto 60px;
}
.section_c_box h3{
    width: 90%;
    padding: 2% 5%;
    text-align: center;
    font-size: 34px;
    color:#555;
}
.section_c_box ul{
    width:96%;
    padding: 1% 2%;
}
.section_c_box ul h4{
    font-weight:700;
    font-size:28px;
}
.section_c_box ul li{
    list-style: none;
    width: 46%;
    padding: 1% 1%;
    display: block;
    float: left;
    text-align: left;
    line-height: 1.8;
    border-bottom: 1px dotted #ccc;
    margin: 1%;
}
/******************************************
content
*******************************************/
.wrapper{
    margin-top:20px;
}

h1.article_title{
    background-color: #4fb3fc;
    position: relative;
    color: #fff;
    padding: 0.6em 0.8em;
    margin-bottom: 20px;
    border-left: 6px solid #ff9b02;
    font-size: 20px;
}

.whole_contain {
    display: inline-block;
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.whole_contain_main {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin: 0;
    width: 323px;
    height: 242px;
}
.contain {
    display: inline-block;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    width: 75px;
    height: 75px;
    background-size: contain;
}
.select .tab_alink:link,
.select .tab_alink:visited{
	color:#fff;
}
.wholes_box .thumbnail a img{
    width:100px;
    height:100px;
    object-fit: cover;
}
.wholes_box .thumbnail a img:hover{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.contact_form_img01{
    width:100%;
}
#contenter .posts .set_photo img{
    width:48%;
    margin:1%;
    float:left;
}



/******************************************
conte01 conte02
*******************************************/
.conte_box{
	width:840px;
	overflow:hidden;
	margin:0 auto;
}
.conte_box ul{
	width:120%;
}
.conte_box ul li{
float:left;
width:400px;
margin:0 25px 25px 0;
border-bottom:1px solid #999999;
}
.conte_box ul li p{
	padding:15px 0;
	font-size:12px;
}
.conte_box ul li p a{
	width:50px;
	height:35px;
	padding-top:15px;
	display:block;
	float:right;
	background:#999999;
	color:#fff;
	text-align:center;
}
.conte2_box{
	overflow:hidden;
	width:830px;
	margin: 0px auto 20px auto;
}
.conte2_box ul{
	width:120%;
	margin-top:20px;
}
.conte2_box li{
	float:left;
	margin:0 12px 12px 0;

}
.c_table_dl {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:100%;
	margin:0px auto 30px;
	clear:both;
	background:#f4f4f4;
}
.c_table_dl dt {
	border-top:1px solid #ccc;	
	width:210px;
	float:left;
	height:auto;
	padding:10px;
	background:#f4f4f4;
	color:#666;
	font-weight:normal;
	font-size:14px;
	line-height:1.4;
	}
.c_table_dl dd {
	border-top:1px solid #ccc;
	background:#fff;
	float:left;
	padding:10px;
	width:620px;
	height:auto;
	font-size:14px;
	line-height:1.4;
	color:#666666;
}
/******************************************
category_list
*******************************************/

.category_list{
	font-size:16px;
}
.category_list dd{
	padding:0 20px 10px 20px;
	text-align:left;
	font-size:14px;
	margin:0;
	line-height:1.5;
}
.category_list dt{
	border-top:4px solid #ccc;
	padding:20px 15px 20px 45px;
	background:url(../images/category/icon-com.png) no-repeat 15px 15px;
	color:#5F5F5F;
	font-size:14px;
	font-weight:bold;
}
.category_list dd img{
	float:left;
	margin:0 15px 15px 0;
}
/******************************************
login
*******************************************/
.login {
	width:90%;
	margin:0 auto;
}
.login .form-group{
	float:left;
	width:60%;
}
.login .form-group label{
	float:left;
	width:150px;
}
.login .btn{
	width:28%;
	padding:15px 0;
	margin:18px 0px 0 60px;
	font-weight:bold;
	font-size:18px;
}
.alert-message{
	margin-top:20px;
	color:#ff0000;
	font-size:14px;
	text-align:center;;
}

/******************************************
pagination
*******************************************/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 10px 20px 0px;
    border-radius: 4px
	font-size:10px;
}
.pagination>li {
    display: inline
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left:5px;
    font-size:12px;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #428BCA;
    border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

/******************************************
contact
*******************************************/
.contact_dl {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:100%;
	margin:0px auto 10px;
	clear:both;
	background:#f4f4f4;
}
.contact_dl a {
    color:#555;
    text-decoration: underline;
}
.contact_dl dt {
	border-top:1px solid #ccc;	
	width:210px;
	float:left;
	height:auto;
	padding:10px;
	background:#f4f4f4;
	color:#666;
	font-weight:normal;
	font-size:14px;
	line-height:1.4;
	}
.contact_dl dd {
	border-top:1px solid #ccc;
	background:#fff;
	float:left;
	padding:10px;
	width:620px;
	height:auto;
	font-size:14px;
	line-height:1.4;
	color:#666666;
    height:auto;
}
.dlts dt{width:160px;}
.dlts dd{
    width: calc(100% - 200px);
}

.contact_dl .em3{height:3em !important;}
.contact_dl .em4{height:auto !important;}
.contact_dl .em5{height:5em !important;}
.contact_dl .em6{height:6em !important;}
.contact_dl .em7{height:7em !important;}
.contact_dl .em8{height:8em !important;}
.contact_dl .em9{height:9em !important;}
.contact_dl .em10{height:10em !important;}
.contact_dl .em11{height:11em !important;}
.contact_dl .em12{height:12em !important;}
.contact_dl .em13{height:13em !important;}
.contact_dl .em14{height:auto !important;}
.contact_dl .em15{height:15em !important;}
.contact_dl .em17{height:17em !important;}
.contact_dl .em20{height:20em !important;}
.contact_dl .em22{height:22em !important;}

.contact_dl label{display:block;font-size:14px;padding: 5px;}
.contact_dl dd textarea{min-height:100px !important;margin-bottom:10px;}
.contact_dl dd span{margin:0;padding:0;}

.contact_dl input{
    color:#666666;
}
.contact_dl .add_file input{
	border:none;
}
.contact_dl .s{width:60px;}

.btn_submit{
	text-align:center;
	padding:20px 20px 40px;
}
.btn_submit input{
	background:#F7931E;
	width:360px;
	text-align:center;
	height:80px;
	font-weight:bold;
	font-size:20px;
	border:none;
	color:#fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.btn_submit input:hover{
	background-color:#d48930;
}
.btn_inq{
	padding:10px;
	height: 50px;
}

.btn-yellow{
	background:#F7931E;
	width:248px;
	margin: 0 auto;
	padding:15px;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	border:none;
	color:#fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;

}

.btn_inq a:hover{
	text-decoration:none;
}

.btn-mail input{
	width:400px;
}
.btn-search input{
	background:#F7931E url(../images/search/icon-search.png) no-repeat 20px 50%;
	padding-left:30px;

}
.btn-red input{
	background:#ff0000;
}
a.btn-more{
	padding:6px 40px 2px;
	color:#fff;
	font-size:16px;
	background:#fd1f7d;
    border-bottom: 4px solid #b72363;
}
a.btn-more:hover{
    background: #b72363;
}
.must{
	background:#fb9696;
	color:#fff;
	padding:2px 10px;
	font-size:14px;
	margin:0 5px;
	float:right;

}
.basic_table{
	width:95%;
	margin:0 auto 20px auto;
	border-collapse:collapse;
}
.basic_table th{
	background:#f4f4f4;
	border:1px solid #ccc;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	padding:10px;
}
.basic_table td{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	font-size:12px;
	padding:20px 0;
}
.s-font{
    font-size:10px;
    padding-left:10px;
}
.m-font{
    font-size:12px;
    padding-left:10px;
}
label {
  cursor: pointer;
}
.satei_selectbox2 label{
    display: block;
}

/******************************************
company
*******************************************/
#map{
	width:95%;
	margin:0 auto 20px auto;
}
.stuff{
	padding-bottom:20px;
	width:95%;
	margin:0 auto;
}
.stuff .staff_img_photo {
	width: 37.6%;
}
.dls{
	width:60%;
	float:right;
}
.dls dt{width: 23%;}
.dls dd{width: 68.9%;}

.staff_coment{
    margin-top:20px;
    position:relative;
    background:#fdf3e7;
    padding:16px;
    text-align:left;
    color:#8d8266;
    font-size:14px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.staff_coment:after,.staff_coment:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:16%;
}
.staff_coment:after{
    border-color: rgba(252, 214, 168, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#fdf3e7;
}

/******************************************
article favorite_box
*******************************************/
.favorite_box{
	border-bottom: 6px solid #ebf6ff;
	padding:0px;
    margin-bottom:30px;
}
.favorite_box .pull-right h4{
	padding:0px 0 20px 0px;
    min-height: 18px;
}
.favorite_box .pull-right h4 a span{
	font-size:16px;
	color:#ff9d49;
    font-weight:700;
}
.favorite_box .pull-left h4{
    color:#fff;
    background-color:#ff84c6;
    padding: 5px;
    width: 120px;
    text-align: center;
    margin-bottom: 10px;
}
.favorite_box .pull-left{
	width:280px;
}
.favorite_box .pull-left a img{
	object-fit: contain;
    width: 280px;
    height: 190px;
}
.favorite_box .pull-right{
	width:570px;
}
.favorite_box .favorite_table{
    width:100%;
    font-size:14px;
    border-collapse: collapse;
    margin-bottom:20px;
}
.favorite_box .favorite_table .blue{
    color:#1B70BE;
    font-size:18px;
    font-weight:600;
}
#contenter .favorite_box .favorite_table tr{
    border-left: none;
    border-top: none;
    border-right: none;
  border-bottom:1px solid #ccc;
}
.favorite_box .favorite_table th{
    padding: 12px 5px;
    color: #5f5f5f;
    border: none;
}
.favorite_box .favorite_table td{
    padding: 12px 5px;
    color: #5f5f5f;
    border: none;
}
.favorite_box .favorite_table .gray_tr{
    background: #f4f4f4;
}
.favorite_table{
	width:100%;
	border-collapse:collapse;
    border-top:1px solid #ccc;
    border-bottom: 1px dotted #ccc;
}
.favorite_table th{
	border-bottom:1px solid #ccc;
	padding:12px;
	color:#4d4d4d;
    background:#fcf5f8;
    font-weight:normal;
    font-size:14px;
}
.favorite_table td{
	border-bottom:1px solid #ccc;
    border-left: none;
    border-top: none;
    border-right: none;
	padding:10px;
	color:#4d4d4d;
    font-size:14px;
}
.favorite_table .gray_tr{
	background:#f4f4f4;
}
.kiboutb .shubetsu_title{
    width:850px;
}
.article_photo{
    width:100%;
}
.article_photo .article_contain_main{
    width:100%;
    display: block;
    height:500px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 20px auto;
}
.article_photo .thumbnail ul li{
    width:13%;
    margin:0.5%;
    float:left;
}
.article_photo .thumbnail ul li img{
    width:100%;
    object-fit: cover;
    height:100px;
}
.article_detail_table{
    margin-top:20px;
}
.shubetsu_ic{
    font-size: 12px;
    color:#fff;
    background:#ffcbcb;
    padding: 5px;
    margin-right: 10px;
}
/******************************************
sidebar
*******************************************/
#sidebar{
	float:right;
	width:290px;
	padding-bottom:80px;
    margin-top: 30px;
}
#sidebar img{
    margin-bottom:10px;
}
.sidebre_table01{
    width:100%;
    margin-bottom: 20px;
}
.sidebre_table01 th,.sidebre_table01 td{
    width:90%;
    padding:5%;
    text-align: left;
    display:table;
}
#sidebar .sidebre_table01 td{
    border-top:dotted 1px #ccc;
    border-bottom:solid 1px #ccc;
    border-left:none;
    border-right:none;
}
.sidebre_table01 .redbold{
    font-size:18px;
    color:#fd6a92;
    font-weight:700;
}
.sidebre_table01 .bluebold{
    font-size:18px;
    color:#8396ff;
    font-weight:700;
}
.sidebar_loginbt{
    display: block;
    margin:20px auto;
    width:80%;
    text-align: center;
    background: #FB3939;
    border-bottom: 4px solid #792A39;
    color:#fff;
    font-size:14px;
    font-weight:700;
    padding:10px 20px;
    border-radius:2px;
}
.sidebar_loginbt:hover{
    background: #FF4C4C;
}

.side_box{
	background:#F4F4F4;
	padding:10px 15px;
	text-align:left;
	font-size:13px;
	margin-bottom:20px;
}
.side_box form p{
	color:#555;
	padding:0px;
	text-align:left;
	font-size:12px;
	line-height:1.8;
}
.side_box > p{
	color:#5f5f5f;
	margin:10px 0;
	line-height:1.5;
}

#app > p{
	color:#5f5f5f;
	margin:10px 0;
	line-height:1.5;
}

.icon-search{
	background:#4fb3fc url(../images/icon-search.png) no-repeat 5px 5px;
	padding-left:50px;
}
.linklist{
	margin-bottom:20px;
}
.linklist .blue_title_area {
    display: block;
    text-align: left;
    color: #242424;
    padding: 12px 45px;
    font-size: 12px;
    border-top: 1px solid #fff;
    background: #f4f4f4 url(../images/icon-area.png) no-repeat 10px 50%;
    border-bottom: 1px solid #ccc;
}
.linklist a{
	display: block;
    text-align: left;
    color: #555;
    padding: 14px 35px 10px;
    font-size: 12px;
    border-bottom: 1px dotted #ccc;
    background: #fff url(../images/icon-side-1.png) no-repeat 10px 50%;
}

.side_ensen a{
        background:#f4f4f4 url(../images/icon-side_ensen.png) no-repeat 10px 50% !important;
	padding:20px 50px;
	color:#5f5f5f;
	font-weight: bold;
}
.side_ensen a:hover{
        background:#E9E9E9 url(../images/icon-side_ensen.png) no-repeat 10px 50% !important;
	padding:20px 50px;
	color:#5f5f5f;
	font-weight: bold;
}

.side_area a{
        background:#f4f4f4 url(../images/icon-side_area_.png) no-repeat 10px 50% !important;
	padding:20px 50px;
	color:#5f5f5f;
	font-weight: bold;
}
.side_area a:hover{
        background:#E9E9E9 url(../images/icon-side_area_.png) no-repeat 10px 50% !important;
	padding:20px 50px;
	color:#5f5f5f;
	font-weight: bold;
}
.side_map a{
        background:#f4f4f4 url(../images/icon-side_map_.png) no-repeat 10px 50% !important;
	padding:20px 50px;
	color:#5f5f5f;
	font-weight: bold;
}
.side_map a:hover{
        background:#E9E9E9 url(../images/icon-side_map_.png) no-repeat 10px 50% !important;
	padding:20px 50px;
	color:#5f5f5f;
	font-weight: bold;
}

.linklist a:hover{
	text-decoration:none;
	background:#fcfcfc url(../images/icon-side.png) no-repeat 10px 50%;
}
.menulist{
	margin-bottom:20px;
	background:#f4f4f4;
}

.menulist a{
	display:block;
	text-align:left;
	padding:12px 12px 12px 35px;
	font-size:13px;
	border-top:1px solid #fff;
	background:#fdfdf4 url(../images/icon-menu.png) no-repeat 10px 50%;
    border-bottom:1px solid #ffd855;
}

#contenter .menulist a{
	border:none;
	float:left;
	width:25%;
}
.menulist a:hover{
	text-decoration:none;
	background:#E9E9E9 url(../images/icon-menu.png) no-repeat 10px 50%;
}
.icon-train a{
	background:#f4f4f4 url(../images/icon-train.png) no-repeat 10px 50%;
}
.icon-train a:hover{
	background:#E9E9E9 url(../images/icon-train.png) no-repeat 10px 50%;
}
.icon-bus a{
	background:#f4f4f4 url(../images/icon-bus.png) no-repeat 10px 50%;
	padding:10px 43px;
}
.icon-bus a:hover{
	background:#E9E9E9 url(../images/icon-bus.png) no-repeat 10px 50%;
}
.icon-area a{
	background:#f4f4f4 url(../images/icon-area.png) no-repeat 10px 50%;
}
.icon-area a:hover{
	background:#E9E9E9 url(../images/icon-area.png) no-repeat 10px 50%;
}

.news_list{margin:-20px 0 20px 0;}
.news_list li{
	border-bottom:#666666 1px dotted;
	padding:10px 10px;
	font-size:10px;
	text-align:left;
	margin:0;
}
.news_list li strong{
	color:#FBB03B;
	margin-right:10px;
}
.redicon{
	background:#FF0000;
	color:#fff;
	padding:0 5px;
	margin:0 10px 0 0;

}
.yellowicon{
	background:#FFAA00;
	color:#fff;
	padding:0 5px;
	margin:0 10px 0 0;
}
.mfp-content {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
#sidebar .side_sateiirai_wrap{
    display: block;
    border:1px solid #ccc;
}
#sidebar .satei_moushikomi_bt{
    width:80%;
    padding:5%;
    margin:20px auto;
    background-color: #fd0e61;
    color:#fff;
    border-radius: 8px;
    border-bottom:4px solid #721b5b;
    font-size:16px;
    font-weight:700;
}
#sidebar .satei_moushikomi_bt:hover{
    background-color: #93284d;
}
#sidebar .side_sateiirai_coment{
    padding:5% 10% 0;
    font-size:16px;
    line-height:1.8;
    text-align: left;
}

/******************************************
search
*******************************************/
.search_type{
	margin-bottom:30px;
	width: 100%;
	overflow: hidden;
}
.search_type ul{
	width:100%;
}
.search_type li{
	float: left;
    background:#f4f4f4;
    padding: 1%;
    font-size: 14px;
    width: 20.5%;
    border: 1px solid #ccc;
    margin: 1%;
    border-radius: 6px;
}
.search_type li label{
    width:100%;
    display: block;
}
.tabmenu{
	width: 100%;
	overflow: hidden;
	margin-bottom:40px;
}
.tabmenu a{
	color:#555;
}
.tab{

	margin: 0;
	padding: 0;
	list-style: none;}

.tab li{
	background: #f4f4f4;
	cursor: pointer;
	float:left;
	margin:0 0 0 0.2%;
	width: 33.2%;
	text-align:center;
	padding:15px 0;
	border-radius: 6px 6px 0px 0px;
}
.tab li:first-child{
	 margin:0 0 0 0%;
}

.tab li.select{
	color:#fff;
        background: #3db8eb;}

.content div{
	border:1px solid #ccc;
	font-size:14px;
	border-collapse:collapse;
}
.areal{
	display:block;
	padding:10px;
	margin:0px 0;
	border-top:1px solid #ccc;
	background:#f4f4f4;
}
.accordion-open-mark{
        color:#cccccc;
}
.content > div p{
	padding:10px;
}
.content > div p label,
.labelblock label{
	width:200px;
	float:left;
	padding:5px 0px;
	font-size:13px;
}
.hide{display:none;}

/******************************************
wholes_box
*******************************************/
.wholes_box .pull-right{
	width:320px;
	overflow:hidden;
    margin-top:20px;
}
.wholes_box .pull-right ul{
	width:100%;
	margin:0;
	padding:10px 0 0 0 ;
    max-height: 480px;
    overflow: scroll;
}
.wholes_box .pull-right ul li{
	float:left;
	margin:0 10px 10px 0;
	padding:0;
}
.wholes_box .pull-left{
	width:515px;
}
.wholes_box .pull-left table{
	width:100%;
	line-height:1.5;
}
.wholes_box h4{	
	font-size:14px;
	color:#5f5f5f;
	padding:5px 0 5px 45px;
	margin-bottom:10px;
	background:url(../images/favorite/icon-com.png) no-repeat 10px 50%;
    min-height: 20px;
    font-weight: 400;
}
.wholes_box h5{
	margin-top:20px;
	border-top: 4px solid #4d4d4d;
	padding:15px 15px 0px 15px;
	font-size:17px;
	font-weight:400;
}
.wholes_box .gray_tr th{
	color:#fff !important;
	text-align:center;
	background:#808080;
}
.wholes_box strong.redbold{font-size:16px;}
.alert-wholes{
	border:1px solid #666666;
	margin:15px;
	padding:15px;
	color:#999999;
	font-size:12px;
}
.grayline_table{
	width:100%;
	border-top:#ccc 4px solid;
	margin:0 auto 20px auto;
    border-collapse: collapse;
}
.grayline_table th{
    background:#fcf5f8;
    font-weight:normal;
    width:200px;
}
.grayline_table td{
	padding: 10px;
    font-size: 14px;
    color: #5f5f5f;
	border-bottom:1px solid #ccc;
	line-height:1.6;
    border-left: none;
    border-top: none;
    border-right: none;
}
.grayline_table th{
	padding: 10px;
    font-size: 14px;
    color: #5f5f5f;
	border-bottom:1px solid #ccc;
	line-height:1.6;
}
.w520{  width:520px;
}
.map_title{
	border-top:#ccc 4px solid;
	padding:15px 45px;
	color:#4d4d4d;
	font-size:18px;
    font-weight: 400;
	margin-bottom:10px;
	background:url(../images/wholes/icon-map.png) no-repeat 10px 10px;
}
.icon-tel{
	padding:12px;
	font-size:14px;
}
.detale_contact_bt a{
    width:50%;
    float:left;
    text-align: center;
}
.detale_contact_bt a img{
    margin-bottom:20px;
}
.youtube_articles{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px;
}
.youtube_articles iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
/******************************************
form
*******************************************/

.form-group{
	width:90%;
	margin:0;
}
.form-group label{
	margin:8px 0;
	display:block;
}
.form-m{width:80%;}
.form-s{width:60%;}
.form-xs{width:40%;}
.form-xxs{width:80px;}
.form-xxxs{width:40px;}
.form-xxm{width:120px;}
.btn{
	background:#2895f9;
	border-radius: 3px;
	width:80%;
	color:#fff;
	border:none;
	font-size:14px;
	padding:8px 0;
	margin:8px 10%;
    border-bottom:3px solid #1b70be;
}
.btn:hover{
	background:#339dff;
    border-bottom:2px solid #1b70be;
}
.btn-xs{width:40%;}
.btn-xss{width:20%;padding:4px 0;}

.checkbox{
	border:#999 1px solid;
	padding:10px;
	background:#fff;
	margin-bottom:5px;
}
.checkbox label{
    display:block;
}

/******************************************
map search box
*******************************************/
.map_lidt img{
    width:160px;
	height:120px;
}
.map-detail-button{
        width:80px  !important;
}

.h5_map{
        font-size:11px;
	font-weight:bold;
}

.map_lidt_rig{
        font-size:10px;
	width:260px  !important;
}
.map_list_title{
	font-size:8px;
	padding:5px;
	background-color:#ccc;

}

.map_list_cen ul{
    width:100%;
}

.map_list_cen ul li{
    width:20%;
    float:left;
    display:block;
}
.map_list_text{
    font-size:8px;
    padding:5px;
}
.red_favotag{
       font-size:8px;
       color:#1b70be;
       font-weight:bold;
}


/******************************************
popup search
*******************************************/
.popup_tabmenu{
	width: 100%;
	overflow: hidden;
	margin-bottom:10px;
}
.popup_tab{
	margin: 0;
	padding: 0;
}
.popup_tab li{
	cursor: pointer;
	float:left;
	width: 49%;
	text-align:center;
	padding:15px 0;
	border-radius: 3px 3px 0px 0px;
}
.popup_tab li.select{
	color:#fff;
        background: #1b70be none repeat scroll 0 0;}
	
.popup_content div{
	border:1px solid #ccc;
	font-size:14px;
	border-collapse:collapse;
}

#js_popup_area_click{
       color:#fff;
        background: #99cc33 none repeat scroll 0 0;
	margin-left:0.66%;}
#js_popup_area_tab_box{
       color:#5f5f5f;
        background: #ffffff none repeat scroll 0 0;
	margin:0 0.66%;}
#js_popup_area_tab_box p{
       color:#5f5f5f;
        padding:10px;
	line-height:1.5;}
#js_popup_area_tab_box label{
       display:block;
       width:20%;
       float:left;}	
	
#js_popup_area_tab_box .popup_areal{
       color:#5f5f5f;
        background: #fff none repeat scroll 0 0;}	
	
#js_popup_rosen_click{
       color:#5f5f5f;
        background: #f4f4f4 none repeat scroll 0 0;
	margin-left:0.66%;}
#js_popup_rosen_tab_box{
       color:#5f5f5f;
        background: #ffffff none repeat scroll 0 0;
	margin:0 0.66%;}
#js_popup_rosen_tab_box p{
       color:#5f5f5f;
        padding:10px;
	line-height:1.5;}
#js_popup_rosen_tab_box label{
       display:block;
       width:20%;
        float:left;}	

#js_popup_rosen_tab_box .popup_areal{
       color:#fff;
        background: #fce4d4 none repeat scroll 0 0;}	
	
#js_popup_area_tab_box .popup_areal{
	display:block;
	padding:10px;
	margin:0px 0;
        color:#5f5f5f;
	height:20px;
	background: #f4f4f4;
}
#js_popup_area_tab_box .popup_areal label{
	width:100%;
}

#js_popup_rosen_tab_box .areal{
        background: ##5f5f5f;
        height:20px;
}
#js_popup_rosen_tab_box .areal label{
        width:100%;
}

#popup_area_rosen_search{
	background: #fff;
	max-width:828px;
	margin:50px auto;
	padding:20px;
	z-index: 1000000000;
}
.open_popup_search_link{
	cursor: pointer;
}
.open_popup_search_link:hover{
	cursor: pointer;
	text-decoration: underline;
}
.popup_selected_dismiss{
        margin:10px auto;
        display:block;
	text-align:center;
}
.popup_footer{
        padding:5px 10%;
}
.mfp-close{
        color:#fff !important;
	font-size:60px !important;
}

/******************************************
wideslider
*******************************************/

.wideslider {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider ul li img {
    width: 100%;
    display: none;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
}
.wideslider .pagination {
    display: none;
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}
.slider_prev {
	background: #fff url(../images/top/prev.jpg) no-repeat right center;
}
.slider_next {
	background: #fff url(../images/top/next.jpg) no-repeat left center;
} 
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 10px 10px 0px;
    font-size: 10px;
}

.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
    text-align: center;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}

/******************************************
footer
*******************************************/
#pagetop{
	float:right;
	margin:-50px 0 0 0;
}
#footer{
	background:#fff;
	padding: 30px 0px 0px;
	font-size:12px;
	min-width:1120px;
    border-top:4px #4fb3fc solid;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#footer .pull-left{
    width:30%;
    padding-right:2%;
    float:left;
}
#footer .pull-left ul{
	width:100%;
	text-align:left;
	margin:0px auto;
}
#footer .pull-left ul li{
	font-size:12px;
	padding:10px 10px;
    border-bottom:1px dotted #343434;
}
#footer .pull-left ul .tit_c{
    background: url("../images/footer_icon.png") no-repeat 0px 50%;
    padding:6px 0 6px 40px;
    line-height:30px;
}
#footer .pull-left ul .tit_c:hover{
    background: url("../images/footer_icon_on.png") no-repeat 0px 50%;
}
#footer ul li.tit{
	color: #343434;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
}
#footer a{
	color:#343434;
}
#footer a:hover{
	color:#fa7306;
}
#footer .pull-right {
    width: 34%;
    text-align: left;
    font-size: 14px;
    max-width:400px;
}
#footer .pull-right img {
    margin: 0 0 15px;
}
#footer .pull-right div {
    border: 1px solid #4fb3fc;
    padding: 12px 4%;
}
#footer .pull-right div p {
    line-height: 2;
    margin-bottom: 10px;
}
#footer .pull-right .btn, a.btn {
    padding: 15px 20px;
    color: #fff;
    margin: 0 auto 10px auto;
    display: block;
    width: 80%;
    font-size: 16px;
    text-decoration: none;
    background:#FFA510;
    border-bottom: 4px solid #CB6000;
    font-weight: bold;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
}
#footer .pull-right .btn:hover{
    background: #d9a144;
}
#footer .copy {
    padding: 15px 0;
    font-size: 12px;
    background: #1b70be;
    color: #fff;
    text-align: center;
    display: block;
    width:100%;
    margin-top:30px;
}
#footer .copy a {
    color: #fff;
}
#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 77%;
}
#footer address a{
    line-height:2;
    font-size:20px;
    font-weight:700;
    color:#4d4d4d;
}




/******************************************
smart phone & ipad mini
*******************************************/
@media screen and (min-width: 769px)  {
/*PC 769以上*/
	.pchide{display:none;}
}


@media only screen and (max-width:768px) {
/*SP 768以下*/
  
.sphide{display:none;}
body {padding-bottom: 0px;}
/*header*/
body .drawer-nav {
    z-index: 100000;
}
#logo{width: 64%;
    float: left;
    margin: 5px 0 0 0;
}
#header_tel{
    width:55%;
    float:right;
    margin:0px !important;
}
#header {
    padding: 5px 0px 0px;
}
.top_satei_input01 .aimessage {
    margin-top: -20px;
}
.chapter01_message00 {
    padding: 5%;
    width: 90%;
    background: none;
    line-height: 1.8;
    box-shadow: none;
    right: 0;
    position: relative;
    top: 0;
    text-align: left;
   font-size:14px;
}
.sectionline{
    padding: 10px 20px;
}
.sectionline p img{
    width:100%;
    padding-top: 5px;
}
.satei_select_box_prefectur {
    padding: 2%;
    float: none;
    width: 100%;
}
.satei_select_box_city {
    padding: 2%;
    float: none;
    width: 100%;
}
.satei_select_boxbt {
    padding: 2%;
    float: none;
    width: 100%;
}
.satei_select_boxbt input {
    width: 80%;
}
.satei_select_boxmenu {
    padding: 10px 20px;
    background: #fcf5f8;
}
.recommend ul li{
	border-top:none;
	border-left:none;
	border-right:none;
	height:auto;
	width:100%;
	float:none;
}
.recommend img{display:none;width:20%;}
.topimg_sp{width:100%;background-color: aliceblue;}
.topimg_sp img{width:100%;}
.top_3bt_boxsp .sp_2bt_box {background-color: aliceblue;}
.top_3bt_boxsp .sp_2bt_box img{width:48%;float:left;margin:1%;}
.top_3bt_boxsp .sp_2search_btbox img{width:48%;float:left;margin:1%;}
.recommend2 {
    margin: 20px auto 20px;
}
.recommend2 ul li{
    width:100%;
    margin:0 0 5px 0;
    box-shadow:none;
    border-bottom:dashed 1px #ccc;
    height:100px;
    border-radius: 0;
    height: auto;
    font-size:12px;
}
.recommend2 ul li img{width: 100px;height: 100px;float: left;}
.recommend2 ul li .icon {left:0;}
.recommend2 ul li div {width: calc(100% - 100px);padding: 0px 0px;clear: none;}
.recommend2 ul li strong{
    float:right;
    width: calc(100% - 120px);
    line-height: 1.6;
    font-size:12px;
}
.recommend2 ul li p{float:right;width: calc(100% - 120px);}
.news_area{margin: 20px auto 20px;}
.blog_area li{width:100%;height: auto;margin:0 0 10px 0;}
.blog_area li h4 {font-size:12px;width: calc(100% - 120px);float: right;padding: 0px 6px 4px;height:auto;}
.blog_area li p{font-size:12px;width: calc(100% - 120px);float: right;padding: 0px 6px 4px;}
.blog_area li img{width:100px;height:100px;float: left;}
.slider_sp,.slider_sp ul{width:100%;margin-bottom:15px;}
.slider_sp li{margin:5px 0 !important;width:100% !important;}
#header_text{line-height:18px;height:20px;margin-bottom:5px;min-width:100%;}
#header_text p{padding:0;text-align:right; margin:0;}
.favorite_btn span {margin:1px;padding:1px;}
.globalmenu_bg {margin: 0px auto 0px;}
#header_tel{margin:-10px 0px 10px 0px;padding:0;height:32px;}
#contenter .menulist a{width:90%;padding:3% 0% 3% 10%;}
.news_list{margin-top:0;}
.top_newslist .pull-left,.top_newslist .pull-right{width:100%;float:none;}
.top_newslist .pull-right{margin-top:15px;}
.top_newslist img{width:100%;}
.section_title{margin-bottom:10px;}
  
/*top*/
.top_tokucho{width:100%;}
.sidemax .top_tokucho img{width:97%;margin:30px 1.5%;}
.point_box01{width:100%;margin: 0px auto;}
.point_box01 h3{width:90%;padding:5%;font-size:16px;}
.point_box01 .point_text {width:100%;}
.point_box02{width:100%;margin: 0px auto;}
.point_box02 h3{width:90%;padding:5%;font-size:16px;}
.point_box02 .point_text {width:100%;}
.point_box03{width:100%;margin: 0px auto;}
.point_box03 h3{width:90%;padding:5%;font-size:16px;}
.point_box03 .point_text {width:100%;}
.point_box04{width:100%;margin: 0px auto;}
.point_box04 h3{width:90%;padding:5%;font-size:16px;}
.point_box04 .point_text {width:100%;}
.point_box05{width:100%;margin: 0px auto;}
.point_box05 h3{width:90%;padding:5%;font-size:16px;}
.point_box05 .point_text {width:100%;}
.top_03 ul {width: 100%;}
.top_03 ul li {width:100%;margin: 10px 0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,0.2);border-top:1px dotted #666;}
.top_03 .sidemax ul li img{width:100px;height:100px;}
.top_blog_title {width:90%;padding: 5%;font-size:24px;}
.news_area ul li {width:100%;padding: 4px 0;}
.top_news_category ul li {width: 98%;}
.top_news_category ul li img {width: 100px;}
.top_satei_input01 {
    margin-top: 0px;
}
.top_satei_input01 h3 img{
    width:100%;
}
.pagination a{

}
.chapter01 h3 img{
    width:100%;
}
.chapter02 h3 img{
    width:100%;
}
.chapter02_img01,.chapter02_img02,.chapter02_img03 {
    width: 60%;
    margin: 3% auto;
    float: none;
}
.chapter02_text01,.chapter02_text02,.chapter02_text03 {
    width: 90%;
    margin: 0%;
    float: none;
    text-align: justify;
    line-height: 1.8;
    font-size: 14px;
    padding: 5%;
}
#section01 {
    padding: 6%;
}
#section01 .section01_topimg01 img {
    width:100%;
}
#section01 .section01_text {
    font-size: 14px;
}
#section02 {
    margin: 20px 0;
}
.top_section_title {
    font-size: 24px;
}
.section_box3 {
    width: 95%;
    margin: 2.5% 2.5% 10%;
    float: none;
}
.section_box3 img {
    max-width: 60%;
}
.section_box3 p {
    font-size: 14px;
}
.section_c_box h3 {
    font-size: 20px;
}
.section_c_box ul li {
    width: 96%;
}
.section_c_box ul h4 {
    font-size: 16px;
}
.section_c_box ul li {
    font-size: 14px;
}
.section_c_box {
    margin: 20px auto 20px;
}
.top_post {
    margin: 20px 0;
}
.blog_area {
    margin: 20px auto 20px;
}
/*main*/
#contenter{
    float:left;
    width:100%;
    overflow:hidden; 
    margin-left:0px;
    margin-top:0;
}
#header{overflow:hidden;}
#sidebar{width:100%;overflow:hidden;padding-bottom:0px;margin-right:0px;}
.sidemax{width:95%;}
.sidemax1000{width:95%;}
.recommend2 ul li span {font-size: 14px;padding:0 10px;}
.top_03 ul li h3 {width: calc(100% - 120px);padding: 5px;font-size:12px;}
.top_03 ul li p {width: calc(100% - 120px);padding: 5px;font-size:12px;}
.news_area ul li .post-data {font-weight:700;line-height: 2;color:#666;}
.news_area ul li span {
    width: 100%;
    display: block;
    line-height: 1.8;
    color:#666;
    font-size:12px;
}
/*contact*/
.section_title img{height:20px;width:auto;}
.category_list dt{padding:20px 10px 20px 40px;background-position:10px 15px;}
.category_list dd{min-height:40px;padding:0 10px 10px 10px;}
.contact_dl{width:100%;margin:0% !important;border-left:none;border-right:none;}
.contact_dl dt{width:94% !important;padding:3% !important;height:1.5em;}
.contact_dl dd{width:94% !important;padding:3% !important;height:auto;font-size:13px;border-left:none;}
.contact_dl dt.em3,
.contact_dl dt.em4,
.contact_dl dt.em5,
.contact_dl dt.em6,
.contact_dl dt.em7,
.contact_dl dt.em8,
.contact_dl dt.em9,
.contact_dl dt.em10,
.contact_dl dt.em11,
.contact_dl dt.em12,
.contact_dl dt.em13,
.contact_dl dt.em14,
.contact_dl dt.em15,
.contact_dl dt.em17,
.contact_dl dt.em20,
.contact_dl dt.em22{height:1.5em !important;}
.contact_dl .em14{height:auto !important;}
.basic_table,.siborikomi_title{width:100%;padding:10px !important;text-indent:0px;}
.basic_table th,.basic_table td{font-size:10px;}
.btn_submit input{font-size:15px;width:80%;height: 60px;}
.btn-search input{padding-left:60px;}
.section_text{padding:0 5px;}
.dls,.dls dt,.dls dd{width:96%;margin:0;float:none;}
.favorite_box{padding:10px 5px 30px;}
.favorite_box .pull-left img{height:250px;margin-top:10px;display: inline-block;object-fit: cover;}
.favorite_box .pull-left{margin-bottom:10px;}
.favorite_box .pull-right{width:100%;}
    
.article_detail_table th{
    width: 96%;
    display: block;
    padding: 10px 2%;
    font-size: 12px;
}
.article_detail_table td{
    width: 96%;
    display: block;
    padding: 10px 2%;
    font-size: 12px;  
}
.detale_contact_bt a {
    width: 90%;
    display: block;
    padding:0 5%;
    float: none;
    text-align: center;
}
.detale_contact_bt a img {
    max-width: 90%;
    margin:0 auto;
}
.btn-mail input{font-size:13px;width:90%;background-position:3% 5px;}
.pagination>li>a, .pagination>li>span{padding:3px 6px;}
a.btn-more{font-weight:bold;padding:2px 10px;font-size:12px;}
.favorite_box .favorite_table .blue {font-size: 12px;}
.alert-message{text-align:left;}


.login .form-group{width:100%;}
.login .btn{float:none;width:92%;margin:0 auto;margin:10px;}
.spp{margin:0 5px !important;}
.conte_box ul li,.conte2_box ul li{width:40% !important;margin:0 3% 3% 0;}
.conte_box ul li img{width:100%;}
.conte_box,.conte2_box{width:100% !important;}
.conte_box ul li p a {margin-top:10px;}
.search_type li{
    padding: 2%;
    width:43%;
}  
.tab li{font-size:12px;}
.labelblock label{display:inline; width:150px;}
.wholes_box .pull-left,.wholes_box .pull-right{width:100%;}
.wholes_box .thumbnail a img {
        width: 100%;
        height: 100px;
        object-fit: cover;
    }
.wholes_box .pull-right ul li{
	width:30%;
	margin:0 1.66% 10px;
	padding:0;
}
.w520{width:100%;}
.article_photo .article_contain_main{
    width:100% !important;
    height:200px;
    background-size: contain;
}
.article_photo .thumbnail ul li {
    width: 24%;
    margin: 0.5%;
    float: left;
}
.article_photo .thumbnail ul li img {
    width: 100%;
    object-fit: cover;
    height: 80px;
}
#map{height:400px  !important;overflow:hidden;}
.favorite_box .pull-left { width: 100%;}
.favorite_box .pull-left a { width: 100%;display: block;text-align: center;}
  
/*footer*/
  
#pagetop{clear:both;float:none;display:block;margin:-40px auto 0 auto !important;text-align:center;width:200px !important;}
#pagetop img{width:100%;}
#footer{min-width:100%;width:100%;position: relative;}
#footer ul{width:100%;margin:0 0 10px 0;}
#footer ul li {font-size:12px;}
#footer .cf{font-size:12px;}
#footer .pull-right {width: 90%;text-align: left;font-size: 14px;max-width: 90%;padding:5%;}
#footer .pull-right img{width:100%;}
#footer .footer_list{padding:0 5% 5%;}
  
/*header*/
    
#logo img{
    width:100%;
}
.topmenu_sp ul li img {
    float: left;
    width: 33.3%;
}
/*category*/
    
.category_list li {
    width: 94%;
    padding:2%;
    margin: 1% 1% 0px;
    height: auto;
    border-top: 1px dotted #888;
}
.category_list li img {
    height:100px;
    width:100px;
    float:left;
    margin-right: 10px;
}
.category_list li h3 {
    padding: 0px 0 5px;
}
/*main*/
  
.contact_dl .kodawariem20{height:auto !important;}
.contact_dl .syumokuem17{height:auto !important;}
#tub_menu ul li a {
        padding: 12%;
}
/*footer*/
#footer .pull-left {width: 100%;padding-right: 0%;}	
    #page-top {
    bottom: 20px;
    right: 10px;
}
/*poupu search*/	
#js_popup_area_tab_box label{
    width:50% !important;
}		
#popup_area_rosen_search{
    font-size:12px !important;
}
#js_popup_rosen_tab_box label {
    width: 50%;
}

.section_title{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
    line-height: 1.6;
    padding: 0.6em 0.8em 0.6em;
}
#contenter > h3{
    margin:0px 0px 20px 0px;
    font-size:14px;
    line-height:1.6;
    padding: 0.8em;
}
.content > div p label{
     width:45%;
}
#contenter .searchResults{margin:2px;}
.btn_submit {
    padding: 20px;
    height: 100px;
}

.wholes_box .favorite_table td {
    border-bottom:none;
}
.grayline_table th {
    width: 96%;
    display: block;
    padding: 10px 2%;
    font-size: 12px;
}
 .grayline_table td {
    width: 96%;
    display: block;
    padding: 10px 2%;
    font-size: 12px;
}
#contenter .posts .set_photo img{
    width:98%;
    margin:1%;
    float:none;
}
/*satei*/
.satei_selectbox2{
    margin: 0px auto 20px;
}
.satei_selectbox2 h2 {
    font-size: 16px;
}
.satei_selectbox2 .required{
    float: none;
    margin-left: 5px;
}
.satei_kekkabox {
    margin: 0px auto 20px;
}  
.satei_kekkabox h3 {
    font-size: 16px;
} 
.satei_kekkabox_shousai1 {
    width: 100%;
    float: none;
} 
.satei_kekkabox_shousai1 table {
    width: 100%;
    float: none;
}  
.satei_kekkabox_shousai2 {
    width: 100%;
    float: none;
    margin-top:20px;
} 
.mypage_satei_input_inner {
    margin: 0px auto 20px;
}
.mypage_satei_input_inner h3 {
    font-size:16px;
}  
.mypage_satei_input_inner p img {
    width:100%;
}
.satei_selectbox2 h3 {
    font-size: 16px;
}  
.syuhen_list {
    margin: 0px auto 20px;
}  
.syuhen_list h3 {
    font-size: 16px;
} 
.syuhen_list_box .syuhen_list_kakaku_text {
    font-size: 18px;
}  
.syuhen_list_box .syuhen_list_kakaku {
    font-size: 18px;
}
.satei_selectbox2 {
    margin: 0px auto 20px;
}
.satei_selectbox2 h3 {
    font-size:16px;
}
.satei_selectbox2 img {
    width:100%;
}

#contenter .posts h4 {
    border-bottom: solid 3px #3db8eb;
    position: relative;
    padding: 0.6em;
    color: #666;
    margin: 0 0 20px 0;
    font-size: 14px;
    font-weight: 600;
}
#contenter .posts p {
    padding: 0 10px 20px;
    font-size: 12px;
}
#contenter .posts table th,td {
    width: auto;
}
#contenter .posts table tr:first-child {
    border-top: 1px solid #d5d5d5;
}
.chinakan_hikaku th,.chinakan_hikaku td {
    width: auto;
    display: block;
    border-top: none;
}
.chinakan_hikaku tr:first-child {
    border-top: 1px solid #d5d5d5;
}
.gia_title{
	background:none;
}
.c_table_dl dt {
     width: 96%;
    font-size: 12px;
    padding: 2%;
}
.c_table_dl dd {
     width: 96%;
    font-size: 12px;
    padding: 2%;
}
.c_table_dl {
    border-left:none;
}
.form-m {
    width: 90%;
}
.edit_title {
    background: none;
}
  
  
  
  
  
  
  
}