@charset "utf-8";

html {
opacity: 0;
transition: all 0.2s ease-in-out;
}
html.act {
opacity: 1;
}


.wrapper {
margin: auto;
position: relative;
padding-left: 50px;
padding-right: 50px;
height: 100%;
box-sizing: border-box;
}
.wrapper1300 {
max-width: 1400px;
min-width: 1160px;
}
.wrapper1060 {
width: 1160px;
min-width: 1160px;
}


.el_humburger {
position: fixed;
top: 38px;
right: 30px;
width: 45px;
height: auto;
padding: 10px;
box-sizing: border-box;
z-index: 10000;
/*transition: all 0.2s ease-in-out, background-color 0.6s ease-in-out;*/
cursor: pointer;
pointer-events: auto;
background-color: rgba(189, 0,120,0);
}
/*.el_humburger.on {
background-color: rgba(189, 0, 120,1);
}*/
.el_humburger > span {
display: block;
width: 100%;
margin: 0 auto 8px;
height: 3px;
background: #333;
transition: all 0.2s ease-in-out;
}
.el_humburger > span:last-child {
margin-bottom: 0;
}
.js_humburgerOpen .el_humburger {
background-color: rgba(189, 0,120,0) !important;
}
.js_humburgerOpen .el_humburger > span {
background: #fff;
}
.js_humburgerOpen .el_humburger > span.top {
transform: translateY(11px) rotate(-45deg);
}
.js_humburgerOpen .el_humburger > span.middle {
opacity: 0;
}
.js_humburgerOpen .el_humburger > span.bottom {
transform: translateY(-11px) rotate(45deg);
}
.el_humburgerButton.el_humburgerButton__close {
top: 2%;
right: 2%;
}
.el_humburgerButton__close > span {
display: block;
width: 35px;
margin: 0 auto;
height: 4px;
background: #fff;
}
.el_humburgerButton__close > span.el_humburgerLineTop {
transform: translateY(5px) rotate(-45deg);
}
.el_humburgerButton__close > span.el_humburgerLineBottom {
transform: translateY(-6px) rotate(45deg);
}
.navigation {
display: none;
}
.navigation.js_appear {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
z-index: 9999;
}
.navigation_screen {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(188, 177, 165,.96);
z-index: 0;
margin-top: 0px;
padding-top: 0px;
overflow: auto;
-webkit-overflow-scrolling: touch;
display: flex;
justify-content:center;
align-items: center;
}
.navigation_wrapper {
padding: 20px;
text-align: center;
width: 100%;
box-sizing: border-box;
font-size: 36px;
color: #000;
}
.navigation_item {
margin-bottom: .3em;
}
.navigation_item a {
opacity: .8;
}
.navigation_item > a {
text-decoration: none;
display: inline-block;
}
.navigation_item.nav > a {
padding: 0 20px;
transition: all .2s linear;
}
.navigation_item.nav > a:hover {
opacity: 1;
}
.navigation_item > a img {
width: 100%;
height: auto;
display: block;
margin-bottom: 1em;
}
.navigation_item-logo {
width: 40%;
max-width: 230px;
min-width: 160px;
margin: auto;
}
.navigation_item-logo > a {
display: block;
}
.navigation_item-sns {
font-size: .6em;
padding-top: 1em;
}
.navigation_item-sns > a {
font-size: 1.8em;
padding: 4px;
margin-left: .4em;
}
.navigation_item-sns > a+a {
margin-left: .1em;
}
.js_fixed {
position: fixed;
width: 100%;
}
@media screen and (max-width:767px) {
.el_humburger {
top: 25px;
right: 20px;
}
}
@media screen and (max-width:600px) {
.el_humburger {
top: 0;
right: 0;
}
.navigation_wrapper {
font-size: 24px;
}
}





@media screen and (max-width:767px) {
.wrapper {
padding-left: 10px;
padding-right: 10px;
width: 100%;
min-width: 1px;
max-width: 100%;
box-sizing: border-box;
}
}

header h1 {
position: absolute;
left: 40px;
bottom: 24px;
display: table;
}
header h1 a {
padding: 10px;
display: block;
}
header h1 a img {
display: block;
width: 364px;
height: 34px;
}
#mainnav {
font-size: 0;
position: absolute;
right: 30px;
bottom: 30px;
}
#mainnav li {
display: inline-block;
}
#mainnav li a {
display: inline-block;
font-size: 16px;
padding: 10px;
line-height: 1;
color: #333;
text-decoration: none;
margin: 0 10px;
}
#mainnav li a span {
position: relative;
font-weight: 500;
display: table;
}
#mainnav li a span::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 1px;
width: 0;
background-color: #333;
transition: width linear .2s;
}
#mainnav li a:hover span::after {
width: 100%;
}
#subnav {
position: absolute;
right: 40px;
top: 0;
}
#subnav li {
display: inline-block;
}
#subnav li a {
display: inline-block;
line-height: 1;
color: #333;
text-decoration: none;
margin: 0 10px;
vertical-align: bottom;
padding-bottom: 5px;
}
#subnav li a i {
font-size: 24px;
transition: color .3s;
}
#subnav li a:hover i {
color: #C30078;
}
#subnav li:last-child {
margin: 0;
}
#subnav li:last-child a {
line-height: 1;
font-size: 16px;
font-weight: 400;
background-color: #C30078;
color: #fff;
padding: 16px 20px 10px 20px;
transition: opacity .3s;
}
#subnav li:last-child a:hover {
opacity: .8;
}

.submenu {
display: none;
background-color: #fff;
margin-top: -30px;
padding-top: 30px;
padding-bottom: 40px;
}
.submenu nav {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
padding-top: 40px;
padding-bottom: 40px;
}
.submenubox {
display: table;
margin: auto;
}
.submenuinner {
display: table-cell;
width: 200px;
font-size: 16px;
font-weight: 500;
color: #333;
}
.submenuinner:last-child {
width: auto;
}
.submenu a {
display: table;
text-decoration: none;
color: inherit;
font-weight: inherit;
padding: .1em .4em;
margin-bottom: 4px;
}
.submenu a.guide{
  display:block;
  padding:0;
  margin-top:15px;
}
.submenu ul {
margin-top: 4px;
font-size: .9em;
color: #555;
margin-left: -.05em;
}

@media screen and (min-width: 768px) {
header {
position: absolute;
left: 0;
right: 0;
top:0;
width: 100%;
z-index: 300;
}
body {
padding-top: 130px;
}
header.logined{
top:32px;
}
.meinmenu {
height: 150px;
}
.submenu.on {
display: none;
background-color: #fff;
}

}
@media screen and (min-width: 768px) and (max-width: 782px) {
header.logined{
top:46px;
}
}

@media screen and (max-width:767px) {
header {
padding: 20px 0;
}
header h1 {
position: static;
}
header h1 a {
  padding-left: 0;
}
header h1 a img {
display: block;
width: 100%;
height: auto;
max-width: 350px;
}
#mainnav, #subnav {
display: none;
}
}

.breadcrumb{
  margin-bottom: 10px;
  position: relative;
  z-index: 301;
  font-size: 14px;
}
.breadcrumb a{
  text-decoration: none;
  color: #000;
}
@media screen and (max-width:767px) {
  .breadcrumb{
    font-size: 13px;
  }
}

#footer01 {
margin-top: 60px;
overflow: hidden;
padding-bottom: 180px;
}
.en_page #footer01{
  padding-bottom: 130px;
}
#footer01 .footer01L {
float: left;
width: 480px;
}
#footer01 .footer01R {
float: right;
width: 480px;
}
.en_page #footer01 .footer01R{
  display: flex;
  align-items: flex-end;
  height: 250px;
}
#footer01 a.tosguide {
display: block;
background-color: #D6D1CE;
width: 100%;
height: 120px;
background-image: url(images/tosguide.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 250px auto;
transition: opacity .3s;
}
#footer01 a.tosguide:hover {
opacity: .8;
}
#footer01 .footer01R .mailmagazine {
display: flex;
align-items: center;
height: 75px;
}
#footer01 .footer01R .mailmagazineheader {
font-size: 26px;
line-height: 1;
padding-right: 20px;
}
.tohario {
display: block;
height: 45px;
border: 3px solid #E2DDDA;
box-sizing: border-box;
text-decoration: none;
color: #333;
line-height: 39px;
padding-left: 140px;
background-image: url(images/hariologo.svg);
background-repeat: no-repeat;
background-position: 50px center;
text-align: center;
transition: all .6s .1s;
}
.tohario:hover {
border: 3px solid #C30078;
color: #fff;
background-color: #C30078;
background-image: url(images/hariologow.svg);
}
#footer02 {
height: 40px;
}
#footer02 h1 {
position: absolute;
}
#footer02 h1 a {
display: block;
}
#footer02 h1 img {
display: block;
width: 247px;
height: 23px;
}
#footer02 ul li {
display: inline-block;
}
#footer02 ul#footernav01 {
position: absolute;
left: 340px;
}
#footer02 ul#footernav01 li+li {
margin-left: 15px;
}
#footer02 ul#footernav01 li a {
text-decoration: none;
color: #333;
line-height: 1;
padding: 0 5px;
font-weight: 500;
font-size: 12px;
transition: color .3s;
}
#footer02 ul#footernav01 li a:hover {
color: #C30078;
}
#footer02 .footersns {
position: absolute;
right: 50px;
;
}
#footer02 .footersns p, #footer02 .footersns ul, #footer02 .footersns div {
display: inline-block;
}
#footer02 .footersns div {
margin-left: 28px;
}
#footer02 .footersns ul a {
color: #333;
text-decoration: none;
}
#footer02 .footersns ul a i {
font-size: 20px;
padding: 0 2px;
margin: 0 1px;
transition: color .3s;
}
#footer02 .footersns ul a:hover i {
color: #C30078;
}
#footer02 .footersns p {
font-size: 12px;
margin-right: 10px;
}
#footer02 .en {
color: #333;
font-size: 14px;
}
#footer02 .en a {
color: #B3B3B3;
text-decoration: none;
}
#copy {
text-align: right;
font-size: 10px;
padding-top: 10px;
padding-bottom: 40px;
}

