@charset "utf-8";

/*
	/special/anniversary65_70/monthly/202107/atsui/css/style.css
	-----------------------------------
	v1.0
	Last Updated: 2021-7-8
	Copyright: CBC TELEVISION CO.,LTD. All rights Reserved.
	-----------------------------------
	[Updated]
	v1.1		2021-7-8
	-----------------------------------

基本設定
ソーシャルボタン
ヘッダー
フッター
コンテンツ
カラー設定


*/

/* ***********************************************************

		基本設定

*********************************************************** */
html {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
body {
	/*font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;*/
	font-family: 'Noto Sans JP', sans-serif;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
	color: #000;
	background: url(../images/haikei.jpg) repeat;
}
@media only screen and (max-width: 640px) {
	body {
		background-size: 275px auto;
	}
}
@media print, screen and (min-width: 641px) {
	body {
		min-width: 980px;
	}
}

/*フォントの滲みの修正＠EdgeとFirefox*/
/*
.anniversary65_70-monthly-atsui p,
.anniversary65_70-monthly-atsui h3 {
	transform: rotate(0.001deg);
}
*/


/*デフォルトリンクカラー*/
a, a:link {
	color: #0000DE;
}
a:visited {
	color: #941D55;
}
a:active,
a:hover {
	color: #CC0000;
}
a:focus {
	color: #CC0000;
}

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

/* FireFox リンク選択時の点線を消す */
a:link,
a:visited,
a:active,
a:hover {
	overflow: hidden;
	outline: none;
}


/*画像の横幅*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.img-max {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
@media only screen and (max-width: 640px) {
	.img-max-sp {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
}

@media print, screen and (min-width: 641px) {
	.img-max-pc {
		width: 100%;
		height: auto;
		vertical-align: middle;
	}
}

figure {
	padding: 0;
	margin: 0;
}

/* -----------------------------------------------------

	非表示設定

----------------------------------------------------- */
@media only screen and (max-width: 640px) {
	.hide-sp {
		display: none !important;
	}
	#global-nav:nth-of-type(1) {
		display: none;
	}
}

@media print, screen and (min-width: 641px) {
	.hide-pc {
		display: none !important;
	}
}
.hide-text {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}

/* ***********************************************************

		ソーシャルボタン

*********************************************************** */
#sns-block {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', Verdana, sans-serif;
	font-weight: 400;
	width: 100%;
	background: #fff;
	padding-bottom: 16px;
}
.sns {
	width: 96%;
	padding-top: 16px;
	margin: 0 auto;
	text-align: center;
}
.ttl-sns {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	padding-top: 9px;
	color: #000;
	font-size: .9em;
}
.ttl-sns i {
	padding-right: .1em;
}
.sns-list {
	display: inline-block;
	font-size:0;
	padding: 0;
	list-style: none;
}
.sns-list li {
	display: inline-block;
	position: relative;
	margin: 0 8px;
}
.sns-list li img {
	width: 35px;
	height: auto;
	vertical-align: middle;
}
@media screen and (min-width: 40em) {
	.sns {
		width: 980px;
	}
	.ttl-sns {
		margin-right: 22px;
		padding-top: 7px;
	}
	.sns-list li img {
		width: 32px;
		height: auto;
		vertical-align: middle;
	}
}
@media screen and (min-width: 64em) {
}

/* ***********************************************************

	ヘッダー

*********************************************************** */
@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .header {
		background: url(../images/header_sp.jpg) no-repeat 0 0;
		background-size: cover;
		margin: 0 0 37px;
	}
	.anniversary65_70-monthly-atsui .header-inner {
		height: 146.25vw;
		margin: 0 auto;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .header-logo a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 51.5625vw;
		height: 11.25vw;
		margin: 0;
		position: absolute;
		top: 10.625vw;
		left: 24.375vw;
	}

}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .header {
		background: #e60012 url(../images/header_pc.jpg) no-repeat center 0;
		margin: 0 0 40px;
	}
	.anniversary65_70-monthly-atsui .header-inner {
		width: 980px;
		height: 506px;
		margin: 0 auto;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .header-logo a {
		display: block;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
		width: 208px;
		height: 46px;
		margin: 0;
		position: absolute;
		top: 21px;
		left: 385px;
	}
}
.anniversary65_70-monthly-atsui .header h1,
.anniversary65_70-monthly-atsui .header p {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	list-style-type: none;
	height: 0;
	overflow: hidden;
}


