@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

#breadcrumb{
background-color:#f2faff;
}

.p-breadcrumb__list {
 display: none;
}

hr.whiteline {
	border-top: 5px solid #fff;
}

hr.trans {
  border: 1px solid transparent;
}

hr.trans10 {
  border: 10px solid transparent;
}

hr.trans20 {
  border: 20px solid transparent;
}

.cpt-txt{
  margin-top:1em;
}

.tax-shops dd.large{
  margin-left:5em;
  font-size: 1.1em;
}

table#size4 td,
table#size4 th {
  text-align:center;
  white-space:nowrap;
}

.unso tr{
  white-space: nowrap;
  line-height:1.4em;
}

.unsodisc{
  line-height:1.5em;
  font-size:0.8em;
}

.wp-block-table ul{
  list-style: none;
  padding:0;
}

.wp-block-table ul li{
  list-style: none;
  margin:0;
}

.history th{
  text-align:center;
}

.page-id-11550 #top_title_area h1{
display:none;
}
.page-id-11550 #top_title_area{
margin-bottom:-2em;
}

.ssbtn a {
  display: inline-block;
  justify-content: space-between;
  align-items: center;
  margin: 0 .5em;
  padding: .1em 1em;
  color: #ff6f00;
  font-size: .9em;
  border: 1px solid #ff6f00;
  border-radius: 20px;
}

.ssbtn a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #ff6f00;
}



table#size3 {
	width:840px;
	margin: 30px auto;
	border: solid #B8A146 1px;
	background: #fff;
	font-size: 0.9em;
	text-align: center;
}

table#size3 th {
	border-top: solid #B8A146 1px;
	border-right: solid #B8A146 1px;
	white-space:nowrap;
	color: #666;
	background: #eee;
	padding: 0 10px;
}

table#size3 td {
	border-top: solid #B8A146 1px;
	border-right: solid #B8A146 1px;
	background: #fff;
	padding: 0 10px;
	text-align: center;
}

table#size3 input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin: 5px 0;
	padding: 6px 4px;
	width: 80%;
	outline: none;
	border: 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #f3f3f3;
	color: #000;
	vertical-align: bottom;
	font-size: 13px;
}

table#size3 input[type="text"]:focus,
table#size3 input[type="password"]:focus,
table#size3 input[type="email"]:focus,
table#size3 input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ff69b4;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
 	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
 	color: #444;
}

table#size3 input[type="number"] {
	width: 35px;
	text-align: right;
}
table#size3 select {
color: #000;
	width: 60%;
}
table#size3.maisu{
	padding: 0;
}
.txtCal{
	text-align: center;
}

table#form {
	border-spacing: 0;
	border-collapse: separate;
	background: #fff;
}

table#form th {
	padding: 2px 0 2px 8px;
	border-top: solid #fff 1px;
	font-weight: bold;
	text-align: center;
}

table#form td {
	padding: 2px 0 2px 2px;
	border-top: solid #fff 1px;
	text-align: left;
	white-space: nowrap;
}

.fadein {
	opacity: 0;
	transform: translateY(40px);
	transition-property: transform, opacity;
	transition-duration: 1.4s;
	transition-delay: 0s;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}

.home div#content{
padding-top:0;
}

/* MegaMenu */
#header .mega_items,
#header .mega_shops {
 display: none;
 box-shadow: 0px 10px 12px 1px rgba(100, 100, 100, .3);
}
.l-header .p-blogParts {
 position: absolute;
 top: 70px;
 left: 0;
}
#header .c-gnav .menu-item-10323 .sub-menu,
#header .c-gnav .menu-item-10325 .sub-menu {
 display:none;
}


/* Google Web Fonts */
h2.wp-block-heading {
  font-family: "Saira Semi Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
  border-image: linear-gradient(
      to right,
      #33c3ff,
      #005bab,
      #33c3ff
    )
    1 / 0 0 3px;
  border-style: solid;
}

/* 商品ページレイアウト */
.single-items .l-mainContent__inner{
  margin:0 100px;
}

.single-items .p-articleHead{
  background: linear-gradient(
    to left top,
    #005bab,
    #1878cc,
    #33c3ff
  );
  border-radius: 4px;
  color:#ffffff;
  padding:6px 20px;
}

