@charset "UTF-8";

/* =========================================================
 ■ ジェイアール京都伊勢丹 節分 恵方巻
========================================================= */




@media screen and (max-width: 640px) {
.main-content {
	margin-bottom:0 !important;
}
}
.mg-b0 {
		margin-bottom:0px;
}
.mg-t5 {
		margin-top: 5px;
}

/* USEFUL CLASS
--------------------------------------------------------- */

/* MARGIN SETTING */
.mt01 {
  margin-top:1em !important;
}
.mt02 {
  margin-top:2em !important;
}
.mt5 {
  margin-top:5px !important;
}

.mt10 {
  margin-top:10px !important;
}

.mt15 {
  margin-top:15px !important;
}

.mt20 {
  margin-top:20px !important;
}

.mt25 {
  margin-top:25px !important;
}

.mt30 {
  margin-top:30px !important;
}

.mt35 {
  margin-top:35px !important;
}

.mt40 {
  margin-top:40px !important;
}

/* 赤字 */
#add-main .tx-red {
  color:#F00;
}


/*太字*/
#add-main .tx-bold {
	font-weight:bold;
}

/*****  サイド  ****/
.aside p.side_sub {
	background-color:#798a46;
	color:#fff;
}
.aside p.side_sub {
	padding:7px;
}
.aside p.side_ks {
	margin-top:30px;
	border:1px solid #666;
	text-align:center;
}

ul.link-aside1 {
	margin:0 0 15px;
	margin-left:1.5em !important;
}

/* =========================================================
 ■（20200903追加）
========================================================= */
img.sp {
	display:none;
}

.kai-sp {
	display:none;
}

@media (max-width: 640px) {
img.pc {
	display:none;
}

img.sp {
	display:block;
}

#add-main img {
	width:100%;
}

.kai-pc {
	display:none;
}

.kai-sp {
	display:block;
}

h2 {
	background:none !important;
}


}

/* 枠
--------------------------------------------------------- */
.frame {
	padding-bottom:20px;
	background:url(../images/bg.gif);
}

.frame .cate-box:nth-of-type(1) {
	position:relative;
	/*margin-top:-20px;*/
}

.intro {
	margin:20px auto;
	font-size:15px;
	text-align:center;
	line-height:1.6;
}

@media (max-width: 640px) {
.intro {
	font-size:4vw;
}
}

/**/
.btn-readme, .btn-readme2 {
	margin:0 auto 20px;
}

.btn-readme p {
	height:50px;
	font-size:20px;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	background:#ab9244;
	background-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.btn-readme2 p {
	height:50px;
	font-size:20px;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	background:#078cab;
	background-size:12px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.btn-readme p span, .btn-readme2 p span {
	padding-left:25px;
	display:inline-block;
	background:url(../images/arrows_d.png) no-repeat left center;
}

.btn-readme a, .btn-readme2 a {
	display:block;
}

@media (max-width: 640px) {
.btn-readme p, .btn-readme2 p {
	padding:15px 0;
	height:auto;
	font-size:4.5vw;
	display:block;
	text-align:center;
}

.btn-readme span,.btn-readme2 span {
	padding-left:18px;
	display:inline-block;
	background:url(../images/arrows_d.png) no-repeat left center;
	background-size:15px;
}

}


.cate-box {
	margin:0px auto 40px;
	/*padding:0 0px 20px;*/
	width:740px;
	background:#fff;
	box-sizing:border-box;
	text-align:center;
}

@media (max-width: 640px) {
.frame {
	padding:0 0px 20px;
	background:url(../images/bg.gif);
}

.frame .cate-box:nth-of-type(1) {
	position:relative;
	margin-top:0px;
}

.cate-box {
	margin:0px 0px 20px;
	padding:10px 0px 10px;
	width:inherit;
	background:#fff;
	box-sizing:border-box;
	text-align:center;
}

}

.cate-ttl {
	margin-bottom:20px !important;
	padding:10px 0;
	font-size:28px;
	font-weight:700;
	color:#4c5f90;
	font-family: 'Noto Sans JP', sans-serif;
	background:url(../images/line_ehou.gif) no-repeat top center, url(../images/line_ehou.gif) no-repeat bottom center;
}


.cate-ttl.setsubun {
	margin-bottom:20px !important;
	padding:10px 0;
	font-size:28px;
	font-weight:700;
	color:#ab9244;
	font-family: 'Noto Sans JP', sans-serif;
	background:url(../images/line_setsubun.gif) no-repeat top center, url(../images/line_setsubun.gif) no-repeat bottom center;
}

@media (max-width: 640px) {
.cate-ttl {
	/*margin-bottom:10px !important;*/
	padding:8px 0;
	font-size:6vw;
	background:url(../images/line_ehou_sp.gif) no-repeat top center, url(../images/line_ehou_sp.gif) no-repeat bottom center !important;
	background-size:contain !important;
}

.cate-ttl.setsubun {
	font-size:6vw;
	background:url(../images/line_setsubun.gif) no-repeat top center, url(../images/line_setsubun.gif) no-repeat bottom center !important;
	background-size:contain !important;
}

}

.cate-ttl-sub {
	font-size:20px;
	font-weight:700;
	font-family: 'Noto Sans JP', sans-serif;
}

@media (max-width: 640px) {
.cate-ttl-sub {
	font-size:5.3vw;
}
}

.res-mt40 {
	margin-top:40px;
}

/* ----- 【4個並び（レスポンシブ）】
--------------------------------------------------------- */
#add-main .itemRow-ty4-res {
	margin:20px auto 0;
}

#add-main .itemRow-ty4-res .item-Col {
  width:740px;
  position:relative;
  overflow:hidden;
}


