/**
Theme Name: Astra Child
Author: Akiko Morita
Author URI: https://akikomorita.me
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*PCでは改行しない*/
.smp{
    display: none;
}
/*スマートフォンでは改行*/
@media screen and (max-width:768px) {
    .smp{
        display: block;
    }
}
.post-password-form {
	margin-top: 200px;
	margin-bottom: 200px;
}

.marker-y {
  background: linear-gradient(transparent 50%, #ffff7f 50%);
}
.marker-o {
  background: linear-gradient(transparent 50%, #fedab5 50%);
}
.marker-b {
  background: linear-gradient(transparent 50%, #aee2fb 50%);
}
.marker-p {
  background: linear-gradient(transparent 50%, #fad8e7 50%);
}
.p-bottom-margin p {
	margin-bottom: 0px;
}

/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
ul.main-header-menu {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
ul.main-header-menu li:first-child {
	border-left: solid 1px #ccc;
}
ul.main-header-menu li {
	border-right: solid 1px #ccc;
	width:150px;
}
ul.main-header-menu li a {
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (min-width: 1367px) and (max-width: 1536px){
	ul.main-header-menu {
		margin: 0px !important;
	}
	ul.main-header-menu li {
		width:120px;
		vertical-align: top !important;
	}
	.nav-category {
		line-height: 170% !important;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 11px;
	}
}
@media (min-width: 1281px) and (max-width: 1366px){
	ul.main-header-menu {
		margin: 0px !important;
	}
	ul.main-header-menu li {
		width:105px;
	}
	.nav-category {
		line-height: 170% !important;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size: 11px;
	}
}
@media (min-width: 1026px) and (max-width: 1280px){
	ul.main-header-menu {
		margin-left: 60px !important;
		margin-bottom: 0px;
	}
	ul.main-header-menu li {
		width:180px;
		margin-bottom: 10px;
	}
	ul.main-header-menu li.menu-item-95 {
		border-left: solid 1px #ccc !important;
	}	
}
@media only screen and (max-width: 1025px){
	ul.main-header-menu {
		margin-left: 20px !important;
		margin-bottom: 0px;
	}
	ul.main-header-menu li {
		width:150px;
		margin-bottom: 10px;
	}
	ul.main-header-menu li.menu-item-95 {
		border-left: solid 1px #ccc !important;
	}	
	.ast-header-button-1 .ast-custom-button,
	.ast-header-button-2 .ast-custom-button {
		font-size:14px !important;
	}
}


/*--------------------------------------------------------------
## Toppage
--------------------------------------------------------------*/
h2.h2-toppage {
  padding: 20px 0px 10px 0px;
  border-top: solid 3px #DCDCDC;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:center;
  font-weight: bold;
  color: #666;
}
h2.h2-toppage img {
  margin-right: 10px;
}

.section-cat figcaption {
	margin-top: 5px !important;
}

.box-ayanavinews {
	font-size: 16px;
	margin-top: 20px; 
	margin-bottom: 0px;
	background: #daf0fa;
	padding: 15px 15px 0px;
}
.box-ayanavinews p {
	display:inline;
}
ul.ayanavinews {
	margin-left: 10px;
	margin-top: 0px;
	margin-bototm: 0px;
	padding: 20px;
}
ul.ayanavinews li {
	margin-bottom: 10px;
}

.shop-container{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
} 
.shop-container::before{
  content:"";
  display: block;
  width:20%;
  order:1;
}
.shop-container::after{
  content:"";
  display: block;
  width:20%;
}
.shop-item{
    width: 20%;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
} 
.shop-item h2 {
    font-size: 16px !important;
	text-align: center;
}
.shop-item img {
	margin-bottom:5px;
	width:100%;
	height:190px;
	object-fit: cover;
}
.shop-item .shop-img {
  position: relative;
}
.shop-item .shop-img p {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  color: white;
  font-size: 12px;
  line-height: 1;
  padding: 7px;
}
.shop-item .gourmet p {
  background: #f39800;
}
.shop-item .cafesweets p {
  background: #f78d99;
}
.shop-item .beauty p {
  background: #c490bf;
}
.shop-item .lesson p {
  background: #89c997;
}
.shop-item .shopping p {
  background: #5fc2f1;
}
.shop-item .life p {
  background: #a7d742;
}
.shop-item .hospital p {
  background: #f19ec2;
}
.shop-item .nursing p {
  background: #c6b190;
}
.shop-item .school-facilities p {
  background: #3dc6c3;
}
.shop-item .travel p {
  background: #F86C51;
}
.shop-item .corporate p {
  background: #3081CC;
}
.shop-item .motorcycle p {
  background: #aaaaaa;
}
.shop-item .shop-img img {
  width: 100%;
}

.searchandfilter {
	margin-left: auto;
	margin-right: auto;
}
.searchandfilter h4 {
	margin-bottom: 5px;
}
.searchandfilter li {
	margin-bottom: 10px;
}


/*--------------------------------------------------------------
## Sidebar
--------------------------------------------------------------*/
.widget_nav_menu h2 {
	border-top: solid 2px #e60012;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	padding: 5px 10px;
	font-size: 18px;
	font-weight: bold;
}

/*--------------------------------------------------------------
## Shop List
--------------------------------------------------------------*/
h1.h1-category {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: dotted 3px #cccccc;
	margin-bottom: 20px;
}
.blog h1.h1-category,
.tax-area h1.h1-category,
.page h1.h1-category {
  background-image: url("https://aya-navi.com/wp-content/themes/astra-child/images/shop/h1-shopdetail.png");
  background-position: left middle;
  background-repeat:no-repeat;
  padding: 10px 0px 10px 60px;
}
h1.h1-tv {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: dotted 3px #cccccc;
	margin-top: 50px;
	margin-bottom: 20px;
  	background-image: none;
  	padding: 10px 0px;
}

.btn-cat {
	float:left;
    width: 19%;
    margin-right: 1%;
	margin-bottom:10px;
    padding: 10px;
	border:solid 1px #ccc;
	border-radius:5px;
	text-align:center;
	color:#333;
}
.btn-cat:hover {
	background:#ccc;
	color:#fff;
}

.box-search {
	background:#fdeaea;
	padding:20px;
	margin-bottom:50px;
}

.shopilist-container .shop-item {
	width:25%;
	margin-bottom:40px;
}
.shopilist-container .shop-item img {
	margin-bottom:5px;
}
.shopilist-container::after,
.shopilist-container::before {
    content: "";
    display: block;
    width: 25%;
    height: 0;
}
.shopilist-container::before {
    order: 1;
}
	
ul.list-area {
	list-style: none;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	display:flex;
	flex-wrap: wrap;
	text-align:center;
}
ul.list-area li {
	width:30%;
	margin:5px 1% !important;
	box-sizing: border-box;
	font-weight: bold;
}
ul.list-area li a {
	display:block;
	padding: 10px;
	text-decoration:none;
	box-sizing: border-box;
	border-radius: 5px;
}
ul.list-area li a,
ul.list-area li a:focus {
	color:#3a3a3a;
	border: solid 1px #cccccc;
	background: #fff;
}
ul.list-area li a:hover {
	color: #e60012; 
	border: solid 1px #e60012;
}

.list-container{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
} 
.list-item{
    width: 48%;
	border-bottom: dotted 1px #cccccc;
	padding-top: 15px;
	padding-bottom: 15px;
}
.list-item h3 {
    font-size: 16px;
}
.list-cat {
	/*background: #eaa8a8;*/
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	display: inline-block;
	width: 120px;
	text-align: center;	
}
.list-container .gourmet .list-cat {
	background: #f39800;
}
.list-container .cafesweets .list-cat {
	background: #f78d99;
}
.list-container .beauty .list-cat {
	background: #c490bf;
}
.list-container .lesson .list-cat {
	background: #89c997;
}
.list-container .shopping .list-cat {
	background: #5fc2f1;
}
.list-container .life .list-cat {
	background: #a7d742;
}
.list-container .hospital .list-cat {
	background: #f19ec2;
}
.list-container .nursing .list-cat {
	background: #c6b190;
}
.list-container .school-facilities .list-cat {
	background: #3dc6c3;
}
.list-container .travel .list-cat {
	background: #F86C51;
}
.list-container .corporate .list-cat {
	background: #3081CC;
}
.list-container .motorcycle .list-cat {
	background: #AAAAAA;
}

.category-gourmet .list-cat {
	background: #f39800;
}
.category-cafesweets .list-cat {
	background: #f78d99;
}
.category-beauty .list-cat {
	background: #c490bf;
}
.category-lesson .list-cat {
	background: #89c997;
}
.category-shopping .list-cat {
	background: #5fc2f1;
}
.category-life .list-cat {
	background: #a7d742;
}
.category-hospital .list-cat {
	background: #f19ec2;
}
.category-nursing .list-cat {
	background: #c6b190;
}
.category-school-facilities .list-cat {
	background: #3dc6c3;
}
.category-travel .list-cat {
	background: #F86C51;
}
.category-corporate .list-cat {
	background: #3081CC;
}
.category-motorcycle .list-cat {
	background: #AAAAAA;
}

.tag-movie {
	font-size: 12px;
	border: solid 1px #e60012;
	padding: 5px 10px;
}
.tag-movie a {
	color: #e60012;
}


.box-area {
	background: #999999;
	color: #fff;
	padding: 5px 10px;
	font-size: 12px;
	float:right;
}

.ayanavi-pagination .nav-links {
	display: inline-block;
	width: 100%;
}
.ayanavi-pagination{
   margin:40px 0;
}
.ayanavi-pagination .page-numbers{
   display:inline-block;
   margin-right:5px;
   padding:5px 10px;
   color:#333;
   border-radius: 50%;
   border:solid 1px #1e73be;
   width:40px;
   height:40px;
}
.ayanavi-pagination a.page-numbers:hover {
    background: #1e73be;
    color: #fff;
}
.ayanavi-pagination .current{
   color:#fff;
   background:#1e73be;
   border:solid 1px #1e73be;
}
.ayanavi-pagination .prev,
.ayanavi-pagination .next{
   background:transparent;
   border:solid 1px #1e73be;
   width: auto;
   border-radius: 30px;
}
.ayanavi-pagination .dots{
   background:transparent;
}


/*--------------------------------------------------------------
## Shop Detail
--------------------------------------------------------------*/
.single-post h1 {
  padding: 10px 0px 10px 60px;
  /*border-top: dotted 3px #e60012;*/
  border-bottom: dotted 3px #e60012;
  margin-top: 10px;
  margin-bottom: 20px;
  background-image: url("https://aya-navi.com/wp-content/themes/astra-child/images/shop/h1-shopdetail.png");
  background-position: left middle;
  background-repeat:no-repeat;
  font-size: 26px !important;
  font-weight: bold;
}
h2.h2-shop {
  font-size: 22px !important;
  font-weight:bold;
  position: relative;
  padding-bottom: 20px;
}
h2.h2-shop:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: -webkit-repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ccc, #ccc 2px, #fff 2px, #fff 4px);
}
h2.h2-shop i {
  color: #e60012;
  margin-right: 10px;
}
.category h2.h2-shop {
  background-image: url("https://aya-navi.com/wp-content/themes/astra-child/images/shop/h1-area.png");
  background-position: left middle;
  background-repeat:no-repeat;
  padding: 10px 0px 10px 45px;
}
.shop-category {
	margin-bottom:20px;
}
.shop-category .cat-links {
	font-size: 14px;
	padding: 5px 7px;
	color: #fff;
}
.shop-category .gourmet {
	background: #f39800;
}
.shop-category .cafesweets {
	background: #f78d99;
}
.shop-category .beauty {
	background: #c490bf;
}
.shop-category .lesson {
	background: #89c997;
}
.shop-category .shopping {
	background: #5fc2f1;
}
.shop-category .life {
	background: #a7d742;
}
.shop-category .hospital {
	background: #f19ec2;
}
.shop-category .nursing {
	background: #c6b190;
}
.shop-category .school-facilities {
	background: #3dc6c3;
}
.shop-category .travel {
	background: #F86C51;
}
.shop-category .corporate {
	background: #3081CC;
}
.shop-category .motorcycle {
	background: #AAAAAA;
}
/*.cat-links a {
	color: #fff;
}*/

.catchcopy {
  position: relative;
  background: #f9e2e2;
  line-height: 1.4;
  padding: 20px;
  margin: 2em 0 0.5em;
  border-radius: 0 5px 5px 5px;
  font-weight:bold;
  font-size:18px;
}

.catchcopy:after {
  position: absolute;
  font-family: "Font Awesome 5 Free",'Arial',sans-serif;
  font-weight: 900;
  content: '\f00c Check';
  background: #e60012;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.05em
}
/*.catchcopy {
	font-size: 20px;
	font-weight:bold;
	background: #f6cdcd;
	padding: 5px;
}*/

.btn-shop {
  color: #ffffff;
  background: #e60012;
  text-align: center;
  border-radius: 5px;
}
.btn-shop {
  width:200px;
  font-size: 18px;
  padding: 15px 40px;
  margin-left: auto;
  margin-right: auto;
}
.btn-shop:hover {
  background: #f7ddb2;
  color: #ffffff !important;
  text-decoration: none;
}
.btn-shop a {
  color: #ffffff;
}
.btn-shop i {
  margin-left: 15px;
}

.tbl-shopdetail {
	width: 100% !important;
    margin: 20px 0px 50px 0px;
	border: solid 1px #ccc !important;
	border-collapse: collapse;
}
.tbl-shopdetail th,
.tbl-shopdetail td {
	border: solid 1px #ccc;
	padding: 15px !important;
}
.tbl-shopdetail th {
	width: 25% !important;
	text-align: left;
    white-space: nowrap;
	background: #eeeeee !important; 
	font-weight: normal;
}

.list-pricedetail {
    margin: 20px 0px 30px 0px;
	padding: 0px;
}
.list-pricedetail li {
	border-bottom: dotted 1px #ccc;
	padding: 15px !important;
	list-style: none;
}

.gmap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.list-img {
	display: flex;
	justify-content:space-between;
	margin: 0px;
	padding: 0px;
	flex-wrap : wrap;
}
.list-img li {
	list-style: none;
	width: 32%;
	margin: 5px 0px;
}
.list-img::after {
    content: "";
    display: block;
    width: 32%;
}
.list-img img {
	width:100%;
	height:200px;
	object-fit: cover;
}

.news-title {
	font-weight: bold;
	font-size: 18px;
}

/*　同じカテゴリの店アイキャッチサイズ設定　*/
.ast-related-post-featured-section .post-thumb img {
	width:100%;
	height:200px;
	object-fit: cover;
}


/*--------------------------------------------------------------
## Special
--------------------------------------------------------------*/
.h3-sweets {
	font-size: 22px !important;
	font-weight: bold;
	color: #dc4c4d !important;
}

/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/
.search .page-title {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: dotted 3px #cccccc;
	margin-bottom: 20px;
	color:#3a3a3a;
}
.search section {
	border-bottom:none;
	margin-bottom:30px;
	padding-bottom:0px;
}
	
/*--------------------------------------------------------------
## Privacy Policy
--------------------------------------------------------------*/
.policy h2 {
	font-size: 26px !important;
	margin-top: 30px;
}


/*--------------------------------------------------------------
## Form
--------------------------------------------------------------*/
.required {
	background-color: #f19149;
	color: #FFF;
	font-size: 12px;
	padding: 3px;
    margin-left:10px;
    -webkit-border-radius: 3px;    
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.notrequired {
	background-color: #959595;
	color: #FFF;
	font-size: 12px;
	padding: 3px;
    margin-left:10px;
    -webkit-border-radius: 3px;    
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.tbl-contact {
	width: 100% !important;
    margin: 20px 0px;
	border: solid 1px #ccc !important;
	border-collapse: collapse;
}
.tbl-contact th,
.tbl-contact td {
	border: solid 1px #ccc;
	padding: 15px 15px 0px 15px !important;
}
.tbl-contact th {
	width: 35%;
	text-align: left;
    white-space: nowrap;
	background: #eeeeee; 
	font-weight: normal;
}
.sent .box-form {
    display: none;
}

.grecaptcha-badge { visibility: hidden; }

/*　アンケートフォーム用　*/
.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
        margin-bottom: 20px;
 
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}

/*--------------------------------------------------------------
## Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 1200px){	
	.shop-item {
		width: 33%;
		margin-bottom: 0px;
	}
	.shopilist-container .shop-item {
		width: 33%;
    	margin-bottom: 20px;
	}
	.btn-cat {
    	width: 32%;
	}
}
@media only screen and (max-width: 768px){	
	h2.h2-toppage {
	  margin-top: 0px;
	  margin-bottom: 0px;
	  font-size: 22px;
	}
	h2.h2-toppage img {
	  height:40px;
	}
	h1.h1-category {
		font-size:22px;
	}
	.blog h1.h1-category,
	.tax-area h1.h1-category {
	  background-size: auto 40px;
	  padding: 10px 0px 10px 50px;
	}
	.shop-item img {
		height:150px;
	}	
	.shop-item .shop-img p {
	  font-size: 11px;
	}
	.btn-cat {
    	width: 49%;
	}

	.list-item{
		width: 100%;
	} 
	.list-img img {
		height:180px;
	}
	.single-post h1 {
		padding: 10px 0px 10px 50px;
		font-size: 22px !important;
		background-size: auto 40px;
	}
	h2.h2-shop {
	  font-size: 20px;
	}
	
	/*　同じカテゴリの店アイキャッチサイズ設定　*/
	.ast-related-post-featured-section .post-thumb img {
		height:250px;
	}

    .tbl-contact th,
    .tbl-contact td{
        width: 100% !important;
        display: block !important;
        white-space:normal;
        padding-left:0px;
        padding-right: 0px;
		box-sizing: border-box;
    } 
    .tbl-contact th{
        border:none;
		padding-bottom:5px !important;
    } 
    .tbl-contact td{
        border:none;
    }
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 480px){
	.shop-item,
	.shopilist-container .shop-item {
		width: 100%;
	} 
	.shop-item h2 {
	  font-size:14px !important;
	}
	.shop-item img {
		height:auto;
	}
	.news-item {
		width: 100% !important;
	} 
	.news-item img {
		height:200px;
	}	
	.catchcopy {
	  font-size:16px;
	}	
	ul.list-area li {
		width:48%;
	}
	
	.list-img li {
		width:48%;
	} 
	.list-img img {
		height:130px;
	}

    .tbl-shopdetail th,
    .tbl-shopdetail td{
        width: 100% !important;
        display: block !important;
        white-space:normal;
		box-sizing: border-box;
    } 
    .tbl-shopdetail th{
        border:none;
        padding-bottom: 0px;
    } 
    .tbl-shopdetail td{
        border:none;
    }
	
}