@media screen and (max-width:767px) {
#footer01 {
margin-top: 60px;
overflow: hidden;
padding-bottom: 40px;
}
#footer01 .footer01L, #footer01 .footer01R {
float: none;
width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
.mailmagazine {
margin-bottom: 60px;
}
#footer02 {
height: auto;
}
#footer02 h1,  #footer02 ul#footernav01,  #footer02 .footersns {
position: static;
margin: auto;
display: table;
margin-bottom: 30px;
}
#footer02 h1 {
margin-bottom: 50px;
}
#copy {
margin: 60px auto 30px auto;
text-align: center;
}
}

@media screen and (max-width:499px) {
#footer01 .footer01R .mailmagazine {
display: block;
height: auto;
}
#footer01 .footer01R .mailmagazineheader br {
display: none;
}
#footer01 .footer01R .mailmagazineheader {
margin-bottom: 15px;
}
.tohario {
background-position: center 15px;
padding-left: 0;
height: auto;
text-align: center;
padding-top: 35px;
font-size: 13px;
}
}
.slides {
overflow: hidden;
}
.slides li img {
display: block;
width: 100%;
height: auto;
transition: opacity .3s;
}
#home #mv .slides:hover li img {
opacity: .8;
}
#mv {
margin-bottom: 50px;
}
div.section {
padding-top: 50px;
padding-bottom: 50px;
min-width: 1160px;
}
div.section.bottom{
  padding-bottom: 0;
}
div.section.top{
  padding-top: 0;
}
.sectitle01 {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
margin-bottom: 14px;
}
.sectitle01 span {
line-height: 1;
display: table;
font-weight: 500;
position: relative;
}
.sectitle01 .Limited{
  position: relative;
  left: -9px;
  top: 3px;
}
div.section.lead {
overflow: hidden;
padding-top: 80px;
padding-bottom: 80px;
}
.lead .sectitle01 {
width: 50%;
float: left;
}
.lead .sectitle01 span::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
.lead .sectxt01 {
width: 50%;
float: left;
text-align: justify;
}
.lead .sectitle02 {
font-size: 18px;
margin-bottom: 18px;
}

@media screen and (max-width:767px) {
.lead .sectitle01 {
width: 80%;
float: none;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.lead .sectxt01 {
width: 80%;
float: none;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
}

.maplinkbtn {
display: inline-block;
margin-left: 10px;
background-color: #C30078;
color: #fff;
text-decoration: none;
line-height: 1;
padding: 2px 6px 4px 6px;
border-radius: 2px;
font-size: 10px;
}

@media screen and (max-width:767px) {
div.section {
min-width: 1px;
padding-top: 20px;
padding-bottom: 20px;
}
}
.sidetitle {
position: absolute;
font-size: 13px;
line-height: 1;
top: 50%;
}
.sidetitleL {
transform: rotate(-90deg) translateX(-27%);
transform-origin: left bottom;
left: 2em;
}
.sidetitleR {
transform: rotate(90deg) translateX(27%);
transform-origin: right bottom;
right: 2em;
}
.flexbox {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.fleximgR {
flex-direction: row-reverse;
}
.fleximgbox {
flex-basis: 480px;
}
.fleximgbox img {
width: 100%;
height: auto;
display: block;
}
.flextxtbox {
flex-basis: 580px;
box-sizing: border-box;
position: relative;
}
.fleximgR .flextxtbox {
text-align: right;
padding-right: 4.8%;
padding-left: 2%;
}
.fleximgL .flextxtbox {
padding-left: 4.8%;
padding-right: 2%;
}
.flextxtbox a.linkheader {
color: #333;
display: inline-block;
text-decoration: none;
font-size: 36px;
line-height: 1;
margin-bottom: 14px;
font-weight: 500;
position: relative;
}
.flextxtbox a.linkheader::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 15px;
content: "";
background-color: #333;
transition: width .3s;
}
.news a.linkheader:hover::after,
.flexbox:hover a.linkheader::after {
width: 100%;
transition: width 1s;
}
.flextxtbox a.linkheader.link-no{
  pointer-events: none;
}
.flextxtbox a.linkheader.link-no::after{
  transition: width 0s;
  background-color: #fff;
}
.flexbox:hover a.linkheader.link-no::after{
  transition: width 0s;
}
.en_page .flextxtbox a.linkheader{
  font-size: 27px;
  font-weight: normal;
}
.flextxtbox p.txt01 {
line-height: 1.5;
font-size: 16px;
}
.flexbox+.flexbox .flextxtbox p {
font-size: 14px;
line-height: 1.4;
text-align: justify;
}
.flexbox+.flexbox {
float: left;
transform: translateY(-100%);
}

@media screen and (max-width:767px) {
.flexbox {
display: block;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.fleximgR .flextxtbox, .fleximgL .flextxtbox {
padding-left: 0;
padding-right: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.flexbox+.flexbox {
float: none;
transform: translateY(0);
}
.flexbox+.flexbox .flextxtbox p {
/*margin-top: -30px; 更新*/
}
.slideari p.txt01{
  margin-top: 20px;
}
#about .flextxtbox {
padding-top: 40px;
}
}
#home #mv {
padding-bottom: 40px;
}
#home #mv .slides li a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#home .news {
margin-top: 60px;
margin-bottom: 60px;
padding-top: 80px;
padding-bottom: 80px;
background-color: #E2DDDA;
}
#home #instafeed {
overflow: hidden;
}
#home #instafeed li {
float: left;
width: 49%;
margin-bottom: 2%;
position: relative;
}
#home #instafeed li:nth-child(even) {
margin-left: 2%;
}
#home #instafeed li img {
background-size: cover;
background-position: center;
}
#home #instafeed li a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#home .news {
overflow: hidden;
}
#home .news .sectitle01 {
float: left;
}
#home .news .newswrap {
padding-left: 240px;
}
#home .news .newswrap ul li {
font-size: 13px;
line-height: 1.4;
}
#home .news .newswrap ul li+li {
margin-top: 10px;
}
#home .news .newswrap ul li span.date {
font-size: 14px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
#home .news .newswrap ul li a {
color: #333;
}
#home .news .newswrap ul {
margin-bottom: 30px;
}
#home .news .newswrap ul+div p, #home .news .newswrap ul+div p+div {
display: inline-block;
}
#home .news .newswrap ul+div p+div a {
display: inline-block;
padding: 0 30px;
border: 2px solid #C6C8C7;
line-height: 30px;
font-size: 18px;
height: 30px;
vertical-align: bottom;
text-decoration: none;
color: #333;
margin-left: 10px;
transition: all .4s .1s;
}
#home .news .newswrap ul+div p+div a:first-child{
padding: 0 25px;
}
#home .news .newswrap ul+div p+div a:first-child:hover {
border: 2px solid #D93075;
color: #fff;
background-color: #D93075;
}
#home .news .newswrap ul+div p+div a:nth-child(2):hover {
border: 2px solid #4267B2;
color: #fff;
background-color: #4267B2;
}
#home .news .newswrap ul+div p+div a:nth-child(3):hover {
border: 2px solid #1DA1F2;
color: #fff;
background-color: #1DA1F2;
}
#home .news .newswrap ul+div p+div a i {
margin-right: 10px;
}

