@charset "utf-8";
/* CSS Document */

@import url(https://use.fontawesome.com/releases/v6.0.0/css/all.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css);/*Slider*/
@import url(/ipn/css_file/swiper_top2025.css);/*Slider*/
@import url(/ipn/css_file/floating-banner_sp.css);




/*全体*/
html,body,div,span,h1, h2, h3, h4, h5, h6, p,
a,address,img,strong,sup,dl,dt,dd,ol,ul,li,
table,caption,tbody,tr,th,td,section,article,header,footer,form,fieldset {
    margin:0;
    padding:0;
    border:0;
}
body {
	-webkit-text-size-adjust: 100%; 
	box-sizing:border-box; 
	word-break: break-all; 
	background-color:#FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
 font-display: swap;
}
a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
}
a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}





#wrap {
	margin:0 auto ;
}




/*ログイン*/
.login{
color: #666!important;
background-color: #235fca;
padding:5px 12px;
text-align: right;
}
.login h1{
font-size: 10px;
font-weight: normal;
color: #fff;
float: left;
position:relative;
top:2px;
}
.login a{
text-decoration: none;
}
.login_btn{
font-size: 12px;
background-color: #CFDDF6;
padding: 2px 6px 2px ;
color: #333;
　border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
border: 1px solid #ccc;
}




/*スライダー +ファイルslider.css*/
#sliderbox {
	width:100%;
	padding:10px 10px 10px 10px ;
	background-color:#EDE4C0;
	border:1px solid #ccc;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}





/*ナビボタン*/
#navi {
clear:both;
text-align:center;
margin: 1.6em auto 2em;
}
#navi ul {
display:table;
table-layout:fixed;
width:100%;
}
#navi ul li {
display:table-cell;
}
#navi ul li a {
display:block;
padding:0.5em 0em;
text-align:center;
text-decoration:none;
}
#navi ul li a:hover {
}
#navi ul li.last {
border-right:0px none;
}
#navi ul li a img {
width:95%;
}


.nesage{
padding: 1em 1em 0.4em 1em;
font-size: 0.9em;
}
.nesage_bukken{
font-size: 1.4em;
}




/*top検索*/
.topsearch{
box-sizing: border-box;
padding: 0 0.4em 1.2em;
text-align: center;
font-size: 1em;
display: block;
overflow: auto;
margin-top: 2em;
background-color: #0D6BED;/* #0E6BED #035fd5 #235fca #0D6BED */
border-radius: 0px 40px 0px 0px;
}
.topsearch a{
text-decoration: none;
color: #333;
}
.topsearch img{
width: 28%;
margin-right: 0.4em;
position:relative; 
top:2px;
}
.topsearch li{
list-style: none;
}
.topsearch p{
color: #fff;
}
.topsearch_area{
float: left;
width: 49%;
padding: 0.4em 0.2em 1em 0.2em;
box-sizing: border-box;
margin-bottom: 0.4em;
font-weight: 600;
}
.topsearch_area p{
position:relative; 
left:-6px;
}
.top_rosen{
float: right;
width: 49%;
padding: 0.4em 0.2em 0.4em 0.2em;
box-sizing: border-box;
margin-bottom:0.4em;
font-weight: 600;
}
.top_rosen p{
position:relative; 
left:-6px;
}
.topsearch01{
color: #fff;
	font-size: 1.1em;
	font-weight: 600;
 padding: 1.6em 1em 0.4em;
 border-bottom: 1px solid #fff;
 width: 80%;
 text-align: center;
 margin: 0em auto 1em;
}
.topsearch01 img{
width: 30%;
position:relative; 
top:2px;
margin-right: 1.2em;
}


