/* ----------------------------------------------------------
General Settings
---------------------------------------------------------- */
#postcontainer {
 width: 100%;
 height: auto;
 display: block;
}

div.post_info li.cal{background-image: url(../../img/icons/ic-cal.webp);}
div.post_info li.cat{background-image: url(../../img/icons/ic-cat.webp);}
div.post_info li.tag{background-image: url(../../img/icons/ic-tag.webp);}


/* ----------------------------------------------------------
Style for PCs
---------------------------------------------------------- */
@media screen and (min-width: 1025px) {


/*---------------------------------------------------*/
/* Layout */
/*---------------------------------------------------*/
#postcontainer .maincc0_post{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
}

/* サイドあり時 */
#postcontainer .maincc0_post .maincc0_01_post {
  width:25%;
  height:auto;
  display:block;
  padding:0 0 0 3%;
  order: 2;
}

#postcontainer .maincc0_post .maincc0_02_post {
  width:75%;
  height:auto;
  min-height: 600px;
  display:block;
  border-right: 1px solid var(--color-base);
  padding:0 3% 10em 0;
  order:1;
}

#postcontainer .maincc0_post .maincc0_02_fullpost {
  width:100%;
  height:auto;
  min-height: 600px;
  display:block;
  padding:0 0 3em 0;
  order:1;
}


/*---------------------------------------------------*/
/* Post Info */
/*---------------------------------------------------*/
div.post_info{
 width: 100%;
 height: auto;
 display: block;
 padding:0;
 margin:0 0 20px 0;
}
div.post_info ul{
 width: 100%;
 height: auto;
 display: flex;
 justify-content: flex-end;
 padding:0;
 margin:0;
}
div.post_info li{
 width:fit-content;
 height: 20px;
 display: inline-block;
 font-size:12px;
 line-height: 20px;
 padding-left:22px;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: auto 16px;
}
div.post_info li a{color: var(--color-base);}
div.post_info li a:hover{color: var(--color-red);}


/*---------------------------------------------------*/
/* Side Bar */
/*---------------------------------------------------*/
.side ul {
	width:100%;
	height:auto;
	display:block;
	margin:0 0 40px;
}
.side ul li {
	width:100%;
	height:auto;
	display:block;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Times New Roman", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:12px;
	font-weight:normal;
	line-height:1.4em;
	margin:0 0 0 0;
 padding: 0;
}
.side ul li.nom_selected{
	width:auto;
	height:auto;
	display:block;
	text-decoration:none!important;
	padding:10px 8px;
	background-color:var(--color-base);
	color:var(--color-white)!important;
	border-bottom:1px dotted var(--color-beige);
}
.side ul li a {
	width:auto;
	height:auto;
	display:block;
	text-decoration:none!important;
	padding:10px 8px;
	color:var(--color-black)!important;
	background-color:var(--color-white);
	border-bottom:1px dotted var(--color-beige);
}
.side ul li a:hover {
	background-color:var(--color-base);
	color:var(--color-white)!important;
}
.sidebartitle {
 font-size:14px;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#655E4C;
	border-bottom:1px dotted #8B7E6F;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Times New Roman", "HG明朝EB", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.side select {
 width:100%;
 height: auto;
 display: block;
 border:1px solid var(--color-999);
 font-size:12px;
 color:var(--color-black);
 background-color: var(--color-white);
 line-height:1.5em;
 padding:5px;
}


/*---------------------------------------------------*/
/* Pickup用 店舗情報 */
/*---------------------------------------------------*/
.shopinfobase {
 width: 100%;
 height: auto;
 display: block;
 margin-bottom: 5em;
}
.shopinfo_add {
width:100%;
height:auto;
display:block;
}
.sia_info {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding:45px;
border:1px solid var(--color-ccc);
border-radius: 10px;
}
.sia_cc {
width:65%;
height:auto;
display:block;
}
.sia_info .sia_title h2 {
font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:20px!important;
font-weight:200!important;
line-height:1.25em!important;
margin-bottom:15px!important;
color: var(--color-base);
}
.sia_info p {
font-size:14px!important;
line-height: 1.8em!important;
margin-bottom: 0!important;
}
.sia_image {
width:30%;
height:auto;
display: block;
}
.sia_image img {
 border-radius: 10px;
}


