/*
 Theme Name:   RSA1.1
 Description:  RSA
 Version:      1.1.0
*/
/*-------------------------------------------
	fonts
--------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

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

A modern CSS reset

Copyright (c) 2019 Andy Bell and other contributors

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

------------------------------------------*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"],
ol[role="list"] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.6;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
/*  display: block;*/
  display: inline;
height:auto;

}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
   scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


a img {
	border: none;
}


/*-------------------------------------------
	general
--------------------------------------------*/
body {
font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "MS PGothic", Osaka, sans-serif !important;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bg03.png") center top no-repeat;
}
body.home {
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bg01.png") center top no-repeat;
}
p{
margin:1em 0;
}
p:first-child{
margin:0 0 1em;
}


.fade-layer,
body:before{
    content: '';
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:99999;
}
body.fade-layer-off:before{
    content: none;
}
/*------------------------------------------

	Header

------------------------------------------*/
header{
position:relative;
max-width:1000px;
height:100px;
margin:0 auto;
}

.head-logo{
position:absolute;
top:0;
left:0;
padding:20px 0 0;
}
.navbox{
position:absolute;
width:calc(100% - 280px);
top:24px;
left:280px;
}
.navbox .btn{
position:absolute;
top:0;
right:0;
}

a.btn-inquiry {
position: relative;
top: 0px;
right: 0px;
display: inline-block;
width:210px;
font-size:16px;
color:#FFF;
font-weight:700;
text-align:center;
text-decoration:none;
padding:13px;
margin:0;
background-color: #00AECB;
border-radius: 26px;
transition: .3s;
}
a.btn-inquiry:after {
content: "";
width: 100%;
height: 100%;
background: repeating-linear-gradient(45deg,#ccc,#ccc 5px,transparent 0,transparent 10px);
border-radius: 25px;
position: absolute;
top: 5px;
left: 5px;
z-index: -10;
transition: .3s;
}

a.btn-inquiry:hover{right:-5px;top:5px;opacity:1}
a.btn-inquiry:hover:after{opacity:0}


/* grobal navigation (custom menu)
------------------------------------------*/
.grobal-nav {
}
#menu-grobal-menu{
width:calc(100% - 220px);
padding:0;
 margin:0;
text-align:left;
}
#menu-grobal-menu li{
display:inline-block;
}
#menu-grobal-menu li a{
display:block;
font-size:16px;
color:#000;
font-weight:600;
line-height:1;
padding:18px 40px 18px 0;
text-align:center;
}
#menu-grobal-menu li a:hover,
#menu-grobal-menu li.current-menu-item a{
opacity:0.8;
}
.menu{
list-style-type:none;
}


#toggle {
	display: none;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 1000px) {
header{
height:60px;
}
p.head-logo{
width:160px;
padding:0;
margin:6px 0 6px 3%;
}
.httl a{
  padding:11px 0;
}
.navbox{
position:relative;
top:auto;
left:auto;
width:100%;
padding:20px;
margin:0;
display: none;
z-index:10;
	background:rgba(255,255,255,0.9);
}
.navbox .btn{
position:relative;
}

.grobal-nav{
position:relative;
width:100%;
margin-left:0;
margin-right:0;
}
#menu-grobal-menu{
display:block;
width:80%;
margin:0 auto 20px;
}
#menu-grobal-menu li{
width:100%;
display:block;
}
#menu-grobal-menu li a{
text-align:center;
padding: 15px 0;
background-size:28.75px 30px;
}

#toggle{
	display:block;
	position:absolute;
	top:20px;
	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;
z-index:100;
}
.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 */


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

	footer

------------------------------------------*/
#footer{
padding:20px 0 120px;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bg02.png") center bottom repeat-x;
}
#footer .inner{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.fttl{
width:190px;
padding:5px 0;
}
.fttl a{
display:inline-block;
}
.footer-nav{
width:calc(100% - 400px);
}
#menu-footer-menu{
padding:0;
margin:0;
}
#menu-footer-menu li{
display:inline-block;
margin:0;
}
#menu-footer-menu li a{
display:block;
font-size:14px;
color:#000;
font-weight:bold;
text-decoration:none;
padding:15px 40px 15px 0;
}
.fbtn{
position:relative;
width:210px;
padding-bottom:10px;
}
@media (max-width: 620px) {
.fttl{
width:100%;
padding:0;
margin-bottom:10px;
text-align:center;
}
.footer-nav{
width:100%;
margin-bottom:10px;
}
#menu-footer-menu li{
width:100%;
text-align:center;
}
#menu-footer-menu li a{
padding:15px 0 15px 0;
}
.fbtn{
width:100%;
text-align:center;
}

}

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

	Common