.topsearch02{
	background: linear-gradient(to bottom, #FFF, #F9F9F9);
	border: 1px solid #7B91B8;
	box-sizing: border-box;
	border-radius: 8px;
	font-size: 1.1em;
	font-weight: 600;
	padding: 0.4em;
	margin: 0.6em 0.4em;
}


.topsearch_list{
margin: 8px 12px 0;
}

.topsearch_list li {
float: left;
border: 1px solid #fff;
border-radius: 4px;
padding: 2px 6px;
margin-right: 1em;
margin-bottom: 1em;
font-size: 11px;
color: #fff;
}
.topsearch_list li a{
color: #fff;
}



/*キーワード検索*/
#wordkensaku {
	margin-bottom:5px;
	text-align:center;
	margin:1em auto -1em;
 padding-bottom: 0.8em;
}
#wordkensaku p {
	font-size: 1.1em;
	font-weight: 600;
	text-align: left;
	background-color:#62B4ED;
	padding: 0.4em 1em 0.2em 1em ;
	color:#fff;
 margin: 4px 6px;
}

#wordkensakuform {
 float:none;
 text-align:center;
 margin:0.2em auto;
}
#kensakuform {
margin-top: 2em;
padding-bottom: 1em;
}
#textField01 {
width: 60%;
padding:6px 4px 4px 12px !important;
font-size:19px !important;
font-weight:normal !important;
border: 2px solid #035fd5;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
border-radius: 0px !important;
background-color: #fff !important;
color:#000 !important;
margin-right:-10px !important;
height:30px !important;
}
.wordkensaku_input {
 font-size:18px;
 font-weight:500;
 padding:12px 14px 9px;
 margin: auto auto auto 0em;
 border-radius: 0px 4px 4px 0px !important;
	background: #444;
	border: none !important;
 color: #fff;
 letter-spacing: 4px;
 top:-2px;
}



/*--ランキング物件*/
#ranking{
	margin:0 0 2px 0;
}
#ranking a{
text-decoration: none!important;
}
#ranking a:hover{
opacity: 0.6;
}
#ranking .ranking_title {
	font-size: 1.1em;
	font-weight: 600;
	text-align: left;
	background-color:#7B91B8;
	padding: 0.4em 1em 0.2em 1em ;
	color:#fff;
 margin: 4px 0 1em;
}
#ranking .ranking_bukken{
margin:0.2em 0.6em 0 0.6em;
padding: 0.6em ;
border-bottom: solid 1px #BFC9DC ;
display: block;
overflow: auto;
}
#ranking .ranking_img{
float: left;
margin: 0.6em 0.6em 0.2em 0em;
display: block;
overflow: auto;
}
#ranking .ranking_ninki{
 color:#555;
	font-size: 1em;
 font-weight: 600;
 line-height: 150%
}
#ranking .ranking_icon{
width: 1.4em;
vertical-align: bottom;
padding: 0 0.2em 0.2em 0
}
#ranking .ranking_shozai{
background-color:#fff;	
 color:#555;
	font-size: 1.1em;
 font-weight: 600;
 line-height: 200%;
}
#ranking .ranking_kakaku{
 color:#555;
	font-size: 1.1em;
 font-weight: 600;
}
#ranking .ranking_comment{
 color:#000;
	font-size: 0.8em;
 line-height: 130%;
 margin-top: 0.4em;
}
#ranking .ranking_l{
float: left;
text-align: center!important;
width: 40%;
overflow: auto;
display: block;
}
#ranking .ranking_r{
float:right;
width: 60%;
}

#ranking .ranking_shubetu {
  display:inline-block;
    background-color: #555;
    border: 1px #555 solid;
    font-size: 1em;
    font-weight: 500;
    line-height: 100%;
    padding: 4px 6px 2px 6px;
				margin-left: 8px;
    color: #fff;
				position: relative;
				top:-1px;
}

#ranking .ranking_img03{
text-align: center!important;
margin: 0.6em 0.2em 0.2em auto ;
height: 120px;
width:auto!important;
}