/*---------------------------------------------------*/
/* PostList */
/*---------------------------------------------------*/
.maincc0_02_post .archive_post {
	width: 100%;
	height: auto;
	display: block;
	border:1px solid var(--color-brown);
	border-radius: 5px;
	padding:45px;
}
.maincc0_02_post .pickup_post {
	width: 100%;
	height: auto;
	display: block;
	border:1px solid var(--color-red);
	background-color: var(--color-f8);
	border-radius: 5px;
	padding:45px;
}
.archive_thumb {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 30px;
}

}

/* ----------------------------------------------------------
Style for iPad Pro
---------------------------------------------------------- */
@media screen and (min-width: 769px) and (max-width: 1024px) {


/*---------------------------------------------------*/
/* Layout */
/*---------------------------------------------------*/
#postcontainer .maincc0_post{
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto;
}

/* サイドあり時 */
#postcontainer .maincc0_post .maincc0_01_post {
  width:100%;
  height:auto;
  display:block;
  padding:40px 0 0 0;
  order: 2;
}

#postcontainer .maincc0_post .maincc0_02_post {
  width:100%;
  height:auto;
  min-height: 600px;
  display:block;
  border-bottom: 1px solid var(--color-base);
  padding:0 0 40px 0;
  order:1;
}

#postcontainer .maincc0_post .maincc0_02_fullpost {
  width:100%;
  height:auto;
  min-height: 600px;
  display:block;
  padding:0 0 10em 0;
  order:1;
}

/*---------------------------------------------------*/
/* Post Info */
/*---------------------------------------------------*/
div.post_info{
 width: 100%;
 height: auto;
 display: block;
 padding:0;
 margin:0 0 20px 0;
}
div.post_info ul{
 width: 100%;
 height: auto;
 display: flex;
 justify-content: flex-end;
 padding:0;
 margin:0;
}
div.post_info li{
 width:fit-content;
 height: 20px;
 display: inline-block;
 font-size:12px;
 line-height: 20px;
 padding-left:22px;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: auto 16px;
}
div.post_info li a{color: var(--color-base);}
div.post_info li a:hover{color: var(--color-red);}


/*---------------------------------------------------*/
/* Side Bar */
/*---------------------------------------------------*/
.side ul {
	width:100%;
	height:auto;
	display:block;
	margin:0 0 40px;
}
.side ul li {
	width:100%;
	height:auto;
	display:block;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Times New Roman", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:12px;
	font-weight:normal;
	line-height:1.4em;
	margin:0 0 0 0;
 padding: 0;
}
.side ul li.nom_selected{
	width:auto;
	height:auto;
	display:block;
	text-decoration:none!important;
	padding:10px 8px;
	background-color:var(--color-base);
	color:var(--color-white)!important;
	border-bottom:1px dotted var(--color-beige);
}
.side ul li a {
	width:auto;
	height:auto;
	display:block;
	text-decoration:none!important;
	padding:10px 8px;
	color:var(--color-black)!important;
	background-color:var(--color-white);
	border-bottom:1px dotted var(--color-beige);
}
.side ul li a:hover {
	background-color:var(--color-base);
	color:var(--color-white)!important;
}
.sidebartitle {
 font-size:14px;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#655E4C;
	border-bottom:1px dotted #8B7E6F;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Times New Roman", "HG明朝EB", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.side select {
 width:100%;
 height: auto;
 display: block;
 border:1px solid var(--color-999);
 font-size:12px;
 color:var(--color-black);
 background-color: var(--color-white);
 line-height:1.5em;
 padding:5px;
}


/*---------------------------------------------------*/
/* Pickup用 店舗情報 */
/*---------------------------------------------------*/
.shopinfobase {
 width: 100%;
 height: auto;
 display: block;
 margin-bottom: 5em;
}
.shopinfo_add {
width:100%;
height:auto;
display:block;
}
.sia_info {
width: 100%;
height: auto;
display: flex;
justify-content: space-between;
align-items: center;
padding:45px;
border:1px solid var(--color-ccc);
border-radius: 10px;
}
.sia_cc {
width:65%;
height:auto;
display:block;
}
.sia_info .sia_title h2 {
font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:20px!important;
font-weight:200!important;
line-height:1.25em!important;
margin-bottom:15px!important;
color: var(--color-base);
}
.sia_info p {
font-size:14px!important;
line-height: 1.8em!important;
margin-bottom: 0!important;
}
.sia_image {
width:30%;
height:auto;
display: block;
}
.sia_image img {
 border-radius: 10px;
}





}


