@charset 'utf-8';
/* CSS Document */
.canvas-wrapper{
	width:600px;
	margin:0 auto;
	}
	
	.tab-wrap {
			display: flex;
			width: 600px;
			justify-content: center;
			flex-wrap: wrap;
			flex-direction: row;
	
	}
	.tab-label {
					color: #866d4b;
					background: #fff;
					padding: 20px 12px;
					order:-1;
					width: 150px;
					margin: 0 10px 10px 0px;
					border: 1px solid #866d4b;
					text-align: center;
	}
			
	.tab-content {
			/*width: 100%;*/
			display: none;
	}
	.tab-switch:checked+.tab-label {
			background:#866d4b;
			color: #fff;
	}
	.tab-switch:checked+.tab-label+.tab-content {
			display: block;
	}
	.tab-switch {
			display: none;
	}
	
	.tab-label:hover{
			background:#866d4b;
			color:#fff;
			transition: 1s;
		}
	
	
	
	#textareaslide {
			width: 600px;
			margin-left: auto;
			margin-right: auto;
	}
	
	.textareaslide {
			width: 600px;
			margin-left: auto;
			margin-right: auto;
	}
	
	.introarea p {
			margin: 0 0 10px;
			padding: 0 0 0 0;
			line-height: 1.3em;
	}
	
	
	
	@-webkit-keyframes coffretAnimation {
			0% {
					background-position: 15% 0%
			}
	
			50% {
					background-position: 86% 100%
			}
	
			100% {
					background-position: 15% 0%
			}
	}
	
	
	@-moz-keyframes coffretAnimation {
			0% {
					background-position: 15% 0%
			}
	
			50% {
					background-position: 86% 100%
			}
	
			100% {
					background-position: 15% 0%
			}
	}
	
	@keyframes coffretAnimation {
			0% {
					background-position: 15% 0%
			}
	
			50% {
					background-position: 86% 100%
			}
	
			100% {
					background-position: 15% 0%
			}
	}
	
	
	
	#textareamenu {
			width: 350px;
			margin-left: auto;
			margin-right: auto;
	}
	
	.textareamenu {
			width: 350px;
			margin-left: auto;
			margin-right: auto;
	}
	
	#textarea {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
	}
	
	#textarea p {
			line-height: 160%;
			margin-bottom: 4%;
			color: #444 !important;
	}
	
	#contents #main_contents #textarea .textarea .introarea p {
			font-size: 16px;
	}
	
	#contents #main_contents #textarea .textarea .introarea p ruby rt {
			font-size: 12px;
	}
	
	#textarea p.ilst {
			font-size: 14px !important;
			line-height: 150%;
			margin-bottom: 0;
			color: #555;
	}
	
	#textarea a {
			font-size: 16px;
			margin-bottom: 4%;
			color: #444 !important;
			text-decoration: underline !important;
	}
	
	.textarea {
			/*width: 97%;*/
			margin-left: auto;
			margin-right: auto;
	}
	
	#textarea .top a {
			float: right;
			margin-right: 5%;
			font-size: 10px;
			color: #444;
			text-decoration: underline;
	}
	
	#kaihou_container {
			width: 94%;
			margin-left: auto;
			margin-right: auto;
	}
	
	.checkBox img {
			width: 100%;
	}
	
	.episodeBox_noheart {
			background: #F3F1ED;
	}
	
	.episodeBox_noheart .main {
			width: 100%;
	}
	
	.episodeBox_noheart .inr>p {
			font-weight: bold;
			font-size: 20px;
			margin-top: 0;
			color: #FF7272;
			text-align: center;
			line-height: 120%;
	}
	
	.episodeBox_noheart_inr {
			padding: 20px;
	}
	
	.episodeBox_noheart_box {
			margin-top: 10px;
			border-radius: 4px;
			padding: 20px 20px 10px 20px;
			background: 20px 20px no-repeat #FCFBFA;
			-webkit-background-size: 22px auto;
			background-size: 22px auto;
	
	}
	
	.episodeBox_noheart p {
			font-size: 16px;
			margin-bottom: 0;
	}
	
	/*緑*/
	.midashi1 {
			position: relative;
			padding-top: 1.2em;
			padding-bottom: 1em;
			font-size: 24px !important;
			line-height: 150%;
			color: #a16bd2;
			font-weight: normal;
			text-align: center;
	}
	
	.strongtext {
			font-weight: bold;
			color: #7B5194;
			font-size: 16px !important;
	}
	
	.strongtext ruby {
			font-weight: bold;
			color: #7B5194;
			font-size: 16px !important;
	}
	
	.strongtext ruby rt {
			/*font-weight:bold;*/
			color: #7B5194;
			font-size: 12px !important;
	}
	
	
	.strongtext02 {
			color: #db3d19;
			font-size: 16px !important;
			/*font-weight:bold;*/
	}
	
	
	.illust {
			margin-bottom: 3%;
	}
	
	
	#canvas-container {
			background-size: cover;
	}
	
	canvas {
			width: 100%;
			height: 10%;
			vertical-align: top;
	}
	
	
	#coffretAnimation {
			background: rgba(255, 255, 255, 0.75);
			padding-bottom: 10px !important;
			border-radius: 10px;
			/* CSS3草案 */
			-webkit-border-radius: 10px;
			/* Safari,Google Chrome用 */
			-moz-border-radius: 10px;
			/* Firefox用 */
	}
	
	
	
	.pinktitle {
			color: #FFF !important;
			padding: 3% 3% 3% 4%;
			background-color: #b88e00;
			border-radius: 5px;
			font-size: 14px;
			font-weight: bold;
			line-height: 120%;
			margin-top: 2% !important;
			margin-bottom: 1% !important;
	}
	
	.greentitle {
			color: #FFF;
			padding: 15px 15px 15px 20px;
			background-color: #7B5194;
			border-radius: 5px;
			font-size: 16px !important;
			font-weight: bold;
			line-height: 120%;
			margin-bottom: 10px;
	}
	
	.beginning {
			text-align: center;
			padding-top: 20px;
	
	}
	
	#textarea .beginning p {
			color: #a16bd2 !important;
			font-size: 24px !important;
			text-shadow: 4px 2px 7px #dbdbdb, 2px 2px 2px #ffffff;
			padding: 0 0 30px 0;
			font-family: 'Yu Mincho', '游明朝', YuMincho, '游明朝体', sans-serif;
			font-weight: 900;
	}
	
	#textarea .beginning p span {
			color: #a16bd2 !important;
			font-size: 24px !important;
			text-shadow: 4px 2px 7px #dbdbdb, 2px 2px 2px #ffffff;
			padding: 0 0 30px 0;
			font-family: 'Yu Mincho', '游明朝', YuMincho, '游明朝体', sans-serif;
			font-weight: 900;
	}
	
	#textarea .beginning p span ruby {
			color: #a16bd2 !important;
			font-size: 24px !important;
			text-shadow: 4px 2px 7px #dbdbdb, 2px 2px 2px #ffffff;
			padding: 0 0 30px 0;
			font-family: 'Yu Mincho', '游明朝', YuMincho, '游明朝体', sans-serif;
			font-weight: 900;
	}
	
	#textarea .beginning p span ruby rt {
			color: #a16bd2 !important;
			font-size: 15px !important;
			text-shadow: 4px 2px 7px #dbdbdb, 2px 2px 2px #ffffff;
			font-family: 'Yu Mincho', '游明朝', YuMincho, '游明朝体', sans-serif;
	}
	
	#textarea .beginning p:first-child {
			margin: 40px 0 0 0;
	}
	
	.ame-lineup {
			background: rgba(255, 255, 255, 0.75);
			margin: 40px 10px;
			border-radius: 10px;
			/* CSS3草案 */
			-webkit-border-radius: 10px;
			/* Safari,Google Chrome用 */
			-moz-border-radius: 10px;
			/* Firefox用 */
			font-size: 16px !important;
	}
	
	.ame_contentsbox {
			padding-top: 40px;
	}
	
	#contents #main_contents #textarea .textarea .introarea .episodeBox p {
			font-size: 14px;
	}
	
	#textarea .inr .box a {
			font-size: 15px;
	}
	
	
	.topmenu {
			text-align: center;
			width: 100%;
			max-width: 600px;
			margin: 1em auto 0;
	}
	
	.topmenu img {
			width: 100%;
			height: auto;
	}
	
	.canvas-wrapper {
			width: 600px;
			margin: 0 auto;
	}
	
	.wave-bar {
			width: 100%;
			max-width: 600px;
			height: 80px;
	}
	
	.flipped {
			transform: rotate(180deg);
	}
	
	.wave_box {
			padding: .5em 0;
	}
	
	.waku {
			background-image: url("https://www.lovecosmetic.jp/set_new/venusfukubukuro/venus_bg.jpg");
	}
	
	.midashi2 {
			font-size: 1.2rem !important;
			line-height: 130%;
			color: #666365;
			font-weight: normal;
			text-align: center;
	}
	
	.kaihou_container2 {
			width: 600px;
			margin: .8em auto 0;
			text-align: center;
	}
	
	.kaihou_container2 p {
			font-size: 16px;
			line-height: 160%;
			margin: 0.5em 0 0;
			/*margin-bottom:4%;*/
			color: #444 !important;
	}
	
	.kaihou_container {
			/*width: 90%;*/
			margin: .8em auto 0;
			text-align: left;
	}
	
	.kaihou_container p {
			font-size: 16px;
			line-height: 160%;
			margin: 0.5em 0 0;
			/*margin-bottom:4%;*/
			color: #444 !important;
	}
	
	.kaihou_container .illust {
			text-align: center;
			width: 100%;
			max-width: 550px;
			margin: 1em auto 0;
	}
	
	.kaihou_container .illust img {
			width: 100%;
	}
	
	.kaihou_container p.list {
			font-size: 14px;
			line-height: 150%;
			margin-bottom: 0;
			color: #555;
	}
	
	.top {
			width: 90%;
			margin: 1em auto 0;
			text-align: right;
			font-size: 10px;
	}
	
	.top a {
			color: #444;
			text-decoration: underline;
	}
	
	.episodeBox_noheart {
			background: #F3F1ED;
			margin: 25px 0 20px;
	}
	
	.episodeBox_noheart .main {
			width: 100%;
	}
	
	.episodeBox_noheart .inr>p {
			font-weight: bold;
			font-size: 20px;
			margin-top: 0;
			color: #FF7272;
			text-align: center;
			line-height: 120%;
	}
	
	.episodeBox_noheart_inr {
			padding: 20px;
	}
	
	.episodeBox_noheart_box {
			margin-top: 10px;
			border-radius: 4px;
			padding: 20px 20px 10px 20px;
			background: 20px 20px no-repeat #FCFBFA;
			-webkit-background-size: 22px auto;
			background-size: 22px auto;
	
	}
	
	.episodeBox_noheart p {
			font-size: 14px;
			margin-bottom: 0;
	}
	
	.textareaslide {
			width: 600px;
			margin-left: auto;
			margin-right: auto;
	}
	
	@media screen and (max-width:480px) {
			.canvas-wrapper {
					width: 98%;
					margin: 0 auto;
			}
	
			.photo-show {
					height: 350px;
					/*表示したい大きさ*/
					width: 350px;
					/*表示したい大きさ、height と合わせる*/
			}
	}
	
	.episodeBox_noheart {
			background: #F3F1ED;
			margin: 25px 0 20px;
	}
	
	.episodeBox_noheart .main {
			width: 100%;
	}
	
	.episodeBox_noheart .inr>p {
			font-weight: bold;
			font-size: 20px;
			margin-top: 0;
			color: #FF7272;
			text-align: center;
			line-height: 120%;
	}
	
	.episodeBox_noheart_inr {
			padding: 20px;
	}
	
	.episodeBox_noheart_box {
			margin-top: 10px;
			border-radius: 4px;
			padding: 20px 20px 10px 20px;
			background: 20px 20px no-repeat #FCFBFA;
			-webkit-background-size: 22px auto;
			background-size: 22px auto;
	
	}
	
	.episodeBox_noheart p {
			font-size: 14px;
			margin-bottom: 0;
	}
	
	
	.frame-wrapper_video {
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 56.25%;
			overflow: hidden;
			margin-bottom: 20px;
	}
	
	.frame-wrapper_video iframe {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
	}
	
	
	.grid-image {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			/**margin:30px 0;**/
			justify-content: center;
	}
	
	/**.grid-image img {
			width:calc(33.333% - 10px);
			margin:0 15px 15px 0;
	}**/
	.grid-image img:nth-of-type(3n),
	.grid-image img:last-child {
			margin-right: 0;
	}
	
	@media screen and (max-width:600px) {
			.grid-image img {
					width: calc(50% - 15px);
			}
	}
	
	@media screen and (max-width:480px) {
			.grid-image img:nth-of-type(2n) {
					margin-right: 0;
			}
	
			.grid-image img:nth-of-type(3n) {
					margin-right: 15px;
			}
	}