/*コンテンツ*/
.title01{
box-sizing: border-box;
	font-size:1.1em;
	font-weight:600;
	color:#FFF;
	padding:6px 0px 0px 6px;
 background-color: #0E6BED;
}
.title01 img{
width: 54px;
padding-right: 10px;
}
.title01 span{
position: relative;
top:-16px;
}
.title02{
box-sizing: border-box;
	font-size:1.1em;
	font-weight:600;
	color:#FFF;
	padding:6px 0px 0px 6px;
 background-color: #DB7A00;
}
.title02 img{
width: 54px;
padding-right: 10px;
}
.title02 span{
position: relative;
top:-16px;
}
.title03{
box-sizing: border-box;
	font-size:1.1em;
	font-weight:600;
	color:#FFF;
	padding:6px 0px 0px 6px;
 background-color: #0e9ded;
}
.title03 img{
width: 54px;
padding-right: 10px;
}
.title03 span{
position: relative;
top:-16px;
}
.title04{
box-sizing: border-box;
	font-size:1.1em;
	font-weight:600;
	color:#FFF;
	padding:6px 0px 0px 6px;
background-color: #21D4FD;
background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}
.title04 img{
width: 54px;
padding-right: 10px;
}
.title04 span{
position: relative;
top:-16px;
}





.contentlist01 li{
list-style: none;
box-sizing: border-box;
width:100%;
padding: 1em 0.6em 1.2em 1em;
background-color: #F4F4F4;
border-top: solid 1px #ccc;
}
.contentlist01 a {
color:#000;
text-decoration:none;
}
.contentlist01 .last {
border-bottom: solid 1px #ccc;
}
.contentlist01 li::before {
    content: "";
    display: block;
    position: relative;
    top: 0.8em;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform: rotate(45deg);
}

.contentlist02 li{
list-style: none;
box-sizing: border-box;
width:100%;
padding:0.6em 0.6em 0.6em 1em;
background-color: #F4F4F4;
border-top: solid 1px #ccc;
}
.contentlist02 a {
color:#000;
text-decoration:none;
}
.contentlist02 li::before {
    content: "";
    display: block;
    position: relative;
    top: 3.2em;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform: rotate(45deg);
}

.contentlist03 li{
list-style: none;
box-sizing: border-box;
width:100%;
padding:0em 0.6em 0.6em 1em;
background-color: #F4F4F4;
border-top: solid 1px #ccc;
}
.contentlist03 li::before {
    content: "";
    display: block;
    position: relative;
    border-top: none;
    border-right: none;
}

.contentlist04 li{
list-style: none;
box-sizing: border-box;
width:100%;
padding: 0.3em 0.6em 1.3em 1em;
background-color: #F4F4F4;
border-top: solid 1px #ccc;
}
.contentlist04 a {
color:#000;
text-decoration:none;
}
.contentlist04 .last {
border-bottom: solid 1px #ccc;
}
.contentlist04 li::before {
    content: "";
    display: block;
    position: relative;
    top: 1.6em;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform: rotate(45deg);
}

.contentlist05 li{
list-style: none;
box-sizing: border-box;
width:100%;
padding: 0em 0.6em 0.4em 0.8em;
background-color: #F4F4F4;
border-top: solid 1px #ccc;
}
.contentlist05 a {
color:#000;
text-decoration:none;
}
.contentlist05 .last {
border-bottom: solid 1px #ccc;
}
.contentlist05 li::before {
    content: "";
    display: block;
    position: relative;
    top: 2.3em;
    left: 90%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    transform: rotate(45deg);
}





/*賃貸*/
.icon_chintai{
width: 28px;
position:relative;
top:4px;
margin-right: 6px;
}




/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}




/*フッター*/
#footer{
height: 7em;
}
#footer h4 {
 font-size: 0.6em;
 font-weight: normal;
 text-align: center;
 margin: 3px auto;
 line-height: 180%;
}







/**エリアリンク**/
#area{
width: 100%;
box-sizing: border-box;
margin: 2em auto 2em;
padding:  0.6em 0em; 
overflow: hidden;
}
#area ul{
clear: both;
}
#area li{
float: left;
width: 28.6%;
list-style-image: url(/top/arrow_gray.png)  ;
list-style-position:inherit;
padding: 0.6em 0.4em;
margin-right: 5%;
display:block;
overflow: auto;
text-align: center;
font-size: 1em;
	}
#area li:nth-of-type(3n){ 
margin-right: 0.6%;
}
#area li a{
color: #000;
}
	#area p{
color: #000;
font-size: 1em;
font-weight: 600;
text-align: left;
margin-left: -0.6em;
padding-bottom: 0.8em;
}




