@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 .bg-yellow {
	background:#fff000;
	/*font-weight:bold;*/
}

/*太字*/
#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;
}

.spOnly {
	display:none;
}
 @media (max-width: 640px) {
.pcOnly {
 display:none;
}
 .spOnly {
 display:block;
}
 #add-main img {
 width:100%;
}
 h2 {
 background:none !important;
}
}

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

/* =========================================================
 ■（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 {
	margin:20px auto;
}

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

.btn-readme.add210901 p {
	font-size:18px;
	color:#000;
	background-color:#ebde38;
}

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

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

.btn-readme a {
	display:block;
}
 @media (max-width: 640px) {
.btn-readme {
	margin:20px auto 10px;
}

.btn-readme p {
 padding:15px 0;
 height:auto;
 font-size:4.2vw;
 font-weight:600;
 display:block;
 text-align:center;
}

 .btn-readme span {
 padding-left:18px;
 display:inline-block;
 background:url(../images/arrows_d.png) no-repeat left center;
 background-size:15px;
}
 .btn-readme.add210901 span {
 padding-left:18px;
 display:inline-block;
 background:url(../images/210901/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:20px;
	font-weight:700;
	color:#4c5f90;
	font-family: 'Noto Sans JP', sans-serif;
	background:url(../images/bg_obi.png) no-repeat center;
	background-size:cover;
}

.cate-ttl.add210901 {
	height:50px;
	font-size:20px;
	font-weight: 700;
	color:#000;
	background:#ebde38 !important;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family: 'Noto Sans JP', sans-serif;
}

.cate-ttl.setsubun {
	margin-bottom:20px !important;
	padding:10px 0;
	font-size:28px;
	font-weight:700;
	color:#119d4c;
	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.add210901 {
 padding:8px 0;
 font-size:5vw;
}
 .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(4n+1) {
 clear: both;
}

/*#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:#2358b8 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size:10px;
	border-radius:10px;
}

.btn-allitem.add210901 p {
	background-color:#223d58 !important;
}

.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:#2358b8 url(../images/arrows_r.png) no-repeat right 10px center;
 background-size:12px !important;
}
}

/* お読みください
--------------------------------------------------------- */
.readme-area {
	margin:50px auto 0;
	border: solid 2px #0b1947;
	border-top:none;
}

.readme-area .inner {
	padding:20px;
	font-size:13px;
	line-height:1.5;
	text-align:left;
}

#add-main .readme-ttl {
	height:40px;
	font-size:16px;
	font-weight:500;
	color:#FFF !important;
	text-align:center;
	background:#0b1947 !important;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Noto Sans JP', sans-serif;
}
#add-main .readme-ttl02 {
	height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #000 !important;
    text-align: center;
    background: #e4e4e4 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans JP', sans-serif;
    width: 200px;
    margin-bottom: 11px;
}

.readme-area .inner .ttl {
	margin-bottom:5px;
	font-size:16px;
}

.readme-area .inner ul li {
	margin-top:3px;
	text-indent:-1em;
	padding-left:1em;
}

.txt-yellow {
	margin-left:-5px;
	padding:5px;
	font-weight:bold;
	background:#fff000;
}

.bg-pink {
	margin:20px auto 0;
	padding:20px 30px;
	background:#e9e9f4;
	border-radius:3px;
}
 @media (max-width: 780px) {
.readme-area {
 margin:40px 15px 0;
}
 .readme-area .inner {
 padding:15px 10px;
 font-size:3.5vw;
 line-height:1.5;
}
 .readme-ttl {
 padding:0.8em 0 !important;
 height:auto;
 font-size:4.5vw;
 background:#1d2087 !important;
} 

 .bg-pink {
 margin:20px auto 0;
 padding:15px;
}
 .txt-yellow {
 margin-left:-15px;
 padding:5px;
 padding-left:18px;
 display:block;
}
}

.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;
}

/*お読みください
--------------------------------------------------------- */
.readme-area .inner {
	padding:25px;
	letter-spacing:0.5px;
}

.read-block {
	margin:40px auto 0;
}

.readme-area .inner .read-block:first-of-type {
	margin:0 auto 0;
}

@media (max-width: 780px) {
.readme-area .inner {
	padding:15px;
}

.read-block {
	margin:30px auto 0;
}
}


