@charset "utf-8";

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

html{
	font-size: 62.5%;
}

*{
	margin: 0;
	padding: 0;
}

/* ヘッダー固定
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/

body {
    padding-top: 190px;
}

header{
	width: 100%;
    height: 100px;
    background: #CCC;
    box-sizing: border-box;
    position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

/* ヘッダー開始
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆*/

.topbanner{
	width: 100%;
	height: 50;
}

.header_box{
	width: 100%;
	background-color: #ECF3D3;
}

.header_box_inner{
	max-width: 1920px;
	height: 100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
}

#logo{
	width: 300px;
	margin: 10px 0px 10px 10px;
} 

.top{
	font-size: 1.8rem;
	display: flex;
	/*width: 300px;*/
	margin: 0 auto;
	justify-content: space-between;
}
.top li{
	margin-left: 10px;
}

#exclusive{
	color: #ffffff;
	background-color:#37B178;
	padding: 10px;
	border-radius: 4px;
}

#exclusive:hover{
	background-color: lightblue;
}

#reform{
	color: #ffffff;
	background-color:#37B178;
	padding: 10px;
	border-radius: 4px;
}

#reform:hover{
	background-color: lightblue;
}

/* メイン
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* トップページ
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
.mainimg{
	max-width: 1000px;
	margin: 0 auto 40px;
}
.mainimg img{
	max-width: 100%;
}


.map{
	padding: 80px 0px;
}

.map_title{
	color: #006400;
	font-weight: 800;
	position: absolute;
	top: -55px;
	left: 0;
	font-size: 1.8em;
	padding:10px;
	margin: 0;
	background-color: rgb(255, 255, 255);
	border: 3px solid #37B178;
	border-radius: 4px;
}

/* ***地図形成*** */
#japan-map div div.area div {
	border: 1px #ffffff solid;
	text-align: center;
	font-size: 14px;
	display: flex;
		display: -webkit-flex;
 	align-items: center;
 		-webkit-align-items:
 	justify-content: center;
 		-webkit-justify-content: center;
	border-radius: 6px;
		-webkit-border-radius: 6px;
	position: absolute;
	box-sizing: border-box;
	transition: 0.2s;
}
#japan-map div div.area div:hover {
	opacity: 0.5;
	transition: 0.2s;
}

#japan-map {
	display: block;
	width: 777px;
	height: 482px;
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#japan-map::after {
	display: block;
	content: "";
	position:absolute;
	width: 930px;
	padding: 0 10px;
	height: 550px;
	background-color: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 15px;
	border: 3px solid #37B178;
	z-index: -1;
}
@media screen and (max-width: 930px) {
	#japan-map::after { width: 810px; }
}

#japan-map p.area-title {
	display: none;
}

/* 北海道・東北 */

#hokkaido-touhoku {
	width: 136px;
	display: block;
	height: 265px;
	position: absolute;
	left: 638px;
}
#hokkaido-touhoku div.area div {
	background-color: #7478c2;
	color: #ffffff;
}

#hokkaido {	
	width: 133px;
	height: 70px;
}
#aomori {
	width: 93px;
	height: 43px;
	left: 21px;
	top: 96px;
}
#akita {
	width: 67px;
	height: 42px;
	left: 3px;
	top: 139px;

}
#iwate {
	width: 67px;
	height: 42px;
	left: 70px;
	top: 139px;
}
#yamagata {
	width: 67px;
	height: 42px;
	top: 181px;
	left: 3px;
}
#miyagi {
	width: 67px;
	height: 42px;
	top: 181px;
	left: 70px;
}
#fukushima {
	width: 67px;
	height: 42px;
	top: 223px;
	left: 70px;
}

/* 関東 */

#kantou {
	width: 158px;
	display: block;
	height: 174px;
	position: absolute;
	top: 265px;
	left: 623px;
	z-index: 2;
}
#kantou div.area div {
	background-color: #31beca;
	color: #ffffff;
}
#ibaraki {
	width: 52px;
	height: 85px;
	top: 0px;
	left: 100px;
}
#tochigi {
	width: 50px;
	height: 42px;
	top: 0px;
	left: 50px;
}
#gunma {
	width: 50px;
	height: 42px;
	top: 0px;
	left: 0px;
}
#saitama {
	width: 100px;
	height: 43px;
	top: 42px;
	left: 0px;
}
#chiba {
	width: 52px;
	height: 84px;
	top: 85px;
	left: 100px;
}
#tokyo {
	width: 100px;
	height: 42px;
	top: 85px;
	left: 0px;
}
#kanagawa {
	width: 67px;
	height: 42px;
	top: 127px;
	left: 0px;
}