/*言語リンク*/
#language{
width: 100%;
box-sizing: border-box;
margin-top: 0em;
margin-bottom: 1em;
padding:  2em 0.4em 0em 1em; 
overflow: hidden;
border-top: 1px solid #eee;
}
#language ul{
clear: both;
}
#language li{
width: 20%;
float: left;
list-style:none;
margin-right: 4px;
border:1px #ccc solid; 
	}
#language a{
display: block;
color: #000;
font-size: 14px;
text-align: center;
padding:2px 10px;
}
#language .language_ico{
width:auto;
margin-right: 8px;
border:none!important; 
position:relative;
top:2px;
}






/*セキュリティリンク*/
#security{
width: 100%;
box-sizing: border-box;
margin-top: 0em;
margin-bottom: 1em;
padding:  2em 0.4em 0em 0.8em; 
overflow: hidden;
border-top: 1px solid #eee;
}
#security ul{
clear: both;
}
#security li{
list-style:none;
	}
#security li::after{
content: "|";
padding-left: 1em;
}
#security a{
float: left;
color: #000;
font-size: 14px;
padding:8px 8px;
text-decoration: none;
}




/*ハンバーガーメニューの言語リンク*/
#language_sidemenu{
width: 100%;
box-sizing: border-box;
margin: 0;
padding: 4px 4px 4px 16px; 
overflow: hidden;
background-color: #ccc;
}
#language_sidemenu ul{
clear: both;
}
#language_sidemenu li{
width: 20%;
float: left;
list-style:none;
margin-right: 8px;
border:1px #ccc solid; 
background-color: #fff;
	}
#language_sidemenu a{
display: block;
color: #666;
font-size: 12px;
text-align: center;
padding:2px 6px;
}
#language_sidemenu .language_ico{
width:auto;
margin-right: 8px;
border:none!important; 
position:relative;
top:2px;
}


/*絞込みアコーディオン*/
.p-accordion{
  justify-content: space-between;
}
.p-accordion li{
clear: both;
}
.p-accordion__item{
  width: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  border-top: 1px solid #fff;
}
.p-accordion__item:first-child{
  padding-top: 0;
}
.p-accordion__head a{
  display: block;
  color: #0060d5;
  text-decoration: none;
  background-color: #D8D8D8;
  position: relative;
}
.p-accordion__head a::before,
.p-accordion__head a::after{
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background-color:#666;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto 0;
  transition: .2s;
}
.p-accordion__head a::before{
  transform: rotate(90deg);
}
.p-accordion__item[data-active] .p-accordion__head a::before{
  transform: rotate(270deg);
  opacity: 0;
}
.p-accordion__item[data-active] .p-accordion__head a::after{
  transform: rotate(180deg);
}
.p-accordion__content{
  margin-top: 0px;
  padding: 0 12px;
  border-bottom: 1px solid #ccc;
}
.p-accordion__content p a{
line-height: 180%;
color: #000;
padding: 4px 0;
border-bottom: 1px #F5F5F5 solid;
display: block;
text-decoration: none;
}
.p-accordion__content p:last-child{
 }
.p-accordion__content p:first-child{
margin-top: 2px!important;
}

#news .p-accordion__head{
font-size: 14px!important;
font-weight: 600;
}
#news .p-accordion__head a{
color: #666!important;
background-color: #F0F0F0;
padding:12px 12px 10px;
}
#news .p-accordion__content p a{
font-size: 14px!important;
padding: 8px 0 6px 12px!important;
}
#news .p-accordion_news	{
padding: 3px 6px 2px ;
color: #666;
font-weight: 400;
}
#news .p-accordion_today	{
padding: 3px 6px 2px ;
color: #666;
}
#news .today01 a{
color: #3457B9;
font-weight: 600;
}
#news .week01 a{
color: #455173;
font-weight: 600;
}
/**/




.pricedown01 img {
text-align: center;
width: 76%;
}



