@charset "UTF-8";
body#bukkeninfo {
	padding-top:100px;
}
.font_xl {font-size: 32px;}
.hbTaC {text-align: center;}

h2.title_agency {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5em;
    color: #2B2B2B;
    padding-left: 15px;
    border-left: 10px solid #09204D;
    text-align: left;
}

h4.midashi_agency {
    font-size: 18px;
    border-bottom: 1px solid #2B2B2B;
    color: #2B2B2B;
    margin-bottom: 1em;
    font-weight: 600;
    position: relative;
}

.text_area {
    text-align: left;
    border: 1px solid #09204D;
    padding: 3%;
    box-sizing: border-box;
}

#download_info_wrap {
	width:100%;
	max-width:500px;
}

#download_info_wrap .enter {
	width:100%;
}

#download_info_wrap .enter tr th{
	border: 1px solid #0080c0;
    padding: 10px;
    background: #0080c0;
    color: #fff;
    text-align: left;
	
}

#download_info_wrap .enter tr td {
	border: 1px solid #0080c0;
    padding: 10px;
}

#download_info_wrap .enter tr td .btn {
	margin-bottom:10px;
}

#download_info_wrap .enter tr td .btn input {
	width:100%;
    box-sizing: border-box;
    height: 30px;
    font-size: 24px;
}

#download_info_wrap .enter tr td .load_bt input {
	width:100%;
    font-size: 18px;
}

.contact_area {
    width: 55%;
    text-align: left;
}

.col4 {
    width: 40%;
}



@media screen and (max-width: 740px) {
	#container,
	#footer{
		padding:0 5%;
        box-sizing: border-box;
	}
.font_xl {font-size: calc(20px +((1vw - 8.6px)* 1.9048));}


}




/* お知らせエリア */
.news_scroll {
  max-height: 110px;
  overflow-y: auto;
  padding: 5px 10px;
}

.news_item {
  display: flex;
  gap: 10px;
  padding: 4px 0;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  line-height: 1.6;
}

.news_date {
  white-space: nowrap;
  color: #666;
  min-width: 70px;
}

.news_body {
  display: none; /* タイトルのみ表示、本文は非表示 */
}


.alert_agency {
    padding: 3em 0;
}