#add-main .itemRow-ty4-res .item-Col li {
  float: left;
  margin-right:16px;
  margin-bottom:20px !important;
  text-align:left;
  width:173px;
}

#add-main .itemRow-ty4-res .item-Col li:nth-child(4n) {
 margin-right:0;
}

/*#add-main .itemRow-ty4-res .item-Col li:nth-child(-n+4) {
 margin-top:0;
}
*/

#add-main .itemRow-ty4-res .item-Col .item-image img {
  width:100%;
}

@media (max-width: 640px) {
#add-main .itemRow-ty4-res {
	margin:20px 20px 0;
}

#add-main .itemRow-ty4-res .item-Col {
	padding:0px;
	width:inherit;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


/*#add-main .itemRow-ty4-res .item-Col li:nth-child(-n+4) {
 margin-top:20px;
}

#add-main .itemRow-ty4-res .item-Col li:nth-child(-n+2) {
 margin-top:0;
}*/

#add-main .itemRow-ty4-res .item-Col li {
	/*margin-top:20px;*/
	margin-right:0;
	width:48%;
}

#add-main .itemRow-ty4-res .item-Col li .item-name {
	font-size:3.7vw
}

}


/*商品一覧ボタン*/
.btn-item-list {
	/*margin-top:20px;*/
	margin-left:auto;
	display:table;
	width:460px;
}

.btn-item-list p {
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#000 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size:8px;
}

/*.btn-item-list.temiyage p {
	background:#4b7a33 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size:8px;
}*/

.btn-item-list a p:hover {
	text-decoration:none;
	opacity:0.7;
}

@media (max-width: 640px) {
.btn-item-list {
	margin-left:auto;
	margin:0 20px;
	display:block;
	width:inherit;
}

.btn-item-list p {
	padding:0.7em 0;
	height:auto;
	font-size:4.2vw;
	background:#000 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size:10px !important;
}

}

/*全商品ボタン*/
.btn-allitem {
	margin:0px auto 0;
}

.btn-allitem p {
	display:flex;
	align-items:center;
	justify-content:center;
	height:50px;
	font-size:16px;
	font-weight:700;
	color:#fff;
	font-family: 'Noto Sans JP', sans-serif;
	text-align:center;
	background:#af0d42 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size:10px;
}

.btn-allitem a p:hover {
	opacity:0.7;
}

@media (max-width: 640px) {
.btn-allitem {
	margin:0px 20px 0;
	width:inherit;
}

.btn-allitem p {
	padding:0.7em 0;
	height:auto;
	font-size:4.2vw;
	font-weight:normal;
	background:#af0d42 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size:12px !important;
}

}

/* お読みください
--------------------------------------------------------- */
.readme-area{
    margin: 0px auto 0;
    padding: 5px 25px 20px;
    border: solid 2px #ab9244;
    border-top: none;
    box-sizeing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
}

.readme-area2{
    margin: 0px auto 0;
    padding: 5px 25px 20px;
    border: solid 2px #078cab;
    border-top: none;
    box-sizeing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
}

.readme-area .inner,.readme-area2 .inner {
	/*margin-top:35px;
	padding:30px 20px;*/
	font-size:14px;
	text-align:left;
	line-height:1.5;
}



.readme-area .inner ul li,.readme-area2 .inner ul li {
	text-indent:-1em;
	padding-left:1em;
    line-height: 1.6em;
}
.tx-box{
	display: inline-block;
	width: 200px;
    border: 1px solid #333;
	color: #333;
	font-size: 125%;
	text-align: center;
	margin:15px 0 10px;
	padding: 5px 0;
}
.list-t{
	font-weight: bold;
}
.tx_sche{
	font-weight: bold;
    font-size: 130%;
    padding:2px 1em;
    line-height: 1.8em;
}
.pl1em{
    padding-left: 1em;
}
a.tx-red {
    text-decoration: underline !important;
}
@media (max-width: 640px) {
.readme-area,.readme-area2 {
	margin: 0px auto 0;
 padding: 0px 15px 20px;
 width: 94%;
	 box-sizing: border-box;
}

.readme-area .inner,.readme-area2 .inner {
	margin-top:0px;
	font-size:3.5vw;
	text-align:left;
	line-height:1.5;
}
	 .readme-area .inner ul li,.readme-area .inner p,.readme-area2 .inner ul li,.readme-area2 .inner p {
	line-height: 1.4em;
		 font-size: 90%;
}
}
.readme-ttl {
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    text-align: center;
    background: #ab9244 !important;
    margin-top: 60px;
}