/* --- 注目エリア --- */
.contents_title {
	width:100%;
	color:#FFF;
 font-size:16px;
 font-weight:500;
 text-align: left!important;
 background-color: #035fd5;
	padding:6px 0px 7px 16px;
	margin:12px 0 0 0;
	clear:both;
 box-sizing: border-box;
}
.contents_space{
background-color: #eee;
padding-top: 8px;
margin-bottom: 12px;
}
.contents_space .item01{
font-size: 16px;
margin: 0;
padding: 1em 1em 1em 1.6em;
background-color: #F1F1F1;
overflow: auto;
}
.contents_space .item01 a{
color: #06C;
}
.contents_space .item01 ul{
overflow: auto;
margin-top: 2px;
}
.contents_space .item01 li{
float: left;
line-height: 200%;
display: block;
}
.contents_space .item01 li::after {
content: ' |';
font-weight: normal;
color: #999;
padding-left: 6px;
padding-right: 10px;
    }

.contents_title01{
	width:100%;
 height: 60px;
	color:#FFF;
	font-size:1em;
 font-weight:500;
 text-align: left!important;
 background-color: #035fd5;
	padding:0px 0px 0px 16px;
	margin:3em 0 0 0;
	clear:both;
 box-sizing: border-box;
}
.contents_title01 span{
position: relative;
top:-36px;
padding: 0 0 0 8px;
}
.tit_kodate {
position: relative;
top:-8px;
width: 80px;
padding: 0;
}    


.contents_title02{
	width:100%;
 height: 60px;
	color:#FFF;
	font-size:1em;
 font-weight:500;
 text-align:left!important;
 background-color: #035fd5;
	padding:0px 0px 0px 6px;
	margin:2em 0 10px 0;
	clear:both;
 box-sizing: border-box;
}
.contents_title02 span{
position: relative;
top:-46px;
left: -14px;
}
.tit_tokusen {
position: relative;
top:-24px;
text-align:right!important;
width: 110px;
}    





 /********** 駅街ランキング **********/
 .rank_box{
background-color: #E9E9E9;
padding: 1px 4px 10px;
margin: 2em auto 3em;
}
 .rank{
 width: 98%;
 text-align: left;
 padding: 10px;
 margin: 0 1% ;
 overflow: auto;
 box-sizing: border-box;
 color: #333;
}
 .rank a{
 color: #333;
 text-decoration: none;
 }
