@charset "utf-8";

/*Webフォントの定義・IEは利かない*/
@font-face {
	font-family: "NotoSansCJKjp_B";
	src: url("../fonts/NotoSansCJKjp-Bold.woff")  format('woff');
}
@font-face {
	font-family: "NotoSansCJKjp_M";
	src: url("../fonts/NotoSansCJKjp-Medium.woff")  format('woff');
}
@font-face {
	font-family: "Dosis_B";
	src: url("../fonts/Dosis-SemiBold.woff")  format('woff');
}
@font-face {
	font-family: "Oswald_R";
	src: url("../fonts/Oswald-Regular.woff")  format('woff');
}


/*　all common　*/
html {
	font-family: "NotoSansCJKjp_B","メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 20px;
	line-height: 32px;
}
body {
	color: #000;
	text-align: left;
	background-color: #fff;
}
/*Aタグ*/
a{
	text-decoration: none;
	color: #fff;
}
a:hover{
	opacity: 0.6 !important;
	transition: opacity 0.3s linear !important;
}

h2{
	color: #017dc5;
	font-weight: normal;
	font-size: 30px;
	border-bottom-color: #017dc5;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	text-align: left;
	letter-spacing: 0.15rem;
	padding-bottom: 10px;	
	padding-top: 20px;	
}
.h2_style1{
	border-width: 0;	  
    font-size: 44px;	
}

.h2_style2{
	font-size: 25px;
	color: #017dc5;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 10px;
	letter-spacing: 0.2rem;
	border:none;
	padding: 0;
	display: block;
  }



/*アウトライン*/
.wrap1{
	margin: auto;
	width: 750px;
}

/*字サイズ関係*/
.font0{
	font-size: 0;
}

/*　位置関係　*/
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}

/*セクション同士の間*/
.mb30{
	margin-bottom: 60px;
}
.mt30{
	margin-top: 60px;
}

/*コンテンツ箇所*/
#main_contents_area{
	width: 100%;
	text-align: center;
	background-color: #f2f2f0;
}
#main_contents_wrap{
	margin: auto;
	background-color: #fff;
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-radius: 8px;
	width: 624px;
	margin-top:300px;
	display: inline-block;
	z-index:100;
	margin-bottom: 110px;
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	box-shadow: 2px 2px 8px #c2c2c2;
}
#right_area{
	display: block;
	width: 624px;
	position: absolute;
}
#left_area{
	display: block;
	width: 624px;
	position: absolute;
}

/*左袖*/
.search_category{
	display: inline-block;
	font-size: 36px;
	padding-left: 90px;
	padding-right: 90px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-right: 10px;
	margin-left: 10px;
}
#under_line{
	background-color: #017dc5;
	height: 4px;
	width: 570px;
	margin: auto;
}
#keyword{
	font-size: 30px;
	background-color: #f2f2f0;	
	border-radius: 5px;
	border-style: solid;
	width: 570px;
	height: 50px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.hashtag{
	display: inline-block;	
	border-radius: 5px;
	border-style: solid;
	padding: 20px;
	margin-bottom: 25px;
	margin-left: 10px;	
	margin-right: 10px;
	font-size: 30px;
}
#left_banner_area img{
	
	margin-bottom:40px;
}
/*左袖end*/