.alert_agency{padding: 0 0 3em;}
h1.titl_agency{font-size: 32px; font-weight: 600; text-align: center; line-height: 1.8; color: #09204D; letter-spacing: .2em;}
h1.titl_agency span{font-size: 16px; font-weight: 400; display: block; position: relative; margin-top: 10px; letter-spacing: 0;}
h1.titl_agency span::before{content:""; width: 5em; background-color: #09204D; height: 2px; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);}
h2.title_agency{font-size: 24px; font-weight: 600; line-height: 1.5em; color: #2B2B2B; padding-left: 15px; border-left: 10px solid #09204D; text-align: left;}
h3.midashi_agency{font-size: 18px; color: #fff; background-color: #09204D; padding: 7px 17px; text-align: left;}
h3.midashi_agency i{margin-right: .5em;}
h3.midashi_agency img{margin-right: .5em;}
.text_area{text-align: left; border: 1px solid #09204D; padding: 3%; box-sizing: border-box;}
h4.midashi_agency{font-size: 140%; border-bottom: 3px solid #c5c5c5; color: #2B2B2B; margin-bottom: 1em; font-weight: 600; position: relative; line-height: 150%;}
.p_right{position: absolute; right: 0; font-weight: 400; font-size: 70%;}
span.bigger{font-size: 140%; color: #02204E; font-weight: 600; margin-right: 1em;}
.smaller{font-size: 70%;}
.col3{width: 30%;}
.col2{width: 20%;}
.col4{width: 40%;}
.contact_area{width: 55%; text-align: left;}
.f_contact.flex{justify-content: space-between;}



h1.titl_agency {
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    line-height: 1.8;
    color: #09204D;
    letter-spacing: .2em;
}

#ni_guide_k {
    margin: 15px 0px 15px 0px;
}
#ni_guide_t {
    margin: 15px 0px 15px 0px;
}

.pr_text{
	margin-top:20px;
    padding: 1.2em;
    background-color: #fff;
}

.c_headarea .head_des h2.en{
	font-size: 200%;
    font-weight: 600;
    line-height: 1.8;
}

.c_headarea .head_des h1.ja {
    font-weight: 600;
    font-size: 120%;
    letter-spacing: 0.05em;
}


.sakura_item {
    border: solid 1px #c5c5c5;
    padding: 20px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.sakura_list li a {color:#444; text-decoration: none;}
.sakura_item .sakura_item_address a {
	display:block;
	color:#333;
}

.sakura_item .sakura_item_address a,
.sakura_item .sakura_item_address .trafic{
  padding-left: 2em;
  position: relative;
	    font-size: 85%;
}

.sakura_item_address .trafic {
	margin-bottom:20px;
}

.sakura_item .sakura_item_photo {
	margin: 10px 0;
}

.sakura_item .sakura_item_photo a{
	aspect-ratio: 3 / 2;
    display: block;
    overflow: hidden;
}

.sakura_item .sakura_item_photo a img {
	    object-fit: cover;
	height:100%;
}


.sakura_item .sakura_item_address a::before{
  background: url("http://www.sakura-inc.info/bukkeninfo02/pdfdl/img/ico_google.png") no-repeat;}

.sakura_item .sakura_item_address .trafic::before{
  background: url("http://www.sakura-inc.info/bukkeninfo02/pdfdl/img/icon_train.png") no-repeat;
}
.sakura_item .sakura_item_address a::before,
.sakura_item .sakura_item_address .trafic::before{
  content: "";
  width: 2em;
  padding-top: 2em;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
}

.sakura_item .sakura_item_title a{
	display: block;
    color: #333;
}

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



.sakura_item .sakura_item_pdf {
	margin-top:auto;
}

.sakura_item .sakura_item_pdf a{
	display: block;
    width: 48%;
    text-align: center;
    color: #09204D;
    border-radius: 5px;
    border: 1px solid #09204D;
    transition: all .5s;
    text-decoration: none;
	font-size:85%;
}

.sakura_item .sakura_item_pdf a:hover{text-decoration: none; background-color: #09204D; color: #fff;}

.sakura_item .fs08.tr {
	margin-top:auto;
}

.sakura_item .fs08.tr a {
display: block;
    color: #333;
	margin-top:auto;
}

.sakura_item .fs08.tr a:hover {
	text-decoration:none;
}


body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku {
	text-align: left;
	padding: 5px;
	line-height: 160%;
	background-color: #F3F3F2;
	margin: 10px auto 0px;
}

body.page-template-page-bukkeninfo02-private .news_item{
	display:block;
}
body.page-template-page-bukkeninfo02-private .news_body {
    display: block;
}

body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku.flex{
  justify-content: space-between;
  align-items: center;
}
body.page-template-page-bukkeninfo02-private .left_box{width: 15%; text-align: center;}
body.page-template-page-bukkeninfo02-private .left_box h3{white-space: nowrap; font-weight: 600;}




body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku_real {
	width: 904px;
	text-align: left;
	padding: 5px;
	border: 1px solid #390;
	line-height: 120%;
	background-color: #f39da6;
	margin: 10px auto 0px;
	color: #FFF;
}

body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku_left {
	width:55%;
	color: #333;
 padding: 5px 0;
    height: 110px;
    overflow: hidden;
    overflow-y: scroll;
}
body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku_right {
	width:350px;
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #936;
}

body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku_center{
  width: 30%;
  text-align: center;
}

body.page-template-page-bukkeninfo02-private #guide_iframe {
	width: 916px;
	margin: 15px auto 0px;
}
body.page-template-page-bukkeninfo02-private h3.midashi_agency{
font-size: 18px;
    color: #fff;
    background-color: #09204D;
    padding: 7px 17px;
    text-align: left;
}

@media screen and (max-width: 740px) {
	h4.midashi_agency span {
		position:inherit;
		display:block;
	}
	
	.f_contact.flex {
		flex-direction:column;
	}
	.contact_area{
	    width: 100%;
		margin-bottom: 20px;
	}
	.w100s{width:100%;}
	.f_contact .col4 a{
		    display: block;
    width: 48%;
	}
	
body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku.flex{
	    flex-direction: column;
    padding: 15px 5px;
}
	
body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku_left{
	width:90%;
}
body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku_center{
	width:90%
    padding: 10px 0 0;;
}
	
body.page-template-page-bukkeninfo02-private .bukken_dl_tel_waku_center{
	width: 70%;
    display: block;
	margin: 0 auto;
}
	
}


body.single-bunjou #detaile_wrap {
    margin: 60px auto;
    width: 100%;
    max-width: 1100px;
    text-align: left;
    background-color: #F3F4F7;
    box-sizing: border-box;
    padding: 20px;
}

body.single-bunjou #gde_title {
    background: #09204D;
    padding: 12px 20px;
    margin: 0px auto 15px;
}

body.single-bunjou #de_name {
    font-size: 24px;
    line-height: 170%;
    font-weight: bold;
    color: #fff;
    float: left;
}

body.single-bunjou #de_update_wrap {
    padding-bottom: 7px;
    text-align: left;
	color: #fff;
}


body.single-bunjou .trafic_text {
	font-size:90%;
	padding:34px 0px 34px 17px;
    box-sizing: border-box;
}




body.single-chintai #detaile_wrap {
    margin: 60px auto;
    width: 100%;
    max-width: 1100px;
    text-align: left;
    background-color: #F3F4F7;
    box-sizing: border-box;
    padding: 20px;
}

body.single-chintai #gde_title {
    background: #09204D;
    padding: 12px 20px;
    margin: 0px auto 15px;
}

body.single-chintai #de_name {
    font-size: 24px;
    line-height: 170%;
    font-weight: bold;
    color: #fff;
    float: left;
}