.linestamp{
  margin-top: 30px;
}
#home .news .newswrap ul+div .linestamp a:first-child:hover{
  border: 2px solid #01B901;
  background: #01B901;
}
.linestamp img{
  width: 17px;
  transition: .4s .1s;
  vertical-align: -2px;
  display: inline-block;
  margin-right: 3px;
}
#home .news .newswrap ul+div .linestamp a:first-child{
  font-size: 15px;
  padding: 0 10px;
}
#home .news .newswrap ul+div .linestamp a:hover img{
  filter: invert(1);
}
.linestamp br{
  display: none;
}
@media screen and (max-width:767px) {
#home .news .newswrap ul li span.date {
display: block;
margin-top: 20px;
}
#home .news .sectitle01 {
float: none;
margin-bottom: 50px;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
#home .news .newswrap {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
#home .news .newswrap ul+div {
text-align: center;
margin-top: 60px;
}
#home .news .newswrap ul+div p+div a {
display: inline-block;
padding: 0 0;
width: 140px;
text-align: center;
margin: 10px;
}
.linestamp>div{
  width: 100%;
}
.linestamp p{
  padding-left: 10px;
}
#home .news .newswrap ul+div .linestamp a:first-child{
  width: 170px;
  line-height: 1.5;
  height: auto;
  padding: 4px 10px;
}
.linestamp br{
  display: block;
}
}
div.section.movie {
margin-top: 100px;
margin-bottom: 60px;
padding-top: 80px;
padding-bottom: 80px;
background-color: #E2DDDA;
overflow: hidden;
}
div.section.movie .sectitle01 {
display: table;
float: left;
}
div.section.movie .moviewrap {
padding-left: 340px;
text-align: right;
}
div.section.movie .moviewrap p {
display: inline-block;
vertical-align: middle;
padding-right: 30px;
font-size: 16px;
}
div.section.movie .moviewrap div {
display: inline-block;
}
div.section.movie .moviewrap iframe {
vertical-align: middle;
display: inline-block;
width: 480px;
height: 270px;
}
div.section.movie .moviewrap li+li {
margin-top: 60px;
}
@media screen and (max-width:767px) {
div.section.movie .sectitle01 {
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
div.section.movie .moviewrap {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
text-align: center;
}
div.section.movie .moviewrap p {
padding-right: 0;
margin-bottom: 10px;
}
div.section.movie .moviewrap div {
display: block;
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
div.section.movie .moviewrap iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
}
.base .wrapper {
background-image: url(images/pbmap.svg);
background-repeat: no-repeat;
background-position: left 30px top 50px;
}
.pbtxt {
padding-top: 350px;
padding-left: 50%;
}
.pbtxt p {
font-size: 18px;
line-height: 1;
margin-bottom: 20px;
}
.pbtxt p+p {
font-size: 16px;
line-height: 1.5;
}
@media screen and (max-width:767px) {
.base .sectitle01 {
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.base .wrapper {
background-size: contain;
background-position: center top;
}
.pbtxt {
padding-top: 300px;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
}

div.section.CData {
margin-top: 60px;
margin-bottom: 100px;
padding-top: 80px;
padding-bottom: 80px;
background-color: #E2DDDA;
overflow: hidden;
}
div.section.CData .sectitle01 {
display: table;
float: left;
}
.CDtxt {
padding-left: 50%;
}
.CDtxt p {
font-size: 18px;
line-height: 1;
margin-bottom: 20px;
}
.CDtxt table {
font-size: 15px;
line-height: 1.4;
}
.CDtxt table caption {
padding-bottom: 5px;
}
.CDtxt table th {
padding: 2px 20px 2px 2px;
}
.CDtxt table td {
padding: 2px;
}
@media screen and (max-width:767px) {
div.section.CData .sectitle01 {
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.CDtxt {
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.CDtxt table th {
white-space: nowrap;
}
}
div.whole{
  background: url("images/whole.png");
  background-size: cover;
  background-position: 50% 50%;
  padding: 100px 0;
  margin-bottom: 100px;
}
.whole .flexbox{
  justify-content: space-between;
}
.whole .sectitle01{
  margin-bottom: 30px;
}
.wholetxt{
  display: flex;
  justify-content: space-between;
}
.whole .link{
  background-color: rgba(255, 255, 255, 0.5);
  width: 45%;
}
.whole .link a{
  background-color: rgba(255, 255, 255, 0.5);
  background: url("images/tocontact.svg");
  background-repeat: no-repeat;
  background-size: 330px 65px;
  right: 50px;
  top: 0;
  display: block;
  width: 480px;
  height: 120px;
  background-position: center;
  transition: opacity .3s;
}
.whole .link a:hover{
  background-color: rgba(255, 255, 255, 1);
  transition: .3s;
}
@media screen and (max-width:767px) {
  div.whole{
    background: url("images/whole_sp.png");
    background-repeat: no-repeat;
    background-position: 84% 87%;
    background-size: cover;
  }
  .whole .flexbox>div{
    margin-bottom: 50px;
  }
  .whole .link{
    width: 100%;
    margin: auto;
  }
  .whole .link a{
    background: url("images/tocontact_sp.svg");
    background-size: 270px 130px;
    background-repeat: no-repeat;
    background-position: center;
    position: static;
    margin-bottom: 50px;
    float: none;
    width: 100%;
    max-width: 480px;
    padding-left: 0;
  }
}
@media screen and (max-width:414px) {
  .whole .link a{
    background-size: 80% auto;
  }
}

div.section.onlineshop {
margin-top: -40px;
margin-bottom: 100px;
padding-top: 100px;
padding-bottom: 100px;
background-color: #E2DDDA;
overflow: hidden;
}
div.section.onlineshop a {
position: absolute;
right: 50px;
top: 0;
display: block;
background-color: #C30078;
width: 480px;
height: 120px;
background-image: url(images/toonlineshop.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 250px auto;
transition: opacity .3s;
}
div.section.onlineshop a:hover {
opacity: .8;
}
div.section.onlineshop .sectitle01+p {
font-size: 16px;
line-height: 1.5;
margin-top: 30px;
}
div.section.shoplist ul li ul {
display: none;
}
div.section.shoplist li div {
font-size: 24px;
display: table;
line-height: 1;
position: relative;
padding-top: 20px;
margin-bottom:  20px;
margin-left: 20px;
}
div.section.shoplist li div::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 15px;
content: "";
background-color: #333;
transition: width .3s;
}
div.section.shoplist li div:hover::after {
width: 100%;
transition: width 1s;
}
div.section.shoplist li div.active::after {
width: 100%;
transition: width 1s;
}
div.section.shoplist li div::before {
background-image: url(images/arrow-right-black.svg);
content: "";
width: 30px;
height: 24px;
position: absolute;
left: -30px;
bottom:0;
background-position: center center;
background-repeat: no-repeat;
transition: transform .2s;
}
div.section.shoplist li div.active::before {
transform: rotate(90deg);
}
div.section.shoplist li div +ul {
padding-bottom: 50px;
}
div.section.shoplist li div +ul li {
display: inline-block;
width: 49%;
box-sizing: border-box;
padding: 30px 0;
vertical-align: top;
}
div.section.shoplist li div +ul li a {
color: #333;
text-decoration: none;
vertical-align: top;
}
div.section.shoplist li div +ul li a.maplinkbtn {
color: #fff;
}
.shopname {
font-size: 23px;
line-height: 1;
margin-bottom: 12px;
}
.shopadd {
font-size: 13px;
line-height: 1.3;
}
@media screen and (max-width:767px) {
div.section.onlineshop {
margin-top: 6px;
}
div.section.onlineshop .sectitle01 {
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
div.section.onlineshop .sectitle01+p {
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
div.section.onlineshop a {
position: static;
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
background-size: 235px auto;
}
}
article .newsheader {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
margin-bottom: 14px;
display: table;
float: left;
position: relative;
}
article .newsheader::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
article .newsinfo {
float: right;
text-align: right;
}
article .newsinfo time, article .newsinfo span {
display: inline-block;
}
article .newsinfo time {
font-size: 16px;
line-height: 1;
}
article .newsinfo span {
font-size: 14px;
width: 110px;
height: 20px;
line-height: 20px;
box-sizing: border-box;
text-align: center;
font-weight: 500;
}
article .newsinfo span.topics {
color: #fff;
background-color: #333;
}
article .newsinfo span.events {
color: #333;
background-color: #E2DDDA;
}
article .newsinfo span.new-item {
color: #333;
border: 1px solid #333;
}
article h1 {
font-size: 26px;
line-height: 1.3;
margin-bottom: 30px;
margin-top: 50px;
font-weight: 500;
}
article p {
font-size: 16px;
line-height: 1.8;
margin: .5em 0 1em 0;
}
article img {
max-width: 100%;
height: auto;
display: block;
margin: .5em 0 .5em 0;
}
article h2 {
padding-left: 10px;
border-left: 5px solid #333;
line-height: 1.3;
font-size: 18px;
margin: 4em 0 1.5em 0;
}
article p a {
color: #C30078;
word-wrap: break-word;
overflow-wrap: break-word;
}
.newsarchive {
margin-bottom: 100px;
padding-top: 120px;
}
.newsarchive li {
position: relative;
display: table;
width: 100%;
}
.newsarchive li>div {
display: table-cell;
vertical-align: middle;
}
.newsarchive li>div:first-child {
width: 50%;
padding-right: 1.5%;
box-sizing: border-box;
}
.newsarchive li>div+div {
width: 50%;
padding-left: 1.5%;
box-sizing: border-box;
position: relative;
}
.newsarchive li>div {
transition: opacity .3s;
}
.newsarchive li:hover>div {
opacity: .8;
}
.newsarchive li>div img {
width: 100%;
height: auto;
display: block;
}
.newsarchive li+li {
margin-top: 60px;
}
.newsarchive .catename {
position: absolute;
right: 0;
top: 0;
font-size: 14px;
width: 110px;
height: 20px;
line-height: 20px;
box-sizing: border-box;
text-align: center;
font-weight: 500;
}
.newsarchive .catename.topics {
color: #fff;
background-color: #333;
}
.newsarchive .catename.events {
color: #333;
background-color: #E2DDDA;
}
.newsarchive .catename.new-item {
color: #333;
border: 1px solid #333;
}
.newsarchive time {
display: block;
font-size: 13px;
}
.newsarchive h1 {
display: table;
position: relative;
font-size: 18px;
line-height: 1.2;
text-decoration: none;
color: #333;
margin: 1em 0 1.1em 0;
font-weight: 500;
}
.newsarchive h1::after {
position: absolute;
left: 0;
bottom: -1px;
height: 2px;
width: 15px;
content: "";
background-color: #333;
transition: width .3s;
}
.newsarchive li:hover h1::after {
width: 100%;
transition: width 1s;
}
.newsarchive li a {
position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
}
.newsarchive p {
font-size: 13px;
line-height: 1.5;
}
.wp-pagenavi {
text-align: center;
margin-bottom: 60px;
}
.wp-pagenavi a, .wp-pagenavi span {
border: none!important;
font-size: 20px;
font-weight: normal!important;
line-height: 20px;
vertical-align: middle;
margin: 0 8px;
padding: 2px 8px;
color: #333;
}
.wp-pagenavi a {
color: #999;
transition: color .3s;
}
.wp-pagenavi a:hover {
color: #333;
}
.wp-pagenavi a.first,
.wp-pagenavi a.last {
color: #333;
}
.pp .ppheader {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
margin-bottom: 14px;
display: table;
float: left;
position: relative;
}
.pp .ppheader::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
.pp .ppinfo {
float: right;
text-align: left;
width: 50%;
}
.pp .ppinfo div {
font-size: 17px;
line-height: 1;
margin-bottom: 14px;
}
.pp .ppinfo p {
font-size: 13px;
line-height: 1.5;
text-align: justify;
}
.pp .ppheader01 {
color: #333;
font-size: 20px;
line-height: 1;
font-weight: 500;
margin-bottom: 14px;
display: table;
position: relative;
margin-top: 100px;
}
.pp .ppheader01::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
.pp p {
color: #333;
font-size: 16px;
line-height: 36px;
text-align: justify;
margin-top: 30px;
margin-bottom: 20px;
}
.pp ul li {
color: #333;
font-size: 16px;
line-height: 36px;
text-align: justify;
padding-left: 1em;
text-indent: -1em;
}
.pp ul {
padding-top: .8em;
padding-bottom: .4em;
}
.pp ul ul {
padding-top: 0;
padding-bottom: 0;
}
.pp .sign {
display: table;
margin-left: auto;
margin-top: -1em;
}
.pp .sign span {
display: block;
font-size: 15px;
padding-bottom: 4px;
}
.news .newsheader span {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
margin-bottom: 14px;
display: table;
float: left;
position: relative;
}
.news .newsheader span::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
.newsinfo02 {
width: 50%;
float: right;
font-size: 17px;
}
.newsinfo02 span {
display: block;
font-size: 13px;
}
.faqitem {
font-size: 15px;
padding-top: 50px;
line-height: 1.4;
padding-left: 1.4em;
}
.faqitem p+p {
margin-top: 4px;
}
.faqitem span {
color: #8A8A8A;
}
.faqitem p {
text-indent: -1.4em;
text-align: justify;
;
}
.faqitem p+p a {
color: #C30078;
}
.faqheader {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
margin-bottom: 14px;
display: table;
float: left;
position: relative;
}
.faqheader::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
.faqinfo {
float: right;
text-align: left;
width: 50%;
}
.faqinfo div {
font-size: 17px;
line-height: 1;
margin-bottom: 15px;
}
.faqinfo p {
font-size: 13px;
line-height: 1.4;
text-align: justify;
}
.faqinfo a {
margin-top: 15px;
display: block;
color: #C30078;
}
.formError {
display: none !important;
}
.mailmagazineR {
width: 100%;
}
#shop-list .flextxtbox .sectitle01 span {
font-size: 22px;
line-height: 1;
margin-bottom: 10px;
}
.listheader {
margin-bottom: 40px;
}
.listheader p {
font-size: 22px;
line-height: 1;
float: left;
width: 50%
}
.listheader p+p {
font-size: 15px;
text-align: right;
float: right;
}
@media screen and (max-width:767px) {
.listheader p ,
.listheader p+p {
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.listheader p+p {
margin-top: 20px;
}
.shoplist .listheader +ul {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
}
div.section.shoplist li div +ul li {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 30px 0;
}
}


@media screen and (max-width:767px) {
.news .newsheader,.newsinfo02 {
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.news .newsheader span {
float: none;
}
.newsarchive {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
}
.newsarchive li {
display: block;
}
.newsarchive li>div {
width: 100% !important;
display: block !important;
padding: 0!important;
}
.newsarchive li>div:first-child {
margin-bottom: 20px;
}
}
@media screen and (max-width:767px) {
.single article,
.section.faq {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px;
}
.news .newsheader,.newsinfo02 {
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.faqheader {
float: none;
margin-bottom: 50px;
}
.faqinfo {
float: none;
width: 100%;
margin-bottom: 80px;
}
}
@media screen and (max-width:767px) {
.pp .wrapper {
width: 80%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px;
}
.pp .ppheader {
float: none;
margin-top: 40px;
}
.pp .ppinfo {
float: none;
width: 100%;
}
.pp p,
.pp ul li {
font-size: 14px;
line-height: 22px;
}
}


.navigation_wrapper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
width: 620px;
color: #fff;
line-height: 1;
}
.navigation_wrapper a {
color: #fff;
text-decoration: none;
}
.navigation_wrapper .spnav001 {
float: left;
}
.navigation_wrapper .spnav001 img {
display: block;
width: 316px;
height: 31px;
}
.navigation_wrapper .en {
font-size: 20px;
position: absolute;
right: 20px;
}
@media screen and (min-width:768px) {
.navigation_wrapper .en {
top:90px;
right: auto;
left: 20px;
}
}
@media screen and (max-width:767px) {
.navigation_wrapper .en {
bottom:80px;
}
}
.navigation_wrapper .en a {
opacity: .3;
}
.navigation_wrapper .spnav002 {
text-align: right;
margin-left: auto;
margin-top: 30px;
}
.navigation_wrapper .spnav002 li+li {
margin-top: 32px;
}
.navigation_wrapper .spnav002 a {
font-size: 32px;
line-height: 1;
position: relative;
display: inline-block;
}
.navigation_wrapper .spnav002 .spnav002_00 a {
font-size: 24px;
}
.navigation_wrapper .spnav002 a::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 15px;
content: "";
background-color: #fff;
transition: width .3s;
}
.navigation_wrapper .spnav003 {
position: absolute;
left: 20px;
bottom: 16px;
text-align: left;
}
.navigation_wrapper .spnav003>p {
font-size: 18px;
margin-bottom: 10px;
}
.navigation_wrapper .spnav004 li {
display: inline-block;
font-size: 30px;
margin-right: 12px;
}
.navigation_wrapper .spnav005 li {
display: inline-block;
font-size: 18px;
margin-right: 20px;
}
@media screen and (max-width:767px) {
.navigation_screen {
display: block;
}
.navigation_wrapper {
padding: 80px 20px;
width: 80%;
max-width: 520px;
margin-left: auto;
margin-right: auto;
}
.navigation_wrapper .spnav001 {
float: none;
padding: 0;
}
.navigation_wrapper .spnav001 img {
display: block;
max-width: 100%;
height: auto;
}
.navigation_wrapper .en {
float: none;
margin-top: 20px;
text-align: left;
}
.navigation_wrapper .spnav002 {
text-align: left;
margin-left: 0;
margin-bottom: 50px;
}
.navigation_wrapper .spnav002 li {
position: relative;
}
.navigation_wrapper .spnav002 li+li {
margin-top: 24px;
}
.navigation_wrapper .spnav002 a {
font-size: 28px;
}
.navigation_wrapper .spnav002 .spnav002_00 a ,
.navigation_wrapper .spnav002 .spnav002_04  a span ,
.navigation_wrapper .spnav002 .spnav002_03 a,
.navigation_wrapper .spnav002 .spnav002_05 a {
font-size: 22px;
}
.navigation_wrapper .spnav003 {
position: static;
}
.navigation_wrapper .spnav005 {
margin-top: 20px;
width: 70%;
}
}
.navigation_wrapper .spnav002 {
}
.navigation_wrapper .spnav002 .spnav002inner {
display: none;
}
@media screen and (min-width:768px) {
.navigation_wrapper .spnav002 a:hover::after {
width: 100%;
transition: width 1s;
}
.navigation_wrapper .spnav002 .spnav002inner.spnav002_00 {
margin-bottom: 32px;
}
.navigation_wrapper .spnav002 .spnav002inner.spnav002_00 ,
.navigation_wrapper .spnav002 .spnav002inner.spnav002_01 {
display: block;
}
}
@media screen and (max-width:767px) {
.navigation_wrapper .spnav002 .spnav002inner.spnav002_00 {
margin-bottom: 24px;
}
.navigation_wrapper .spnav002 .spnav002inner.active {
display: block;
}
.navigation_wrapper .spnav002 li div {
position: absolute;
left: 0;
right: 0;
top:-8px;
bottom:-8px;
cursor: pointer;
}
.navigation_wrapper .spnav002 li div::after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 40px;
height: 40px;
background-image: url(images/arrow-right-white.svg);
background-size: 31px 18px;
background-repeat: no-repeat;
background-position: center;
opacity: .8;
transition: opacity .2s linear;
}
}




.faqinfo.contactinfo p {
font-size: 11px;
margin-bottom: 80px;
}
.faqinfo.contactinfo p a {
font-size: 13px;
}
.contact .sidetitle+p ,
.contact table ,
.contact table+p ,
.contact table+p+div {
width: 100%;
max-width: 820px;
margin-left: auto;
margin-right: auto;
}
.contact table+p ,
.contact table+p+div {
text-align: center;
}
.contact table+p {
margin-bottom: 30px;
}

.contact form {
padding-bottom: 130px;
}
.contact table {
margin-top:80px;
margin-bottom: 60px;
}

.contact table th {
text-align: right;
padding-right: 70px;
vertical-align: top;
line-height: 34px;
white-space: nowrap;
width: 1%;
}
.contact .sidetitle+p span ,
.contact table th span {
font-weight: 500;
color: #C30078;
}
.contact input[type="text"],.contact input[type="email"],.contact textarea {
margin: 0;
background-color: #fff;
outline: 0;
width: 100%;
padding: 7px 8px;
border: 1px solid lightgrey;
border-radius: 4px;
font-size: 16px;
transition: border-color ease .2s;
box-sizing: border-box;
}
.contact textarea {
resize: vertical;
}
.contact table td {
padding-bottom:  35px;
}
.contact table td.nopb {
padding-bottom:  0;
}
.contact table td p {
font-size: 13px;
line-height: 16px;
margin-bottom: 20px;
}
.contact table+p+div input[type="submit"], .contact table+p+div input[type="button"] {
background-color: #C30078;
color: #fff;
font-size: 16px;
width: 200px;
text-align: center;
outline: 0;
padding: 12px 8px;
margin: 0 10px;
border: none;
font-family: "baskerville-urw","Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
span.wpcf7-list-item {
margin-left: 0 !important;
padding-left: 15px!important;
margin-right: 15px!important;
}
@media screen and (max-width:767px) {
.contact .sidetitle+p ,
.contact table ,
.contact table+p ,
.contact table+p+div {
width: 80%;
}
.contact table th,
.contact table td {
display: block;
width: 100%;
text-align: left;
padding-right: 0;
}
.contact table+p+div input[type="submit"], .contact table+p+div input[type="button"] {
display: block;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
}


div.section.tofaq {
margin-top: -40px;
margin-bottom: 100px;
padding-top: 100px;
padding-bottom: 100px;
background-color: #E2DDDA;
overflow: hidden;
}
div.section.tofaq a {
position: absolute;
right: 50px;
top: 0;
display: block;
border: 2px solid #C5C7C6;
width: 480px;
height: 120px;
background-image: url(images/faq.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 240px auto;
transition: all .6s .1s;
box-sizing: border-box;
}
div.section.tofaq a:hover {
border: 2px solid #C30078;
background-color: #C30078;
background-image: url(images/faqw.svg);
}
div.section.tofaq .sectitle01+p {
font-size: 16px;
line-height: 1.5;
margin-top: 30px;
width: 50%;
}
@media screen and (max-width:767px) {
div.section.tofaq {
margin-top: 6px;
}
div.section.tofaq .sectitle01 {
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
div.section.tofaq .sectitle01+p {
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
div.section.tofaq a {
position: static;
margin-bottom: 50px;
float: none;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
background-size: 235px auto;
}
}
.single article {
padding-bottom: 60px;
}
.single article+div {
}
.backtolist {
float: left;
}
.backtolist .newsheader {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
display: inline-block;
position: relative;
margin-right: 24px;
margin-bottom: 2px;
vertical-align: bottom;
}
.backtolist .newsheader::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
.backtolist a {
color: #333;
line-height: 1;
text-decoration: none;
background-image: url(images/arrow-right-black.svg);
background-repeat: no-repeat;
background-position: left center;
background-size: 8px auto;
padding-left: 12px;
display: inline-block;
vertical-align: bottom;
position: relative;
}
.backtolist a span {
display: inline-block;
position: relative;
font-size: 16px;
}
.backtolist a span::after {
position: absolute;
left: 0;
bottom: 0px;
height: 1px;
width: 14px;
content: "";
background-color: #333;
transition: width .4s;
}
.backtolist a:hover span::after {
width: 100%;
}
.singlesns {
float: right;
}
.singlesns div.wp_social_bookmarking_light {
display: inline-block;
float: right;
padding: 0 !important;
padding-top: 20px!important;
}
.singlesns div.wp_social_bookmarking_light div {
margin: 0!important;
min-height: 0!important;
}
.singlesns div.wp_social_bookmarking_light div+div {
margin-left: 4px!important;
}
@media screen and (max-width: 767px) {
.single article+div {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px;
}
}
@media screen and (max-width: 600px) {
.backtolist,.singlesns,.singlesns div.wp_social_bookmarking_light {
float: none;
display: block;
text-align: center;
}
.singlesns {
text-align: center;
margin-bottom: 20px!important;
}
.singlesns div.wp_social_bookmarking_light {
padding-top: 0!important;
text-align: center;
}
.singlesns div.wp_social_bookmarking_light div {
float: none!important; display: inline-block!important;
vertical-align: top!important;
}
.backtolist .newsheader {
display: none;
}
.backtolist a span {
font-size: 20px;
font-weight: 500;
}
}
@media screen and (max-width: 767px) {
#home .indexMvPC ,
.imgPC {
display: none !important;
}
}
@media screen and (min-width: 768px) {
#home .indexMvSP ,
.imgSP {
display: none !important;
}
}





@media screen and (max-width: 767px) {
#muromachi .flextxtbox,
#shibuya .flextxtbox,
#nagoya .flextxtbox {
padding-top: 40px;
}
.section.mli .flextxtbox p.txt01 br+br {
/*display: none;更新*/
}
}
div.section.onlineshop a.tocafe {
background-color: #534741;
background-image: url(images/tocafe.svg);
background-size: 330px 65px;
background-position-x: 40%;
}
@media screen and (max-width:414px) {
  div.section.onlineshop a.tocafe{
    background-size: 80% auto;
  }
}

@media screen and (min-width: 768px) {
#muromachi #sl01 .flexbox+.flexbox,
#nagoya #sl01 .flexbox+.flexbox {
margin-bottom: -128px;
}
}
.mpresent {
padding-top: 60px !important;
padding-bottom: 60px !important;
position: relative;
min-width: 1160px;
}
.mpresenttxt {
text-align: center;
width: 50%;
}
.presenttitle {
display: inline-block;
font-size: 40px;
line-height: 1;
color: #C30078;
margin-bottom: 30px;
position: relative;
font-weight: 500;
}
.presenttitle::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #C30078;
}
.mpresenttxt p {
font-size: 16px;
line-height: 1.5;
}
.mpresenttxt .presenttitle+p {
font-size: 18px;
line-height: 1.4;
}
.mpresenttxt img {
display: inline-block;
margin: 30px auto;
}
.mpimg {
position: absolute;
width: 50%;
top:0;
left: 50%;
bottom:0;
background-image: url(images/gom.jpg);
background-size: cover;
background-position:right center;
}
@media screen and (max-width: 767px) {
.mpresent {
min-width: 1px;
}
.mpresenttxt {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.mpresenttxt img+p {
margin-bottom: 30px;
text-align: justify;
}
.mpresenttxt img+p br {
display: none;
}
.mpimg {
position: static;
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
height: 300px;
}
}





#shop-list .flextxtbox a.linkheader {
font-size: 32px;
}



#summer_collection-2018 .mli  a.linkheader {
font-size: 18px;
margin-bottom: -20px;
}
@media screen and (max-width: 767px) {
#summer_collection-2018 .mli  a.linkheader {
margin-top: 20px;
}
}

#summer_collection-2018 .mli a.linkheader::after {
height: 1px;
}



#accessories header+.section {
padding-top: 0;
}
.osfootersec {
background-color: #E2DDDA;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 120px;
margin-top: 80px;
}
@media screen and (min-width: 768px) {
.osfootersec .flextxtbox p {
margin-top: 1.2em;
}
}

.oslinkwrapper a {
text-decoration: none;
color: inherit;
}
.oslinkwrapper p {
display: table;
position: relative;
margin-left: auto;
margin-top: 8px;
font-size: 22px;
line-height: 1.3;
}
.oslinkwrapper a p::after {
position: absolute;
left: 0;
bottom: 0px;
height: 2px;
width: 15px;
content: "";
background-color: #333;
transition: width .3s;
}
.oslinkwrapper a:hover p::after {
width: 100%;
transition: width 1s;
}
.oslinkwrapper a img {
transition: opacity .3s;
}
.oslinkwrapper a:hover img {
opacity: .8;
}






.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
}
.flex-control-thumbs li {
width: -webkit-calc((100% - 25px) / 6);
width: calc((100% - 25px) / 6);
float: left;
margin-bottom: 5px;
margin-left: 5px;
}
.flex-control-thumbs li:nth-child(6n+1) {
margin-left: 0;
}


.itemwrapper {
margin-top: -20px;
}
.itemwrapper .itemimages {
float: left;
width: 480px;
}
.itemwrapper .iteminfo {
float: right;
width: 480px;
}
.itemwrapper .itemimages+.iteminfo .item_price {
text-align: right;
display: none;
}
@media screen and (max-width: 767px) {
.itemwrapper .itemimages ,
.itemwrapper .iteminfo {
float: none;
width: 100%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.itemwrapper .iteminfo .item_price {
display: none;
}
.itemwrapper .itemimages+.iteminfo .item_price {
display: block;
margin-bottom: 20px;
}
.item_name {
margin-bottom: 24px;
}
}


.itemcat01 {
margin-bottom: 40px;
}
.itemcat01 span {
display: inline-block;
font-size: 13px;
line-height: 16px;
padding: 0 10px 1px 10px;
height: 17px;
box-sizing: border-box;;
color: #fff;
margin-right: 6px;
background-color: #999;
}
.itemcat01 span.new {
background-color: #B30078;
}
.itemcat01 span.k10 {
background-color: #C4AF47;
}
.itemcat01 span.pickup {
background-color: #B9B5B3;
}
.itemcat02 {
line-height: 1;
font-size: 15px;
margin-bottom: 14px;
}
.item_name {
font-size: 24px;
line-height: 1.3;
margin-bottom: 18px;
}
.item_price {
font-size: 20px;
line-height: 1;
padding-left: 3px;
}
.item_price em.tax {
display: inline-block;
margin-left: .2em;
font-size: .6em;
}
@media screen and (min-width: 768px) {
.item_price {
margin-bottom: 60px;
}
}
@media screen and (max-width: 767px) {
.itemcat01 {
margin-bottom: 20px;
}
.item_price {
margin-bottom: 30px;
}
}

.item_txt {
margin-top: 40px;
}
.item_txt h3 {
line-height: 1.3;
font-size: 18px;
}
.item_txt p {
margin-top: 1.4em;
line-height: 1.4;
font-size: 15px;
}

.ac_gallery {
font-size: 0;
overflow: hidden;
}
.ac_gallery li {
display: inline-block;
}
.ac_gallery li a {
display: block;
transition: opacity .2s;
}
.ac_gallery li img {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
.ac_gallery {
margin-top: -3.5%;
}
.ac_gallery li {
width: 31%;
margin-left: 3.5%;
margin-top: 3.5%;
}
.ac_gallery li:nth-child(3n+1) {
margin-left: 0;
}
.ac_gallery li a:hover {
opacity: .8;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.ac_gallery {
margin-top: -3.5%;
}
.ac_gallery li {
width: 31%;
margin-left: 3.5%;
margin-top: 3.5%;
}
.ac_gallery li:nth-child(3n+1) {
margin-left: 0;
}
}
@media screen and (max-width: 639px) {
.ac_gallery {
margin-top: -4%;
}
.ac_gallery li {
width: 48%;
margin-left: 4%;
margin-top: 4%;
}
.ac_gallery li:nth-child(2n+1) {
margin-left: 0;
}
}
@media screen and (min-width: 768px) {
.itemimages .flex-direction-nav {
display: none;
}
}
@media screen and (max-width: 767px) {
.itemimages .slides {
margin-bottom:60px;
}
.itemimages .flex-control-thumbs {
position: absolute;
left: 0;
right: 0;
bottom:-21px;
width: 100%;
text-align: center;
}
.itemimages .flex-control-thumbs li {
margin: 0 5px;
width: 15px;
height: 2px;
display: inline-block;
background: #A8A8A8;
cursor: pointer;
border-radius: 1px;
float: none;
vertical-align: bottom;
}
.itemimages .flex-control-thumbs li img {
width: 15px;
height: 0;
padding-bottom: 2px;
}
.itemimages .flex-control-thumbs li img.flex-active {
background-color: #C30078;
}
}



.menusearch form {
display: table;
width: 100%;
border: 1px solid #fff;
box-sizing: border-box;
margin: 20px auto;
}
.menusearch form div {
display: table-cell;
vertical-align: middle;
position: relative;
}
.menusearch form div+div {
width: 30px;
}
.menusearch form div input[type="text"] {
box-sizing: border-box;
width: 100%;
display: block;
font-size: 14px;
padding: 0 6px;
line-height: 26px;
height: 26px;
color: #fff;
background-color: transparent;
}
.menusearch form div input[type="text"]::placeholder {
color: transparent;
}
.menusearch form div input[type="text"]:-ms-input-placeholder {
color: transparent;
}
.menusearch form div input[type="text"]::-ms-input-placeholder {
color: transparent;
}
.menusearch form div input[type="submit"] {
display: block;
width: 30px;
font-size: 0;
line-height: 26px;
height: 26px;
cursor: pointer;
background: transparent;
}
.menusearch form div+div::before {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
content: '\f002';
color: #fff;
font-size: 20px;
font-family: fontAwesome;
z-index: -1;
}
@media screen and (min-width: 768px) {
.menusearch {
position: absolute;
right: 20px;
top:22px;
width: 200px;
}
.menusearch form {
margin: 0 auto;
}
}



.itemarchive .wrapper {
overflow: hidden;
}
.itemsidemenu {
float: left;
width: 200px;
font-size: 18px;
line-height: 1;
font-weight: 500;
}
.itemsidemenu .itemsearch form {
display: table;
width: 180px;
border: 1px solid #ddd;
box-sizing: border-box;
}
.itemsidemenu .itemsearch form div {
display: table-cell;
vertical-align: middle;
position: relative;
}
.itemsidemenu .itemsearch form div input[type="text"] {
box-sizing: border-box;
width: 150px;
display: block;
font-size: 14px;
padding: 0 6px;
line-height: 26px;
height: 26px;
color: #333;
}
.itemsidemenu .itemsearch form div input[type="text"]::placeholder {
color: #ccc;
}
.itemsidemenu .itemsearch form div input[type="text"]:-ms-input-placeholder {
color: #ccc;
}
.itemsidemenu .itemsearch form div input[type="text"]::-ms-input-placeholder {
color: #ccc;
}
.itemsidemenu .itemsearch form div input[type="submit"] {
display: block;
width: 30px;
font-size: 0;
line-height: 26px;
height: 26px;
cursor: pointer;
background: transparent;
}
.itemsidemenu .itemsearch form div+div::before {
position: absolute;
top: 50%;
left: 50%;
margin-left: -10px;
margin-top: -10px;
content: '\f002';
color: #ddd;
font-size: 20px;
font-family: fontAwesome;
z-index: -1;
}
.itemsidemenu li {
padding-top: 15px;
}
.itemsidemenu a {
position: relative;
display: table;
text-decoration: none;
color: #333;
font-weight: 500;
transition: .3s color;
}
.itemsidemenu a.active ,
.itemsidemenu a:hover {
color: #C30078;
}
.itemsidemenu ul ul {
margin-top: -5px;
}
.itemsidemenu ul ul a {
font-size: 14px;
margin-left: 1em;
}
.itemlist {
float: right;
width: calc( 100% - 250px );
}
.itemlist #sort_form>div{
  border: 1px solid #ddd;
  color: #333;
  width: 180px;
  height: 28px;
  position: relative;
  margin-bottom: 20px;
}
.itemlist #sort_form>div::after{
  content: "";
  right: 4px;
  position: absolute;
  pointer-events: none;
  font-size: 14px;
  line-height: 28px;
  top: 2px;
  width: 6px;
height: 6px;
border: 0px;
border-top: solid 1px #333;
border-right: solid 1px #333;
transform: rotate(135deg);
position: absolute;
top: 48%;
right: 9px;
margin-top: -4px;
}
.itemlist #sort_form select{
  padding: 0 6px;
  width: 180px;
  height: 28px;
  border: 0;
  font-size: 14px;
  box-sizing: border-box;
  font-family: "baskerville-urw","Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.itemlist ul {
font-size: 0;
}
.itemlist ul li {
display: inline-block;
vertical-align: top;
font-size: 14px;
}
.itemlist ul li a {
display: block;
text-decoration: none;
color: #333;
}
.itemlist ul li img {
display: block;
width: 100%;
height: auto;
margin-bottom: 16px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: opacity .2s;
}
.itemlist ul li .itemcat {
font-size: 13px;
line-height: 1;
font-weight: 500;
margin-bottom: 8px;
}
.itemlist ul li .itemname {
font-size: 18px;
line-height: 1;
font-weight: 500;
margin-bottom: 12px;
}
.itemlist ul li .itemprice {
font-size: 15px;
line-height: 1;
font-weight: 500;
padding-left: 3px;
}
.itemlist ul li .itemprice .tax {
font-size: 11px;
line-height: 1;
font-weight: 500;
display: inline-block;
margin-left: 3px;
}
@media screen and (max-width: 767px) {
.itemsidemenu {
display: none;
}
.itemlist {
width: 100%;
}
}

@media screen and (min-width: 768px) {
.itemlist ul li {
width: 31%;
margin-left: 3.5%;
margin-bottom: 10%;
}
.itemlist ul li:nth-child(3n+1) {
margin-left: 0;
}
.itemlist ul li:hover img {
opacity: .8;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.itemlist ul li {
width: 31%;
margin-left: 3.5%;
margin-bottom: 10%;
}
.itemlist ul li:nth-child(3n+1) {
margin-left: 0;
}
}
@media screen and (max-width: 639px) {
.itemlist ul li {
width: 48%;
margin-left: 4%;
margin-bottom: 12%;
}
.itemlist ul li:nth-child(2n+1) {
margin-left: 0;
}
}
.itemlist .itemcat01 {
margin-bottom: 8px;
overflow: hidden;
min-height: 17px;
}
.itemlist .itemcat01 span {
display: block;
float: left;
}
@media screen and (max-width: 767px) {
.itemlist .itemcat01 {
margin-bottom: 6px;
min-height: 15px;
}
.itemlist .itemcat01 span {
font-size: 12px;
line-height: 14px;
padding: 0 6px 1px 6px;
height: 15px;
box-sizing: border-box;
color: #fff;
margin-right: 3px;
}
}







.skuform {
font-size: 14px;
line-height: 40px;
overflow: hidden;
}
.skuform input[type="text"] {
font-size: 18px;
border: 2px solid #C30078;
width: 70px;
height: 40px;
box-sizing: border-box;
line-height: 28px;
text-align: right;
padding: 4px 10px;
display: inline-block;
vertical-align: bottom;
margin-left: 10px;
margin-right: 6px;
}

.iqbox {
display: table;
width: 100%;
}
.iqbox>div {
display: table-cell;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}
.iqbox>div:first-child {
width: 1%;
padding-right: 20px;
}
.skuform input[type="submit"] {
height: 40px;
width: 100%;
font-size: 16px;
cursor: pointer;
display: block;
color: #fff;
background-color: #C30078;
}
@media screen and (max-width: 480px) {
.skuform input[type="text"] {
font-size: 16px;
width: 60px;
}
.skuform input[type="submit"] {
font-size: 15px;
}
}

.spcart {
display: none;
position: absolute;
top:25px;
right: 80px;
height: 45px;
width: 45px;
z-index: 999;
}
.spcart a {
text-decoration: none;
display: block;
color: #333;
}
.spcart i {
font-size:32px;
line-height: 45px;
display: block;
text-align: center;
margin: auto;
}
@media screen and (max-width: 767px) {
.el_humburger {
display: block;
}
.spcart {
display: block;
}
}
@media screen and (max-width:600px) {
.spcart {
top:0;
right: 50px;
}
header {
padding-top: 50px;
padding-bottom: 10px;
}
}
.spcatmove {
position: absolute;
top:30px;
left: 20px;
right: 20px;
text-align: center;
font-size: 26px;
}
.spcatmove div {
display: none;
line-height: 1;
position: relative;
}
.spcatmove div::after {
position: absolute;
left: 0;
top:50%;
margin-top: -15px;
transform: rotate(180deg);
width: 18px;
height: 31px;
content: "";
background-image: url(images/arrow-right-white.svg);
background-size: 31px 18px;
background-repeat: no-repeat;
background-position: center;
}
.spcatmove div.active {
display: block;
}
@media screen and (max-width:600px) {
.spcatmove {
top:5px;
}
}
@media screen and (min-width: 768px) {
.spcatmove {
display: none;
}
}

.wpcf7-radio .wpcf7-list-item {
position: relative;
line-height: 34px;
}
span.wpcf7-list-item-label::before {
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #aaa;
box-sizing: border-box;
left: 0;
top:50%;
margin-top: -8px;
}
input[type=radio]:checked+span.wpcf7-list-item-label::after,
input.wpcf7c-conf-hidden + span.wpcf7-list-item-label::after{
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
left: 3px;
top:50%;
margin-top: -5px;
background-color: #C30078;
}



.footer01L {
position: relative;
}
/*.footer01L::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-color: rgba(0,0,0,.6);
}
.footer01L::after {
content: "準備中";
color: #fff;
font-size: 32px;
text-align: center;
line-height: 100px;
height: 100px;
position: absolute;
z-index: 3;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #fff;
box-sizing: border-box;
}
*/

.item_txt .subnote {
padding-top: 2em;
}
.item_txt .subnote p {
color: #444;
font-size: .8em;
text-indent: -1em;
padding-left: 1em;
box-sizing: border-box;
margin-top: .8em;
}
.item_txt .subnote a {
color: #C30078;
}


.itemlist .catImg img {
display: block;
width: 100%;
height: auto;
margin-bottom: 60px;
}
.spCatInfo {
overflow: hidden;
margin-bottom: 10%;
}
.spCatInfo>div:first-child {
float: left;
width: 31%;
padding-right: 3.5%;
}
.spCatInfo>div:first-child p {
display: table;
font-size: 28px;
line-height: 1;
font-weight: 500;
border-bottom: 2px solid #333;
}
.spCatInfo>div:last-child {
float: left;
width: 65.5%;
}
.spCatInfo>div:last-child span {
display: block;
font-size: 20px;
line-height: 1;
font-weight: 500;
}
@media screen and (max-width: 767px) {
.spCatInfo>div:first-child ,
.spCatInfo>div:last-child {
float: none;
width: 100%;
}
.spCatInfo>div:first-child {
margin-bottom: 20px;
}

}



.itemNav {
font-size: 0;
text-align: center;
margin-top: 8%;
}
.itemNav a {
display: inline-block;
color: #333;
line-height: 1.2;
font-size: 15px;
padding-left: 14px;
position: relative;
text-decoration: none;
margin: 15px 30px;
}
.itemNav a::after {
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
transform: rotate(180deg);
width: 10px;
height: 16px;
content: "";
background-image: url(images/arrow-right-black.svg);
background-size: auto 10px;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 640px) {
.itemNav {
margin-top: 80px;
margin-bottom: -20px;
}
.itemNav a {
display: table;
margin: 20px auto;
}
}


.yoyaku {
color: #C30078;
font-weight: 500;
line-height: 1!important;
font-size: 14px!important;
margin-top: -20px!important;
margin-bottom: 30px!important;
}



.itemcommentwrap {
margin-top: 6%;
}
.itemcommentwrap input[type="text"],.itemcommentwrap input[type="email"],.itemcommentwrap textarea {
margin: 0;
background-color: #fff;
outline: 0;
width: 100%;
padding: 7px 8px;
border: 1px solid lightgrey;
border-radius: 4px;
font-size: 16px;
transition: border-color ease .2s;
box-sizing: border-box;
}
.comment-respond {
margin-top: 80px;
}
.comment-reply-title {
font-size: 15px;
color: #333;
line-height: 1;
display: table;
position: relative;
margin-bottom: 10px;
cursor: pointer;
}
.comment-reply-title::after {
position: absolute;
left: 0;
bottom: -4px;
content: "";
width: 20px;
height: 1px ;
background-color: #333;
transition: .2s;
}
.comment-reply-title:hover::after {
width: 100%;
}
.comment-reply-title+form {
display: none;
}
.comment-form-comment {
padding-top: 16px;
}
.comment-form-comment textarea {
height: 128px;
resize: vertical;
margin-bottom: 10px;
}
.comment-form-comment textarea:placeholder-shown {
color: #999;
font-size: 14px;
font-family: "baskerville-urw","Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.comment-respond .form-submit input[type="submit"] {
padding: 2px 14px;
color: #C30078;
background-color: #fff;
border: 1px solid #C30078;
text-align: center;
outline: 0;
font-family: "baskerville-urw","Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
cursor: pointer;
}
.commets-list li+li {
margin-top: 38px;
font-size: 13px;
line-height: 1.4;
color: #333;
display: none;
}
.commets-list li p {
  font-size: 16px;
}
h3#comments {
font-size: 18px;
line-height: 1;
border-bottom: 2px solid #333;
display: table;
margin-bottom: 30px;
}

.readMoreBtn {
margin-top: 30px;
font-size: 15px;
color: #333;
line-height: 1;
display: table;
position: relative;
margin-bottom: 10px;
cursor: pointer;
text-decoration: none;
}
.readMoreBtn::after {
position: absolute;
left: 0;
bottom: -4px;
content: "";
width: 20px;
height: 1px;
background-color: #333;
transition: .2s;
}
.readMoreBtn:hover::after {
width: 100%;
}

@media screen and (max-width: 767px) {
.itemcommentwrap , .itemNav {
    width: 100%;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
		margin-top: 70px;
}
}


#escott-token-form {
font-size: 13px;
}
#escott-token-form th {
white-space: nowrap;
padding-right: 1.5em;
}
#escott-token-form td {
padding-bottom: 10px;
font-size: 12px;
line-height: 1.2;
color: #333;
}
#escott-token-form td input ,
#escott-token-form td select {
background-color: #fff;
width: 100%;
padding: 7px 8px;
border: 1px solid lightgrey;
border-radius: 4px;
font-size: 16px;
box-sizing: border-box;
}
#escott-token-form td input#seccd {
width: 5em;
margin-right: .4em;
}
#escott-token-form td select {
margin-right: .2em;
}
#escott-token-form td .escott_quick_member {
margin-top: 8px;
font-size: 13px;
color: #000;
}
#escott-token-form td .escott_quick_member input+span {
position: relative;
padding-left: 16px;
line-height: 1;
}
#escott-token-form td .escott_quick_member input+span::before {
content: "";
position: absolute;
width: 14px;
height: 14px;
border-radius: 50%;
border: 1px solid #aaa;
box-sizing: border-box;
left: 0;
top: 50%;
margin-top: -7px;
}
#escott-token-form td .escott_quick_member input:checked+span::after {
content: "";
position: absolute;
width: 8px;
height: 8px;
border-radius: 50%;
left: 3px;
top: 50%;
margin-top: -4px;
background-color: #C30078;
}

