/*
 Theme Name:   KOCHI-CHILD 1.0
 Template:     twentyseventeen
 Version:      1.0
*/

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

	Reset

------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

img{
  max-width: 100%;
  height: auto;
  width /***/:auto; /*IE8のみ適用*/
	vertical-align:bottom;
}
a img {
	border: none;
}
.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: none;
  box-shadow: none;
}
/* clearfix
------------------------------------------*/

.cf:before,
.cf:after {
	content:"";
	display:table; 
}

.cf:after {
	clear:both; 
}   

.cf {
	zoom:1; 
} 


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

	common

------------------------------------------*/
.inner {
    max-width: 980px;
    margin: 0 auto;
}
@media (max-width: 980px){
.wrap,
.page-one-column .panel-content .wrap,
.page-template-page-plain .panel-content .wrap,
.page-template-page-plain .wrap {
    max-width: 100%; 
    padding-left: 0;
    padding-right: 0;
}

.inner {
    width: 100%;
    padding: 0 3%;
}
}

@media screen and (min-width: 48em){
.wrap,
.page-one-column .panel-content .wrap,
.page-template-page-plain .panel-content .wrap,
.page-template-page-plain .wrap {
    max-width: 100%; 
    padding-left: 0;
    padding-right: 0;
}
}


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

	Header

------------------------------------------*/
header{
  position:relative;
  max-width:980px;
  height:160px;
  padding:54px 0 0;
  margin:0 auto;
}
.head-logo{
  width:255px;
  line-height:1;
}
.head-logo a{
  display:block;
  padding:10px 0;
}


/* grobal navigation (custom menu)
------------------------------------------*/
.grobal-nav {
  position:absolute;
  width:calc(100% - 300px);
  top:52px;
  right:0;
}
#menu-grobal-menu{
  display:table;
  width:100%;
  margin:0;
}
#menu-grobal-menu li{
  display:table-cell;
  margin:0;
}
#menu-grobal-menu li a{
  display:block;
  font-size:18px;
  font-weight:600;
  text-align:center;
  padding:13px 10px;
}
#menu-grobal-menu li a:hover,
#menu-grobal-menu li.current-menu-item a{
  opacity:0.8;
}

#toggle {
	display: none;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
header{
  height:60px;
  padding:5px 0 0;
}
.head-logo{
  margin-left:3%;
}

.grobal-nav{
width:100%;
margin-left:0;
margin-right:0;
}
.menu-grobal-menu-container{
	position:absolute;
	width:100%;
	top:8px;
	display: none;
	z-index:20;
}

#menu-grobal-menu{
	display:block;
	background:rgba(255,247,56,0.9);
}
#menu-grobal-menu li{
	display:block;
	border-top:1px #FFF solid;
}

#toggle{
	display:block;
	position:absolute;
	top:18px;
	right:3%;
	cursor:pointer;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 25px;
	height: 19px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #000;
	border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 8px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

#toggle.gnavon .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
#toggle.gnavon .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
#toggle.gnavon .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}
}/* end 900px */

@media (max-width: 900px) {
}

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

	footer

------------------------------------------*/
footer .footer-inner{
  position:relative;
  max-width:980px;
  padding:60px 3%;
  margin:0 auto;
}
footer .footer-inner p{
  margin-bottom:10px;
}
footer .footer-inner .fbox{
  max-width:660px;
  margin:0 auto;
}
footer .fmds {
    font-size: 18px;
    font-weight: bold;
}
footer .ftxt {
    font-size: 18px;
}
footer .footer-inner ul{
  margin:0 auto;
  list-style-type:none;
}

footer .footer-inner ul .ftel{
  padding:10px 0 10px 40px;
  background:url("images//icon_tel.png") 0 center no-repeat;
}
footer .footer-inner ul .fmail{
  padding:10px 0 10px 40px;
  background:url("images//icon_mail.png") 0 center no-repeat;
}