------------------------------------------*/
#main{
}
.home #main{
}

.inner{
max-width:1000px;
margin:0 auto;
}
.inner02{
max-width:830px;
margin:0 auto;
}

.sec{
clear:both;
padding-bottom:80px;
}

.menu{
list-style-type:none;
}
a{
color:#000;
text-decoration:none;
transition: opacity .4s,background-color .4s;
}

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;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 1000px) {
.inner{
padding:0 3%;
margin:0;
}
}
@media (max-width: 830px) {
.inner02{
padding:0 3%;
margin:0;
}
}
@media (max-width: 781px) {
.cap{
text-align:left;
}
}
@media (max-width: 600px) {
}

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

	page-header

------------------------------------------*/
header{
text-align:center;
}
.thead{
position:relative;
padding:40px 0 84px;
padding:40px 0 14px;
margin-bottom:80px;
background:url("https://gunma.karada.live/wp-content/uploads/2021/02/tmain.jpg") no-repeat #BAE3F9;
background-size:cover;
background-position:center center;
}
.thead-ttl{
text-align:center;
margin:0;
}
.thead-ribbon{
text-align:center;
margin-top:-20px;
}

.thead:after{
position:absolute;
bottom:0;
left:0;
content:"";
background-image:url("https://gunma.karada.live/wp-content/uploads/2021/02/main_frm.png");
background-size:cover;
width:100%;
height:0;
padding-top:9.615%;
display:block;
z-index:10;
}

.head-frm{
width:100%;
position:absolute;
bottom:0;
left:0;
}
.head-frm img{
width:100%;
height:auto;
}



.phead{
text-align:center;
padding:80px 0 120px;
}
.phead h1{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:36px;
font-weight:500;
}



/*-- ■ Media Queries ■ --*/
@media (max-width: 900px) {
}/* end 900px */

@media (max-width: 781px) {

}/* end 781px */

@media (max-width: 620px) {
.pagettl{
margin-bottom:40px;
}
}/* end 620px */

@media (max-width: 480px) {
.thead{
margin-bottom: 40px;
}
.phead{
padding:40px 0;
margin-bottom: 40px;
}

}/* end 480px */


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

	common

------------------------------------------*/
.edit-body{
padding:0 0 120px;
}
.edit-body h2{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:28px;
font-weight:500;
padding-bottom:20px;
margin:60px 0 40px;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bullet01.png") bottom left no-repeat;
}
.edit-body h2:first-child{
margin:0 0 40px;
}
.edit-body h3{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:24px;
font-weight:500;
margin:60px 0 40px;
}
.edit-body h4{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:20px;
font-weight:500;
margin:60px 0 40px;
}
.edit-body ul,
.edit-body ol{
margin:40px 0;
}

.edit-body ul ul,
.edit-body ol ul,
.edit-body ul ol,
.edit-body ol ol{
margin:10px 0;
}
.edit-body .wp-block-columns{
margin:60px 0;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.edit-body h2{
font-size:22px;
}
}

/*--------------------------------------------------------------
	midashi
--------------------------------------------------------------*/
.cmnmds01,
.edit-body h2.cmnmds01{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:28px;
font-weight:500;
text-align:center;
padding-bottom:20px;
margin-bottom:40px;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bullet01.png") bottom center no-repeat;
}

.home .cmnmds01{
margin-bottom:60px;
}

.cmnmds02,
.edit-body h2.cmnmds02{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:28px;
font-weight:500;
padding-bottom:20px;
margin-bottom:40px;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bullet01.png") bottom left no-repeat;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.cmnmds01,
.edit-body h2.cmnmds01,
.cmnmds02,
.edit-body h2.cmnmds02{
font-size:22px;
}
}

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

.flbox1-1,
.flbox2-1,
.flbox1-2,
.flbox1-1-1{
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	margin-top:60px;
}

