@charset "UTF-8";

/* =========================================================
「三越の文化 TOPページ」　(2020.11.18)
========================================================= */
/* 初期化用
--------------------------------------------------------- */

.section-category-index {
  margin:0 auto 0;
  overflow: hidden;
}

#add-main h1, #add-main h2, #add-main h3, #add-main h4, #add-main h5, #add-main h6, #add-main p {
  margin-bottom:0;
}

#add-main img {
  vertical-align:top;
  border:0;
}

#add-main a img:hover {
  opacity:0.7;
}

/*サイドメニュー*/
ul.link-aside1 {
  text-indent:-0.5em;
  padding-left:0.5em;
}

.aside .content-title {
  padding-left:6px;
  font-weight:bold;
}

.content-title span {
  padding-left:15px;
  display:inline-block;
  background: url("/bunka/asset/images/bg_nav_wr.png") no-repeat left center !important;
  background:url(../images/bg_nav_wr.png) no-repeat left center !important;
}

.content-title span.arrow-r {
  padding-left:8px;
  display:block;
  background: url("/bunka/asset/images/arrow_w_thin.png") no-repeat right center!important;
  background:url(../images/arrow_w_thin.png) no-repeat right center !important;
}

.content-title a {
  color:#fff;
}

.content-title a:hover {
  color:#fff;
}

.h2-aside-sub {
  margin:0 0 6px;
  padding:6px 0 4px 14px;
  font-size:13px;
  font-weight:bold;
  color:#fff;
  background-color:#808080;
}

/*clearfix
-----------------------------------------------------------------*/
.clearfix {
/zoom : 1;
}

.clearfix:after {
  content : '';
  display : block;
  clear : both;
}

h1, h2 {
  margin:0;
}

.clearfix {
  /*↓DWで正しく表示させる為*/
	/*overflow:hidden;*/
}

.txt_c {
  text-align:center;
}

.mt40 {
  margin-top:40px;
}

img.img_sp {
  width:100%;
}

/***  spぱんくず *****/
.gcpBasicText01 {
  display:none !important;
}

.dsp-none {
  display:none !important;
}

.sp-ttl-area {
  display:none;
}

/***  pcのみコンテンツ *****/
.pc_content {
  display:block;
}

/***  spのみコンテンツ *****/
.sp_content {
  display:none !important;
}





/***  pc 下部テキスト *****/
.info_txt {
  margin-top:20px;
}
@media screen and (max-width: 768px) {
.info_txt {
	padding:0 10px;
	font-size:12px;
}
}







/*———————————–
　トップへ戻るボタン
———————————–*/
#page-top {
  display:none !important;
  background:none !important;
}

input#trigger1 {
  display:none;
}

/*サイドメニューの矢印調整*/
ul.link-aside1 a:before {
  content:">";
  font-size:9px/* 7px 相当 12px 継承*/ !important;
}

.global-header {
  margin-bottom:10px !important;
}

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

@media screen and (max-width: 768px) {
body {
 width:100%;
 min-width:100%;
}
.title {
 display:none;
}
.aside {
 display:none;
}
.global-footer {
 display:none;
}
.layer {
 display:none;
}
.container {
 width:100% !important;
}
div.wrap {
 width: 100% !important;
}
div.section-category-index {
 width: 100% !important;
}
div.section-category-index .content {
 width: 100% !important;
}
div#TOP.content, .content-inner {
 width: 100% !important;
}

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


/*★include header*/
.global-header {
 display:none;
}
/*★include footer*/
#main-footer {
 display:none;
}
}

/*ページトップ*/
/*@media only screen and (max-width: 780px) {
.btn-page-top {
 display:none !important;
}
}*/
@media screen and (max-width: 768px) {
div.container {
 margin-top:0 !important;
}

/*ここにスマホ用スタイルを記述*/
/*body {width:100%; min-width: 100%;}*/
#pc_header {
display:none;
}
/*.aside {display:none;}*/
/*.global-footer {display:none;}*/
.layer {
display:none;
}
.container {
 width:100% !important;
}
#add-main h2 {
 padding:0 !important;
}
.sp_convert {
 overflow:hidden;
}
/***  spぱんくず *****/
.sp_convert .gcpBasicText01 {
 display:block !important;
}
/***  pcのみコンテンツ *****/
.pc_content {
 display:none !important;
}
/***  spのみコンテンツ *****/
.sp_content {
 display:block !important;
}
/***  pc囲み *****/
.pc_boder {
 border:none;
}
/***  pc section 囲み *****/
.item_sec {
 width:100% !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 {
 display: block;
 background-image: url("/bunka/asset/css/images/sp_off.png") !important;
 background-image: url("../images/sp_off.png") !important;
 background-size: cover !important;
 width: 40px !important;
 height: 40px !important;
}
 #page-top a:hover {
 display: block;
 background: url("/bunka/asset/css/images/sp_on.png") !important;
 background: url("../images/sp_on.png") !important;
 background-size: cover !important;
 opacity: 1.0;
}*/
.global-header {
 margin-bottom:0;
}
}



