@charset "utf-8";
/*
Theme Name: yumedukuri
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

body {
/*    font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;*/
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "MS Pゴシック", Arial, sans-serif;
    line-height: 1.8;
    font-weight: 500;
    font-size: 134%;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px; // 画面幅調整
  }
}

/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}


/* 上方向のmargin */
.block-mt-10 {
  margin-top: 10px;
}
.block-mt-sm {
  margin-top: 15px;
}
.block-mt-md {
  margin-top: 30px;
}
.block-mt-lg {
  margin-top: 60px;
}

/* 下方向のmargin */
.block-mb-10 {
  margin-bottom: 10px;
}
.block-mb-sm {
  margin-bottom: 15px;
}
.block-mb-md {
  margin-bottom: 30px;
}
.block-mb-lg {
  margin-bottom: 60px;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}   
.col-xs-1-5 {
    width: 20%;
    float: left;
}
.col-xs-2-5 {
    width: 40%;
    float: left;
}

.col-xs-3-5 {
    width: 60%;
    float: left;
}

.col-xs-4-5 {
    width: 80%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-1-5 {
        width: 20%;
        float: left;
    }
    .col-sm-2-5 {
        width: 40%;
        float: left;
    }
    .col-sm-3-5 {
        width: 60%;
        float: left;
    }
    .col-sm-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
    .col-md-2-5 {
        width: 40%;
        float: left;
    }
    .col-md-3-5 {
        width: 60%;
        float: left;
    }
    .col-md-4-5 {
        width: 80%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
    .col-lg-2-5 {
        width: 40%;
        float: left;
    }
    .col-lg-3-5 {
        width: 60%;
        float: left;
    }
    .col-lg-4-5 {
        width: 80%;
        float: left;
    }
}   

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

table.responsive{
}

table.responsive tr{

}

table.responsive th{

}

table.responsive th , table.responsive td{
	display : block;
	width : 100%;
}


@media (min-width: 768px){
	table.responsive th , table.responsive td{
		display: table-cell;
		width : auto;
	}
}




/***** ヘッダー *****/
#header{
}

@media screen and (min-width:768px){
	#header{
		background : url(img/common/bg_header_sm.png) no-repeat top center;
		background-size:100% auto;
	}
}

@media screen and (min-width:992px){
	#header{
		background : url(img/common/bg_header_md.png) no-repeat top center;
		background-size:100% auto;
	}
}

@media screen and (min-width:1200px){
	#header{
		background : url(img/common/bg_header_lg.png) no-repeat top center;
		background-size:100% auto;
	}
}

.head_menu{
	display: flex;
}

.header_access{
	width:7em;
	display: flex;
	padding : 12px 0;
}

.header_access a{
	color:#FFF;
}

.header_access a:hover{
	color:#EEE;
	text-decoration:none;
}


.header_search{
	background-color:#FFF;
	display: flex;
	padding : 5px 10px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	width : 80%;
}

.searchform {
	position: relative;
	width:100%;
}
 
.searchfield {
	font-size: 14px;
	width: 97%;
	margin: 3px;
	padding: 3px 10px;
	border: solid 1px #bbb;
	border-radius: 15px;
	background-color: #fff;
}
 
.searchsubmit {
  font-family: FontAwesome;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 5%;
  margin-top: 6px;
  margin-right : 0px;
  padding: 0;
  cursor: pointer;
  color: #B2B2B2;
  border: none;
  background: transparent;
}
 
.searchsubmit:hover {
  opacity: .6;
}

.responsive-nav ul#menu-global_menu li a{
	font-size:100%;
}

@media (min-width: 992px) {
	ul#menu-global_menu{
		display:flex;
		justify-content: space-between;
	}

	ul#menu-global_menu li{
		width: 100%;
	}


	ul#menu-global_menu li{
	    position: relative;
	}

	ul#menu-global_menu li:before{
	    content: "";
	    background-color: #dcdcdc;
	    position: absolute;
	    width: 1px;
	    height: 48px;
	    top: 40%;
	    left: 0;
	    margin-top: -12px;
	}

	ul#menu-global_menu li:nth-child(2):before {
	    content: "";
	    background-color: #ffffff;
	    position: absolute;
	    width: 1px;
	    height: 48px;
	    top: 40%;
	    left: 0;
	    margin-top: -12px;
	}

	.bnr_openfactory{
		
	}
	.bnr_tabi{
		margin-top : 12px;
	}


}

#menu-openfactory , #menu-must-do{
	text-align:center;
}



.list_cat{
}