.flbox1-1>div,
.flbox1-1>figure{
	width:46%;
	margin-bottom:60px;
}
.flbox2-1>div:nth-child(1){
	width:55%;
	margin-bottom:60px;
}
.flbox2-1>div:nth-child(2),
.flbox2-1>figure{
	width:37%;
	margin-bottom:60px;
}
.flbox1-2>div:nth-child(1),
.flbox1-2>figure{
	width:37%;
	margin-bottom:60px;
}
.flbox1-2>div:nth-child(2){
	width:55%;
	margin-bottom:60px;
}
.flbox1-1-1>div{
	width:30%;
	margin-bottom:60px;
}
.flbox1-1 img,
.flbox2-1 img,
.flbox1-2 img,
.flbox1-1-1 img{
display:block;
margin:0 auto;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.flbox1-1>div,
.flbox1-1>figure,
.flbox2-1>div:nth-child(1),
.flbox2-1>div:nth-child(2),
.flbox2-1>figure,
.flbox1-2>div:nth-child(1),
.flbox1-2>figure,
.flbox1-2>div:nth-child(2),
.flbox1-1-1>div{
	width:100%;
}
}

/*--------------------------------------------------------------
	button
--------------------------------------------------------------*/
a.cmnbtn01{
	display:block;
	max-width:210px;
	padding:13px;
	font-size:16px;
	color:#FFF;
	font-weight:700;
	text-decoration:none;
	text-align:center;
	margin:0 auto;
	background:#865997;
	border-radius:28px;
}
a.cmnbtn01:visited,
a.cmnbtn01:hover,
a.cmnbtn01:focus,
a.cmnbtn01:active {
	color:#FFF;
	outline:none;
}
.cmnbtn01-off{
	display:block;
	max-width:400px;
	padding:10px;
	font-size:20px;
	color:#999;
	font-weight:bold;
	text-align:center;
	margin:0 auto 40px;
	background:#CCC;
	border-radius:28px;
}
.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: 620px) {
}

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

	HOME

------------------------------------------*/
#top-head{
padding:13px 0 40px;
}
.top-head-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
align-items:center;
}
.top-head-frm .txt{
width:64%;
}
.top-head-frm .txt .ttl{
margin-bottom:30px;
}
.top-head-frm .txt .mds{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:22px;
font-weight:500;
padding-bottom:15px;
margin-bottom:20px;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bullet01.png") bottom left no-repeat;
}
.top-head-frm .txt .lead{
font-weight:500;
line-height:180%;
margin-bottom:30px;
}
.top-head-frm .img,
.top-head-frm figure{
width:34%;
text-align:center;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.top-head-frm .txt{
width:100%;
order:1;
}
.top-head-frm .img,
.top-head-frm figure{
width:100%;
text-align:center;
order:0;
}
.top-head-frm .img img,
.top-head-frm figure img{
width:240px;
}
}
@media (max-width: 620px) {
.top-head-frm .txt .lead br{
display:none;
}
}
/*------------------------------------------
	top-about
------------------------------------------*/
#top-about{
padding-bottom:140px;
}
#top-about .img,
#top-about figure{
text-align:center;
margin-bottom:40px;
}
#top-about .catch{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:22px;
font-weight:500;
text-align:center;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
#top-about .catch{
font-size:18px;
}
}
/*------------------------------------------
	top-case
------------------------------------------*/
#top-case{
margin-bottom:60px;
}
.top-case-list{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
padding:0;
}
.top-case-list li{
width:21%;
list-style:none;
margin-bottom:80px;
text-align:center;
}
.top-case-list li p{
font-size:22px;
font-weight:700;
list-style:none;
margin:0;
}
.top-case-list::before{
display:block;
content:"";
width:21%;
order:1;
}
.top-case-list::after{
display:block;
content:"";
width:21%;
}
#top-case .inner>p{
text-align:center;
margin-bottom:80px;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.top-case-list li{
width:48%;
}
.top-case-list li p{
font-size:18px;
}
}

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

	CASE

------------------------------------------*/
#case-head{
padding:20px 0 120px;
}
.case-head-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.case-head-frm .ttl{
width:100%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:36px;
font-weight:500;
margin-bottom:10px;
}

.case-head-frm .ttl02{
width:100%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:24px;
font-weight:500;
margin-bottom:10px;
}