#escott-token-dialog .settlement_form_send {
text-align: center;
margin-bottom: 10px;
margin-top: 5px;
}
#escott-token-dialog .settlement_form_send input {
padding: 5px 15px;
background-color: #C30078;
color: #fff;
text-align: center;
outline: 0;
border: none;
font-family: "baskerville-urw","Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
cursor: pointer;
font-size: 14px;
line-height: 1;
}
#escott-token-dialog .settlement_form_send input:first-child {
background-color: #fff;
color: #C30078;
border: 1px solid #C30078;
}
@media screen and (max-width: 640px) {
#escott-token-form th ,
#escott-token-form td {
width: 100%;
box-sizing: border-box;
display: block;
}
}



.cf201801 {
	font-size: 22px;
	display: inline-block;
}
@media screen and (max-width: 767px) {
.cf201801 {
	padding-top: 20px;
}
}
.flextxtbox a.linkheader.cf201802 {
	font-size: 20px;
	line-height: 1.5;
}
.flextxtbox a.linkheader.cf201802::after {
    bottom: 0px;
}
.flextxtbox a.linkheader.cf201802 span {
	display: inline-block;
}
.flextxtbox a.linkheader.cf201802 br {
}
@media screen and (max-width: 767px) {
.flextxtbox a.linkheader.cf201802 br {
}
}
@media screen and (max-width: 400px) {
.flextxtbox a.linkheader.cf201802 {
	font-size: 18px;
}
}
.cf201803 {
	font-size: 12px;
	display: inline-block;
	margin-left: 4px;
}
.cf201804 {
	font-size: 13px;
	color: #333;
	margin-bottom: 30px;
	display: inline-block;
}
@media screen and (max-width: 767px) {
.cf201804 {
	margin-bottom: 10px;
}
}



