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







/*———————————–
　トップへ戻るボタン
———————————–*/
#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:20px 0 20px;
	border:none;
}
.y_inner.bb {
	border:none;
}
.y_sec {
	width:94%;
}
/* 2020/11/30追記 */
.txt_red_b {
  font-size: 16px;
  font-weight: bold;
  color: #A40001;
}
}



.y_period {
	width:100%;
	border:1px solid #bca562;
	background-color:#fff;
	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_period dl {
	width:100%;
	overflow:hidden;
	font-size:15px;
}
.y_period dt {
	color:#76621c;
	font-weight:bold;
	width:24%;
	float:left;
	padding-top:5px;
}
.y_period dd {
	width:76%;
	float:left;
	padding-top:5px;
}
@media screen and (max-width: 768px) {
.y_period {
	padding:10px 3%;
}
.y_period dt {
	width:100%;
	float:none;
}
.y_period dd {
	width:100%;
	float:none;
	padding-top:0;
}
}

.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:16px;
}

.sec_h {
	background-color:#f3f0e7;
}

.s1_img {
	width:620px;
	margin:0 auto 20px;
}
@media screen and (max-width: 768px) {
.s1_img {
	width:100%;
}
}


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

.s2_img {
	width:100%;
	margin:0 auto 20px;
}
@media screen and (max-width: 768px) {
.s2_img {
	width:100%;
}
}

.s3_img {
	width:510px;
	margin:0 auto 20px;
}
@media screen and (max-width: 768px) {
.s3_img {
	width:85%;
}
}

.y_btn {
	margin-top:30px;
}