.case-head-frm .ttl03{
width:100%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:36px;
font-weight:500;
text-align:center;
margin-top:40px;
}

.case-head-frm .case-nav{
width:73%;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom:15px;
}
.case-head-frm .case-nav a{
display: flex;
align-items: center;
justify-content: center;
min-height:34px;
width:19%;
font-size:10px;
color:#FFF;
font-weight:500;
line-height:1.2;
text-align:center;
padding:5px;
margin-bottom:5px;
background:#865997;
}
.case-head-frm .case-nav a.addmenu{
background:#00A5C8;
}
.case-head-frm .case-nav div{
width:19%;
}
.case-head-frm .case-nav a:first-child{
background:#73BA29;
}
.case-head-frm .txt{
width:73%;
font-weight:500;
line-height:180%;
}
.case-head-frm .img{
width:20%;
text-align:center;
}
.case-head-frm .img img{
max-width:160px;
width:100%;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.case-head-frm .ttl{
width:100%;
font-size:30px;
order:1;
}
.case-head-frm .ttl02{
width:100%;
order:0;
}
.case-head-frm .ttl03{
width:100%;
font-size:30px;
order:3;
}


.case-head-frm .case-nav{
width:100%;
order:2;
}
.case-head-frm .txt{
width:100%;
order:3;
}
.case-head-frm .img{
width:100%;
margin-bottom:40px;
order:0;
}
}
@media (max-width: 480px) {
.case-head-frm .case-nav a{
width:100%;
min-height:auto;
padding:12px 5px;
}
.case-head-frm .case-nav div{
width:100%;
}
}
/*------------------------------------------
	case-about
------------------------------------------*/
#case-about{
padding:0 0 120px;
}
#case-about .txt{
line-height:1.8;
}
/*------------------------------------------
	case-detail
------------------------------------------*/
#case-detail{
padding:100px 0 70px;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bg05.png") center bottom repeat-x #EAF5FC;
}
.case-detail-frm{
padding:0;
}

.case-detail-frm li{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom:50px;
}
.case-detail-frm li:nth-child(even){
flex-direction: row-reverse;
}
.case-detail-frm li .txt{
width:55%;
}
.case-detail-frm li .img{
width:37%;
text-align:center;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.case-detail-frm li .txt{
width:100%;
margin-bottom:40px;
}
.case-detail-frm li .img{
width:100%;
}

}

/*------------------------------------------
	case-download
------------------------------------------*/
#case-download{
padding:220px 0 120px;
text-align:center;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/bg04.png") center top no-repeat;
}
#case-download .name{
font-family: "M PLUS Rounded 1c", sans-serif;
font-size:28px;
font-weight: 500;
margin-bottom:10px;
}
#case-download .img{
margin-bottom:40px;
}
#case-download .img img{
max-width:160px;
}
#case-download .mds{
font-weight:700;
margin-bottom:20px;
}
#case-download .bnrbox a{
display:inline-block;
margin:0 5px 10px;
}
/*------------------------------------------
	case-list
------------------------------------------*/
#case-list{
padding:0 0 50px;
}
.case-list-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
padding:0;
}
.case-list-frm div{
width:15%;
list-style:none;
margin-bottom:40px;
text-align:center;
}
.case-list-frm div img{
max-width:100px;
width:100%;
}
.case-list-frm div p{
font-weight:700;
margin:0;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.case-list-frm div{
width:22%;
}
}
@media (max-width: 480px) {
.case-list-frm div{
width:48%;
}
}

/*------------------------------------------
	shop-list
------------------------------------------*/
.shop-list{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
padding:0;
margin-bottom:60px;
}

.shop-list a{
display: flex;
align-items: center;
width:33%;
padding:10px 10px 10px 38px;
margin-bottom:20px;
background:url("https://regionalsuper.app/wp-content/uploads/2022/09/icon_shop.png") 10px center no-repeat #FAF6F9;
background-size:18px 12px;
}
.shop-list::after{
content:"";
width:30%;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.shop-list a{
width:49%;
}
}
@media (max-width: 480px) {
.shop-list a{
width:100%;
}
}

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

	SHOP