footer small{
  display:block;
  font-size:16px;
  text-align:center;
  padding:10px 10px 0;
}
footer .spbr{
  display:none;
}
.totop{
  position:absolute;
  right:0;
  bottom:20px;
}
.totop a{
  display: block;
  width: 76px;
  height: 76px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("images//totop.png") 0 0 no-repeat;
  background-size:contain;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
footer .footer-inner{
  width:100%;
  font-size:14px;
  padding:40px 3% 20px;
}

footer small{
font-size:14px;
}
footer .footer-inner ul li{
width:100%;
margin:10px 0;
}

footer .footer-inner ul .ftel,
footer .footer-inner ul .fmail{
  display:inline-block;
  padding:10px 0 10px 40px;
  margin:0 auto;
}
footer .spbr{
  display:block;
}

.totop{
  right:50%;
  bottom:auto;
  top:-20px;
  margin-right:-20px;
}
.totop a{
  width: 40px;
  height: 40px;
}

}
/*------------------------------------------

	Common

------------------------------------------*/
body{
  line-height:1.6;
  background: #FFF;
}
body .site-content {
  padding: 0 !important;
}

body.page-template-page-plain .site-content-contain{
  background:transparent;
}

h1,h2{
  color:#333 !important;
}


.error404 .site-main{
  display:none;
}


#content .wrap{
  background:#FFF;
}
.page-template-page-plain #content .wrap,
.single-ct_shop #content .wrap,
.post-type-archive-ct_shop #content .wrap {
  background:transparent;
}
.home #content .wrap{
  padding:0;
} 
.sec{
  margin-bottom:60px;
  clear:both;
}
.menu{
  list-style-type:none;
}
a,
.entry-content a{
  text-decoration:underline;
  transition: opacity .3s,background-color .3s;
}

header a,
.grobal-nav a,
.page-navigation a{
  text-decoration:none;
}

a:hover{
  opacity:0.8;
}

.simple-list{
  list-style:none;
}
.simple-list li{
  text-indent:-1em;
  padding-left:1em;
  margin:0 0 0.3em;
}
.simple-list li:before{
  content:"・";
}

.note{
  font-size:15px;
  font-size:0.9375rem;
  text-indent:-1em;
  padding-left:1em;
}

.note:before{
  content:"※";
}
.cap{
  margin-top:-10px;
}

h1.pttl{
  color:#FFF !important;
  text-align:center;
  padding:60px 0;
  margin-bottom:60px;
  background:url("https://kochi.cheetasu.jp/wp-content/uploads/2020/09/land-head-bg.jpg") center -400px no-repeat;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 480px) {
h1.pttl{
  padding:20px 0;
  margin-bottom:20px;
}

}
/*--------------------------------------------------------------
	midashi
--------------------------------------------------------------*/
.cmnmds01{
  font-size: 22px;
  color:#000;
  font-weight: 700;
  padding:10px !important;
text-align:center;
}
.cmnmds02{
  font-size:18px;
  color:#7A161B;
  font-weight:bold;
  padding:0 0 20px;
  text-align:center;
  border-bottom:1px #7A161B solid;
}

/*--------------------------------------------------------------
	flexbox
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	button
--------------------------------------------------------------*/
a.cmnbtn01{
  max-width: 250px;
  width: 100%;
  background-color: #666;
  font-size: 16px;
  color:#FFF;
  line-height: 1;
  text-align: center;
  font-weight: 700;
  border-radius: 30px;
  display: block;
  padding:20px;
  margin:0 auto 40px;
  text-decoration:none;
}
a.cmnbtn01:hover{
  opacity:0.8;
}


/*--------------------------------------------------------------
	plain template setting
--------------------------------------------------------------*/

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

	landing page