.read-mark {
	margin-bottom:10px;
	width:170px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	background:#e4e4e4;
	display:flex;
	align-items:center;
	justify-content:center;
}

.read-list li {
	margin-top:3px;
	text-indent:-1em;
	padding-left:1em;
}

.block-mt {
	margin-top:35px;
}

.read-block .txt {
	line-height:1.7;
}

@media (max-width: 780px) {
.read-mark {
	padding:0.3em 0;
	width:55%;
	height:auto;
	font-size:4vw;
}

.main-content .readme-area h4 {
	font-size:inherit;
	margin: 0;
	padding: 0;
	background-color:inherit;
	border:none ;
	line-height:inherit;
}

.readme-area .inner {
	font-size:3.7vw;
	line-height:1.4 !important;
}

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

.read-block .txt {
	line-height:1.4;
}

}

/* 期間
--------------------------------------------------------- */
.period-area {
	padding:15px 20px;
	font-size:16px;
	line-height:1.6;
	letter-spacing:normal;/*background:#f6e3c2;*/
}
 @media (max-width: 640px) {
.period-area {
 padding:10px;
 font-size:16px;
 line-height:1.6;
}
 .period-area li {
 text-indent:-1em;
 padding-left:1em;
 font-size:3.5vw;
}
}

/* =========================================================
 ★スマホ時独自ページトップ切り替え
========================================================= */
#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;
}
}

/*ひなまつり202203*/
#asian .period-area {
	padding: 15px 20px;
	font-size: 16px;
	line-height: 1.6;
	color:#030244;
	letter-spacing: normal;
	background: #ceecfc;
	text-align: center;
}

#asian .period-area span {
	font-size:14px;
}

#asian .period-area > li {
	margin-top:10px;
}

#asian .period-area > li:first-child {
	margin-top:0;
}

#asian .btn-readme p {
	font-size: 17px;
	color: #FFF;
	background-color: #0b1947;
}

#asian .cate-ttl {
	margin-bottom: 20px !important;
	height:50px;
	font-size: 20px;
	font-weight:400;
	color: #0b1947;
	font-family: 'Noto Sans JP', sans-serif;
	background:url(../images/bg_obi.png) no-repeat center;
	background-size:cover;
	display:flex;
	align-items:center;
	justify-content:center;
}
#asian .cate-ttl02 {
	background:url(../images/bg_obi02.png) no-repeat center;
    color: #ff6000;
}

#asian .cate-ttl span.tenpo {
	/*padding-left:43px;*/
	display:inline-block;
	background:url(../images/icon_bag.png) no-repeat left center;
    font-size: 17px;
}

#asian .cate-ttl span.haisou {
	/*padding-left:46px;*/
	display:inline-block;
	background:url(../images/icon_truck.png) no-repeat left center;
    font-size: 17px;
    color: #ff6000;
}

#asian .cate-ttl .hosoku-txt {
	margin-left:30px;
	display:inline-block;
	font-size:14px;
	font-weight:normal;
}

#asian .cate-ttl .hosoku-txt .backline {
	padding:0 7px;
	background:#dc5b9b;
}

@media (max-width: 640px) {
#asian .cate-ttl .hosoku-txt {
	margin-left:0em;
	display:block;
	font-size:3.5vw;
}

#asian .cate-ttl .hosoku-txt .backline {
	margin-left:3em;
	display:block;
	padding:0 7px;
}	
}

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


#asian .btn-item-list p {
	color:#FFF;
	background: #0b1947 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size: 8px;
}

#asian .btn-item-list p.orange_btn {
	color:#FFF;
	background: #ff6000 url(../images/arrows_r.png) no-repeat right 10px center;
	background-size: 8px;
}

/*全商品一覧ボタン*/
#asian .btn-allitem p {
	height: 70px;
	background: #b41915 url(../images/arrows_r.png) no-repeat right 20px center !important;
	background-size:10px !important;
	border-radius:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}


@media (max-width: 640px) {
    #asian .btn-allitem p {
	height: 70px;
	background: #b41915 url(../images/arrows_r.png) no-repeat right 10px center !important;
	background-size:10px !important;
	border-radius:0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}
