@charset "utf-8";
/* =================================== */
/*　ページ共通  */
/* =================================== */
#page-contents {
	clear: both;
	
}
#page-contents a {

}
#page-contents p {
	line-height:1.8em;
}
#page-contents p.text {
	text-align:center;
	line-height:1.8em;
}
#page-contents .section {
	max-width: 1100px;
	margin:0 auto;
	padding:50px 10px;
}
#page-contents .section-first {
	max-width: 1100px;
	margin:0 auto;
	padding:0 10px 10px 10px;
}
#page-entry-contents {
	max-width: 1100px;
	margin:0 auto;
	background-color:#ffffff;
	padding:50px;
	border-radius: 30px;
}
#page-fixed-contents {
	max-width: 1100px;
	margin:0 auto 30px auto;
	background-color:#ffffff;
	padding:50px;
	border-radius: 30px;
}
#page-category-contents {
	max-width: 1100px;
	margin:0 auto;
	padding:10px;
}
@media screen and (max-width: 1100px) {
#page-entry-contents ,
#page-fixed-contents ,
#page-category-contents {
	padding:20px;
	margin: 0 10px;
}
#page-contents p.text {
	text-align:left;
}
}
.icon-mail {
  display: inline-block;
  vertical-align: middle;
}
.icon-mail::before {
  width: 30px;
  height: 20px;
  background-image: url("../img/icon_mail.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  margin-right: 15px;
}
/*　ヘッダータイトル  */
#pagetitle {
}
#pagetitle .title-wrapper {
	max-width: 1100px;
	margin:0 auto;
}
#pagetitle .title {
	text-align:center;
	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing:0.07em;
  font-weight: 700;
	font-size:35px;
	font-size: 3.5rem;
	padding:30px 10px 30px 10px;
}

@media screen and (max-width:760px){
#pagetitle .title {
	font-size:20px;
	font-size: 2.0rem;
}	
}
#pagetitle .subtitle {
	text-align:center;
	padding:0 10px 30px 10px;
}
@media screen and (max-width:760px){
#pagetitle .subtitle {
	font-size:12px;
	font-size: 1.2rem;
}	
}
/*　パンくず */
.pan {
	font-size: 12px;
	max-width: 1200px;
  margin: 0 auto;
	padding-bottom: 10px;
}
.pan a {
	color: #ff6655;
}
.pan-next {
	padding: 0 1em;
}
/*　検索　*/
.search {
	padding:0 10px;
	text-align:center;
}
@media screen and (max-width:760px){
.search {
	display:none;
}
}
.page-search {
	padding:0 10px;
	text-align:center;
}
@media screen and (min-width:760px){
.page-search {
	display:none;
}
}
#pagetitle .search-text ,
#page-contents .search-text {
	font-size:13px;
	color:#666666;
	padding-bottom:5px;
	line-height:1em;
}
#pagetitle .searchfield {	
  font-size: 18px;
  line-height:18px;
  padding: 5px 10px;
  background-color:#f2f2f2;
  border:none;
  vertical-align:bottom;  
  height:35px;
  box-sizing:border-box;
	
}
#page-contents .searchfield {	
  font-size: 18px;
  line-height:18px;
  padding: 10px 20px;
  background-color:#ffffff;
  border:1px solid #45331a;
  vertical-align:bottom;  
  height:35px;
  box-sizing:border-box;
  width:14.5em;
	
}
@media screen and (max-width:640px){
#page-contents .searchfield {	
  font-size: 15px;
  line-height:15px;
  padding: 5px;	
}	
}	
#pagetitle .searchsubmit,
#page-contents .searchsubmit {
  line-height:18px;
  height:35px;
  width:50px;
  cursor: pointer;	
  border: none;
  vertical-align:bottom;  
  display:inline-block;
  background: url(../img/icon-search.png) no-repeat 0 0 ,#74b15a;
}	
#pagetitle .searchsubmit:hover ,
#page-contents .searchsubmit:hover {	
  opacity: .8;	
}
/*　見出し */
#page-contents .midashi-wrapper {
	text-align:center;
}
#page-contents h1 {
	font-size:25px;
	font-size: 2.5rem;
	padding:0 10px 20px 10px;
	margin-bottom:10px;
	font-weight:400;
}
@media screen and (max-width: 640px) {
#page-contents h1 {
	font-size:20px;
	font-size: 2.0rem;
	padding:0 0 10px 0;
}
}
#page-contents h3 {
	font-family: "Zen Maru Gothic", sans-serif;
	letter-spacing:0.07em;
  font-weight: 700;
	font-size:30px;
	font-size: 3.0rem;
	padding:10px 0;
	margin-bottom:20px;
	text-align: center;
}
@media screen and (max-width: 640px) {
#page-contents h3 {
	font-size:20px;
	font-size: 2.0rem;
	margin-bottom:0;
}
}
#page-contents h4 {
	font-size:20px;
	font-size: 2.0rem;
	font-weight:500;
	padding-bottom: 20px;
	text-align: center;
}
#page-contents h5 {
	font-size:18px;
	font-size: 1.8rem;
	font-weight:500;
	margin:5px 0 20px 0;
}
/*　テーブル */
.table-wrap {
	max-width: 900px;
	margin: auto;
	padding: 30px 0;
}
.page-table {
	border-collapse: collapse;
	width:100%;
}
.page-table th, .page-table td {
	border-bottom: 1px solid #cccccc;
	font-weight:normal;
	padding:10px 25px;
}
.page-table th {
	background-color:#aaaaaa;
	color: #ffffff;
	text-align:center;
	border: 2px solid #ffffff;
	width: 20%;
}
.page-table td {
	
}
@media screen and (max-width: 760px) {
.page-table th {
	width: 30%;
}
}
@media screen and (max-width: 640px) {
.page-table {
	width:100%;
  }
.page-table th {
	border-bottom: none;
	border-top: none;
    display: block;
    width: 100%;
	box-sizing:border-box;
	padding:10px 10px;
}
.page-table td {
	border-top: none;
　　border-bottom: none;
    display: block;
    width: 100%;
	box-sizing:border-box;
	padding:10px 10px;
	border-bottom:none;
  }
}
/*写真比率固定*/
#page-contents .aspect-out {
	position: relative;
	width: 100%;
	overflow:hidden;
	}