/* 中部 */

#tyubu {
	width: 270px;
	height: 211px;
	position: absolute;
	left: 438px;
	top: 223px;
}
#tyubu div.area div {
	background-color: #4ab969;
	color: #ffffff;
}

#nigata {
	width: 85px;
	height: 42px;
	left: 185px;
}
#toyama {
	width: 67px;
	height: 42px;
	left: 118px;
}
#ishikawa {
	width: 50px;
	height: 57px;
	left: 68px;
}
#fukui {
	width: 68px;
	height: 42px;
	left: 0px;
	z-index: 2;
}
#nagano {
	width: 67px;
	height: 85px;
	left: 118px;
	top: 42px
}
#yamanashi {
	width: 67px;
	height: 42px;
	left: 118px;
	top: 127px;
}
#gifu {
	width: 50px;
	height: 55px;
	left: 68px;
	top: 57px
}
#shizuoka {
	width: 67px;
	height: 42px;
	left: 118px;
	top: 169px;
}
#aichi {
	width: 50px;
	height: 57px;
	top: 112px;
	left: 68px;
}

/* 近畿 */

#kinki {
	width: 186px;
	height: 211px;
	position: absolute;
	left: 320px;
	top: 223px;
}
#kinki div.area div {
	background-color: #b0b72f;
	color: #ffffff;
}

#kyoto {
	width: 67px;
	height: 84px;
	left: 51px;
}
#shiga {
	width: 68px;
	height: 42px;
	top: 42px;
	left: 118px;
}
#osaka {
	width: 67px;
	height: 85px;
	top: 84px;
	left: 51px;
}
#nara {
	width: 34px;
	height: 85px;
	top: 84px;
	left: 118px;
}
#mie {
	width: 34px;
	height: 85px;
	top: 84px;
	left: 152px;
}
#wakayama {
	width: 113px;
	height: 42px;
	top: 169px;
	left: 61px;
}
#hyougo {
	width: 51px;
	height: 98px;
	left: 0px;
}

/* 中国 */

#tyugoku {
	width: 151px;
	height: 98px;
	position: absolute;
	left: 169px;
	top: 223px;
}
#tyugoku div.area div {
	background-color: #ef9f27;
	color: #ffffff;
}
#tottori {
	width: 50px;
	height: 49px;
	left: 101px;
}
#okayama {
	width: 50px;
	height: 49px;
	top: 49px;
	left: 101px;
}
#shimane {
	width: 51px;
	height: 49px;
	left: 50px;
}
#hiroshima {
	width: 51px;
	height: 49px;
	top: 49px;
	left: 50px;
}
#yamaguchi {
	width: 50px;
	height: 98px;
	left: 0px;
}

/* 四国 */

#shikoku {
	width: 184px;
	height: 84px;
	position: absolute;
	left: 169px;
	top: 350px;
}
#shikoku div.area div {
	background-color: #d08f68;
	color: #ffffff;
}
#kagawa {
	width: 92px;
	height: 42px;
	right: 0px;
}
#ehime {
	width: 92px;
	height: 42px;
	left: 0px;
}
#tokushima {
	width: 92px;
	height: 42px;
	right: 0px;
	top: 42px;
}
#kouchi {
	width: 92px;
	height: 42px;
	left: 0px;
	top: 42px;
}

/* 九州・沖縄 */

#kyusyu {
	width: 152px;
	height: 247px;
	position: absolute;
	left: 0px;
	top: 235px;
}
#kyusyu div.area div {
	background-color: #ff7575;
	color: #ffffff;
}
#fukuoka {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 0px;
}
#saga {
	width: 50px;
	height: 50px;
	left: 51px;
	top: 0px;
}
#nagasaki {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 0px;
}
#oita {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 50px;
}
#kumamoto {
	width: 50px;
	height: 100px;
	left: 51px;
	top: 50px;
}
#miyazaki {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 100px;
}
#kagoshima {
	width: 68px;
	height: 49px;
	left: 83px;
	top: 150px;
}
#okinawa {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 197px;
}