#asian .period-area {
 text-align: left;
}
#asian .period-area li {
 text-indent: 0em;
 padding-left: 0em;
}

#asian .cate-ttl {
	margin-bottom: 20px !important;
	padding:0.7em 0;
	height:auto;
	font-size: 5.5vw;
	font-weight:400;
	background:url(../images/bg_obi.png) no-repeat center !important;
	background-size:auto !important;
}

 #asian .btn-item-list {
 	margin:10px 20px 0;
 display:block;
 width:inherit;
}
 #asian .btn-allitem p {
 	padding:1.4em 0;
 	height:auto;
}
}
@media (min-width: 641px) {
.seikatsu {
    background:url("../images/middle_bg.gif") no-repeat center !important;
	background-size:cover !important;
    padding: 58px 30px;
}
.seikatsu ul {
     display: table;
    margin-bottom: 20px;
    width: 100%
}
.seikatsu li {
    display: flex;
}
.seikatsu li:nth-child(1) {
        display: table-cell;
    color: #000;
    background: #FFF;
    width: 20%;
    /*padding: 10px;*/
    font-size: 17px;
    text-align: center;
    vertical-align: middle;
        height: 62px;
}
.seikatsu li:nth-child(2) {
        display: table-cell;
    color: #FFF;
    width: 70%;
    padding: 0px 10px 0px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
}
.seikatsu p {
    color: #FFF;
    padding: 0 10px 0;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
        line-height: 30px;
}
.seikatsu span {
    color: #b41915;
    padding: 3px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background: #ffde53;
}
.three_navi {
        margin: 30px auto;
    width: 686px;
}
.three_navi ul {
    display: flex;
    
}
.three_navi li {
    display: flex;
    border: #0b1947 3px solid;
    padding: 20px 50px;
    /*width: 33%;*/
    font-size: 15px;
    text-align: center;
    margin-right: 20px;
    box-sizing: border-box;
	white-space: nowrap;
}
.three_navi li.last_item {
    display: flex;
    border: #ff6000 3px solid;
    margin-right: 0px;
	color: #ff6000;
}
.readme-waku {
    padding:10px !important;
    border:#CCC 1px solid;
    width: 460px;
    margin-top: 10px;
}
}

@media (max-width: 640px) {
.seikatsu {
    background:url("../images/middle_bg.gif") no-repeat center !important;
	background-size:cover !important;
    padding: 58px 9px;
}
.seikatsu ul {
     display: block;
    margin-bottom: 20px;
    width: 100%
}
.seikatsu li {
    display: block;
}
.seikatsu li:nth-child(1) {
            display: block;
    color: #000;
    background: #FFF;
    width: 150px;
    /* padding: 10px; */
    font-size: 17px;
    text-align: center;
    vertical-align: middle;
    height: auto;
    margin: 10px auto 20px;
    padding: 10px 0;
}
.seikatsu li:nth-child(2) {
        display: block;
    color: #FFF;
    width: 100%;
    padding: 0px 10px 0px;
    font-size: 14px;
    vertical-align: middle;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}
.seikatsu p {
    color: #FFF;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
        line-height: 30px;
}
.seikatsu span {
    color: #b41915;
    padding: 3px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    background: #ffde53;
}
.three_navi {
        margin: 10px auto;
    width: 100%;
}
.three_navi ul {
    display: block;
        width: 98%;
    margin: 0 auto;
    overflow: hidden;
}
.three_navi li {
    display: block;
    border: #0b1947 3px solid;
    padding: 10px 0;
    width: 32%;
    font-size: 15px;
    text-align: center;
    margin-right: 7px;
    box-sizing: border-box;
    float: left;
}

.three_navi li.last_item {
    display: block;
    float: left;
    border: #ff6000 3px solid;
    margin-right: 0px;
	color: #ff6000;
}
.readme-waku {
    padding:10px !important;
    border:#CCC 1px solid;
    width: 93%;
    margin-top: 10px;
}
	.bg-yellow-sp {
		background: #fff600;
	}
	#add-main .bg-yellow {
		background: none;
	}
	#asian .cate-ttl02 {
    background: url(../images/bg_obi02.png) no-repeat center !important;
    color: #ff6000;
}
}
.readme-waku strong {
    color: #000 !important;
    font-weight: bold;
}