#page-contents .aspect-out:before {
	content:"";
	display: block;
	padding-top: 66%;/*3:2比率*/
	}
#page-contents .aspect-in {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 100%;
}
/* ----------------------------------- */
/*　記事共通  */
/* ----------------------------------- */
#page-entry-contents .entry-day {
	display:inline-block;
	padding: 0 10px;
}
#page-entry-contents .entry-storeevent-cat {
	background-color:#74b15a;
	color:#ffffff;
	padding: 5px 20px;
	display: inline-block;
	line-height: 15px;
	vertical-align: middle;
	margin-bottom:10px;
}
/*　NEWイベントクーポン表記 */
#page-entry-contents .entry-paid {
	display:inline-block;
	padding: 0 10px;
}
@media screen and (max-width: 640px) {
#page-entry-contents .entry-day {
	padding: 0 10px 0 0;
	font-size:12px;
}
#page-entry-contents .entry-storeevent-cat {
	font-size:12px;
}
#page-entry-contents .entry-paid {
	display:block;
	padding: 0 0 10px 0;
}
}
#page-entry-contents .top-entry-new {
	background-color:#FFF000;
	color:#333333;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	width: 4em;
	text-align: center;
	margin:0 3px;
	line-height:1em;
	font-weight:500;
}
#page-entry-contents .top-entry-event {
	background-color:#FFA634;
	color:#333333;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	margin:0 3px;
	line-height:1em;
	font-weight:500;
}
#page-entry-contents .top-entry-coupon {
	background-color:#4EBEA2;
	color:#333333;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	margin:0 3px;
	line-height:1em;
	font-weight:500;
}
#page-entry-contents .top-entry-info {
	background-color:#3BCAE9;
	color:#333333;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	width: 4em;
	text-align: center;
	margin:0 3px;
	line-height:1em;
	font-weight:500;
}
/*　見出し */
#page-entry-contents h1 {
	font-size:25px;
	font-size: 2.5rem;
	padding:0 10px 10px 10px;
	margin-bottom:20px;
	font-weight:500;
	border-bottom: 5px solid #fdf9ee;
}
@media screen and (max-width: 640px) {
#page-entry-contents h1 {
	font-size:20px;
	font-size: 2.0rem;
	padding:0 0 10px 0;
}
}
#page-entry-contents h2 {
	font-size:25px;
	font-size: 2.5rem;
	padding:10px 0;
	margin:10px 0 20px 0;
	font-weight:500;
	border-bottom: 4px solid #ff6655;
}
@media screen and (max-width: 640px) {
#page-entry-contents h2 {
	font-size:20px;
	font-size: 2.0rem;
	padding:0 0 10px 0;
}
}
#page-entry-contents h3 {
	font-family: "Zen Maru Gothic", sans-serif;
	font-size:25px;
	font-size: 2.5rem;
	padding:5px 15px;
	margin:10px 0 20px 0;
	font-weight:500;
	color: #ffffff;
	background-color: #3eace2;
	text-align: left;
	border-radius: 10px; 
}
@media screen and (max-width: 640px) {
#page-entry-contents h3 {
	font-size:20px;
	font-size: 2.0rem;
}
}
#page-entry-contents h4 {
	font-family: "Zen Maru Gothic", sans-serif;
	color: #3eace2;
	font-size:25px;
	font-size: 2.5rem;
	font-weight:500;
	margin:10px 0;
}
@media screen and (max-width: 640px) {
#page-entry-contents h4 {
	font-size:20px;
	font-size: 2.0rem;
}
}
#page-entry-contents h5 {
	font-size:18px;
	font-size: 1.8rem;
	font-weight:500;
	padding:5px 15px;
	margin:0;
	display:inline-block;
	background-color: #fdf9ee;
	border-radius: 10px; 
}
#page-entry-contents h6 {
	font-size:18px;
	font-size: 1.8rem;
	font-weight:500;
	padding:10px 0;
	margin:0;
}
#page-entry-contents h6::before {
  content: '\025a0';
  color: #ffb400;
  font-size: 20px;
  vertical-align: top;
  margin-right: 5px;
}
/*本文*/
#page-entry-contents p {
	padding-bottom: 1em;
}
/*SNSシェア*/
.share-button {
	padding-top:30px;
	overflow:hidden;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.share-content {
	display:inline-block;
}
.share-button p {
	float:left;
	color:#737373;
	font-size:13px;
	line-height:20px;
	padding:0 10px;
}
ul.sns-button {
	float:left;
}
ul.sns-button li {
	float:left;
	padding: 0 5px;
}
ul.sns-button li img {
	max-width:30px;
}
/*「あしたのそら」広告掲載の募集*/
.koukoku-content {
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	flex-wrap: wrap;
}
/*「あしたのそら」広告掲載の募集 お問い合わせボタン*/
.flow-button {
	padding: 30px 0 20px 0;
}
.koukoku-free {
	font-size: 20px;
	color: #6bda00;
	border: 3px solid #6bda00;
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: 20px;
}
/*一覧へリスト*/
#newcat-list .entry-storename {
    background-color: #74b15a;
	color:#ffffff;
    padding: 5px 20px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
	font-size:12px;
}
#newcat-list .entry-new {
    background-color: #FFF000;
	color:#333333;
    padding:5px;
    display: inline-block;
    vertical-align: middle;
	width: 4em;
	text-align: center;
	margin-bottom:3px;
	line-height:1em;
	font-weight:500;
}
#newcat-list .entry-event {
	background-color:#FFA634;
	color:#333333;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:3px;
	line-height:1em;
	font-weight:500;
}
#newcat-list .entry-coupon {
	background-color:#4EBEA2;
	color:#333333;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:3px;
	line-height:1em;
	font-weight:500;
}
#newcat-list .entry-info {
	background-color:#3BCAE9;
	color:#333333;
	padding:5px;
	display:inline-block;
	vertical-align:middle;
	width: 4em;
	text-align: center;
	margin-bottom:3px;
	line-height:1em;
	font-weight:500;
}
#newcat-list .cat-list {
	padding:30px 0;
}
#newcat-list .cat-listlink {
	box-sizing:border-box;
	background-color:#ffffff;
}
#newcat-list .entry-imgarea {
	padding: 20px 10px 0 10px;
	display: block;
}
#newcat-list .cattitle-area {
	padding: 5px 10px 20px 10px;
	display: block;
}
#newcat-list .catpaid-area {
	display: block;
}
#newcat-list .entry-day {
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	font-size: 12px;
}
#newcat-list .entry-status_sale {
	display:inline-block;
	font-size:11px;
	color:#333333;
	border:1px solid #333333;
	padding: 5px 10px;
	float: right;
	line-height: 1em;
}
#newcat-list .entry-status_sold {
	display:inline-block;
	font-size:11px;
	color:#f74b0d;
	border:1px solid #f74b0d;
	padding: 5px 10px;
	float: right;
	line-height: 1em;
}
#newcat-list .entry-title {
	display: block;
	clear: both;
}
@media screen and (max-width: 480px) {
#newcat-list .cat-listlink a {
	overflow:hidden;
	display:block;
}
#newcat-list .cat-listlink {
	margin-bottom:20px;
}
#newcat-list .entry-imgarea {
	width:35%;
	float:left;
	padding:10px 10px 10px 10px;
	box-sizing:border-box;
}
#newcat-list .cattitle-area {
	width:65%;
	float:left;
	padding:10px 10px 10px 0;
	box-sizing:border-box;
}
}
/*記事ない場合*/
.empty {
	text-align:center;
	padding:100px 0;
}
/* ----------------------------------- */
/*　投稿画面  */
/* ----------------------------------- */
#post-newlist {
  background-color: #ffffff;
  padding: 50px 0;
	margin: 100px 0;
}
@media screen and (max-width:760px){
#post-newlist {
	margin: 50px 0;
}
}
/* ----------------------------------- */
/*　記事一覧  */
/* ----------------------------------- */
#page-contents .top-entry-day {
  display: block;
  font-size: 14px;
  padding: 5px 0;
}
#page-contents .top-entry-title {
  clear: both;
  display: block;
  font-size: 20px;
  padding-top: 5px;
  font-weight: 500;
  line-height: 1.4em;
}
/*　記事一覧  */
#page-contents .top-entry-list  {
	width: 33.333%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
