@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=M+PLUS+Rounded+1c:wght@400;700;800&display=swap');

/*======================
           mb           
======================*/
@media screen and (max-width: 768px) {

	/* --------- 調整・消去 --------- */
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .group{
		padding: 0 0 80px;
	}
	body main > .title_area,
	body .group::before,
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .group .inner{
		width: 100%;
	}
	body .post-content p,
	body .post-content h2,
	body .post-content h3{
		margin: 0;
	}
	#news .pc { display: none !important; }
	#news .sp { display: block !important; }

	#news {
	}
	.content-main img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	#news .content img.img-responsive {
		width: 100%;
		height: auto;
		vertical-align: top;
	}

	/*---------------------------------------- 共通 */

	#news .content-main{
		background-color: #bd2d33;
		padding-bottom: 50px;
	}
	body .post-content #news a{
		color: #f8c5ae;
	}
	body #news p,
	body #news b,
	body #news th,
	body #news td,
	body #news li,
	body #news dt,
	body #news dd{
		font-family: 'Noto Sans JP','游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:13px;
		line-height:1.85em;
		color: #fff4d6;
	}
	#news h1,
	#news h2,
	#news h3,
	#news h4,
	#news h5{
		font-family: 'Noto Sans JP','游ゴシック Medium','Yu Gothic Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		line-height:1.5em;
		font-weight: bold;
		font-feature-settings : "palt";
		color: #fff4d6;
	}
	#news img{
		display:block;
	}
	#news .margin-top30{
		margin-top: 30px;
	}

	/*-------------------------------------- header */
	#news header {
		text-align: center;
		margin: 0 2vw;
	}
	#news header h2{
		margin:20px 8vw;
		color: #fff4d6;
		font-size: 1.1em;
	}
	#news header h2 + p{
		text-align: left;
		margin: 0 3vw;
	}

	#news #present{
		text-align: center;
		margin: 30px 3vw;
	}
	#news #present p{
		margin: 10px 50px;
		text-align: left;
	}

	/*-------------------------------------- reserve */
	#news .reserve {
		text-align: center;
		border-top: 2px dashed #a12226;
		margin: 40px 3vw;
		padding-top: 20px;
	}
	#news .reserve h2{
		margin:20px 0;
		color: #fff4d6;
		font-size: 1.4em;
	}
	#news .reserve h3{
		background-color: #95181c;
		color: #fff4d6;
		font-size: 1.2em;
		padding: 15px 25px;
		display: block;
		border-radius: 10px 10px 0 0;
		text-align: center;
	}
	#news .reserve h2 + p{
		color: #fff;
		text-align: center;
	}
	#news .outer{
		margin: 0 auto 25px;
	}
	#news .outer .detail_box{
		background-color: #a12226;
		color: #fff;
		border-radius: 0 0 10px 10px ;
		text-align: left;
		padding: 15px 15px;
	}
	#news .outer .detail_box p,
	#news .outer .detail_box p b{
		color: #fff;
	}
	#news .outer .detail_box p + p{
		margin-top: 10px;
	}
	#news .outer .detail_box span{
		font-size: 1.4em;
	}
	#news .reserve h4{
		font-size: 1.5em;
		color: #1c623e;
		border-bottom: 2px solid #1c623e;
		padding-bottom: 3px;
		margin-bottom: 15px;
		letter-spacing: 0.03em;
	}

	#news .reserve ul{
		text-align: left;
		margin: 2em 0.5vw 0 4vw;
	}
	#news .reserve li{
		list-style-type: disc;
		margin: 0.5em;
	}
	#news .reserve span.red{
		color: #c30815;
	}

	/*-------------------------------------- set */
	#news .set_outer{
		margin: 0 3vw;
	}
	#news .set_outer h1{
		border-top: 2px dashed #a12226;
		margin: 60px 10vw;
		padding-top: 50px;
		text-align: center;
		margin-bottom: 20px;
	}
	#news .set_outer h1 + p{
		text-align: center;
		margin: 10px 10vw;
	}
	#news .set_detail{
		margin: 40px 0 0;
		padding: 1px 0 50px;
	}
	#news .set_img{
		text-align: center;
	}
	#news .set_contents{
		justify-content: space-between;
		margin: 5px 3vw 25px;
	}
	#news .set_contents h2{
		font-weight: bold;
		padding-bottom: 7px;
		margin: 15px 0;
		font-size: 1.1em;
		border-bottom: 2px solid #f5e9bc;
	}
	#news .set_left{
	}
	#news .set_right{
		margin: 25px 0 0 0;
	}
	#news .set_left ul{
		margin: 0 0 10px;
	}
	#news .set_left li{
		line-height:1.7em;
		list-style-type: disc;
		margin: 0 0 5px 20px;
	}
	#news .set_left li span{
		border: 0px solid #222222;
		padding: 0 5px;
		border-radius: 3px;
		color:#fff;
	}
	#news .set_left li span.overseas{ background-color: #849abe;}
	#news .set_left li span.original{ background-color: #ef8973;}

	#news .set_left p{
		line-height: 1.6em;
	}
	#news .set_right .price{
		text-align: right;
		font-weight: bold;
		font-size: 0.9em;
		letter-spacing: 0.05em;
		margin: 10px 0 0;
	}
	#news .set_right .price span{
		font-size: 1.4em;
	}
	#news .set_right .price + p{
		text-align: right;
	}
	#news .set_detail .btnBuy{
		width: 90%;
		margin: 40px auto 0;
	}
	#news .set_detail .btnBuy a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 3.4em;
		position: relative;
		background: #4ea36b;
		border: 2px solid #4ea36b; /* ◆リンクボタン枠色◆ */
		border-radius: 2em;
		box-sizing: border-box;
		color: #fff; /* ◆リンクボタン文字色◆ */
		line-height: 1.3;
		font-weight: bold;
		font-size: 1.1em;
		text-align: left;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	#news .set_detail .btnBuy a:before{
		content: '';
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #fff;/* ◆リンクボタン矢印色◆ */
		border-right: 2px solid #fff;/* ◆リンクボタン矢印色◆ */
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 1em;
		margin-top: -6px;
	}
	#news .set_detail .btnBuy a:hover {
		background: #fff;/* ◆リンクボタン背景色◆ */
		color: #4ea36b;
	}
	#news .set_detail .btnBuy a:hover:before {
		border-top: 2px solid #4ea36b;
		border-right: 2px solid #4ea36b;
	}

	#news .set_detail .btnWait{
		width: 90%;
		margin: 40px auto 0;
		display: block;
		color: #fff;
		background-color: #999999;
		padding: 20px 0 ;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 40px;
		text-align: center;
		text-decoration: none;
		position: relative;
	}
	#news .set_detail .btnWait span {
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		vertical-align: 20%;
		position: relative;
	}
	#news .btnsArea + p{
		margin-top: 15px;
		text-align: center;
	}
	#news .btnsArea + p{
		margin: 15px 3%;
	}
	/*-------------------------------------- notes */
	#news #notes{
		margin: 40px 6vw 10px;
	}
	#news #notes h1{
		text-align: center;
		font-size: 1.2em;
		margin: 0 0 20px;
	}
	#news #notes p{
		margin: 20px 0;
	}
	#news #notes ul{
		margin: 0 0 10px;
	}
	#news #notes li{
		line-height:1.7em;
		list-style-type: disc;
		margin: 0 0 5px 20px;
	}
	#news #notes li span{
		border: 0px solid #222222;
		padding: 0 5px;
		border-radius: 3px;
		color:#fff;
	}
	#news #notes li span.overseas{ background-color: #849abe;}
	#news #notes li span.original{ background-color: #e94f7c;}

	/*-------------------------------------- gotosite */

	#news .gotosite{
		margin: 50px 4% 0;
		text-align: center;
	}
	#news .gotosite p{
		font-size: 0.8em;
		margin-top: 10px;
	}
	#news .gotosite img{
		width: 100%;
	}

}