.rank_station_top{
height: 46px;
margin-top: 20px;
background-image:url("/top/rank_station.png") ;
background-repeat: no-repeat;
background-position: right;
background-color: #E9E9E9;
overflow:hidden;
}
.rank_town_top{
height: 46px;
margin-top: 20px ;
background-image:url("/top/rank_town.png");
background-repeat: no-repeat;
background-position: right;
background-color: #E9E9E9;
overflow:hidden;
}
.rank_station{
background-color: #7cb2dd;
padding: 6px 10px;
margin-bottom: 0;
}
.rank_town{
background-color: #7cb2dd;
padding: 6px 10px;
margin-bottom: 20px;
}

 .rank h3{
font-size:1em;
font-weight: 600;
padding: 4px 0 2px 6px;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
 .rank h3 b{
 font-size:1.4em;
 padding: 0 2px;
 }
.rank h4{
 font-weight: 600;
 padding: 2px 0 2px;
 color: #7cb2dd;
}
.rank h4 i{
margin-right: 4px;
}
.rank_kodate {
float: left;
width: 49%;
overflow: auto;
padding: 10px;
margin: 4px 1% 4px 0;
background-color: #fff;
border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 box-sizing: border-box;
}
.rank_mansion {
float: left;
width: 49%;
overflow: auto;
padding: 10px;
margin: 4px 0 4px 1%;
background-color: #fff;
border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px; 
  box-sizing: border-box;
}

.rank li{
clear: both;
border-bottom: dashed 1px #ccc;
overflow: auto;
padding: 6px 0 4px;
 }
 .rank li a{
 display: block;
 }
 .rank dt{
 float: left;
}
 .rank dd{
 float: left;
 }
 .rank1, .rank2, .rank3{
  font-size: 11px;
  font-weight: 600;
  padding: 1px 4px;
  margin-right: 6px;
  position: relative;
  top: 2px;
 }
  .rank1{
  background-color: #FFD670;
  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 }
 .rank2{
  background-color: #B8C6D6;
  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 }
 .rank3{
  background-color: #CCA093;
  border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 }

 

 
 .contents_sns{
 overflow: auto;
 display: block;
 color: #000;
 padding: 1em 0.1em 1em 1em;
 text-align: center;
 font-size: 0.8em;
 }
  .contents_sns a{
 color: #000!important;
 }
 .contents_sns ul{
 clear: both;
   }
  .contents_sns li{
 float: left;
 width: 25%;
 list-style: none;
 text-align: center;
 margin: 1em 3% 0.9em;
  }
 .icon_sns01{
 width: 36px;
 display: block;
 text-align: center;
 margin: 0 auto;
 padding: 4px 0px;
 }
 
 
 
 
 .contents_toku{
 overflow: auto;
 display: block;
 color: #000;
 padding: 1em 1em 1em 1em;
 text-align: left;
 }
 .contents_toku li{
list-style: none;
box-sizing: border-box;
width:100%;
padding: 0.2em 0.2em 0.2em 0.2em;
background-color: #F4F4F4;
border: solid 1px #ccc;
border-radius: 4px;
margin-bottom: 10px;
display: block;
overflow: auto;
font-size: 1em;
}
.contents_toku li img{
height: 3.4em;
float: left;
 }
 .contents_toku li span{
float: left;
padding: 1em 10px 0.8em;
 }
 .contents_toku a {
color:#000;
text-decoration:none;
}





 .contents_info{
 overflow: auto;
 display: block;
 color: #000;
 text-align: left;
 }
.contents_info img{
width: 100px;
margin-right: 6px;
float: left;
position: relative;
top:-2px;
 }
 .contents_info span{
float: left;
padding: 1.4em 10px 0.8em;
 }
 .contents_info a {
color:#000;
text-decoration:none;
}

 .contents_info02{
 overflow: auto;
 display: block;
 color: #000;
 padding: 0.4em 1em 0.4em 0.4em!important;
 text-align: left;
 }
.contents_info02 img{
width: 100px;
margin-right: 6px;
float: left;
 }
 .contents_info02 span{
float: left;
padding: 0.6em 10px 0.6em;
 }
 .contents_info02 a {
color:#000;
text-decoration:none;
}
.strong02{
font-size: 1.2em;
margin-top: 0.6em;
}
.strong03{
font-size: 1.2em;
margin-top: 0.6em;
padding: 0;
line-height: 100%;
}

.kaiin_box{
 background-image: url(../images/bg_kaiin.webp);
 background-size: cover;
 background-repeat: no-repeat;
 height: auto;
 min-height: 180px;
 padding: 0;
 margin-bottom: 1em;
 font-size: 1em!important;
 border: 2px solid #005fd5;
}
.kaiin_p{
padding: 1em 1em 0.8em 1em;
line-height: 145%;
font-size: 1em!important;
}
.kaiin_main-t01{
font-size: 1.2em!important;
font-weight: 600;
color: #0541E3;
}
.kaiin_btnbox{
padding: 0em 1em;
}
.kaiin_btnbox button{
padding: 0.4em 1em;
font-size: 1.2em;
font-weight: 600;
}





.baikyaku_p{
font-size: 1.3em;
font-weight: 600;
margin: 0.4em auto -0.6em;
}
.baikyaku_btn{
background-color: #fff;
padding: 4px 10px;
margin: 0;
border-radius: 8px;
font-size: 1em;
}




.movie_box{
overflow: auto;
box-sizing: border-box;
padding: 20px 4px;
}
.movie_box li{
list-style: none;
float: left;
width: 43%;
border: 1px solid #ccc;
padding: 4px;
margin: 6px;
}
.movie_box li.movie_box-01{
height: 12em;
}
.movie_box li.movie_box-02{
height: 9.2em;
}
.movie_box img{
width: 100%;
overflow: auto;
}
.movie_box p{
padding: 0.6em 0.6em 0.3em;
text-align: center;
font-size: 1em;
}
.movie_box a{
color: #000;
}
p.movie_t01{
padding: 0 0 4px 0;
font-size: 0.7em;
line-height: 140%;
}