/* グッズスクロールエリア */
.goodsslide {
	text-align: center;
	width: 98%;
	margin: 0 auto;
	padding-bottom: 5em;
}
.slick-slider div { transition: none; }
.goodsslide .itembox a {
	width: 100%;
	height: 100%;
	display: block;
}
.goodsslide .itembox a:hover {
	text-decoration: none !important;
	text-align: center !important;
}
.goodsslide .itembox .mg {
	margin-bottom: .5em;
}
.goodsslide .itembox .item_pict {
	width: 90%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #EEEEEE;
	padding: .3em;
}
.goodsslide .itembox .item_pict:hover {
	opacity: .7;
}
.goodsslide .itembox p {
	font-size: 1em;
}
.goodsslide .itembox .item_name {
	margin-top: 1em;
	height: 60px;
}
.goodsslide .itembox .item_name:hover {
	text-decoration: none !important;
	text-align: center !important;
}
.goodsslide .itembox .item_price {
	font-weight: bold;
	color: #D80000;
}
.goodsslide .itembox .item_price:hover {
	text-decoration: none !important;
	text-align: center;
}
.goodsslide .itembox .item_detail {
	margin: 0 .5em;
	display: block;
	height: 70px;
	text-align: left;
	font-size: .9em;
}
.goodsslide .itembox .item_detail:hover {
	text-decoration: none !important;
	text-align: left;
}
.goodsslide .itembox .item_none {
	display: none;
}
.goodsslide .itembox .btn_area {
	margin: 0 .5em .9em .5em;
}
.goodsslide .itembox .btn_area:hover {
	opacity: .7;
}
.goodsslide .itembox .btn_area span {
	display: block;
	padding: .5em;
	border-radius: .3em;
	background: #ff9f32;
	color: #FFF;
	text-align: center;
}
.goodsslide .slick-prev,.goodsslide .slick-next {
	border: none;
	text-indent: -999px;
}
.goodsslide .slick-prev {
	left: 0;
	bottom: 3em;
	z-index: 100;
}
.goodsslide .slick-next {
	right: 0;
	bottom: 3em;
}
.goodsslide.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.goodsslide .slick-dots {
	bottom: 0;
	margin: 0 15px;
}
.goodsslide .slick-dots li {
	text-align: center;
}
.slick-dots li button:before {
	content: "●" !important;
}