body.single-chintai #de_update_wrap {
    padding-bottom: 7px;
    text-align: left;
	color: #fff;
}


body.single-chintai .trafic_text {
	font-size:90%;
	padding:34px 0px 34px 17px;
    box-sizing: border-box;
}



.buttonA{
  width: 48%;
  text-align: center;
}

.buttonA .clip {
	width:100%;
}

.buttonA .clip a{
  background: none;
  border: none;
  width: 100%;
  padding: .5em 0;
  border: 1px solid #09204D;
  border-radius: 7px;
  color: #09204D;
  cursor: pointer;
  transition: all .5s;
	display:block;
	text-decoration:none;
}

.buttonA .clip a:hover{
  background-color: #09204D;
  color: #fff;
	text-decoration:none;
}



.upbg1{
  padding: 0px 4px 0px 8px;
font-weight: bold;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  padding: 5px 17px;
  margin-right: 10px;
 font-size: 14px;
}

li.upbg1:first-child:last-child{
  margin-right: 0px;
	grid-column: 2;
}

.upbg01 {
	padding: 0px 4px 0px 8px;
	font-weight: bold;
	margin-right: 1px;
	float: left;
	width: 110px;
	text-align: right;
	height: 26px;
	color: #444;
	background: #FFF;
	line-height: 26px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #5269A0;
}

#de_update {
	margin-bottom:10px;
}

#de_update_wrap .date {
	text-align:right;
	font-weight:bold;
}

#detaile_home_b .trafic_text dl a{
	display: block;
    color: #333;
}

#detaile_home_b .trafic_text dl a,
#detaile_home_b .trafic_text dl .trafic{
  padding-left: 2em;
  position: relative;
	    font-size: 100%;
}

#detaile_home_b .trafic_text dl a:before{
  background: url("http://www.sakura-inc.info/bukkeninfo02/pdfdl/img/ico_google.png") no-repeat;}

#detaile_home_b .trafic_text dl .trafic:before{
  background: url("http://www.sakura-inc.info/bukkeninfo02/pdfdl/img/icon_train.png") no-repeat;
}
#detaile_home_b .trafic_text dl a:before,
#detaile_home_b .trafic_text dl .trafic:before{
  content: "";
  width: 2em;
  padding-top: 2em;
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
}

#detaile_home_b .trafic_text dl a addres {
	display:inline-block;
}

.sub_img_item a {
	aspect-ratio: 3 / 2;
    display: block;
    overflow: hidden;
}

#de_a_map{
	margin-top:50px;
}

#de_a_map .gmap_b_270{
	  width: 100%;
  height: 500px;
	margin-bottom:5px;
}