--------------------------------------------------------------*/
.land-head{
  position:relative;
  padding:30px 0 10px;
  background:url("https://kochi.cheetasu.jp/wp-content/uploads/2020/09/land-head-bg.jpg") center center no-repeat;
  background-size:cover;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.land-head01{
  width:56%;
}
.land-ttl{
  position:relative;
  padding-left:calc(100% - 548px);
  background:rgba(255,255,255,0.8);
  border-radius:0 10px 10px 0;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.land-ttl-inner{
  padding:50px;
}
.land-ttl h1{
  text-align:center;
  padding:0;
  margin:0 0 30px;
}
.land-ttl .txt01{
  font-size:22px;
  font-weight:700;
  line-height:1.6;
  text-align:center;
  margin:20px 0;
}
.land-ttl .txt01 a{
  color:#D91E7C;
  text-decoration:underline;
}
.land-ttl .txt02{
  font-size:18px;
  font-weight:700;
  letter-spacing: 0.1em !important;;
  text-align:center;
  margin:20px 0;
}
.land-ttl .bnr-list{
  display:flex;
  justify-content: space-around;
  flex-wrap:wrap;
  align-items:center;
  list-style-type:none;
  margin:0;
}
.land-ttl .bnr-list li{
  width:48%;
  text-align:center;
}
.land-head-spimg{
  display:none;
  width:120px;
  margin:20px auto 0;
}


.land-head02{
  width:44%;
}
.land-head02 img{
  width:288px;
  margin:-5px 0 0 72px;
}
.land-sec{
  padding:60px 0 40px;
}
.land-sec .inner{
  max-width:980px;
  margin:0 auto;
}

.land-sec01{
  text-align:center;
}
.land-sec01 h2{
  font-size:27px;
  font-weight:700;
  margin:0 0 30px;
}
.land-sec01 .txt{
  font-size:18px;
  font-weight:700;
  line-height:2;
  background:url("https://kochi.cheetasu.jp/wp-content/uploads/2020/09/land-bg01.png") center center no-repeat;
}




.land-sec02{
  position:relative;
  padding:80px 0 40px;
  background:url("https://kochi.cheetasu.jp/wp-content/uploads/2020/09/land-bg02.png") center 0;
}
.land-point-list{
  list-style-type:none;
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width:740px;
  margin:0 auto;
}
.land-point-list li{
  width:348px;
  padding:30px 20px 10px;
  margin-bottom:40px;
  background:#FFF;
  border:1px #D5E6F5 solid;
  border-radius:16px;
}
.land-point-list li .num{
  display:-block;
  width:80px;
  font-size:14px;
  color:#7A161B;
  font-weight:bold;
  line-height:1;
  text-align:center;
  padding:0 0 10px;
  margin:0 auto 30px;
  border-bottom:4px #7A161B solid;
}
.land-point-list li .head{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
  margin-bottom:30px;
}
.land-point-list li .head .img{
  width:80px;
}
.land-point-list li .head h3{
  width:calc(100% - 100px);
  font-size:18px;
  padding:0;
  margin:0;
}

.land-sec03{
  padding:60px 0 20px;
  text-align:center;
  background:#F5E9E9;
}
.land-sec03 h2{
  display:inline-block;
  font-size:27px;
  padding:20px 0 20px 100px;
  margin-bottom:30px;
  background:url("https://kochi.cheetasu.jp/wp-content/uploads/2020/09/logo02.png") 0 center no-repeat;
  background-size:80px 80px;
}
.land-sec03 .txt{
  line-height:1.8;
  margin-bottom:30px;
}
.land-sec03 .dl-box{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  max-width:800px;
  align-items: center;
  margin:0 auto 30px;
  list-style-type:none;
}
.land-sec03 .dl-box li{
  width:46%;
  margin-bottom:40px;
}
.land-sec03 .dl-box li .mds{
  font-size:23px;
  font-weight:bold;
}
.land-sec03 .dl-box li .bnrbox{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  align-items: center;
}
.land-sec03 .dl-box li .bnrbox div{
  width:50%;
  text-align:center;
}
.land-sec03 .dl-box li .bnrbox div:nth-child(2) img{
  width:100px;
}

.land-sec04 h2{
  font-size:27px;
  line-height:2;
  text-align:center;
  margin-bottom:30px;
}
.land-sec04 h2 span{
  background: linear-gradient(transparent 90%, #D91E7C 0%);
  display: inline;
  padding: 0 2px 10px;
}
.land-sec04 h2 span .spbr{
  display:none;
}

.land-sec04 .txt{
  line-height:1.8;
  text-align:center;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
.land-head-inner{
  height:auto;
  padding-bottom:20px;
}
.land-head02{
text-align:center;
}
.land-head02 img{
  margin:-5px 0 0;
}
.land-sec .inner{
  width:100%;
  padding:0 3%;
}
}
@media (max-width: 768px) {
.land-head{
  padding:30px 0;
}
.land-head01{
  width:100%;
  padding:0 3%;
}
.land-head02{
  display:none;
}
.land-ttl{
  padding:20px 2%;
  border-radius:20px;
}
.land-ttl-inner{
  padding:3%;
}

.land-head-spimg{
  display:block;
}
.land-sec01 .txt{
  width:100%;
  font-size:16px;
  text-align:left;
}
.land-sec01 .txt .pcbr{
  display:none;
}
.land-sec01 .img{
  width:100%;
  text-align:center;
  margin-bottom:20px;
}
.land-point-list,
.land-point-list li{
  width:100%;
}
.land-point-list li .head .img{
  width:80px;
  margin:0 auto 20px;
}
.land-point-list li .head h3{
  width:100%;
  text-align:center;
}
.land-point-list li .txt br{
  display:none;
}

.land-sec03 .txt{
  text-align:left;
}

.land-sec03 .dl-box li{
  width:100%;
}
.land-sec04 .txt{
  text-align:left;
}
.land-sec04 .txt .pcbr{
  display:none;
}

}
@media (max-width: 480px) {
.land-ttl .txt01{
  font-size:24px;
}
.land-sec03 h2{
  padding:100px 0 20px 0;
  background:url("https://kochi.cheetasu.jp/wp-content/uploads/2020/09/logo02.png") center 0 no-repeat;
  background-size:80px 80px;
}
.land-sec03 .dl-box li .mds{
  font-size:20px;
}
.land-sec04 h2 span .spbr{
  display:block;
}

}
/*--------------------------------------------------------------

	point

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

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

	shoplist

------------------------------------------*/
/*------------------------------------------
	search
------------------------------------------*/
.shoplist-head h1{
  text-align:center;
}
.searchandfilter>ul>li{
	padding:0;
	margin:40px 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 #7A161B solid;
	border-radius:5px;
}

.sf-field-taxonomy-shop_cat h4,
.sf-field-taxonomy-shop_area h4,
.sf-field-search h4{
	font-size: 22px;
	color:#000;
	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{
	max-width: 250px;
	width:100%;
	font-size: 16px;
	color: #333;
	padding:20px;
	margin: 0 auto;
	background: #FFF738!important;
	background-size:21px 19px!important;
	border-radius: 30px;
	transition: opacity .3s,background-color .3s;
}
.sf-field-submit input:hover{
opacity:0.8;
}

.sf-field-search label,
.sf-field-search input[type="text"]{
	width:100%;
}

/*------------------------------------------
	shoplist
------------------------------------------*/
.post-type-archive-ct_shop sec{
margin-top:20px;
}


.shop-list{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.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-bottom: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;
	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:#009FE8;
	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:#333;
	text-align:center;
	text-decoration: none;
	background:#FFF738;
	border-radius:19px;
}
.search_count{
	color:#7A161B;
	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 #7A161B solid;
	border-bottom:1px #CCC dotted;
}

.shop-ttl p{
	font-size:14px;
	font-size:0.875rem;
	margin-bottom: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 h2{
	font-size: 24px;
	font-size: 1.5rem;
	color:#009FE8;
	text-align:center;
	padding:10px;
	border-bottom:1px #CCC dotted;
}
.shop-tokuten dt{
	width:150px;
	color:#009FE8;
	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;
	float:left;
}
.shop-data dd{
	width:100%;
	padding:0 0 0.75em 150px;
	margin:0 0 0.75em;
	border-bottom:1px #CCC dotted;
}

.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;
}
.btn_back{
	display:block;
	border-radius: 6px;
	width: 230px;
	background: #F2F2F2 !important;
	padding:10px; 
	margin: 0 auto 20px;
	font-size: 16px;
	font-weight: normal;
	text-align:center; 
	text-decoration:none;
	border:none;
}

/*-- ■ 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;
}

}

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

	faq

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

.faq-list dt{
	padding:10px 10px 10px calc(10px + 1.3em);
	margin-bottom:1em;
	text-indent:-1.3em;
	background:#F2F2F2;
}

.faq-list dt:before{
	content:"Q. ";
	color:#7A161B;
}
.faq-list dd{
	padding:0 0 0 calc(10px + 1.3em);
	margin:0 0 2em 0;
	text-indent:-1.3em;
}

.faq-list dd:before{
	content:"A. ";
	color:#999;
	font-weight:bold;
}



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

	maintenance

------------------------------------------*/
.maintenance h1{
  text-align:center;
  margin-top:40px;
}
.maintenance .txt{
  font-size:20px;
  text-align:center;
}