@charset "utf-8";

/* ========================================
* File Name: style.css
* Created Date: 2021.12.28
* Author: Janime.com
======================================== */

/* ========================================
	gHeader
======================================== */
/* pc */
@media screen and (min-width:641px) {

#main-contents .page-wrap {
  padding-bottom: 50px;
}

#gHeader h1 {
  position: absolute;
  top: 104px;
  left: 350px;
}

#gHeader .chara {
	position: absolute;
	top: 100px;
	left: 600px;
}

#gHeader .chara img {
	width: 210px;
	height: 154px;
}
}

/* sp */
@media screen and (max-width:640px) {

#gHeader h1 {
  position: absolute;
  top: 55px;
  left: 50%;
  margin-left: -85px;
}
#gHeader h1 img {
  width: 171px;
  height: 67px;
}
#gHeader .chara {
  position: absolute;
  top: 70px;
  right: 5px;
}
#gHeader .chara img {
	width: 115px;
	height: 84px;
}
}

/* ========================================
	main-contents
======================================== */

#main-contents .main-cont {
  float: none;
  width: auto;
  margin: 0 35px;
  font-size: 14px;
  color: #521F00;
}
#main-contents .main-cont a {
  color: #FF9000;
}
#main-contents .main-cont h2 {
	font-size:24px;
	font-weight:bold;
	background:url("/mailform/images/ttl_icon.png") left top no-repeat;
	padding:0 0 0 40px;
	color: #7E461E;
  margin-bottom: 20px;
}
#main-contents .main-cont h3 {
  margin-bottom: 20px;
  padding: 5px 15px;
  font-size: 20px;
  color: #ffffff;
  background: #83340A;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

#main-contents .main-cont .text-box {
  margin-bottom: 35px;
}

#main-contents .main-cont .note-txt {
  color: #FF9000;
  font-weight: bold;
}

#main-contents .main-cont .img-box {
  text-align: center;
  margin-bottom: 40px;
}

#main-contents .main-cont .shop-info {
  display: table;
}

#main-contents .main-cont .shop-info dt {
  display: table-cell;
}
#main-contents .main-cont .shop-info dd {
  display: table-cell;
}

#main-contents .main-cont .information {
  overflow: hidden;
}

#main-contents .main-cont .information .info-img {
  float: left;
  width: 320px;
}
#main-contents .main-cont .information .info-text {
  float: left;
  width: 480px;
}

#main-contents .main-cont .information .brlink {
  word-wrap:break-word;
}
#main-contents .main-cont .bnr-area {
  margin: 0 0 40px;
}
#main-contents .main-cont .bnr-area li {
  margin-bottom: 20px;
}
#main-contents .main-cont .bnr-area li:last-child {
  margin-bottom: 0;
}

/* sp */
@media screen and (max-width:640px) {

#main-contents h1 {
	width:100px;
}
#main-contents .main-cont {
  margin: 0 10px;
}
#main-contents .main-cont h2 {
	font-size:18px;
	background:url("/shop/images/ttl_icon.png") no-repeat 6px 6px;
  -webkit-background-size: 23px;
       -o-background-size: 23px;
          background-size: 23px;
  padding:10px 0 0 40px;
}
#main-contents .main-cont h3 {
  font-size: 16px;
}
#main-contents .main-cont .img-box {
  width: auto;
}
#main-contents .main-cont .img-box img {
  width: 100%;
}

#main-contents .main-cont .shop-info {
  display: block;
  margin-bottom: 5px;
}

#main-contents .main-cont .shop-info dt {
  display: block;
}
#main-contents .main-cont .shop-info dd {
  display: block;
}

#main-contents .main-cont .information .info-img {
  float: none;
  width: auto;
  text-align: center;
  margin-bottom: 10px;
}

#main-contents .main-cont .information .info-img img {
  max-width: 100%;
}
#main-contents .main-cont .information .info-text {
  float: none;
  width: auto;
}
#main-contents .main-cont .bnr-area {
  width: 100%;
}
#main-contents .main-cont .bnr-area li img {
  width: 100%;
  height: auto;
}
}


/* ////////ショップ情報をサマリーに*/

summary {
  position: relative;
  display: block; /* 矢印を消す */
  padding-left: 20px; /* アイコン分の余白 */
  cursor: pointer;
}
summary::-webkit-details-marker {
  display: none; /* 矢印を消す */
}
/* 疑似要素でアイコンを表示 */
summary:before,
summary:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
summary:before {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  background-color: #1da1ff;
}
summary:after {
  left: 6px;
  width: 5px;
  height: 5px;
  border: 4px solid transparent;
  border-left: 5px solid #fff;
  box-sizing: border-box;
  transition: .1s;
}
/* オープン時 */
details[open] summary:after {
  transform: rotate(90deg); /* 90度回転 */
  left: 4px;
  top: 5px;
}