.single-items h2{
margin:1em 0 0.5em;
font-size:1.5em;
border-bottom:1px solid #005bab;
}

.single-items p{
margin:0;
}

.single-items .post_content{
margin-top:2em;
}

/* ▼ タイプメニュー共通 */
.nav ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 0;
  margin: 0;
}
.nav ul li {
  margin: 0;
}

.dropdown {
  position: relative;
}

.dropbtn {
  width: 350px;
  padding: 8px 0;
  cursor: pointer;
  background: #f2faff;
  border: 1px solid #33c3ff;
  border-radius: 20px;
}
.dropbtn a {
  color: #005bab;
}

.dropdown-content {
  width: 350px;
  position: absolute;
  top: 95%;
  left: 0;
  background: #fff;
  border: 1px solid #33c3ff;
  border-radius: 20px;
  z-index: 1000;
}
.dropdown-content a {
  display: block;
  padding: 8px 0 8px 15px;
  text-decoration: none;
  color: #005bab;
}
.dropdown-content a:hover {
  background: #f2faff;
  border-radius: 20px;
}

/* ▼ PC: hoverでふわっと開く */
@media (min-width: 769px) {
  .dropdown-content {
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none; /* 非表示時にクリックできないようにする */
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .dropdown:hover .dropdown-content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* ▼ スマホ: ハンバーガーで開く */
.hamburger {
  display: none;
}
.menu-close {
  display: none;
}

@media (max-width: 768px) {
  .hamburger {
    display: block;
    font-size: 1em;
    background: none;
    border: none;
    cursor: pointer;
    margin: -2.5em 0;
  }

  .nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    background: #fff;
    flex-direction: column;
    padding: 60px 20px 20px;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    z-index: 999;
    overflow-y: auto; /* スクロールできるようにする */
  }
  .nav.open {
    display: flex;
  }

  .nav ul {
    flex-direction: column;
    gap: 10px;
  }

  .dropbtn {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0;
    text-align: left;
    border: none;
    background: none;
    width: 100%;
  }

  .dropdown-content {
    display: block !important; /* スマホでは常時展開 */
    position: static;
    border: none;
    background: none;
    padding-left: 0; /* インデントで階層を表現 */
  }
  .dropdown-content a {
    display: block;
    padding: 6px 0 6px 15px;
    font-size: 16px;
    color: #005bab;
    text-decoration: none;
  }

  .menu-close {
    display: block;
    position: absolute; /* ← 位置を安定させる */
    top: 40px;
    right: 15px;
    color: #005bab;
    font-size: 2em;
    background: none;
    border: none;
    cursor: pointer;
  }
}



/* items */
#item {
	margin:5px 10px;
	padding:3px;
	width:400px;
	float:left;
	font-size:0.9em;
	color:#005bab;
	line-height: 1.3;
}
#item h4{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.single-items #pageright p {
	margin:8px 0;
	padding:0;
}
.single-items #pageright p img {
	margin:2px;
	border: 1px solid #999;
}
.single-items #entry {
	float: right;
	width: 425px;
}
.single-items #entry ul{
	list-style:none;
	margin:0;
	padding:0;
}
.single-items #entry ul li {
	line-height: 1.3;
}
.single-items .price {
	font-size: 1.2em;
	font-weight: bold;
	color: #c90000;
}
.single-items .priceb {
	font-size: 1.0em;
	font-weight: normal;
	color: #c90000;
}
.single-items .yen {
	font-size: 1.0em;
	font-weight: bold;
	color: #c90000;
}
.single-items .note {
	font-size: 1em;
	color: #005BAB;
}
.single-items .made {
	color: #c90000;
}
.single-items .mark img {
	margin:20px 0;
	border: 1px solid #fff;
}
.single-items #pageright h5{
	margin:10px 0 0 10px;
	padding:0 0 0 5px;
	border-width:0 0 1px 5px ;
	border-color:#B1A34B;
	border-style:solid;
	color:#B1A34B;
	font-size:1.1em;
	font-weight:bold;
	width:100px;
}
.single-items #pageright h6{
	margin:10px 0 0 10px;
	padding:0 0 0 5px;
	border-width:0 0 1px 3px ;
	border-color:#7A8AC0;
	border-style:solid;
	color:#7A8AC0;
	font-size:1.1em;
	font-weight:bold;
}
.single-items #pageright h7{
	margin:10px 0 0 10px;
	padding:0 0 0 5px;
	border-width:0 0 0 6px ;
	border-color:#7A8AC0;
	border-style:solid;
	color:#7A8AC0;
	font-size:1em;
	font-weight:bold;
}
.single-items #content .ktyu{
	margin:0;
	color:#016666;
	font-size:0.85em;
	line-height: 1.3;
}
.single-items .midashi{
	margin:0;
	color:#016666;
	font-size:1.05em;
	font-weight:bold;
}
.tax-goods h1 {
	font-size:2em;
}
.tax-goods #item {
	margin:5px;
	padding:3px;
	width:200px;
	height:288px;
	float:left;
	text-align: center;
	line-height: 1.3;
	border:2px solid #ccc;
}
.tax-goods p{
	margin:0;
}
.tax-goods #content h4{
	margin:0 0 10px;
	padding:0;
	border-width:0 0 1px 0 ;
	border-color:#c90000;
	border-style:solid;
	color:#c90000;
	font-size:1em;
	font-weight:bold;
	line-height:1.3;
}
.tax-goods .size-medium{
}
.tax-goods .more-link{
	float:none;
}
.tax-goods .more-link img{
	margin:5px 0 0;
}
.tax-goods .made {
	font-size:0.8em;
	font-weight:bold;
	color: #c90000;
}
.tax-goods .series {
	font-size:0.7em;
	color: #B8A146;
}

