@charset "utf-8";
/*
theme Name: ARUKITA1.2
Theme URI: https://kita-tokyo.karada.live/
Author: FPM (Create by Y's Projects Kusakabe)
Description: ARUKITA
Version: 1.2
*/

body{padding:10px;}

.tc{text-align:center;}
.fs10{font-size:10px;}

h2{color:#d84e8f;}
h3{color:#d84e8f; border-bottom:2px #d84e8f solid; padding:10px;}
.gallery-item{width:30% !important; margin:15px;}
.gallery img{border:0 !important; outline:1px #ccc solid; outline-offset:-1px; width:100%; height:auto;}
.gallery-caption{padding:20px; text-align:left;}

.page_content{}
.page_content img{max-width:100%; height:auto;}
.page_content .title1{color:#d84e8f; font-weight:bold; font-size:20px;}
.page_content .title2{border-left:3px #d84e8f solid; padding:2px 10px;}

@media screen and (max-width:800px) {
.gallery-item{margin:10px;}
}
@media screen and (max-width:450px) {
.gallery-item{float:none !important; width:auto !important;}
.gallery br{display:none;}
}






/*------------------------------------------

	shoplist

------------------------------------------*/
* {
  box-sizing: border-box;
}
img {
    max-width: 100%;
    height: auto;
    width /***/: auto;
    vertical-align: bottom;
}
/* clearfix
------------------------------------------*/

.cf::after {
    content: "";
    display: block;
    clear: both;
}

/*------------------------------------------
	search
------------------------------------------*/
.searchandfilter>ul>li{
	padding:0;
	margin:40px 0!important;
}
.searchandfilter ul{
	padding:0;
}

.searchandfilter ul li.sf-field-taxonomy-shop_cat,
.searchandfilter ul li.sf-field-taxonomy-shop_area,
.searchandfilter ul li.sf-field-search{
	padding:20px;
	border:2px #d84e8f solid;
	border-radius:5px;
}

.sf-field-taxonomy-shop_cat h4,
.sf-field-taxonomy-shop_area h4,
.sf-field-search h4{
	font-size: 18px!important;
	color:#d84e8f;
	text-align: center;
	margin:0 auto 10px auto;
}
.sf-field-taxonomy-shop_cat ul,
.sf-field-taxonomy-shop_area ul{
	padding:20px;
	background:#F2F2F2;
	border-radius:5px;
	overflow:hidden;
}
/*
.sf-field-taxonomy-shop_area ul li{
	width:50%;
	float:left;
}
*/
.searchandfilter ul li.sf-field-submit {
	text-align: center;
	margin:0;
}
.sf-field-submit input{
	width: 230px;
	font-size: 16px;
	color: #FFF;
	padding:1em 10px 1em 10px;
	margin: 0 auto;
	background:#d84e8f!important;
	border:none;
	border-radius:5px;
}

.sf-field-search label,
.sf-field-search input[type="text"]{
	width:100%;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    padding: 0.7em;
    width: auto;
font-size:1rem;
}
a.botan_back {
    display: block;
    border-radius: 6px;
    width: 230px;
    background: #F2F2F2 !important;
    padding: 10px;
    margin: 0 auto 20px;
    font-size: 16px;
    color:#222;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    border: none;
}
/*------------------------------------------
	shoplist
------------------------------------------*/

.shop-list{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding:0;
}

.shop-list li {
	width:49%;
	list-style: none;
	padding:10px;
	margin-bottom: 2%;
	border: 1px #ccc solid;
	border-radius:5px;
}
.shop-list-ttl p{
	font-size:14px;
	font-size:0.875rem;
	margin:0 0 10px;
}
.shop-list-ttl p .cat span:after{
	content:", ";
}
.shop-list-ttl p .cat span:last-child:after{
	content:"";
}

.shop-list-ttl h2{
	font-size: 20px;
	font-size: 1.25rem;
	color:#000;
	padding:0;
	margin:0 0 10px;
}
.shop-list .tokuten{
	font-size:14px;
	font-size:0.875rem;
	margin-bottom:10px;
	background:#F5F5F5;
}
.shop-list .tokuten dt{
	color:#d84e8f;
	font-weight:bold;
	padding:5px;
}
.shop-list .tokuten dd{
	padding:0 5px 5px;
	margin:0;
}
.shop-list .address{
	margin:0 0 10px;
}

.shop-list li a{
	display:block;
	padding:6px;
	color:#FFF;
	text-align:center;
	text-decoration: none;
	background:#d84e8f;
}
.search_count{
	color:#d84e8f;
	font-weight:bold;
}
.wp-pagenavi{
	font-size:14px;
	text-align:center;
	margin-bottom:40px;
}
.wp-pagenavi a, .wp-pagenavi span{
	display:inline-block;
	padding:5px 10px;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.shop-list{
	display:block;
}

.shop-list li {
	width:100%;
}
}
/*------------------------------------------
	ct_shop page
------------------------------------------*/

.shop-ttl{
	padding:10px 0;
	margin-bottom:20px;
	border-top:2px #d84e8f solid;
	border-bottom:1px #CCC dotted;
}

.shop-ttl p{
	font-size:14px;
	font-size:0.875rem;
	margin:0 0 10px;
}
.shop-ttl p .cat span:after{
	content:", ";
}
.shop-ttl p .cat span:last-child:after{
	content:"";
}
	
.shop-ttl h1{
	font-size: 24px;
	font-size: 1.5rem;
	padding:0;
	margin:0;
}
.shop-txt{
	margin-bottom:40px;
}
.shop-tokuten{
	margin-bottom:40px;
}
.shop-tokuten h3{
	font-size: 24px;
	font-size: 1.5rem;
	color:#d84e8f;
	text-align:center;
	padding:10px;
	border-bottom:1px #CCC dotted;
}
.shop-tokuten dt{
	width:150px;
	color:#d84e8f;
	font-weight:bold;
	padding:0 0 0.75em;
	float:left;
}
.shop-tokuten dd{
	width:100%;
	padding:0 0 0.75em 150px;
	margin:0 0 0.75em;
	border-bottom:1px #CCC dotted;
}
.shop-data{
	padding:20px;
	margin-bottom:40px;
	background:#F5F5F5;
	border-radius:5px;
}
.shop-data dl{
	width:57%;
	margin:0;
	float:left;
}
.shop-data dt{
	width:150px;
	padding:0 0 0.75em;
	font-weight:bold;
	float:left;
}
.shop-data dd{
	width:100%;
	padding:0 0 0.75em 150px;
	margin:0 0 0.75em;
	border-bottom:1px #CCC dotted;
	overflow-wrap: break-word;
}

.shop-data .gmap{
	width:40%;
	float:right;
}

.google_map {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 0;
	padding-bottom: 56.6%;
	padding-bottom: 100%;
	overflow: hidden;
}
.google_map iframe {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border:1px #FFF solid;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.shop-tokuten dt{
	width:100%;
	float:none;
}
.shop-tokuten dd{
	padding:0 0 0.75em 0;
	margin:0 0 0.75em;
	border-bottom:1px #CCC dotted;
}
.shop-data dl{
	width:100%;
	margin:0;
	float:none;
}
.shop-data dt{
	width:100%;
	float:none;
}
.shop-data dd{
	padding:0 0 0.75em 0;
}

.shop-data .gmap{
	width:100%;
	float:none;
}

}

/*------------------------------------------
	common
------------------------------------------*/
.inner{
max-width:1000px;
margin:0 auto;
}
.cmnmds01{
font-size:40px;
text-align:center;
}
p.lead{
margin-bottom:60px;
}
.cmnbtn01 {
    display: block;
    padding: 10px 20px 10px 10px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-bottom:20px;
    background: url("https://kita-tokyo.karada.live/wp-content/uploads/2022/05/arrow02.png") right center no-repeat #F0C2DA;
    border-radius: 5px;
}
.cmnbtn02 {
    display: block;
    padding: 17px 20px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    margin-bottom:20px;
    background: url("https://kita-tokyo.karada.live/wp-content/uploads/2022/05/arrow02.png") right center no-repeat #F0C2DA;
    border-radius: 5px;
}
.cmnbtn03 {
    display: block;
    padding: 17px 20px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    margin-bottom:20px;
    background: url("https://kita-tokyo.karada.live/wp-content/uploads/2022/05/arrow02.png") right center no-repeat #F4AA88;
    border-radius: 5px;
}
.cmnbtn04 {
    display: block;
    max-width:300px;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    padding: 12px;
    margin:0 auto 40px;
    background: #F08300;
    border-radius: 5px;
    z-index: 10;
}
.spbr{
display:none;
}
footer small {
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 30px;
}

@media (max-width: 1000px) {
.inner{
padding:0 3%;
}
}
@media (max-width: 480px) {
.cmnmds01{
font-size:30px;
}
.cmnbtn01 {
    font-size: 18px;
}
.spbr{
display:block;
}
}
/*------------------------------------------
	home
------------------------------------------*/
.home .page-title{
display:none;
}
.home .page-title+p{
display:none;
}

.home{
padding:0;
margin:0;
}
.header{
padding-bottom:40px;
background:url("https://kita-tokyo.karada.live/wp-content/uploads/2022/05/head_bg02.png") center bottom repeat-x;
}
.headbox{
padding:30px 0 8px;
background:url("https://kita-tokyo.karada.live/wp-content/uploads/2022/05/head_bg01.png") center bottom repeat-x;
background-size:contain;
}
.headbox h1.pttl{
font-size:42px;
margin:10px 0 0;
}

.pmenu{
list-style:none;
padding:0;
margin:0;
}
.pmenu li{
display:inline-block;
margin:0 0 10px 5px;
}
.pmenu a{
    display: block;
    font-size: 16px;
color:#000;
    font-weight: 600;
text-decoration:none;
    padding: 9px 10px 16px;
    background-image: url("https://kita-tokyo.karada.live/wp-content/uploads/2022/05/arrow01.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #F0C2DA;
    border-radius: 5px;
}
#partner-list{
margin:0 0 80px;
}
#partner-list .cmnbtn01 {
max-width:660px;
margin:0 auto;
}

#about-partner{
margin:0 0 80px;
}
.about-partner-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.about-partner-frm div{
width:49%;
}
.about-partner-frm .img{
text-align:center;
margin-bottom:20px;
}

.about-partner-frm .btnbox ul{
list-style:none;
padding:0;
margin:0;
}

#about-sponsorship{
margin:0 0 80px;
}
.about-sponsorship-btnbox01{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
list-style:none;
padding:0;
margin:0;
}
.about-sponsorship-btnbox01 li{
width:49%;
}
.about-sponsorship-btnbox02{
width:49%;
margin:0 auto;
}

#inquiry{
margin:0 0 0px;
}
.address-box {
    max-width:750px;
    text-align: center;
    padding: 1.5em;
    margin: 0 auto;
    border: 2px #D8508E solid;
}
.address-box dt {
    font-size: 21px;
    color: #D8508E;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.address-box dd {
    font-size: 18px;
    margin: 0;
}
.address-box dd a {
color:#000;
word-break: break-all;
}

@media (max-width: 768px) {
.sitettl{
width:200px;
}
.headbox h1.pttl{
font-size:30px;
}
.about-partner-frm div{
width:100%;
}
.about-sponsorship-btnbox01 li{
width:100%;
}
.about-sponsorship-btnbox02{
width:100%;
}
}

@media (max-width: 480px) {
.headbox h1.pttl{
font-size:24px;
}
.headbox{
background-size:cover;
}
}