html{
	font-family: YuGothic,'Yu Gothic','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	scroll-behavior: smooth;
}
body{background:#e5c2f6;}
a{text-decoration: none;}
li{list-style-type: none;}
/* h2,h3,h4{color:#fff;} */
h1{
	font-size:24px;
	text-align: center;
	padding:10px 0;
}
.flex{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.logo{
	background:#fff;
	margin-bottom:10px;
}
.logo img{display: block;margin:0 auto;}

/*--main--*/
.main{
	position: relative;
}
@media(min-width:768px){
	.main{
		width:98%;
		margin:0 auto;
		display: flex;
		align-items: flex-start;
	}
}
/*--Figure--*/
.figure{
	width:99%;
	height:auto;
	margin:0 auto;
	border-radius: 10px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #fff;
	border:1px #333 solid;
	background-color   : #ffffff;
	background-image   : radial-gradient(#a47da9 11%,#666 12%, transparent 14%),
											 radial-gradient(#a47da9 11%,#666 12%, transparent 14%);
	background-position: 0 0, 40px 40px;
	background-size    : 80px 80px;
}
@media(min-width:768px){
	.figure{
		width:59%;
		height:96vh;
		position:sticky;
		-webkit-position:sticky;
		top:10px;
	}
}
.figure .swiper-wrapper{
	height:auto;
	max-height:74vh;
}
.figure .swiper-slide{
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-slide>.figure-img{
	width:80%;
	max-width:500px;
	position: relative;
	border-radius: 4px;
	margin-top:20px;
}
.swiper-slide>.figure-img img{
	width:100%;
	height:auto;
	border:12px #604d72 solid;
	box-sizing: border-box;
}
.swiper-slide:after{
	content:attr(data-text)"";
	position: absolute;
	width:80%;
	max-width:500px;
	text-align: center;
	bottom:0;
	line-height: 1.4em;
	font-weight:bold;
	color:#fff;
	background-color:#604d72;
	display: block;
}
.swiper-slide>.figure-img:before{
	content: '';
	width:100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: -1;
	border:1px solid #666;
	transform: translate(15px,15px);
	background:repeating-linear-gradient(-45deg, #604d72, #604d72 15px, #e5c2f6 0, #e5c2f6 30px);
}

.swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23604d72'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23604d72'%2F%3E%3C%2Fsvg%3E");
}
.scroll-box{
	width:96%;
	margin:0 auto;
	overflow-x:auto;
}
.thumblist{
  display: flex;
  flex-wrap: nowrap;
	justify-content: space-around;
	flex: none;
  margin: 30px auto 10px;
	width:100%;
	min-width: 1100px;
}
.thumblist-item{
	width:65px;
	height:65px;
	/* overflow:hidden; */
}
.thumblist img{
	width:65px;
	height:65px;
	object-fit: cover;
	border:none;
	border-radius: 50%;
}
.thumblist-item>.figure-img{position:relative;}
.thumblist-item>.figure-img:after{
	content: '';
	width:65px;
	height: 65px;
	display: block;
	position: absolute;
	z-index:-1;
	top:0;
	left:0;
	border:1px solid #666;
	border-radius: 50%;
	transform: translate(5px,5px);
	background:repeating-linear-gradient(45deg, #604d72, #604d72 5px, #e5c2f6 0, #e5c2f6 10px);
}
.thumblist-item.current .figure-img:after{
	background:repeating-linear-gradient(45deg, #7a7380, #e5c2f6 5px, #fff 0, #fff 10px);
}
.prev1 {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff9dc9'%2F%3E%3C%2Fsvg%3E");
}
.next1 {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff9dc9'%2F%3E%3C%2Fsvg%3E");
}
.to-figure{
	width:100%;
	background: #666;
	position: sticky;
	-webkit-position: sticky;
	top:0;
	z-index: 99;
}
.to-figure a{
	display: block;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	line-height:2em;
}
@media(min-width:768px){
	.to-figure{display: none;}
}
/*--item--*/
.item{
	width:99%;
	margin:10px auto;
	background:#fff;
	border-radius: 10px;
	overflow: hidden;
	border:1px #333 solid;
}
.item-figure{
	width:100%;
	height:auto;
}
.item-figure .title{
	width:100%;
	margin:60px 0;
}
.item-figure .title img{
	width:100%;
}
.item-figure p{
	width:90%;
	margin:5px auto;
	font-weight:bold;
	font-size:21px;
	font-style: italic;
	line-height: 1.5em;
	position: relative;
}
.item-figure p span{
	font-style: normal;
	color:#fff;
  transform:skewX(-15deg);
	background:#604d72;
	display:inline-block;
	margin:0 10px;
}
.item-figure .tokuten{
	display: flex;
	align-items: center;
}
.item-figure .tokuten img{width:200px;height:auto;}
.item-figure .tokuten p{font-size:17px;}
.item-figure .yoyaku{
	width:90%;
	margin:0 auto;
}
.item-figure .yoyaku a{
	display:block;
	font-size: 24px;
	line-height: 2em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background: #a64d54;
	border:1px solid #333;
	border-radius: 6px;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.item-figure .yoyaku a:hover{
	background-color: #bb88d9;
    border: 1px solid #000000;
    border-radius: 30px;
    cursor: pointer;
}

.twitter_btn{
	width:90%;
	margin:1em auto;
	display: flex;
	justify-content: flex-end;
}
.twitter_btn a{
	display: block;
}


.item h2{
	background:#5a3b4b;
	font-weight:bold;
	font-size:24px;
	line-height: 1.8em;
	color:#fff;
	text-align: center;
	margin-top:20px;
}
.item .row{
	width:95%;
	margin:40px auto 60px;
	display: flex;
	flex-wrap: wrap;
}
.item h3,.item h4{
	width: 100%;
	font-weight:bold;
	font-size:21px;
	line-height: 1.5em;
	color:#333;
	text-align: center;
	position:relative;
	z-index: 1;
	margin-bottom: 20px;
}
.item h3:after{
	content:'';
	width:100%;
	height:50%;
	display: block;
	position: absolute;
	top:0;left:0;
	transform: translateY(100%);
	background:#bb88d9;
	z-index: -1;
}
.item h3 a{color: #333;}
.item h4 a{color: #333;}

.item-img,.swiper2{width:40%;align-self: center;}
.item-img img{width:96%;height:auto;display: block;margin:auto;}

.item-text{
	width:60%;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
.item-text p{
	margin:10px;
	text-align:left;
}
.item .buy{
	width:90%;
	margin:0 auto;
}
.item .buy a{
	display:block;
	font-size: 20px;
	line-height: 2em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background: #b85e65;
	border:1px solid #333;
	border-radius: 6px;
	-webkit-transition: all .3s;
    transition: all .3s;
}
.item .buy a:hover{
	background-color: #bb88d9;
    border: 1px solid #000000;
    border-radius: 30px;
    cursor: pointer;
}
hr{
	width:80%;
	margin:auto;
	border-top:dotted 4px #e5c2f6;
}
@media(min-width:768px){
	.item{
		width:39%;
	}
	.item-figure{
		width:100%;
		height:98%;
		margin-bottom:100px;
	}
}
/*--sample--*/
input[id*=sample]{
	display: none;
}
label.read{
	border: 1px solid #333;
  border-radius: 6px;
  margin: 10px;
  padding: 4px 0;
  display: block;
  text-align: center;
	cursor: pointer;
}
.sample_box{
	display: none;
	position: fixed;
	z-index: 99;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
	height:auto;
}

.swiper3,.swiper4,.swiper5,.swiper6,.swiper7,.swiper8,.swiper9{
	width:100%;
	max-width:600px;
}
.sample_box img{width:100%;}
#close{
	position: absolute;
	z-index:1;
	top:20px;right:10px;
	font-size:30px;
	font-weight:bold;
	background:#fffa;
}
#escape{
	width:100%;
	height:100%;
	background:#0006;
	position: fixed;
	z-index:-1;
	top:0;left:0;
}
#sample01:checked~#sample01_box,
#sample02:checked~#sample02_box,
#sample03:checked~#sample03_box,
#sample04:checked~#sample04_box,
#sample05:checked~#sample05_box,
#sample06:checked~#sample06_box,
#sample07:checked~#sample07_box{display: flex;align-items: center;}

/*--scroll-fadein--*/
.fadeIn {
  transition: 1s;
  opacity: 0;
}
.fadeIn.animated {
  opacity: 1;
}

/*--footer--*/
.footer{
	width:98%;
	margin:10px auto;
	background:#fff;
	filter:drop-shadow(0 1px 2px #0006);
	border-radius: 10px;
}

/*link*/
.link{
  margin: 3%;
}
.link img{
  padding: 1%;
}

.link_mini{
  color: #000;
}
.link_mini a{
  font-size: 14px;
  line-height: 16px;
  border: solid 1px #000;
  border-radius: 30px;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 3px;
	color:#333;
}
@media screen and (min-width:781px){
  .link{
    margin: 3% auto;
    max-width: 700px;
  }
}
/*--scrollbar--*/
::-webkit-scrollbar{
  width: 10px;
	height:7px;
}
::-webkit-scrollbar-track{
  background: #fff;
  border: 1px solid #666;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb{
  background: #604d72;
	border:1px solid #666;
  border-radius: 10px;
  box-shadow: none;
}


/*--Tab--*/
.tab_wrap{
	width:100%;
	margin:20px auto;
	text-align:center;
}
input[type="radio"]{display:none;}
.tab_area{
	font-size:0;
	margin:0 10px;
}
.tab_area label{
	width:30%;
	margin:0 5px;
	display:inline-block;
	padding:12px 0;
	color:#000;
	background:#e5c2f6;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	transition:ease 0.2s opacity;
	border-radius:10px;
	vertical-align:bottom;
	transition:ease 0.2s;
	margin:10px 5px 0;
}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:80px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px;}

#tab1:checked ~ .tab_area .tab1_label{background:#604d72; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#604d72; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#604d72; color:#fff;}
#tab3:checked ~ .panel_area #panel3{display:block;}

/*
.tab_wrap{width:470px; margin:80px auto;}
.tab_area{font-size:0; padding:0 55px;}
.tab_area label{width:110px; display:inline-block; padding:14px 0 12px; color:#fff; background:#90c9cc; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity; border-top-left-radius:10px; border-top-right-radius:10px; vertical-align:bottom; transition:ease 0.2s; margin:10px 5px 0;}
.tab_area label:hover{opacity:0.5;}
.tab_panel{width:100%; padding:80px 0; opacity:0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
.panel_area{background:#ffffff; border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-top:8px solid #d7e9ea;}
*/