/* 取扱店ページレイアウト */
.shop_intro{
  font-size:1.1em;
  font-weight:700;
  border-top:1px solid #33c3ff;
  border-bottom:1px solid #33c3ff;
  display: inline-block;
}

.state h2{
  margin:10px 0 15px;
  font-size:2.8em;
  letter-spacing:0.15em;
  position:relative;
  line-height:1.5em;
  padding:0 0.5em;
  display:inline-block;
}

.state h2:before,h2:after{
  position:absolute;
  content:'';
  width:20px;
  height:30px;
  display:inline-block;
}

.state h2:before{
  border-left:solid 3px #33c3ff;
  border-top:solid 3px #33c3ff;
  top:0;
  left: 0;
}

.state h2:after{
  border-right:solid 3px #33c3ff;
  border-bottom:solid 3px #33c3ff;
  bottom:0;
  right: 0;
}

.shopinfo{
  margin:1em 0;
  font-size:1.1em;
  line-height:1.8em;
}

.shoplist{
  border-top:1px solid #ccc;
}
.shoplist:last-child{
  border-bottom:1px solid #ccc;
}

.shoplist h3{
  margin-top:15px;
}
.shoplist h3 a{
  color: #005bab;
  font-size:1.2em;
}
.shoplist h3::before{
  content: "\25CF";
  color: #005bab;
}

.shoplist dl{
  margin:0 0 15px 30px;
}

.shoplist dt{
  float: left;
}

.shoplist dt::after{
  content: "："
}

.shoplist dd{
  margin-left:3.5em;
}

.shoplist dt.large{
  float: left;
  font-size: 1.1em;
}

.shoplist dt.large::after{
  content: "："
}

.single-partners .p-articleHead{
  background: linear-gradient(
    to left top,
    #005bab,
    #1878cc,
    #33c3ff
  );
  border-radius: 4px;
  color:#ffffff;
  padding:6px 20px;
}
.single-partners .wp-block-table th{
  text-align:left;
}

/* 選手ページレイアウト */
.single-players .p-articleHead{
  background: linear-gradient(
    to left top,
    #005bab,
    #1878cc,
    #33c3ff
  );
  border-radius: 4px;
  color:#ffffff;
  padding:6px 20px;
}

/* カスタム投稿の日付を隠す */
.single-items time,
.single-partners time,
.single-players time,
.archive time{
display:none;
}

/* 画像入れ替え */
#mainImage {
  width:600px;
  margin: 0;
  padding: 5px;
  border: 1px solid #ccc;
}