/* 43.oita
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.kensaku{
	width: 90%;
	display: flex;
    flex-direction: column;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
	background: #ffffff;
	border: #29885D solid 4px;
	font-size: 1.4rem;
}

.kensaku_title{
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	background-color: #29885D;
	color: #FBF39B;
	font-weight: 700;
	font-size: 1.8rem;
}

dl{
    width: 140px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
dt{
    width: 10px;
}
dd{
    width: 120px;
    margin-left: 10px 
}

.checkbos_rent_box dl{
    width: 195px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.kensaku_choice{
	width: 400px;
	height: 30px;
	line-height: 30px;
	padding-left: 1.0rem;
	margin: 0.5rem 0 0 0.5rem;
	background-color: #37B178;
	border-radius: 20px;
	color: white;
	font-size: 1.6rem;
}

@media screen and (max-width: 776px) {
	.kensaku_choice{
		width: 100%;
	}
}
.checkbox{
	width: 90%;
	height: auto;
	margin: 10px auto;
	border: #29885D solid 4px;
}

.checkbox_prefectures{
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
}

.checkbos_city{
	width: 100%;
	padding: 10px 20px 10px 20px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_city label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_rent{
	display: flex;
}

.checkbox_rent_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: auto;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
	border-right: #29885D solid 2px;
}

.checkbox_rent_title p{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.checkbos_rent_box{
	width: 100%;
	padding: 10px 20px 10px 20px;
	border-bottom: #29885D solid 2px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_rent_box label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_floor{
	display: flex;
}

.checkbox_floor_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: 20px;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
	border-right: #29885D solid 2px;
}

.checkbox_floor_title p{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.checkbos_floor_box{
	width: 100%;
	padding: 10px 20px 10px 20px;
	border-bottom: #29885D solid 2px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_floor_box label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_area{
	display: flex;
}

.checkbox_area_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: 20px;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
	border-right: #29885D solid 2px;
}

.checkbox_area_title p{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.checkbos_area_box{
	width: 100%;
	padding: 10px 20px 10px 20px;
	border-bottom: #29885D solid 2px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_area_box label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_structure{
	display: flex;
}

.checkbox_structure_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: 20px;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
	border-right: #29885D solid 2px;
}

.checkbox_structure_title p{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.checkbos_structure_box{
	width: 100%;
	padding: 10px 20px 10px 20px;
	border-bottom: #29885D solid 2px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_structure_box label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_time{
	display: flex;
}

.checkbox_time_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: 20px;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
	border-right: #29885D solid 2px;
}

.checkbox_time_title p{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.checkbos_time_box{
	width: 100%;
	padding: 10px 20px 10px 20px;
	border-bottom: #29885D solid 2px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_time_box label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_age{
	display: flex;
}

.checkbox_age_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: 20px;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
	border-right: #29885D solid 2px;
}

.checkbox_age_title p{
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.checkbos_age_box{
	width: 100%;
	padding: 10px 20px 10px 20px;
	border-bottom: #29885D solid 2px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_age_box label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_machine{
	display: flex;
}

.checkbox_machine_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: 20px;
	background-color: #ECF3D3;
	border-right: #29885D solid 2px;
}

.checkbox_machine_title p{
	position: absolute;
	top:50%;  
	left: 50%;
	transform: translate(-50%,-50%);
}

.checkbos_machine_box{
	width: 100%;
	max-width: 1280px;
	padding: 10px 20px 10px 20px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_machine_box dl{
	display: block;
	width: 100%;
	padding: 10px 0 10px 0;
}
.checkbos_machine_box dl dt{
	display: block;
	width: auto;
	margin-bottom: 6px;
}
.checkbos_machine_box dl dd{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.checkbos_machine_box dl dd input{
	margin-right: 10px;
}
.checkbos_machine_box dl dd  label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_interior{
	display: flex;
}

.checkbox_interior_title{
	position: relative;
	width: 20%;
	height: auto;
	text-align: center;
	line-height: 20px;
	background-color: #ECF3D3;
	border-bottom: #29885D solid 2px;
	border-right: #29885D solid 2px;
}

.checkbox_interior_title p{
	position: absolute;
	top:50%;  
	left: 50%;
	transform: translate(-50%,-50%);
}

.checkbos_interior_box{
	width: 100%;
	padding: 10px 20px 10px 20px;
	border-bottom: #29885D solid 2px;
	display: flex;
	flex-wrap: wrap;
}

.checkbos_interior_box label{
	margin-right: 30px;
	line-height: 40px;
}

.checkbox_favorite{ padding: 10px;}

select {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	height: 37px;
	padding-left: 10px;
	width: 100px;
}
select::-ms-expand {
display: none;
}

.cost_wrapper{
	display: flex;
	width: 100%;
	margin-bottom: 8px;
}

  .cost_select::before {
	border-bottom: 4.5px solid red;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	content: "";
	position: absolute;
	right: 9px;
	top: 10px;
	width: 0;
  }
  .cost_select::after {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4.5px solid red;
	content: "";
	position: absolute;
	right: 9px;
	top: 21px;
	width: 0;
  }

  .cost_select {
	position: relative;
	width: 100px;
	border: 1px solid;
	margin-right: 20px;
  }

  #costp{
	margin: 15px 10px 0px -5px;
  }

.property_title{
	height: 40px;
	line-height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	background-color: #29885D;
	color: #FBF39B;
	font-weight: 700;
	font-size: 1.8rem;
}

#main .list {
	position: relative;overflow: hidden;
	margin-bottom: 20px;
	font-size: 1.6rem;
}
#main .list a {
	text-decoration: none;display: block;overflow: hidden;
	border: 1px solid #dcdcdc;
	padding: 3%;
	background: #fff;
}
#main .list a:hover {
	border: 1px solid #999;
}

#main .list h4 {
	margin-bottom: 0.5em;
	color: #960101;
	margin-left: 22%;
	font-size: 2.0rem;
	font-weight: 600;
}

#main .list h4::first-letter {
	border-left: 3px solid #960101;
	padding-left: 10px;
}

#main .list p {
	padding: 0px;
	margin-left: 22%;
}

#main .list figure img {
	float: left;
	width: 20%;
	margin-right: 2%;
}

#main .list a:hover figure img {
	opacity: 0.8;
}

#main .list .date {
	display: block;
	font-size: 11px;
	color: #999;
	text-align: right;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

/*一覧ページの各物件ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list table {
	font-size: 1.4rem;
	width: 78%;
	margin-bottom: 5px;
}

#main .list table,
#main .list table td,
#main .list table th {
	border: 1px solid #dcdcdc;
}

#main .list table td,
#main .list table th {
	padding: 1%;
}

#main .list table th {
	width: 20%;
	text-align: center;
	font-weight: normal;
	background: #edf0f5;
}

#main .list table td {
	width: 30%;	/*幅*/
}