.list_cat a{
	background-color:#006633;
	color:#FFF;
	display:block;
	width : 5em;
	float:left;
	text-align :center;
	border-radius: 5px;
	margin-right : 5px;
	margin-bottom : 2px;
}

.list_cat a:hover{
	background-color:#008E47;
	color:#FFF;
	text-decoration:none;
}

a.link_tag{
	background-color:#006633;
	color:#FFF;
	display:block;
	width : 5em;
	float:left;
	text-align :center;
	border-radius: 5px;
	margin-right : 5px;
	margin-bottom : 2px;
}

a.link_tag:hover{
	background-color:#008E47;
	color:#FFF;
	text-decoration:none;
}

a.tag_sanjo{
	background-color:#8D6601;
}

a.tag_tsubame{
	background-color:#008FAD;
}

a.tag_tsubamesanjo{
	background-color:#007741;
}

.entry-title {
	width : auto;
	font-size : 130%;
}

.entry-title a.link_tag{
	font-size:100%;
	float:none;
	display:inline-block;
	font-size : 80%;
	margin-left:10px;
}

.entry_subtitle{
	font-size:110%;
}

.entry h3{
	font-size:110%;
}

.page-header {
    background-color: #006B3D!important;
    color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
	background-size:100% auto;
}


@media (min-width: 992px) {
	.page-header {
	    background-color: #006B3D!important;
	    color: #fff;
		background-repeat: no-repeat;
		background-position: center center;
		background-size:100% auto;
	}
}


.ph_title_broc{
	background-color: rgba(0,0,0,0.5);
	padding : 20px 10px;
	border-radius: 5px;
}


.category-event .page-header{background-image :url(img/ph/bg_ph_event.jpg);}
#about .page-header{background-image :url(img/ph/bg_ph_about.jpg);}
#sightseeing .page-header{background-image :url(img/ph/bg_ph_sightseeing.jpg);}
#stay .page-header{background-image :url(img/ph/bg_ph_stay.jpg);}
.post-type-archive-factory .page-header{background-image :url(img/ph/bg_ph_factory.jpg);}
.post-type-archive-activity .page-header{background-image :url(img/ph/bg_ph_activity.jpg);}
.tax-factory_cat .page-header{background-image :url(img/ph/bg_ph_factory.jpg);}
.tax-activity_cat .page-header{background-image :url(img/ph/bg_ph_activity.jpg);}
.factory-template-default .page-header{background-image :url(img/ph/bg_ph_factory.jpg);}
.activity-template-default .page-header{background-image :url(img/ph/bg_ph_activity.jpg);}
.post-type-archive-model .page-header{background-image :url(img/ph/bg_ph_modelcouse.jpg);}
.single-model .page-header{background-image :url(img/ph/bg_ph_modelcouse.jpg);}
#traffic .page-header{background-image :url(img/ph/bg_ph_traffic.jpg);}
#access_kengai .page-header{background-image :url(img/ph/bg_ph_traffic.jpg);}
#access_kennai .page-header{background-image :url(img/ph/bg_ph_traffic.jpg);}
#taxi .page-header{background-image :url(img/ph/bg_ph_traffic.jpg);}
#privacy_policy .page-header{background-image :url(img/ph/bg_ph_policy.jpg);}
#site_policy .page-header{background-image :url(img/ph/bg_ph_policy.jpg);}
#sitemap .page-header{background-image :url(img/ph/bg_ph_policy.jpg);}
#hot_spring .page-header{background-image :url(img/ph/bg_ph_hot_spring.jpg);}
#hotel .page-header{background-image :url(img/ph/bg_ph_hotel.jpg);}
#ryokan .page-header{background-image :url(img/ph/bg_ph_ryokan.jpg);}
#museum .page-header{background-image :url(img/ph/bg_ph_museum.jpg);}
#temples_shrines .page-header{background-image :url(img/ph/bg_ph_temples_shrines.jpg);}
#nature_garden .page-header{background-image :url(img/ph/bg_ph_nature_garden.jpg);}
#roadside_station .page-header{background-image :url(img/ph/bg_ph_roadside_station.jpg);}
#shopping .page-header{background-image :url(img/ph/bg_ph_shopping.jpg);}

.page-header__title{
	text-align:center;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size : 200%;
}

.page-header__description{
	text-align:center;
    margin-top: 0px;
    margin-bottom: -11.5px;
	font-size : 120%;
}

.page-header__description:before{
	content: '';
	display: inline-block;
	width: 95%;
	height: 5px;
	background-image:url(img/common/ph_line.png);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}