/*----------------------*/
/*          pc          */
/*----------------------*/
@media print, screen and (min-width: 769px) {

	/* --------- 調整・消去 --------- */
	body header.title_area,
	body .group:nth-of-type(2n-1)::before {
		display: none !important;
	}
	body .group,
	body .box-white,
	body .post-content{
		padding: 0 0 0;
	}
	body .inner{
		max-width: 960px;
		width: 100%;
	}
	body .inner > header,
	body .inner dl.periodText{
		display: none !important;
	}
	body .post-content p,
	body .post-content h2,
	body .post-content h3{
		margin: 0;
	}
	#news div.image{
		text-align:center;
	}

	#news div.image{
		text-align:center;
	}
	#news .content-topic {
		margin: 0 auto;
		padding-top:68px;
		padding-bottom: 100px;
	}
	#news .content-topic a:hover {
		text-decoration: none;
		opacity: 0.7;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter: alpha(opacity=70);
	}
	#news .pc { display: block !important; }
	#news .sp { display: none !important; }

	/*---------------------------------------- 共通 */
	
	#news .content-main{
		background-color: #bd2d33;
		padding-bottom: 50px;
	}
	body .post-content #news a{
		color: #f8c5ae;
	}

	body #news p,
	body #news b,
	body #news th,
	body #news td,
	body #news li,
	body #news dt,
	body #news dd{
		font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		font-size:15px;
		line-height:1.8em;
		color: #fff4d6;
	}
	#news h1,
	#news h2,
	#news h3,
	#news h4,
	#news h5{
		font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		line-height:1.65em;
		font-weight: bold;
		font-feature-settings : "palt";
		color: #fff4d6;
	}
	#news img{
	}
	#news .margin-top30{
		margin-top: 30px;
	}
	#news #main_outer{
		margin: 0 5%;
	}

	/*-------------------------------------- header */
	#news header {
		text-align: center;
	}
	#news header h2{
		margin:20px 0;
		color: #fff4d6;
		font-size: 1.6em;
	}
	#news header h2 + p{
		text-align: left;
		margin: 0 140px 70px;
	}
	#news header #info_area{
		color: #bd000d;
		margin: 40px 100px;
		background-color: #08a09c;
		border-radius: 50px;
		padding: 15px 0;
		text-align: center;
		color: #fff;
		font-weight: bold;
	}
	#news header #info_area p{
		font-size: 1.5em;
		font-weight: bold;
	}
	#news header #info_area p > span{
		font-size: 1.2em;
		font-weight: bold;
		color: #ffe07f;
	}
	#news #present{
		text-align: center;
		margin:0 auto 50px;
		width: 800px;
	}
	#news #present p{
		margin: 10px 50px;
		text-align: left;
	}

	/*-------------------------------------- reserve */
	#news .reserve {
		text-align: center;
		border-top: 2px dashed #a12226;
		width: 800px;
		margin: 40px auto;
		padding-top: 20px;
	}
	#news .reserve h2{
		margin:20px 0;
		color: #fff4d6;
		font-size: 1.6em;
	}
	#news .reserve h3{
		background-color: #95181c;
		font-size: 1.2em;
		padding: 15px 25px;
		display: block;
		width: 200px;
		border-radius: 10px 0 0 10px;
		text-align: left;
	}
	#news .reserve h2 + p{
		color: #fff;
		text-align: center;
	}
	#news .outer{
		display: flex;
		flex-wrap: wrap;
		width: 800px;
		margin: 0 auto 25px;
	}
	#news .outer .detail_box{
		background-color: #a12226;
		flex: 1;
		border-radius: 0 10px 10px 0;
		text-align: left;
		padding: 15px 25px;
	}
	#news .outer .detail_box p,
	#news .outer .detail_box p b{
		color: #fff;
	}
	#news .outer .detail_box p + p{
		margin-top: 10px;
	}
	#news .outer .detail_box span{
		font-size: 1.4em;
	}
	#news .reserve h4{
		font-size: 1.5em;
		color: #1c623e;
		border-bottom: 2px solid #1c623e;
		padding-bottom: 3px;
		margin-bottom: 15px;
		letter-spacing: 0.03em;
	}

	#news .reserve ul{
		text-align: left;
		margin: 2em 35px 0;
	}
	#news .reserve li{
		list-style-type: disc;
		margin: 0.5em;
	}
	#news .reserve span.red{
		color: #c30815;
	}

	/*-------------------------------------- set */
	#news .set_outer{
		width: 860px;
		margin: 0 auto;
	}
	#news .set_outer h1{
		border-top: 2px dashed #a12226;
		margin: 60px auto;
		padding-top: 50px;
		text-align: center;
		margin-bottom: 30px;
		width: 860px;
	}
	#news .set_outer h1 + p{
		text-align: center;
	}
	#news .set_detail{
		margin: 40px 0 0;
		padding: 1px 0 50px;
	}
	#news .set_img{
		text-align: center;
	}
	#news .set_contents{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 25px 40px;
	}
	#news .set_contents h2{
		font-weight: bold;
		margin: 0 0 15px;
		padding-bottom: 3px;
		font-size: 1.3em;
		border-bottom: 2px solid #f5e9bc;
		text-align: left;
	}
	#news .set_left,
	#news .set_right{
		width: 47%;
	}
	#news .set_left ul{
		margin: 0 0 10px;
	}
	#news .set_left li{
		line-height:1.7em;
		list-style-type: disc;
		margin: 0 0 5px 20px;
	}
	#news .set_left li span{
		border: 0px solid #222222;
		padding: 0 5px;
		border-radius: 3px;
		color:#fff;
	}
	#news .set_left li span.overseas{ background-color: #849abe;}
	#news .set_left li span.original{ background-color: #ef8973;}

	#news .set_left p{
		font-size: 0.9em;
		line-height: 1.6em;
	}
	#news .set_right .price{
		text-align: right;
		font-weight: bold;
		font-size: 1.15em;
		letter-spacing: 0.05em;
		margin: 20px 0 0;
	}
	#news .set_right .price span{
		font-size: 1.4em;
	}
	#news .set_right .price + p{
		text-align: right;
	}
	#news .set_detail .btnBuy{
		width: 460px;
		margin: 40px auto 0;
	}
	#news .set_detail .btnBuy a{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 3.4em;
		position: relative;
		background: #4ea36b;
		border: 2px solid #4ea36b; /* ◆リンクボタン枠色◆ */
		border-radius: 2em;
		box-sizing: border-box;
		color: #fff; /* ◆リンクボタン文字色◆ */
		line-height: 1.3;
		font-weight: bold;
		font-size: 1.1em;
		text-align: left;
		text-decoration: none;
		transition-duration: 0.3s;
	}
	#news .set_detail .btnBuy a:before{
		content: '';
		width: 8px;
		height: 8px;
		border: 0;
		border-top: 2px solid #fff;/* ◆リンクボタン矢印色◆ */
		border-right: 2px solid #fff;/* ◆リンクボタン矢印色◆ */
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 1em;
		margin-top: -6px;
	}
	#news .set_detail .btnBuy a:hover {
		background: #fff;/* ◆リンクボタン背景色◆ */
		color: #4ea36b;
	}
	#news .set_detail .btnBuy a:hover:before {
		border-top: 2px solid #4ea36b;
		border-right: 2px solid #4ea36b;
	}

	#news .set_detail .btnWait{
		width: 460px;
		margin: 40px auto 0;
		display: block;
		color: #fff;
		background-color: #999999;
		padding: 20px 0 ;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 40px;
		text-align: center;
		text-decoration: none;
		position: relative;
	}
	#news .set_detail .btnWait span {
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		vertical-align: 20%;
		position: relative;
	}
	#news .btnsArea + p{
		margin-top: 15px;
		text-align: center;
	}

	/*-------------------------------------- notes */
	#news #notes{
		margin: 40px 80px 10px;
	}
	#news #notes h1{
		text-align: center;
		font-size: 1.4em;
		margin: 0 0 20px;
	}
	#news #notes p{
		margin: 20px 0;
	}
	#news #notes ul{
		margin: 0 0 10px;
	}
	#news #notes li{
		line-height:1.7em;
		list-style-type: disc;
		margin: 0 0 5px 20px;
	}
	#news #notes li span{
		border: 0px solid #222222;
		padding: 0 5px;
		border-radius: 3px;
		color:#fff;
	}
	#news #notes li span.overseas{ background-color: #849abe;}
	#news #notes li span.original{ background-color: #e94f7c;}

	/*-------------------------------------- gotosite */

	#news .gotosite{
		margin: 50px 50px 0 50px;
		text-align: center;
	}
	#news .gotosite p{
		font-size: 0.8em;
		margin-top: 10px;
	}
	#news .gotosite img{
		width: 100%;
	}

}