.y_inner {
	background-color:#f3f0e7;
	border-left:2px solid #bca562;
	border-right:2px solid #bca562;
	padding:20px 0 30px;
}
.y_inner.bb {
	border-bottom:2px solid #bca562;
}
.y_sec {
	width:700px;
	margin:0 auto;
}
/* 2020/11/30追記 */
.txt_red_b {
  font-size: 16px;
  font-weight: bold;
  color: #A40001;
}

@media screen and (max-width: 768px) {
.y_inner {
	padding:5vw 0;
	border:none;
}
.y_inner.bb {
	border:none;
}
.y_sec {
	width:94%;
}
/* 2020/11/30追記 */
.txt_red_b {
  font-size: /*16px*/14px;
  font-weight: bold;
  color: #A40001;
}
}
.y_period {
	width:100%;
	border:1px solid #bca562;
	background-color:#fff;
	padding:20px 25px;
	box-sizing: border-box;
}
.y_period dl {
	width:100%;
	overflow:hidden;
	font-size:15px;
	display:flex;
	flex-wrap:wrap;
	flex-flow:wrap;
}
.y_period dt {
	color:#76621c;
	font-weight:bold;
	padding-top:5px;
}
.y_period dd {
	/*width:calc(100% - 8em);*/
	width:calc(100% - 5em);
	padding-top:5px;
}

.y_period dd.w8em {
	width:calc(100% - 8em);
}
.y_period.y_info dt {
	width:24%;
}
.y_period.y_info dd {
	width:76%;
}

@media screen and (max-width: 768px) {
/*
.y_period dt {
	width:100%;
	float:none;
}
.y_period dd {
	width:100%;
	float:none;
	padding-top:0;
}*/
.y_period {
	padding:10px 3%;
}
.y_period dl {
	width:100%;
	flex-flow:column;
}
.y_period dt, .y_period.y_info dt {
	width:100%;
}
.y_period dd, .y_period.y_info dd{
	width:100%;
	padding-top: 1px;
}
}

.sec_h {
	background-color:#f3f0e7;
}

.s_img {
	text-align:center;
	margin:0 auto 20px;
	width:100%;
}
.s_img img {
	margin: 0 auto;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 768px) {
.s_img {
	margin: 0 auto 5vw; /* 3:5 18:30*/
}
.s1_img {
	width:100%;
}
.s2_img {
	width:75.45%;
}
.s3_img {
	width:58.7%;
}
.s4_img {
	width:100%;
}
}

.y_btn {
	margin-top:30px;
}

/* y_txtsec 元スタイル */
/*.y_txtsec {
	margin-top:20px;
	font-size:14px;
	width:100%;
	border:1px solid #bca562;
	padding:20px 25px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.y_txtsec p {
	padding-left:1em;
	text-indent:-1em;
}
@media screen and (max-width: 768px) {
.y_txtsec {
	padding:10px 3%;
}
}
.y_txtsec.bg_w {
	background-color:#FFF;
	border:none;
	text-align:center;
	font-size:14px;
}
.y_txtsec dl {
	width:100%;
	overflow:hidden;
}
.y_txtsec dt {
	color:#76621c;
	font-weight:bold;
	width:16%;
	float:left;
	padding-top:10px;
}
.y_txtsec dd {
	width:84%;
	float:left;
	padding-top:10px;
}
@media screen and (max-width: 768px) {
.y_txtsec {
	padding:10px 3%;
}
.y_txtsec dt {
	width:100%;
	float:none;
}
.y_txtsec dd {
	width:100%;
	float:none;
	padding-top:0;
}
}
*/