@media screen and (max-width:1000px){
#page-contents .top-entry-list {
	width: 50%;
}
}
@media screen and (max-width:760px){
#page-contents .top-entry-list {
	width: 100%;
}
}
#page-contents .top-entry-link {
	padding: 15px;
}
#page-contents .top-entry-list a {
	display:block;
	overflow:hidden;
  table-layout: fixed;
}


/* ----------------------------------- */
/*　お問い合わせ  */
/* ----------------------------------- */
#page-entry .entry-destination {
	padding:20px 30px 30px 30px;
	margin-top:30px;
	background-color:#E9EAE9;
}
#page-entry .entry-destination p {
	padding-top:10px;
}
#page-entry .entry-tel {
	background-color:#ffffff;
	padding:10px;
	border-radius:3px;
	display:block;
	color: #29302A;
	margin-top:10px;
	text-align:center;
	font-size:18px;
}
#page-entry .tel {
	padding-right:5px;
}
@media screen and (min-width: 640px) {
#page-entry .entry-tel {
	pointer-events: none;
}
}
#page-entry .download {
	padding:10px 0;
}
/*　フォーム(iOSリセット) */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*　フォーム */
#form {
	margin:20px 0;
}
.form-content {
	border: 5px solid #f0f0f0;
	padding: 30px;
}
@media screen and (max-width: 760px) {
.form-content {
	padding: 10px;
}
}
#contact-form {
	border-collapse:collapse;
	width:100%;
	font-size: 1.8rem;
}
#contact-form th {
	width:20%;
	font-weight:normal;
	padding: 10px;
	white-space: nowrap;
	text-align:left;
}
#contact-form td {
	width:80%;
	padding: 10px;
	word-break: break-all;	
}
#contact-form .required {
	display:inline-block;
	padding:0 10px;
	margin-left:15px;
	color:#ffffff;
	background-color:#ffb400;
	font-size: 1.5rem;

}
#contact-form input,
#contact-form textarea  {
	font-size: 1.8rem;
	background-color:#f0f0f0;
	border:none;
	padding:8px;
	border-radius:5px;
}
#contact-form input[type="file"] {
	background-color:#ffffff;
	font-size: 1.5rem;
}
#contact-form label {
	display: block;
	padding-bottom: 5px;
}
#contact-form .medium {
	width:70%;
	box-sizing:border-box;
}
#contact-form .long {
	width:100%;
	box-sizing:border-box;
}
#contact-form textarea  {
	width:100%;
	box-sizing:border-box;
}
#contact-form input::placeholder  {
	font-size:0.8em;
	color:#999999;
}
#contact-form textarea::placeholder  {
	font-size:0.8em;
	color:#999999;
}
#contact-form .radio-list li {
	float:left;
	padding:10px 20px 0 0;
}
#contact-form .memo {
	font-size:1.4rem;
}
#button-area {
	text-align:center;
	padding:20px 0;
}
#button-area p {
	text-align:center;
	padding-bottom:20px;
}
#button-area a {
	color:#ff6655;
}
#button-area input[type="submit"]{
	text-align: center;
  display: inline-block;
  padding: 20px 30px;
  color: #ffffff;
  background-color: #ff6655;
  border-radius: 100px;
  width: 200px;
  font-weight: 500;
  font-size: 20px;
}
#button-area input[type="submit"]:hover {
	cursor: pointer;
}
@media screen and (max-width:760px){
#form-wrapper {
	padding: 10px;
}
#form {
	padding:0;
}
#contact-form th {
    display: block;
    width: 100%;
	box-sizing:border-box;
	padding:10px 10px 0 10px;
}
#contact-form td {
    display: block;
    width: 100%;
	box-sizing:border-box;
}
#contact-form .long ,
#contact-form .medium {
	width:100%;
}
#contact-form input[type="file"] {
	font-size: 1.2rem;
}
}
#page-entry .entry-privacy h3 {
	text-align:center;
}
#page-entry .privacypolicy {
	padding:30px;
	border:5px solid #E6E6E6;
	height:200px;
	overflow:auto;
}
#page-entry .privacypolicy h4 {
	padding-top:30px;
}
/* ----------------------------------- */
/*　記事一覧  */
/* ----------------------------------- */
#category-list {
	
}
#category-list .category-listlink {
	padding-top:30px;
}

