@charset "utf-8";
/* CSS Document */


/* メイン画像 */
/* ========================================================================= */

.mv_30thArea{
	background :url( "../images/mv2_30th_pc_bg2.jpg") repeat-x;
	background-size: auto 700px;
	background-position: top center;
   min-width:980px;
   /* min-height:640px;   */
   text-align:center; 
   margin:90px 0 0 0; 
   width:100%;
   height: 700px;
}

.mv_30thArea_in {
	width: 1080px;
	height: 700px;
	position: relative!important;
	margin: auto;
   display: block;
}

/* 帯タイトル */
h2.bar_30th{
	background :url( "../images/mv_30_bar_bg.jpg") repeat;
	text-align:center; 
	position: absolute!important;
	top: 0;
	left: 0;
	width: 1080px;
	height: 50px;
	z-index: 100;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}
h2.bar_30th span{
	font-size: 24px;
	padding-right: 0.15em;
	padding-left: 0.15em;
}

/* モデルカット */
.mv_30thArea_in .mainImage{ 
	width: 1080px;

	position: absolute!important;
	top: 0;
	left: 0;
}

#contentsArea .mainImage a img:hover{ 
	opacity:1!important;
}

/* 30thロゴ */
.mv_30th_logo{ 
	width: 273px;
	position: absolute!important;
	top: 65px;
	right: 165px;
}

/* ■ロゴ　30th×「ハローキティ」コラボ■ */
.logo_30th {
	display: block;
	text-align: center;
	padding-top: 50px;
}

/* ■上部：代表コピー■ */
.copy_main30th {
	text-align: center;
	padding-top: 60px;
}
.copy_main30th h2 {
	font-size: 28px;
	line-height: 1.2;
	color: #e10012;
	font-weight: 600;
}
.copy_main30th h2 strong {
	font-size: 35px;
	line-height: 1.5;
	font-weight: 400;
	padding-left: 0.1em;
	padding-right: 0.1em;
}
/* 「ハローキティ」といっしょに。 */
.copy_main30th_sub {
	font-size: 22px;
	line-height: 1.0;
	color: #e10012;
	font-weight: 600;
	padding-bottom: 1.0em;
}

.copy_main30th .copy_main_read {
	color: #1d2083;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.8;
	padding-top: 40px;
	padding-bottom: 50px;
}


/* ■「ハローキティ」がいぱい！■ */
#kitty_ippai {
	width: 1130px;
	margin-top: 100px;
	
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#kitty_ippai h2 strong {
	color:#1d2083;
	font-size: 20px;
	display: block;
	padding-top: 15px;
	line-height: 1.6;
}

#kitty_ippai .kitty_ippai_conts {
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	position: relative!important;
	width: 1130px;
	height: 1268px;
}
#kitty_ippai .kitty_ippai_conts a img:hover{ 
	opacity:1!important;
}

/* トップス（表） */
.kitty_ippai_02 { 
	width: 352px;
	position: absolute!important;
	top: 110px;
	left: 270px;
}
/* トップス（裏） */
.kitty_ippai_03 { 
	width: 352px;
	position: absolute!important;
	top: 220px;
	left: 530px;
}
/* カルソン（表） */
.kitty_ippai_04 { 
	width: 194px;
	position: absolute!important;
	top: 628px;
	left: 350px;
}
/* カルソン（裏） */
.kitty_ippai_05 { 
	width: 195px;
	position: absolute!important;
	top: 720px;
	left: 611px;
}


/* ■リボン画像■ */
.kitty2_ippai_06 {
	text-align: center;
	margin-bottom: 100px;
}
.kitty2_ippai_06 img {
	min-width: 1200px;
}


/* ■ロゴ　30th×「ハローキティ」コラボ 02■ */
.logo_30th_02 {
	display: block;
	text-align: center;
}

.copy_main_read02 {
	font-size: 18px;
	text-align: center;
	line-height: 1.8;
	padding-top: 45px;
	padding-bottom: 80px;
}

/* ■「ワコール カルソン」HISTORY ピンク背景■■■■■■■ */
#kity_history {
	width: 100%;
	min-width: 1080px;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #faf5f5;
	text-align: center;

}
.title_history01 {
	color: #d38191;
	font-size: 22px;
	font-weight: 600;
	position: relative!important;
}
.title_history01::after {
	content: '';
	display: block;
	position: absolute;
	left: 50%; /* 位置調整 */
	transform: translate(-50%); /* 位置調整 */
	bottom: -40px; /* 下線の上下位置調整 */
	width: 50px; /* 下線の幅 */
	height: 1px; /* 下線の太さ */
	background-color: #d38191; /* 下線の色 */
}

.kity_history_read { 
	width: 795px;
	margin: auto;
	margin-top: 80px;
	text-align: left;
	display: block;
	color: #333333;
	font-size: 18px;
	line-height: 1.8;
	font-feature-settings: "palt" 1;/* 文字詰め カーニング　プロポーショナルメトリクスを有効にする指定 */

}

.kity_history_read p { 
	padding-bottom: 1.5em;
}

/* ■タイトル「HISTORY」■ */
.title_history02 {
	background :url( "../images/title_history02_bg.png") no-repeat center;
	background-size: 100%;
	width: 342px;
	height: 51px;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 50px;
	text-align:center; 
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;

	letter-spacing: 0.01em;
}