.pagination{
	background: #37B178;
	display: flex;
	margin: 20px 10px;
	padding: 10px;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
	line-height: 1;
}

.pagination_nav_before,.pagination_nav_after{
	border-radius: 3px;
	background: #ffffff;
	border: 1px solid #acacac;
}

.pagination_nav_item{
	padding: 10px;
	display: block;
}

/* 43_oita_item
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

#contents {
	font-size: 1.4rem;
	position: relative;z-index: 1;overflow: hidden;
	padding: 30px 3%;
}

#main h2, #top-contents h2,#main_con h2 {
	clear: both;
	margin-bottom: 20px;
	color: #fff;
	background: #008000;
	padding: 5px 20px;
	font-size: 20px;
	border-radius: 3px;
}

#main h2,#main_con h2::first-letter {
	border-left: 3px solid #fff;
	padding-left: 20px;
}

#main p {
	padding: 0 20px 20px;
}

#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}
#main section + section {
	margin-top: 30px;
}
#main p + p {
	margin-top: -8px;
}

#item-image {
	position: relative;
	margin: 0 auto;
	width: 80%;
}

#item-image #item_image1 {
	z-index:2;
	position:relative;
	overflow:hidden;
	width: 100%;
}

#item-image #item_image2 {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
	    width: 100%;
}

.thumbnail {
	width: 80px;
	height: 80px;
	border: 1px solid #dcdcdc;
	margin-bottom: 15px;
}

.thumbnail:hover {
	border: 1px solid #999;
}

.ta1 caption {
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: left;
	background: #f6ebc6;
	font-weight: bold;
	padding: 10px;
}

.ta1 {
	width: 100%;
	table-layout: fixed;
	margin: 0 0 20px;
	background: #fff;
}

.ta1, .ta1 td, .ta1 th {
	border: 1px solid #ccc;
	padding: 10px;
	word-break: break-all;
	vertical-align: middle;
	line-height: 1.5;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#main h4 {
	margin-bottom: 0.5em;
	color: #960101;
	font-size: 2.4rem;
	font-weight: 600;
}

#main h4::first-letter {
	border-left: 3px solid #960101;
	padding-left: 10px;
}

.machine_type {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    align-items: center;
}

.machine_type li {
    border: 1px solid black;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
	display: flex;
    align-items: center;
}

.machine_type li img {
    margin-right: 5px;
}


.machine_list dl{
	display: flex;
	align-items: flex-start;
	width: 100%;
	padding: 10px 0 10px 0;
}
.machine_list dl dt{
	width: 100px;
}
.machine_list dl dd{
	width: calc( 100% - 100px );
	white-space: normal;
}


th {
    text-align: center;
	line-height: normal;
}

.ta1 th {
	width: 150px;
	text-align: center;
	background: #f5f5f5;
}

a.btn {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #33a9ec;
	font-size: 20px;
	border-radius: 3px;
	background: #33a9ec;
	color: #fff;
}

input[type="submit"].btn {
	padding: 5px 10px;
	border: 1px solid #33a9ec;
	font-size: 20px;
	border-radius: 3px;
	background: #33a9ec;
	color: #fff;
}

input[type="submit"].btn:hover {
	background: #fff;
	color: #33a9ec;
}

.c {text-align: center !important;}

.favorite{ text-decoration: underline; }

.back{
	display: inline-block;
	padding: 8px 10px;
	border-radius: 4px;
	background-color: #808081;
	color: #fff;
	font-size: 14px;
	text-decoration: none;		
}


/* contact
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.message{
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 1rem;
}

.other_text{
    text-align: left;
}

.name_seimei{
	width: 30%;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 1rem;
}

.contact_mail,.contact_tel{
	width: 70%;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 1rem;
}

.reg_mail{
	width: 100%;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 1rem;
}

.privacy{
	color: #008000;
	text-align: center;
	border-top: #000000 dotted 1px;
	margin-top: 30px;
}

#privacy_title{
	color: #33a9ec;
	text-decoration: underline;
	margin-top: 30px;
}

#privacy_title:hover,#contact:hover{
	color: #bdb76b;
}

.privacy .btn{
	margin-top: 30px;
}

/* private
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.private_main{
	padding: 20px;
}

.private_main h2{
	font-size: 2.0rem;
	border-left: 3px solid #873636;
	padding-left: 10px;
	border-bottom: #000000 solid;
}

.private_main h3{
	font-size: 1.8rem;
	border-bottom: #000000 solid;
	padding-top: 20px;
}

.private_main p{
	font-size: 1.4rem;
	padding: 10px 30px 0px 30px;
	line-height: 2.0rem;
}

.private_sub{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0px;
}


/* 個人情報保護方針/お問い合わせ
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

.form{
	font-size: 1.4rem;
	background-color: #eee8aa;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
}

.sonota{
	display: flex;
	width: 300px;
	margin: 0 auto;
	justify-content: space-between;
	text-align: center;
}

#private:hover,#contact:hover{
	color: #bdb76b;
}


/* ログイン、会員登録
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
#main_con{ padding-bottom: 100px; }

.reg_box{
	display: flex;
	justify-content: space-between;
}

.reg_box .reg_left{
	width: 48%;
	padding: 16px;
	border: 1px solid #ccc;
}
.reg_box .reg_left h4{
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #37B178;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #37B178;
}
.reg_box .reg_left ul{ list-style: none; }
.reg_box .reg_left ul li{
	position: relative;
	margin-bottom: 16px;
	padding-left: 30px;
	line-height: 1.6;
	font-size: 16px;
}
.reg_box .reg_left ul li::before{
	position: absolute;
	left: 0;
	top: -7px;
	font-family: 'Material Icons';
	font-size: 26px;
	color: #37B178;
}
.reg_box .reg_left ul li.search::before{
	content: "\ea11";
}
.reg_box .reg_left ul li.bookmark::before{
	content: "\e866";
}
.reg_box .reg_left p{ line-height: 1.6; }

.reg_box .reg_right{
	width: 48%;
}

@media screen and (max-width: 776px) {
	.reg_box{
		flex-direction: column;
	}
	.reg_box .reg_left,
	.reg_box .reg_right{
		width: 100%;
		margin-bottom: 30px;
	}
	.contact_mail, .contact_tel {
		width: 100%;
	}
}

.email-status{ line-height: 1.8; }

.mypage_btn_block { margin-top: 40px; text-align: center; } 
.mypage_btn { margin-bottom: 20px}
.mypage_btn a{
	display: inline-block;
	padding: 8px 10px;
	border-radius: 4px;
	background-color: #808081;
	color: #fff;
	font-size: 14px;
	text-decoration: none;		
}

/* フッター
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

footer{
	background-color: gray;
	text-align: center;
	padding: 10px;
	color: white;
}



/* レスポンシブ（画面幅776px以下設定）
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
@media screen and (max-width: 776px) {

body {
	padding-top: 120px; 
}

header {
	height: 80px;
}
.header_box_inner {
	height: 80px;
	padding: 15px;
}
.top {
	width: 280px;
}
#logo {
	width: 200px;
	margin: 0;
}

/* ***地図形成*** */
#japan-map {
	display: block;
	width: 90%;
	height: auto;
}