@media (min-width: 768px) {
	.page-header__title{
		font-size : 320%;
	}

	.page-header__description{
		font-size : 150%;
	}

}



h3.sub_title{
	font-size : 120%;
}

#main h2{
	font-size : 150%;
	font-weight : normal;
	line-height : 160%;
}


#main h3{
	font-size : 130%;
	font-weight : bold;
	line-height : 160%;
	margin-top : 10px;
}

#main h4{
	font-size : 110%;
	font-weight : bold;
	line-height : 160%;
	margin-top : 10px;
}



#main h2.page_title {
	text-align:center;
	display: inline-block;
	position: relative;
	color:#007642;
	font-weight:bold;
	font-size:200%;
}

#main h2.page_title:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px; /*下線の上下位置調整*/
	display: inline-block;
	width: 50px; /*下線の幅*/
	height: 3px; /*下線の太さ*/
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translate(-50%); /*位置調整*/
	background-color: #007642; /*下線の色*/
}

.category_meta a.link_tag{
	font-size:100%;
	float:none;
	display:inline-block;
	font-size : 80%;
	margin-left:10px;
}

.last_update{
	text-align:right;
	display:block;
	width : 100%;
    margin-bottom: 20px;
}

.breadcrumbs {
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
}

/***** 固定ページ固有 *****/

/** traffic **/

#taxi .spot_box_name{
	background-color:#007642;
	color:#FFF;
	    padding: 8px 10px;
	margin-bottom : 8px;
}

#taxi .spot_box_name a{
	background-color:#007642;
	color:#FFF;
	text-decoration:none;
}

#traffic h3{
	background-color:#007642;
	color:#FFF;
	text-decoration:none;
	margin : 0;
	padding : 30px 10px;
	text-align : center;
}

#traffic h3:hover{
	background-color:#009351;
}

#traffic a:hover{
	text-decoration:none;
}

.access_list ul{
	margin : 0;
	padding: 0;
}

.access_list ul li{
	margin : 0;
	padding: 0;
}

.traffic_icon{
	max-width : 50px;
}

.kennai h4{
	padding : 5px 10px;
	border-top : 1px solid #333;
	border-bottom : 1px solid #333;
	margin-top : 10px;
}

.kennai h5{
	border : 1px solid #333;
	width : 4em;
	display:block;
	text-align:center;
	padding-top : 5px;
	padding-bottom : 5px;
	line-height : 100%;
}


/** model **/

.post-type-archive-model h3{
	background-color:#007642;
	color:#FFF;
	text-decoration:none;
	margin : 0;
	padding : 8px 10px;
	font-size:110%;
}

/** plivacy **/

.parent-pageid-114 .entry__content h3{
	color:#007742;
	border-left: #007742 solid 2px;
	padding-left : 10px;
}

.parent-pageid-114 .sub_title{
	text-align:left;
}


/** plivacy **/

#privacy_policy h3.section_title , #site_policy h3.section_title{
	border-bottom :1px solid #5B5B5B;
}

#privacy_policy h3.section_title:before , #site_policy h3.section_title:before{
	content :"■ ";
}

/***** 工場情報 *****/
.spot_outline th{
	white-space: nowrap;
}

.post-type-archive-factory #main h2 , .tax-factory_cat #main h2{
	border-bottom : 1px solid #CCC;
}

/***** アクティビティ *****/
.post-type-archive-activity #main h2 , .tax-activity_cat #main h2{
	border-bottom : 1px solid #CCC;
}

.post-type-archive-activity #main .entries{
	margin-top: 16px;
}

/***** フッターメニュー *****/
.footer-widget-area, .footer-widget-area .widget_calendar #wp-calendar caption{
	background-color:#0E6B3E;
}

.footer-widget-area {
    font-size: 100%;
    padding: 0 0 0;
    color:#FFF!important;
}

.footer-widget-area a{
	color:#FFF!important;
}

.footer-bnr-area{
	background-color:#F1F1F1;
}

footer ul.menu {
	list-style-type:none;
	display:inline;
	margin:0 auto;
	padding: 30px 0;
}

footer ul.menu li{
	display:inline;
	padding : 10px 20px;
}

footer ul.menu li a{
	display:block;
	width:100%;
}

@media (min-width: 768px) {
	footer ul.menu {
		list-style-type:none;
		display:table;
		margin:0 auto;
		padding: 10px 0;
		float:right;
	}

	footer ul.menu li{
		display:table-cell;
		padding : 10px 20px;
	}
}

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