/*右メイン*/
.item_box{
	display: inline-block;
	vertical-align: top;
	margin: auto;
	width: 280px;
	height: 365px;
	position: relative;
	margin-top: 40px;
	margin-left: 14px;	
	margin-right: 14px;	
	margin-bottom: 40px;
	font-size: 0;
}
.item_box img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 229px;
	width: 280px;
}
.item_name{
	display: inline-block;
	color: #000;
	letter-spacing: 0.1rem;
	width: 250px;
	line-height: 20px;
	margin-bottom: 15px;
	font-size: 20px;
}
.detail_area{
	background-color: #f2f2f0;
	text-align: left;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px;
	font-size: 20px;
}
.item_price,
.item_area,
.item_address{
	display: inline-block;
	color:#017dc5;
	font-size:20px;
}
.item_price{
	width: 260px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.item_address{
	text-align: left;
}
.item_area{
	text-align: right;
	margin-top: 10px;
}
.item_kind0,
.item_kind1,
.item_kind2,
.item_kind3,
.item_kind4{
	position: absolute;
	color:#fff;
	border-radius: 10px;
	font-size: 20px;
	top: 10px;
	left: 10px;
	padding: 5px;
}
.item_kind0{
	background-color: #f39800;
}
.item_kind1{
	background-color: #6aadcd;
}
.item_kind2{
	background-color: #139972;
}
.item_kind3{
	background-color: #ae6897;
}
.item_kind4{
	background-color: #b7aa00;
}

/*右メインend*/

/*ボタン*/
.btn_style1{
	display: inline-block;
	background-color: #017dc5;
	text-align: center;
	color: #fff;	
	border-radius: 5px;
	border-style: none;
	padding: 40px;
	line-height: 17px;
	letter-spacing: 0.09rem;
	font-size: 36px;
	width: 570px;
}
.btn_style1:hover{
	opacity: 0.6 !important;
	transition: opacity 0.3s linear !important;
}

.btn_style2{
	display: inline-block;
	background-color: #017dc5;
	text-align: center;
	color: #fff;	
	border-radius: 5px;
	border-style: none;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 80px;
	padding-right: 80px;
	line-height: 17px;
	letter-spacing: 0.12rem;
	font-size: 36px;
}
.btn_style2:hover{
	opacity: 0.6 !important;
	transition: opacity 0.3s linear !important;
}

.btn_style3{
	display: inline-block;
	background-color: #e20000;
	text-align: center;
	color: #fff;	
	border-radius: 50px;
	border-style: none;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 80px;
	padding-right: 80px;
	line-height: 17px;
	letter-spacing: 0.12rem;
	font-size: 36px;
}
.btn_style3:hover{
	opacity: 0.6 !important;
	transition: opacity 0.3s linear !important;
}


/*いろいろ*/
.font_awesome{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.active{
	color: #fff;
	background-color: #017dc5;
}
.inactive{
	color: #017dc5;
	background-color: #f2f2f0;
}
.active:hover{
	opacity: 0.6 !important;
	transition: opacity 0.3s linear !important;
}
.inactive:hover{
	opacity: 0.6 !important;
	transition: opacity 0.3s linear !important;
}

/* ヘッダーエリア*/

/*Gnaviついてくる*/
.gnavi_area_fixed {
	position: fixed !important;
	top: 0;
	z-index: 10000 !important;
}

/*Gnavi*/
#header_wrap{
	margin: auto;
	width: 100%;
}
.header_inner{
	width: 728px;
	margin: auto;
	padding-left: 22px;
	height: 98px;
}
#gnavi_area{
	width:100%;
	z-index: 400;
	background-color: #fff;
	border-bottom-color: #0076fe;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
#gnavi_tel_num{
	display: inline-block;
}

#gnavi_logo{
	display: inline-block;
	margin-left: -10px;
	margin-right: 326px;
}

/*　フッターエリア　*/
#footer_area{
	margin: auto;
	background-color: #3194ce;
	font-family: "NotoSansCJKjp_M","メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 24px;
	padding-bottom: 40px;
}
#footer_left{
	display: block;
}
#footer_left li{
	list-style: none;
	display: block;
	letter-spacing: 0.1rem;
	padding-left: 30px;	
	padding-right: 30px;
	border-bottom-color: #fff;	
    border-bottom-width: 2px;
	border-bottom-style: solid;
	padding-top: 25px;
	padding-bottom: 25px;
}
#footer_left .line{
    border-color: #fff;
    border-width: 1px;
    border-style: solid;
	padding: 0;
	height: 22px;
}
#footer_copyright{
	margin: auto;
	background-color: #3194ce;
	padding-bottom: 50px;
	padding-top: 80px;
	font-size: 18px;
	display: block;
	padding-left: 30px;	
	padding-right: 30px;
}

/*　scroll back to top　*/
#page-button {
	position: fixed;
	bottom: 17px;
	margin: 0 auto;
	margin-left: auto;
	right: 40px;
	z-index: 1000;
	font-size: 20px;
}
#page-button a {
	display: block;
	width: 76px;
	height: 50px;
	color: #ef3039;
	border-radius: 63px;
	font-weight: bolder;
	line-height: 20px;
	text-align: center;
	padding-top: 25px;
	background-color: #fff;
	box-shadow: 2px 2px 4px #c2c2c2;
}

/**モーダル*/
.remodal,
#gnavi_modal{
	color: #000;
	max-width: 100%;
	width: 100%;
	text-align: left;
	padding: 0 !important;
}
#gnavi_modal a{
	color: #000;
}
#modal_gnavi_logo{
	margin-right: 229px;
	display: inline-block;
}
.remodal-cancel{
	display: inline-block;
	background-color:transparent !important;
	padding: 0 !important;
	vertical-align: 0 !important;
	min-width: 0 !important;
}
#media_remodal_gnavi{
	font-size: 36px;	
}
#media_remodal_gnavi li{
	padding-left: 65px;
	background-image: url("../img/common_media/moda_arrow.jpg");
	background-position: bottom -40px right;
	background-repeat: no-repeat;
	padding-top: 30px;
}
#media_remodal_gnavi .line{
	padding: 0;
	background-image: none;
    border-bottom-color: #dcdcdc;
    border-bottom-width: 1px;
    border-bottom-style: solid;	
}
.media_remodal_gnavi_sub{
	font-size: 26px;
}
#modal_gnavi_bottom_close_btn{
	text-align: right;
	height: 98px;
	margin-top: 30px;
}


/**sp表示**/
.for_sp{
	display: inline-block !important;
}

/*PC箇所非標示**/
.for_pc {
	display: none !important;
}