.sgideheader {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
margin-bottom: 14px;
display: table;
position: relative;
}
.sgideheader::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}
.sgidesubheader {
color: #333;
font-size: 20px;
line-height: 1;
font-weight: 500;
margin-bottom: 30px;
display: table;
margin-top: 100px;
}
.sgidetxt {
color: #333;
font-size: 15px;
line-height: 25px;
text-align: justify;
margin-bottom: 20px;
}
.sgidetxt a {
text-decoration: none;
color: #C30078;
}
.sgidetxt li {
padding-left: 1em;
text-indent: -1em;
}
@media screen and (max-width: 767px) {
.sgidecont {
width: 80%;
max-width: 480px;
margin-left: auto;
margin-right: auto;
}
.sgidesubheader {
margin-top: 40px;
}
.sgidetxt {
font-size: 14px;
line-height: 21px;
}
}


.sgide .flexbox {
align-items:flex-start;
 }
@media screen and (max-width: 767px) {
.sgidetxt {
margin-top: 30px;
}
}

.sgidesitemap {
margin-left: -1.5em;
}
.sgidesitemap a ,
.sgidesitemap span {
font-size: 16px;
line-height: 24px;
display: inline-block;
margin: 4px 0;
color: #333;
transition: .2s;
}
.sgidesitemap a:hover {
color: #C30078;
}
.sgidesitemap li {
padding-left: 1.5em;
text-indent: 0;
}
.sgideinfo {
float: right;
text-align: left;
width: 50%;
}
.sgideinfo div {
font-size: 17px;
line-height: 1;
margin-bottom: 15px;
}
.sgideinfo p {
font-size: 13px;
line-height: 1.4;
text-align: justify;
}
.sgideheaderLeft {
float: left;
}
@media screen and (max-width: 767px) {
.sgideheaderLeft {
    float: none;
    margin-bottom: 50px;
}
.sgideinfo {
    float: none;
    width: 100%;
    margin-bottom: 80px;
}
}
.sgidetxt2 div {
padding-top: 50px;
line-height: 1;
font-weight: 500;
font-size: 18px;
}
.sgidetxt2 ul {
padding-top: 15px;
}
.sgidetxt2 li a {
display: table;
color: #333;
line-height: 1.2;
font-size: 15px;
padding-left: 14px;
position: relative;
text-decoration: none;
margin: 15px 0;
}
.sgidetxt2 li a::after {
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
width: 10px;
height: 16px;
content: "";
background-image: url(images/arrow-right-black.svg);
background-size: auto 10px;
background-repeat: no-repeat;
background-position: center;
}
@media screen and (max-width: 767px) {
.sgidetxt2 {
margin-top: -50px;
}
}