#japan-map::after {
	display: block;
	content: "";
	position:absolute;
	width: 730px;
	height: 550px;
	background-color: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 15px;
	border: 3px solid #37B178;
	z-index: -1;
}

#hokkaido-touhoku, #kantou, #tyubu, #kinki, #tyugoku, #shikoku, #kyusyu {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	position: static;
	margin-left: 0px;
	margin-right: 0px;
}
#japan-map div div.area {
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#japan-map div div.area a {
	height: auto;
	width: 25%;
}
#japan-map div div.area div {
	display: block;
	border-radius: 0px;
	position: static;
	height: auto;
	font-size: 16px;
	width: 100%;
	padding: 0.5em 0.3em 0.5em 0.3em;
}

#main{
	float: none;
	width: auto;
	clear: both;
}


} 

/* レスポンシブ（画面幅500px以下設定）
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
@media screen and (max-width: 500px) {

body {
	padding-top: 120px;
}

header {
	height: 80px;
}
	.header_box_inner {
		height: 80px;
		padding: 0 5px;
	}
	.top {
		width: 200px;
	}
	#logo {
		width: 200px;
		margin: 0;
	}

/* ***地図形成*** */
#japan-map {
	display: block;
	width: 90%;
	height: auto;
}

#japan-map::after {
	display: block;
	content: "";
	position:absolute;
	width: 470px;
	height: 550px;
	background-color: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 15px;
	border: 3px solid #37B178;
	z-index: -1;
}