------------------------------------------*/
#shop-head{
padding:20px 0 120px;
}
.shop-head-frm{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.shop-head-frm .ttl03{
width:100%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:36px;
font-weight:500;
text-align:center;
margin:40px 0 0;
}
.shop-head-frm .ttl02{
width:100%;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size:24px;
font-weight:500;
margin-bottom:10px;
}

.shop-head-frm .shop-nav{
width:73%;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom:15px;
}
.shop-head-frm .shop-nav a{
display: flex;
align-items: center;
justify-content: center;
min-height:34px;
width:19%;
font-size:10px;
color:#FFF;
font-weight:500;
line-height:1.2;
text-align:center;
padding:5px;
margin-bottom:5px;
background:#865997;
}
.shop-head-frm .shop-nav div{
width:19%;
}
.shop-head-frm .shop-nav a:first-child{
background:#73BA29;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 781px) {
.shop-head-frm .ttl03{
width:100%;
font-size:30px;
order:3;
}


.shop-head-frm .shop-nav{
width:100%;
order:2;
}
}
@media (max-width: 480px) {
.shop-head-frm .shop-nav a{
width:100%;
min-height:auto;
padding:12px 5px;
}
.shop-head-frm .shop-nav div{
width:100%;
}
}


.shop-frm{
	padding:3%;
	margin-bottom:80px;
	border:4px #F6EEF4 solid;
	border-radius:5px;
}

.shop-ttl{
	margin-bottom:10px;
}

.shop-ttl p{
	font-size:14px;
	font-size:0.875rem;
	margin-bottom:10px;
}
.shop-ttl p>span span{
	display:inline-block;
	font-size:10px;
	color:#FFF;
	line-height:1;
	padding:5px;
	margin-right:5px;
	background: #865997 ;
	border-radius:3px;
}

.shop-ttl p .cat span:before,
.shop-ttl p .area span:before{
}
.shop-ttl p .cat span:first-child:before,
.shop-ttl p .area span:first-child:before{
	content:"";
}



	
.shop-ttl h1{
	position:relative;
	font-size: 24px;
	font-size: 1.5rem;
	padding:0;
	margin:0;
}
.shop-data{
	justify-content:space-between;
	flex-wrap: wrap;
	display: flex;
}
.shop-data dl{
	width:57%;
	padding-top: 0.75em;
	margin:0;
	border-top:1px #CCC dotted;
}
.shop-data dt{
	width:150px;
	padding:0 0 0.75em;
	float:left;
	color:#865997;
}
.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%;
}

.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;
}
.shop-data dt{
	width:100%;
	float:none;
}
.shop-data dd{
	padding:0 0 0.75em 0;
}

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

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

	contact

------------------------------------------*/
.page-contact .formbox{
max-width:830px;
margin:0 auto;
}
.page-contact #tayorin{
max-width:100%;
padding:0;
}
.page-contact #tayorin table{
width:100%;
}
#tayorin td{
padding:10px 0 20px;
}

#tayorin td input {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 15px;
}

#tayorin  td textarea {
    width: 100%;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 15px;
    resize:auto;
    height:100px;
}

#tayorin #button-container{
    margin-top: 60px!important;
}
#tayorin button{
    display:inline-block;
    max-width: 240px;
    width: 100%;
    font-size: 16px;
    color:#FFF;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    padding: 20px 0;
    background:#73BA29;
    border:none;
    border-radius: 30px;
}
#tayorin #cancelButton{
    max-width: auto;
    width: 40%;
    color:#FFF;
    background:#666;
    margin-bottom:20px;
}
#tayorin #sendButton{
    max-width: auto;
    width: 40%;
    background:#73BA29;
}
#tayorin #agreement-container input {
    display: inline;
    -webkit-appearance: auto;
    background: none;
}
#tayorin a{
    text-decoration:underline;
}
#tayorin #load-container .modal #confirm table {
    width:auto!important;
}
@media screen and (min-width: 830px){
}

@media screen and (min-width: 481px){
#tayorin #load-container .modal #confirm table {
    width:auto!important;
}
}
@media screen and (max-width: 480px){
#tayorin button,
#tayorin #cancelButton,
#tayorin #sendButton {
    width: 100%;
}
}

/*------------------------------------------
	others
------------------------------------------*/
/*-- カスタム元 --*/
.page-id-866 header,/*-- Habilink　遊び方ページ--*/
.page-id-866 footer,
.page-id-866 .phead {
		display:none;
}