.readme-ttl2 {
    padding: 12px 0;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    text-align: center;
    background: #078cab !important;
    margin-top: 60px;
}

@media (max-width: 640px) {
.readme-ttl,.readme-ttl2 {
	 font-size: 4vw;
 letter-spacing: normal;
 margin: 30px auto 0;
	 width: 94%;
}
}


.foot-notes {
	margin-top:30px;
	font-size:14px;
	line-height:1.6;
	letter-spacing:0.5px;
}

@media (max-width: 640px) {
.foot-notes {
	margin:20px 20px 0;
	font-size:3.5vw;
}

.foot-notes li {
	text-indent:-1em;
	padding-left:1em;
}

}

.bg_yellow {
background: yellow;
    font-weight: normal;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    display: inline-block;
    letter-spacing: -0.05px;
}
.bg_y {
  background: yellow;
}

.intro-area {
    margin: 30px auto;
    height: 380px;
    font-size: 14px;
    line-height: 1.6;
    background: url(../images/backgrand.jpg) no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    flex-direction: column;

    justify-content: center;
	}

	.intro-area h2 {
	    margin-bottom: 10px;
	    font-size: 20px;
	    font-weight: 600;
	    color: #c30d23;
			align-items: center;
			text-align: center;
	    font-family: 'Noto Serif JP', serif;
			line-height:150%;
	}

	.intro-area p {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		margin: 20px 50px 0;
		line-height: 2em;
	}

	.spOnly {
	    display: none;
	}

	.pcOnly {
	    display: block;
	}
/* =========================================================
 ★スマホ時独自ページトップ切り替え
========================================================= */
#page-top {
	display:none!important;
}
 @media (max-width: 640px) {
.btn-page-top {
 display:none !important;
}
 #page-top {
 display:block !important;
 position: fixed;
 bottom: 20px;
 right: 10px;
 font-size: 80%;
 font-family: Arial, Helvetica, sans-serif;
 text-indent: -9999px;
 z-index: 1000;
}
#page-top a {
 outline:none;
 display: block;
 background:url(../images/sp_pagetop.png) !important;
 background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
 opacity:0.6;
}
#page-top a:hover {
 opacity: 1.0;
}
}

@media (max-width: 640px) {
.intro-area {
margin: 2em 0;
padding: 1.6em 0;
height: auto;
line-height: 1.8;
background:url(../images/backgrand_sp.jpg) no-repeat;
background-size: cover;
border-radius: unset;
}

.intro-area h2 {
		margin-bottom: 10px;
		font-size: 5vw;
		font-weight: 600;
		color: #c30d23;
		align-items: center;
		font-family: 'Noto Serif JP', serif;
}

.intro-area p {
	font-size: 3.6vw;
	font-weight: 500;
	text-align: left;
	margin: 0 1em 0;
	line-height:1.8em;
}
.intro-area p.small {
	font-size: 3vw;
	margin-top:1em;
}

.spOnly {
    display: block;
}

.pcOnly {
		display: none;
}
}

.btn_app {
text-align: center;
margin:30px auto;
}

.tx-un1 {
	font-weight: bold;
	text-decoration: underline;
	margin-top20px;
}


/*----- 2025バージョン追加分 -----*/

.intro-area_2025 {
    margin: 30px auto;
    height: 600px;
    font-size: 14px;
    line-height: 1.6;
    background: url(../images/backgrand.jpg) no-repeat;
    background-size: inherit;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
	}

	.intro-area_2025 h2 {
	    margin: 30px auto 10px;
	    font-size: 20px;
	    font-weight: 600;
	    color: #c30d23;
			align-items: center;
			text-align: center;
	    font-family: 'Noto Serif JP', serif;
			line-height:150%;
	}

	.intro-area_2025 p {
		font-size: 15px;
		font-weight: 500;
		text-align: center;
		margin: 20px 50px 0;
		line-height: 2em;
	}

	@media (max-width: 640px) {
	.intro-area_2025 {
	margin: 2em 0;
	padding: 0 0 4.6em;
	height: auto;
	line-height: 1.8;
	background:url(../images/backgrand_sp.jpg) no-repeat;
	background-size: contain;
	border-radius: unset;
	background-position: bottom;
	}

	.intro-area_2025 h2 {
			margin-bottom: 10px;
			font-size: 5vw;
			font-weight: 600;
			color: #c30d23;
			align-items: center;
			font-family: 'Noto Serif JP', serif;
	}

	.intro-area_2025 p {
		font-size: 3.6vw;
		font-weight: 500;
		text-align: left;
		margin: 0 1em 0;
		line-height:1.8em;
	}
	.intro-area_2025 p.small {
		font-size: 3vw;
		margin-top:1em;
	}
}