/* ----------------------------------------------------------
Style for Smartphone
---------------------------------------------------------- */
@media screen and (max-width: 768px) {


/*---------------------------------------------------*/
/* Layout */
/*---------------------------------------------------*/
#postcontainer .maincc0_post{
  width: 90%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin:0 auto;
}

/* サイドあり時 */
#postcontainer .maincc0_post .maincc0_01_post {
  width:100%;
  height:auto;
  display:block;
  padding:40px 0 0 0;
  order: 2;
}

#postcontainer .maincc0_post .maincc0_02_post {
  width:100%;
  height:auto;
  min-height: 600px;
  display:block;
  border-bottom: 1px solid var(--color-base);
  padding:0 0 40px 0;
  order:1;
}

#postcontainer .maincc0_post .maincc0_02_fullpost {
  width:100%;
  height:auto;
  min-height: 600px;
  display:block;
  padding:0 0 10em 0;
  order:1;
}

/*---------------------------------------------------*/
/* Post Info */
/*---------------------------------------------------*/
div.post_info{
 width: 100%;
 height: auto;
 display: block;
 padding:0;
 margin:0 0 20px 0;
}
div.post_info ul{
 width: 100%;
 height: auto;
 display: flex;
 justify-content: flex-end;
 padding:0;
 margin:0;
}
div.post_info li{
 width:fit-content;
 height: 20px;
 display: inline-block;
 font-size:12px;
 line-height: 20px;
 padding-left:22px;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: auto 16px;
}
div.post_info li a{color: var(--color-base);}
div.post_info li a:hover{color: var(--color-red);}


/*---------------------------------------------------*/
/* Side Bar */
/*---------------------------------------------------*/
.side ul {
	width:100%;
	height:auto;
	display:block;
	margin:0 0 40px;
}
.side ul li {
	width:100%;
	height:auto;
	display:block;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Times New Roman", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:12px;
	font-weight:normal;
	line-height:1.4em;
	margin:0 0 0 0;
 padding: 0;
}
.side ul li.nom_selected{
	width:auto;
	height:auto;
	display:block;
	text-decoration:none!important;
	padding:10px 8px;
	background-color:var(--color-base);
	color:var(--color-white)!important;
	border-bottom:1px dotted var(--color-beige);
}
.side ul li a {
	width:auto;
	height:auto;
	display:block;
	text-decoration:none!important;
	padding:10px 8px;
	color:var(--color-black)!important;
	background-color:var(--color-white);
	border-bottom:1px dotted var(--color-beige);
}
.side ul li a:hover {
	background-color:var(--color-base);
	color:var(--color-white)!important;
}
.sidebartitle {
 font-size:14px;
	font-weight:normal;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#655E4C;
	border-bottom:1px dotted #8B7E6F;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "Times New Roman", "HG明朝EB", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.side select {
 width:100%;
 height: auto;
 display: block;
 border:1px solid var(--color-999);
 font-size:12px;
 color:var(--color-black);
 background-color: var(--color-white);
 line-height:1.5em;
 padding:5px;
}


/*---------------------------------------------------*/
/* Pickup用 店舗情報 */
/*---------------------------------------------------*/
.shopinfobase {
 width: 90%;
 height: auto;
 display: block;
 margin:0 auto 5em;
}
.shopinfo_add {
width:100%;
height:auto;
display:block;
}
.sia_info {
width: 100%;
height: auto;
display: flex;
flex-direction: column;
padding:3em 0 3em 0;
border-top:1px solid var(--color-ccc);
border-radius: 0px;
}
.sia_cc {
width:100%;
height:auto;
display:block;
margin-bottom: 50px;
}
.sia_info .sia_title h2 {
font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size:20px!important;
font-weight:200!important;
line-height:1.25em!important;
margin-bottom:15px!important;
color: var(--color-base);
}
.sia_info p {
font-size:14px!important;
line-height: 1.8em!important;
margin-bottom: 0!important;
}
.sia_image {
width:100%;
height:auto;
display: block;
}
.sia_image img {
 border-radius: 10px;
}







}