#hokkaido-touhoku, #kantou, #tyubu, #kinki, #tyugoku, #shikoku, #kyusyu {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	position: static;
	margin-left: 0px;
	margin-right: 0px;
}
#japan-map div div.area {
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#japan-map div div.area a {
	height: auto;
	width: 25%;
}
#japan-map div div.area div {
	display: block;
	border-radius: 0px;
	position: static;
	height: auto;
	font-size: 16px;
	width: 100%;
	padding: 0.5em 0.3em 0.5em 0.3em;
}

body {
	font-size: 1.1rem;
}

#exclusive,#reform{
	font-size: 1.2rem;
	padding: 10px;
	border-radius: 3px;
}

#main h2 {
	font-size: 1.6rem;
	padding: 2px 10px;
}

#main h2::first-letter{
	padding-left: 10px;
}

#main p {
	padding: 0 10px 20px;
}

.ta1 caption, .ta1 .tamidashi {
	padding: 5px;
}
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
	padding: 5px;
}
/*テーブル内の右側*/
.ta1 td {
	width: auto;
	padding: 5px;
}

.checkbos_rent_box dl{
    width: 195px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
	
.machine_list dl{
	display: block;
	width: 100%;
	padding: 10px 20px 10px 0;
}
.machine_list dl dt{
	width: 100%;
}
.machine_list dl dd{
	width: 100%;
}

	


}