#thumbnailWrap{
  display: flex;
  padding: 0;
  width:100%;
}

#thumbnailWrap li {
  width:12%;
  list-style: none;
  font-size: 0.8em;
  margin-right: 12px;
}

.thumbnail{
  padding: 5px;
  border: 1px solid #ccc;
}


/* アーカイブページのタイトル横表示を消す */
.c-pageTitle__subTitle{
display:none;
}

/*サムネイル縦横比*/ 
.tax-goods .c-postThumb__figure {
    --card_posts_thumb_ratio: 100%;
}

/* メニューのフォント関連 */
#header #gnav .menu-item .ttl {
	font-size : 1.1em;
	font-family : "Hiragino Kaku Gothic ProN", "Hiragino Sans", Noto, Meiryo, "Helvetica Neue", Arial, sans-serif;
	font-weight : 700;
	margin:0 0.5em;}
#header #gnav .menu-item .desc {
	font-size : 1.1em;
	font-family : "Hiragino Kaku Gothic ProN", "Hiragino Sans", Noto, Meiryo, "Helvetica Neue", Arial, sans-serif;
}
#header #gnav li:hover {
  color : #005bab;
}
#fix_header .c-gnav .menu-item .ttl {
	font-size : 1.1em !important;
	font-family : "Hiragino Kaku Gothic ProN", "Hiragino Sans", Noto, Meiryo, "Helvetica Neue", Arial, sans-serif;
	font-weight : 700;
	margin:0 0.5em;}
}
#fix_header .c-gnav .menu-item .desc {
	font-size : 1em !important;
	font-family : "Hiragino Kaku Gothic ProN", "Hiragino Sans", Noto, Meiryo, "Helvetica Neue", Arial, sans-serif;
}
#fix_header .c-gnav li:hover {
  color : #005bab;
}

/* ボックスメニュー */
.swell-block-box-menu{
margin:0 150px;
}

/* サイトマップカスタマイズ */
.wsp-container h2{
  background: linear-gradient(
    to left top,
    #005bab,
    #1878cc,
    #33c3ff
  );
  border-radius: 4px;
  color:#ffffff;
  padding:6px 20px;
}



/* ブレイクポイント */
/* 投稿リストのカード型とサムネイル型を4列表示にする */
@media screen and (min-width: 960px) {
.-sidebar-off .-type-card.-pc-col3 .p-postList__item, .-sidebar-off .-type-thumb.-pc-col3 .p-postList__item {
width: 25%!important;
}
}

@media screen and (max-width: 959px) {
.swell-block-box-menu{
margin:0 100px;
}
.single-items .l-mainContent__inner{
margin:0 30px;
}
}    

@media screen and (max-width: 599px) {
.swell-block-box-menu{
margin:0;
}
.single-items .l-mainContent__inner{
margin:0 0;
}
}


/******* 地図成形 *******/
#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: center; /* 縦方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
 		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	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-top: -5em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#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;
}


/****************************************
	地図レスポンシブ

****************************************/
@media screen and (max-width: 776px) {
#japan-map {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-around;
	height: auto;
}
#japan-map p.area-title {
	display: inline-block;
	width: 100%;
	font-size: 1em;
	font-weight: 700;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	color: #000000;
}
#hokkaido-touhoku, #kantou, #tyubu, #kinki, #tyugoku, #shikoku, #kyusyu {
	display: block;
	position: static;
	margin: 0 1em 0 1em;
}
#japan-map div div.area {
	display: block;
	position: relative;
}

#hokkaido-touhoku {
	height: calc(265px + 4.5em);
}
#kantou {
	height: calc(174px + 4.5em);
}
#tyubu {
	height: calc(211px + 4.5em);
}
#kinki {
	height: calc(211px + 4.5em);
}
#tyugoku {
	height: calc(98px + 4.5em);
}
#shikoku {
	height: calc(84px + 4.5em);
}
#kyusyu {
	height: calc(247px + 4.5em);
}

} /* レスポンシブ max-776px */



@media screen and (max-width: 500px) {
#japan-map {
	display: block;
	width: 100%;
	height: auto;
}
#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;
}


} /* レスポンシブ max-500px */