.lawheader {
color: #333;
font-size: 36px;
line-height: 1;
font-weight: 500;
display: table;
position: relative;
margin-bottom: 80px;
}
.lawheader::after {
position: absolute;
left: 0;
bottom: -4px;
height: 2px;
width: 100%;
content: "";
background-color: #333;
}

.sgidetxt .sign {
display: table;
margin-left: auto;
margin-top: 30px;
}
.sgidetxt .sign span {
display: block;
font-size: 15px;
padding-bottom: 4px;
}

.sgidetxt_me a {
text-decoration: underline;
}


.note20181212 {
display: block;
margin-top: 8px;
font-size: 13px;
color: #333;
line-height: 1.3;
padding-left: 2em;
text-indent: -1em;
margin-bottom: -10px;
}
.note20181212 a {
color: #C30078;
}
@media screen and (max-width: 767px) {
.note20181212 {
padding-left: 1.5em;
margin-bottom: 0;
}
}



#wc_newcompletion #memberpages p a, #wc_lostcompletion #memberpages p a, #wc_changepasscompletion #memberpages p a,
#wc_newcompletion .send a, #wc_lostcompletion .send input, #wc_lostcompletion .send a, #wc_changepasscompletion .send a {
    background-color: inherit !important;
    color: inherit !important;
}