.footer_access{
	padding : 30px 0;
    border-top : 1px solid #4D9471;
}

.copyright {
    background-color: #0E6B3E;
    color: #FFF;
    font-size: 100%;
    padding: 5px 0;
    text-align:center;
    border-top : 1px solid #4D9471;
}

/***** サイドバー *****/

.sidebar .sidebar-widget__title{
	background-color:#007642;
	color:#FFF;
	margin-bottom : 0;
	text-align:center;
	padding : 5px;
	font-size : 110%;
	clear:both;
}

.sidebar ul{
	border:1px solid #007642;
	padding : 10px 20px;
}

.sidebar ul li{
	list-style-type:none;
}

.sidebar ul li a::before {
font-family: 'FontAwesome';
content: "\f0da";
margin-right:.22em;
color:#007642;
}

/***** トップ *****/
.top_slider{

}

.ms-thumb-list{
	border-bottom : 10px solid #006633;
}

.ms-thumb{
	border-radius: 10px;
	margin-right : 10px;
}


.new-items {border:1px solid #ccc;padding: 10px 0 3px 10px;}
.new-items a{text-decoration:none;}
.new-items ul{margin:0;padding: 0;}
.new-items ul li{ list-style-type: none;}
.new-items a::before {
font-family: 'FontAwesome';
content: "\f105";
margin-right:.22em;
color:#333;
}
.new-items p{text-align: right; margin:0 5px 0 0;}



.top_title h2{
	position: relative;
	color:#006633;
	font-weight:bold;
}

.top_title h2 span{
	font-size: 50%;
}

.top_title h2::after {
	display: block;
    height: 3px;
    background-color: #006633;
    content: " ";
    width: 1em;
    margin: 0 auto;
    margin-top: 1rem;
	margin-bottom:1em;
}

a.btn_newslist{
	border : 2px solid #006633;
	border-radius: 15px;
	display:block;
	width : 8em;
	color: #006633;
	text-decoration:none;
	text-align:center;
	margin-top : 30px; 
	margin-right : 30px;
	float:right;
}

a.btn_newslist:before{
	content: "\f04b";
	font-family: FontAwesome;
	margin-right : 5px;
}

p:after {
    margin: 10px;
    position: relative;
    top: 8px;
}

.news_thumb img{
	border-radius: 10px;
}

.swiper-container{
	padding-left:30px;
}

.swiper-button-next{
	right: 0px!important;
	background-image: url(img/common/button-next.svg)!important;*/
}

.swiper-button-prev{
	left: 0px!important;
	background-image: url(img/common/button-prev.svg)!important;*/
}

.news_meta{
	color:#006633;
	margin-top : 10px;
}

.news_meta .date{
	width : 6em;
	float:left;
}


.news_title{
	clear:both;
}

.top_panel{
	display:flex;
	text-align:center;
	margin-bottom : 10px;
}

.top_panel img{
	width : 180px;
}

.top_panel a{
	width : 100%;
}

.panel_factory{
	background :url(img/top/bg_panel_factory.jpg);
	width:100%;
	background-size: auto 100% ;
	background-repeat: no-repeat;
	padding : 50px 0;
}

.panel_kanko{
	background :url(img/top/bg_panel_kanko.jpg);
	width:100%;
	background-size: auto 100% ;
	background-repeat: no-repeat;
	padding : 50px 0;
}

.panel_activity{
	background :url(img/top/bg_panel_activity.jpg);
	width:100%;
	background-size: auto 100% ;
	background-repeat: no-repeat;
	padding : 50px 0;
}

.panel_syukuhaku{
	background :url(img/top/bg_panel_syukuhaku.jpg);
	width:100%;
	background-size: auto 100% ;
	background-repeat: no-repeat;
	padding : 50px 0;
}

.panel_model{
	background :url(img/top/bg_panel_model.jpg);
	width:100%;
	background-size: auto 100% ;
	background-repeat: no-repeat;
	padding : 50px 0;
}
.panel_access{
	background :url(img/top/bg_panel_access.jpg);
	width:100%;
	background-size: auto 100% ;
	background-repeat: no-repeat;
	padding : 50px 0;
}

.panel_factoryguide{
	background :url(img/top/bg_panel_factoryguide.jpg);
	width:100%;
	background-size: auto 100% ;
	background-repeat: no-repeat;
	padding : 50px 0;
}

@media (min-width: 768px) {
	.panel_factory{
		background-size:auto 100%;
		padding : 50px 0;
	}

	.panel_kanko{
		background-size:auto 100%;
		padding : 50px 0;
	}

	.panel_activity{
		background-size:auto 100%;
		padding : 50px 0;
	}

	.panel_syukuhaku{
		background-size:auto 100%;
		padding : 50px 0;
	}

	.panel_model{
		background-size:auto 100%;
		padding : 50px 0;
	}
	.panel_access{
		background-size:auto 100%;
		padding : 50px 0;
	}
	.panel_factoryguide{
		background-size:auto 100%;
		padding : 50px 0;
	}
}

@media (min-width: 992px) {
	.panel_factory{
		background-size:100% auto;
		padding : 50px 0;
	}

	.panel_kanko{
		background-size:100% auto;
		padding : 50px 0;
	}

	.panel_activity{
		background-size:100% auto;
		padding : 50px 0;
	}

	.panel_syukuhaku{
		background-size:100% auto;
		padding : 50px 0;
	}

	.panel_model{
		background-size:auto 100%;
		padding : 50px 0;
	}
	.panel_access{
		background-size:auto 100%;
		padding : 50px 0;
	}
	.panel_factoryguide{
		background-size:auto 100%;
		padding : 50px 0;
	}
}
.top_season_list{
	text-align:center;
}

/***** アーカイブ *****/

.factory_archive a.link_tag{
	margin : 5px 0;
}

.archive_factory_title{
	clear:both;
	width:100%;
}

.pagination-wrapper{
	clear:both;
	text-align:center;
}

.category-event a.link_tag{
	float:none;
	display:inline-block;
}

.category_meta{
	margin : 10px 0 5px;
}

.category_entry_title{
	font-weight:bold;
}

.cat_outline{
	padding : 10px 20px;
}

.article .category_meta{
	margin : 10px 0 10px;
}


/***** 観光情報 *****/


.spot_list{
	
}

.spot_list h3{
	margin:5px 0;
	padding:0;
	font-size:100%;
}

.spot_list p{
	margin:0;
	padding:0;
	font-size:100%;
}

.spot_box_name{
	clear:both;
	width:100%;
	font-weight:bold;
}

.area_tag{
	width : 5em;
	display:inline-block;
	border-radius: 3px;
	text-align:center;
	color:#FFF;
	margin : 10px 0 5px;
}

.area_tag_sanjo{
	background-color:#8C6500;
}

.area_tag_tsubame{
	background-color:#008DAB;
}

.area_tag_tsubamesanjo{
	background-color:#037341;
}

.spot_list a{
	color:#000;
}


.blink01 {
  background: #165924;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.7rem, 1.6rem + 0.5vw, 2.4rem);
  padding: 3.5rem 0;
  border-radius: 999px;
  position: relative;
  width: 100%;
  max-width: 580px;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.blink01::after {
  font-family: "Font Awesome 5 Free";
  content: '\f061';
  font-weight: 900;
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.5rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  background: #008B1D;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
}

.blink01:hover {
  background: #008B1D;
  color: #fff !important;
  text-decoration:none;
}

.blink01:hover::after {
  right: 0.5rem;
}

@media (max-width: 768px) {
  .blink01 {
    padding: 2.5rem 0;
    max-width: 500px;
  }
}

@media (max-width: 576px) {
  .blink01 {
    max-width: 320px;
    font-size: 1.6rem;
    padding: 2rem 0;
  }
  .blink01::after {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    right: 1rem;
  }
}

/***** フッターバナーエリア *****/

ul.foot_bnr_list{
	display:flex;
	flex-wrap: wrap;
	list-style-type:none;
	padding:0;
	margin:40px 0 30px;
}

li.foot_bnr_item{
	width:50%;
	margin-bottom:10px;
	padding-right: 5px;
    padding-left: 5px;}

@media screen and (min-width:768px) {
	li.foot_bnr_item{
		width:25%;
	}
}

@media screen and (min-width:992px) {
	li.foot_bnr_item{
		width:20%;
	}
}

/***** google map *****/
.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 75%; /* = height ÷ width × 100 */
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*IEで画像の表示が崩れ防止*/

#main img {
	max-width: 100%;
	flex-shrink:0;
}

/* Googleマイマップ埋め込みのレスポンシブ対応 */
.mymap-embed {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%; /* アスペクト比 4:3 (必要に応じて調整可能) */
	overflow: hidden;
	margin-top:80px;
}

.mymap-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* スマートフォン向けの調整 */
@media screen and (max-width: 767px) {
	.mymap-embed {
		padding-bottom: 100%; /* スマートフォンでは縦長に */
	}
}