@media screen and (max-width:760px){

}

#pager {
	text-align:center;
}
#pager li {
	display:inline-block;
	padding:0 30px;
}
#pager li a {
	color: #ff6655;
}

/* ----------------------------------- */
/*　サイトについて  */
/* ----------------------------------- */
#page-fixed-contents .app-download {
	padding:20px 0;
}
#cat-menu .cat-list {
	display: -webkit-flex;
    display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
}
#cat-menu .cat-list > .cat-link {
	width: 30%;
	padding-bottom: 20px;
}
@media screen and (max-width:760px){
#cat-menu .cat-list > .cat-link {
	width: 47%;
}
}
@media screen and (max-width:480px){
#cat-menu .cat-list > .cat-link {
	width: 100%;
}
}
#privacypolicy h4 {
	text-align: left;
}
#privacypolicy h4:before {
	content: '\025a0';
	color: #3eace2;
	font-size:20px;
	vertical-align:top;
	margin-right:5px;
}
#privacypolicy .mail-img {
	max-width: 200px;
}
#cat-menu .cat-list img {
	border-radius: 20px;
}

#store-info {
	
}
#store-info dl {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	margin-bottom: 20px;
}
#store-info dt {
	box-sizing: border-box;
    width: 25%;
    padding: 5px;
    margin: 0;
	color: #3eace2;
}

#store-info dd {
	box-sizing: border-box;
    width: 75%;
    padding: 5px;
    margin: 0;
}
#store-info .map-fgallery {
	margin-top: 50px;
	
}
#store-info .raiten {
	font-size:15px;
	font-weight: normal;
	padding-left: 1em;
}
/* ----------------------------------- */
/*　固定ページ  */
/* ----------------------------------- */