/* ***********************************************************

	フッター

*********************************************************** */
/*フッター枠*/
.anniversary65_70-monthly-atsui .footer {

}

@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .footer {
		padding: 0;
	}
	.anniversary65_70-monthly-atsui .footer-inner {
		padding:25px 15px 90px;
	}
	.anniversary65_70-monthly-atsui .footer-inner p {
		line-height:1.5;
		margin: 0;
	}
}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .footer {
		min-width: 980px;
	}
	.anniversary65_70-monthly-atsui .footer-inner {
		width: 980px;
		margin:auto;
		padding: 60px 0;
	}
	.anniversary65_70-monthly-atsui .footer-inner p {
		line-height:1.5;
		text-align: center;
		margin: 0;
	}
}
.anniversary65_70-monthly-atsui .footer-inner p {
	font-size: 12px;
}
.anniversary65_70-monthly-atsui .footer-inner p a,
.anniversary65_70-monthly-atsui .footer-inner p a:link,
.anniversary65_70-monthly-atsui .footer-inner p a:visited {
	color: #000;
	text-decoration: none;
}
.anniversary65_70-monthly-atsui .footer-inner p a:active,
.anniversary65_70-monthly-atsui .footer-inner p a:hover {
	color: #000;
	text-decoration: underline;
}
.anniversary65_70-monthly-atsui .footer-inner p a:focus {
	color: #000;
}

/*ページアップ*/
.anniversary65_70-monthly-atsui .pageup {
	margin: 0;
}
.anniversary65_70-monthly-atsui .pageup a {
	display: block;
	background: url('../images/pageup.png') no-repeat 0 0 ;
	-moz-background-size:100% auto;
	background-size:100% auto;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	text-decoration: none;
	position: fixed;
}
@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .pageup a {
		width: 51px;
		height: 80px;
		right: 12px;
		bottom: 10px;
	}
}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .pageup a {
		width: 68px;
		height: 106px;
		right: 20px;
		bottom: 30px;
		transition: 0.3s ease-in-out;
	}
	.anniversary65_70-monthly-atsui .pageup a:hover {
		opacity: 0.7;
	}
}



/* ***********************************************************

	メイン

*********************************************************** */
.anniversary65_70-monthly-atsui .main {
}
@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .main {
	}
}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .main {
	}
}



/* ***********************************************************

	コンテンツ

*********************************************************** */

@media only screen and (max-width: 640px) {


}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .content {
		width: 980px;
		margin: auto;
	}
}