/* ■「HISTORY」リスト■ */
.history_list { 
	width: 710px;
	margin: auto;
	text-align: left;
	  display: flex;
		display: -webkit-flex;
	justify-content: space-between;
		justify-content: -webkit-space-between;
	align-items: stretch;
		align-items: -webkit-stretch;
	flex-wrap: wrap;
		flex-wrap: -webkit-wrap;
	background :url( "../images/history_bg_line.png") repeat-y;
	background-position: top 0 left 98px;
	background-size: 3px;

}
/* （年号） */
.history_list dt.list01 { 
	width: 126px;
	background :url( "../images/history_bg_maru.png") no-repeat;
	background-position: top 0 right 12px;
	background-size: 30px;
	color: #d38191;
	font-size: 21px;
	letter-spacing: 0.05em;
	padding-top: 4px;
}
/* （丸の下にラインがない丸） */
.history_list dt.list01.bg_maru02 { 
	width: 126px;
	background :url( "../images/history_bg_maru02.png") no-repeat;
	background-position: top 0 right 12px;
	background-size: 30px;
	color: #d38191;
	font-size: 21px;
	letter-spacing: 0.05em;
	padding-top: 4px;
}

/* （できごと） */
.history_list dd.list02 { 
	width: 506px;
	background :url( "../images/history_bg_dot.png") repeat-x;
	background-position: top 12px right 0;
	font-size: 15px;
	line-height: 1.6;
	/*font-feature-settings: "palt" 1;*/
	margin-right: 8px;
	padding-bottom: 0;
	padding-left:0;
}
.history_list dd.list02.bg_dot { 
	background-position: top 35px right 0;
}


/* （できごと）点線無し */
dd.list02.bg_none { 
	background-image :none;
}
/* （PC用- 点線隠し用ピンク） */
.history_list dd.list02 span { 
	background-color : #faf5f5;
	padding-right: 0.6em;
}

/* （商品画像） */
.history_list dd.list03 { 
	width: 63px;
	text-align: center;
	
}
.history_list dd.list03 img { 
	height: 140px;
	margin-top: -50px;
	padding-bottom: 70px;
	
}

.history_list dd.list02 strong { 
	text-decoration: underline;
	font-weight: normal;
}
.history_list .h_space { 
	margin-bottom: 70px!important;
}

/* （商品2つの時の調整） */
.history_list dd.list02.wc01 { 
	width: 439px;
}
.history_list dd.list03.wc02 { 
	width: 130px;
	margin-bottom: -30px;
}


/* ■ お客様からのうれいいお声 ■■■■■■■ */
#kity_voice {
	width: 1026px;
	margin: auto;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
	

}

#kity_voice h2 {
	padding-bottom: 60px;
}

.voice_flex {
	width: 1026px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.voice_flex li {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}

.voice_flex .list_left {
	padding-left: 170px;
}
.voice_flex .list_right {
	padding-right: 170px;
}




.voice01 {
	width: 300px;
	background-image : url( "../images/voice01_bg02.jpg");
	background-position: center;
	background-size: 100%;
	background-repeat: repeat-y;
}
.voice01.v02 {
	background-image : url( "../images/voice02_bg02.jpg");
}
.voice01.v03 {
	background-image : url( "../images/voice03_bg02.jpg");
}
.voice01.v04 {
	background-image : url( "../images/voice04_bg02.jpg");
}
.voice01.v05 {
	background-image : url( "../images/voice05_bg02.jpg");
}
.voice01.v06 {
	background-image : url( "../images/voice06_bg02.jpg");
}
.voice01.v07 {
	background-image : url( "../images/voice07_bg02.jpg");
}


.voice01_inner {
	width: 300px;
	background-image :url( "../images/voice01_bg01.jpg"),  url( "../images/voice01_bg03.jpg") ;
	background-position: top center, bottom center;
	background-size: 100%;
	background-repeat: no-repeat, no-repeat;
	text-align: left;
	padding-top: 65px;
	padding-bottom: 60px;
	
	position: relative;
}
.voice01_inner.v02 {
	background-image :url( "../images/voice02_bg01.jpg"),  url( "../images/voice02_bg03.jpg") ;
}
.voice01_inner.v03 {
	background-image :url( "../images/voice03_bg01.jpg"),  url( "../images/voice03_bg03.jpg") ;
}
.voice01_inner.v04 {
	background-image :url( "../images/voice04_bg01.jpg"),  url( "../images/voice04_bg03.jpg") ;
}
.voice01_inner.v05 {
	background-image :url( "../images/voice05_bg01.jpg"),  url( "../images/voice05_bg03.jpg") ;
}
.voice01_inner.v06 {
	background-image :url( "../images/voice06_bg01.jpg"),  url( "../images/voice06_bg03.jpg") ;
}
.voice01_inner.v07 {
	background-image :url( "../images/voice07_bg01.jpg"),  url( "../images/voice07_bg03.jpg") ;
}


#kity_voice .voice_inner_box a img:hover{ 
	opacity:1!important;
}

.voice_img {
	position: absolute;
	top: -20px;
	right: 6px;
}

.voice_inner_box {
	width: 250px;
	margin: auto;
}

dl.voice_tx dt {
	font-size: 20px;
	line-height: 1.4em;
	padding-bottom: 1.0em;
}
dl.voice_tx dd {
	font-size: 14.5px;
	line-height: 1.7em;
}
dl.voice_tx .gyo_1 {
	padding-top: 0.7em;
}

/* ========================================================================= */
/* 汎用　スペース */
.pt50{ 
	padding-top: 50px;
}

/* ========================================================================= */
/* ========================================================================= */