#muromachi div.section.onlineshop,
#nagoya div.section.onlineshop {
  margin-top: 20px;
}


#mailpoet_form_2 {
		font-size: 0;
}
#mailpoet_form_2 input[type="email"].mailpoet_text {
    margin: 0;
    background: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    border: 1px solid #b8b8b8;
    box-sizing: border-box;
    padding: 0 6px;
    width: 100%;
    vertical-align: top;
}
#mailpoet_form_2 .parsley-errors-list {
	display: none;
}
.mailpoet_hp_email_label+.mailpoet_paragraph {
    display: inline-block;
    width: calc(100% - 60px);
}
.mailpoet_paragraph+.mailpoet_paragraph {
    display: inline-block;
    width: 60px;
}
.mailpoet_paragraph+.mailpoet_paragraph input[type="submit"].mailpoet_submit {
    vertical-align: top;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #C30078;
    color: #fff;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border: 1px solid #C30078;
    box-sizing: border-box;
    width: 60px;
    margin-left: -1px;
    font-family: "baskerville-urw", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    transition: opacity .3s;
}

/*.top_messageがある時のみ*/
.sp{
  display: none;
}
.body_top_message{
  position: relative;
}
.body_top_message .top .js_fixed .el_humburger{
  position: absolute;
}
.body_top_message .js_fixed .el_humburger{
  position: fixed;
}
.body_top_message .el_humburger,
.body_top_message .spcart{
  top: calc(38px + 60px);
}
.body_top_message header{
  top: 50px;
}
.body_top_message .top_message{
  width: 100%;
  height: 50px;
  margin: auto;
  background: #F8F5EE;
  line-height: 1.6em;
}
.body_top_message .top_message:hover{
  opacity: .8;
}
.body_top_message .top_message a{
  text-decoration: none;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 768px){
  .body_top_message{
    padding-top: calc(150px + 60px) !important;
  }
  .body_top_message .top_message{
    min-width: 1160px;
    position: absolute;
    top: 0;
  }
  .body_top_message .top_message br{
    display: none;
  }
}
@media screen and (max-width:767px) {
  .sp{
    display: block;
  }
  .body_top_message .el_humburger{
    top: calc(25px + 80px);
  }
  .body_top_message .spcart{
    top: calc(25px + 80px) !important;
  }
  .body_top_message header{
    padding: 0 0 20px !important;
  }
  .body_top_message .top_message{
    margin-bottom: 20px;
    height: 80px;
  }
  .body_top_message .top_message a{
    padding-top: 3px;
    text-align: center;
  }
}
@media screen and (max-width:600px) {
  .body_top_message .el_humburger{
    top: 80px;
  }
  .body_top_message .spcart{
    top: 80px!important;
  }
  .body_top_message header{
    padding: 0 0 10px;
  }
  .body_top_message .top_message{
    margin-bottom: 50px;
  }
}
@media screen and (max-width:450px) {
  .body_top_message .top_message{
    font-size: 14px;
  }
}
/*.top_messageがある時のみ*/