/*red-box*/
@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .red-box {
		background: #e60012;
		width: 93.75vw;
		margin: 0 auto 58px;
		padding: 35px 13px 60px;
		box-sizing: border-box;
	}
	.anniversary65_70-monthly-atsui .red-box-title {
		color: #fff100;
		font-size: 5.625vw;
		font-weight: 900;
		line-height: 1.666666666666667;
		text-align: center;
		margin: 0 0 20px;
	}
	.anniversary65_70-monthly-atsui .red-box-text {
		color: #fff;
		font-size: 5.625vw;
		font-weight: 900;
		line-height: 1.555555555555556;
		text-align: center;
		margin: 0 0 5px;
	}
	.anniversary65_70-monthly-atsui .red-box-text strong {
		color: #fff100;
		font-weight: 900;
	}
	.anniversary65_70-monthly-atsui .sarani {
		color: #fff;
		font-size: 6.25vw;
		font-weight: 900;
		line-height: 1.4;
		text-align: center;
		margin: 0 0 35px;
		padding: 70px 0 0;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .sarani::before {
		content: '';
		background: url(../images/sarani_sp.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 79px;
		height: 82px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.anniversary65_70-monthly-atsui .red-box ul {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
	}
	.anniversary65_70-monthly-atsui .red-box ul li {
		color: #fff100;
		font-size: 4.375vw;
		line-height: 1.857142857142857;
		margin: 0 0 1em 0;
		padding: 0 0 0 20px;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .red-box ul li::before {
		content: '★';
		position: absolute;
		top: 0;
		left: 0;
	}
	.anniversary65_70-monthly-atsui .red-box .oubo-btn {
		display: block;
		background: #666;
		color: #999;
		font-size: 6.875vw;
		font-weight: 900;
		line-height: 14.0625vw;
		text-align: center;
		text-decoration: none;
		width: 61.875vw;
		height: 14.0625vw;
		margin: auto;
	}
	.anniversary65_70-monthly-atsui .red-box .oubo-btn a {
		display: block;
		background: #fff100;
		color: #e60012;
		font-size: 6.875vw;
		font-weight: 900;
		line-height: 14.0625vw;
		text-align: center;
		text-decoration: none;
		width: 61.875vw;
		height: 14.0625vw;
		margin: auto;
	}
	.anniversary65_70-monthly-atsui .red-box .close {
		color: #fff;
		text-align: center;
		font-size: 4.375vw;
		line-height: 1.857142857142857;
		margin: .5em auto 0;
	}
	.anniversary65_70-monthly-atsui .red-box .notice {
		color: #fff;
		text-align: center;
		font-size: 12px;
		margin: 2em auto 0;
	}
}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .red-box {
		background: #e60012;
		width: 890px;
		margin: 0 auto 80px;
		padding: 50px 0 60px;
	}
	.anniversary65_70-monthly-atsui .red-box-title {
		color: #fff100;
		font-size: 28px;
		font-weight: 900;
		line-height: 42px;
		text-align: center;
		margin: 0 0 40px;
	}
	.anniversary65_70-monthly-atsui .red-box-text {
		color: #fff;
		font-size: 24px;
		font-weight: 900;
		line-height: 42px;
		text-align: center;
		margin: 0;
	}
	.anniversary65_70-monthly-atsui .red-box-text strong {
		color: #fff100;
		font-weight: 900;
	}
	.anniversary65_70-monthly-atsui .sarani {
		color: #fff;
		font-size: 28px;
		font-weight: 900;
		line-height: 42px;
		text-align: center;
		margin: 0 0 55px;
		padding: 70px 0 0 132px;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .sarani::before {
		content: '';
		background: url(../images/sarani_pc.png) no-repeat 0 0;
		width: 114px;
		height: 123px;
		position: absolute;
		top: 0;
		left: 94px;
	}
	.anniversary65_70-monthly-atsui .red-box ul {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
	}
	.anniversary65_70-monthly-atsui .red-box ul li {
		color: #fff100;
		font-size: 16px;
		font-weight: 500;
		line-height: 26px;
		width: 737px;
		margin: 0 0 1em 64px;
		padding: 0 0 0 26px;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .red-box ul li::before {
		content: '★';
		position: absolute;
		top: 0;
		left: 0;
	}
	.anniversary65_70-monthly-atsui .red-box .oubo-btn {
		display: block;
		background: #666;
		color: #999;
		font-size: 32px;
		font-weight: 900;
		line-height: 66px;
		text-align: center;
		text-decoration: none;
		width: 288px;
		height: 66px;
		margin: auto;
	}
	.anniversary65_70-monthly-atsui .red-box .oubo-btn a {
		display: block;
		background: #fff100;
		color: #e60012;
		font-size: 32px;
		font-weight: 900;
		line-height: 66px;
		text-align: center;
		text-decoration: none;
		width: 288px;
		height: 66px;
		margin: auto;
	}
	.anniversary65_70-monthly-atsui .red-box .oubo-btn a:hover {
		opacity: 0.7;
	}
	.anniversary65_70-monthly-atsui .red-box .close {
		color: #fff;
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		line-height: 26px;
		margin: .75em auto 0;
	}
	.anniversary65_70-monthly-atsui .red-box .notice {
		color: #fff;
		text-align: center;
		font-size: 12px;
		margin: 1.5em auto 0;
	}
}



/*sakuhin-area*/
@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .sakuhin-area {
	}
	.anniversary65_70-monthly-atsui .sakuhin-area-title {
		width: 85.9375vw;
		margin: 0 auto 58px;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-wrap {
	}
}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .sakuhin-area {
	}
	.anniversary65_70-monthly-atsui .sakuhin-area-title {
		width: 431px;
		margin: 0 auto 82px;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 920px;
		margin: auto;
	}
}

/*sakuhin-box*/
@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .sakuhin-box {
		width: 89.375vw;
		background: #fff100 url(../images/sakuhin-box-bg.png) no-repeat right bottom;
		background-size: 40px auto;
		margin: 0 0 67px 7.5vw;
		padding: 0 4.0625vw 16px;
		border-radius: 5px;
		position: relative;
		box-sizing: border-box;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box::before {
		content: '';
		background: url(../images/sakuhin-box-bg2.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 55px;
		height: 88px;
		position: absolute;
		top: -47px;
		left: -14px;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-date p {
		color: #e60012;
		font-size: 5.625vw;
		font-weight: 900;
		line-height: 15vw;
		height: 15vw;
		margin: 0;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-thumbnail {
		width: 81.25vw;
		margin: 0 0 12px;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-thumbnail.doga {
		height: 45.78125vw;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-thumbnail.doga.vertical {
		height: 144.44vw;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-text .name1 {
		color: #e50012;
		font-size: 5vw;
		font-weight: 500;
		line-height: 1.625;
		margin: 0;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-text .name2 {
		font-size: 4.375vw;
		font-weight: 500;
		line-height: 1.857142857142857;
		margin: 0;
	}

}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .sakuhin-box {
		flex-basis: 430px;
		width: 430px;
		max-width: 430px;
		background: #fff100 url(../images/sakuhin-box-bg.png) no-repeat right bottom;
		background-size: 60px auto;
		margin: 0 0 90px;
		padding: 0 20px 26px;
		border-radius: 10px;
		position: relative;
		box-sizing: border-box;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box::before {
		content: '';
		background: url(../images/sakuhin-box-bg2.png) no-repeat 0 0;
		background-size: 100% auto;
		width: 83px;
		height: 132px;
		position: absolute;
		top: -70px;
		left: -20px;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-date p {
		color: #e60012;
		font-size: 24px;
		font-weight: 900;
		line-height: 62px;
		height: 62px;
		margin: 0;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-thumbnail {
		width: 390px;
		margin: 0 0 14px;
		position: relative;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-thumbnail.doga {
		height: 219px;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-thumbnail.doga.vertical {
		height: 693px;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-text .name1 {
		color: #e50012;
		font-size: 18px;
		font-weight: 500;
		line-height: 28px;
		margin: 0;
	}
	.anniversary65_70-monthly-atsui .sakuhin-box-text .name2 {
		font-size: 14px;
		font-weight: 500;
		line-height: 28px;
		margin: 0;
	}
}




/*xxx*/
@media only screen and (max-width: 640px) {
	.anniversary65_70-monthly-atsui .xxx {
	}
}
@media print, screen and (min-width: 641px) {
	.anniversary65_70-monthly-atsui .xxx {
	}
}




/* ***********************************************************

		カラー設定

*********************************************************** */

.anniversary65_70-monthly-atsui .cl-red {
	color: #e50012;
}
.anniversary65_70-monthly-atsui .cl-light-blue {
	color: #008bda;
}
.anniversary65_70-monthly-atsui .cl-green {
	color: #0c980a;
}
.anniversary65_70-monthly-atsui .cl-pink {
	color: #e73665;
}
.anniversary65_70-monthly-atsui .cl-purple {
	color: #865cdc;
}