/* 2021/11/29追記 */
/* y_txtsec 新スタイル */
.y_txtsec {
	width:100%;
	padding:20px 0;
	margin-top:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size:13px;
}
.y_period.y_info + .y_txtsec {
	border: 1px solid #bca562;
	padding: 20px 25px;
	font-size:14px;
}
.y_txtsec.bg_w {
	background-color:#FFF;
	border:none;
	text-align:center;
}
.y_txtsec.bg_w p {
	padding:0;
	font-size:16px;
}
.y_txtsec dl {
	position:relative;
}
.y_txtsec dl dt {
	display:block;
	position:relative;
	padding: 0;
	margin: 2px auto 16px;
	color:#76621c;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.y_txtsec dl dt::before {
	position: absolute;
	content: '';
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, #8d7931 325px, #8d7931 100%);
	top: calc(50% - 1px);
	left:0;
	bottom: 0;
	height: 1px;
	width: calc(50% - 3em);
}

.y_txtsec dl dt.sch::before {
	width: calc(50% - 3.5em);
}

.y_txtsec dl dt::after {
	position: absolute;
	content: '';
	background: linear-gradient(to left, rgba(255,255,255,0) 0%, #8d7931 325px, #8d7931 100%);
	top: calc(50% - 1px);
	right:0;
	bottom: 0;
	height: 1px;
	width: calc(50% - 3em);
}

.y_txtsec dl dt.sch::after {
	width: calc(50% - 3.5em);
}

.y_txtsec dl dd {
	padding: 0 25px 25px;
}
.y_txtsec p {
	padding-left:1em;
	text-indent:-1em;
}
.y_txtsec div b {
	font-size:14px;
}
@media screen and (max-width: 768px) {
.y_txtsec {
	padding:1em 0;
	margin-top:5vw;
}
.y_period.y_info + .y_txtsec,
.y_txtsec dl dd {
	padding: 10px 3%;
	line-height:1.5;
}
.y_txtsec dl dt {
	padding: 0;
	margin: 0.25em auto;
}
.y_txtsec dl dt::after {
	background: linear-gradient(to left, rgba(255,255,255,0) 0%, #8d7931 55%, #8d7931 100%);
}
.y_txtsec dl dt::before {
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, #8d7931 55%, #8d7931 100%);
}
.y_btn {
	margin: calc(1em + 3vw) auto calc(1em - 2vw);
}
}

.mt26 {
	margin-top: 2.6em;
}
.mt18 {
	margin-top: 1.8em;
}

hr.y_afterline {
	content: block;
	border:none;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, #8d7931 325px, #8d7931 425px, rgba(255,255,255,0) 100%);
	height: 1px;
	width:100%;
	margin: 0 auto;
	padding: 0;
}
.content {
	line-height: 1.6;
}
.content small {
	font-size: 0.923em;
	letter-spacing:normal;
}
.content .y_period dl + p {
	margin-top: 1em;
	font-size:12px;
	color: #555;
}
@media screen and (max-width: 768px) {
.content .y_info small {
	font-size:92%;
	display:inline-block;
	line-height:1.5;
	margin-top:0.25em;
}
hr.y_afterline {
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, #8d7931 45%, #8d7931 55%, rgba(255,255,255,0) 100%);
}
}
@media screen and (max-width: 450px) {
.y_period dl dt, .y_period dl dd, .y_period dl p, .y_period.y_info + .y_txtsec, .y_txtsec.bg_w p {
	font-size: 3.75vw;
	letter-spacing:0.025em;
}
.y_txtsec dl dt, .y_txtsec dl dd, .y_txtsec dl dd > div, .y_txtsec dl dd > p, .y_txtsec div b {
	font-size: 3.5vw;
}
.txt_red_b {
	font-size: 3.75vw;
}

.stxt-list {
	font-size:12px;
	color:#555;
}

.stxt-list li {
	text-indent:-1em;
	padding-left:1em;
}

}

/* スマホ時独自ページトップ切り替え
--------------------------------------------------------- */
/*スマホ用ページトップ*/
#page-top {
	display:none;
}
 @media only screen and (max-width: 780px) {
.btn-page-top {
 display:none !important;
}
#page-top {
 display:block;
}
 #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(/mitsukoshi/chugen/asset2019/css/images/sp_pagetop.png) !important;*/
 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;
}

}
