body {
	background-color: #FFF;
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	font-size: 18px !important;
	line-height:180%;
	margin: 0px;
	font-family: "Hiragino Maru Gothic ProN", HG丸ｺﾞｼｯｸM-PRO, HGMaruGothicMPRO, 游ゴシック, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
	text-align:center;
	letter-spacing: 0.3px;
	color: #555;
}

/* 0604追加 */
img{
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 640px){
body {
	font-size: 16px !important;
	line-height:170%;
}
}


.top{
	background-color: #FFF;
	height: 75px;
	width: 1380px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px;
}

.topbtn {
	padding-top:  0px;
	margin-bottom: auto;
	padding-right:1%;
	width: 24%;
	float: right;
}
.topbtn img{
	width: 100%;

}

@media screen and (max-width: 1380px){
.top{
	width: 98%;
	}
}

.toplogo {
	text-align: left;
	float: left;
}
.tenposuu {
	font-size: 24px;
	text-align: left;
	float: left;
	color: #999;
	margin: 20px 0px 0px 20px;
}
.tenposuubig{
		font-size: 38px;
}
.tenpo {
	text-align: left;
	float: left;
	font-size: 13px;
	line-height: 18px;
	color: #999;
	margin: 0px 4px;
}

.topshop-sp {
	display: none;
	}

.topbtn-fix{
	display: none;
}

header .img-pc{
	width: 1380px;
	}
.smallfont{
	margin-left: 1%;
	margin-right: 1%;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.5;
	text-align: justify;
	margin-bottom: 10px;
	}

 .indent{
	padding-bottom: 0px;
	margin: 0px 0 0px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 90%;
	line-height: 1.6;
}


@media screen and (max-width: 1380px){
header .img-pc{
	width: 100%;
	}
}


.header-2nd .img-pc{
	width: 1380px;
	}



@media screen and (max-width: 1380px){
.header-2nd  .img-pc{
	width: 100%;
	}
}

@media screen and (max-width: 1120px){
.top{
	margin-left: 0px;
	margin-right: 0px;
	width: 98%;
	padding: 10px 1%;
}
.toplogo {
	width: 27%;
	padding-top:  8px;
	margin-bottom: auto;
	padding-right: 10px;
}
.toplogo img{
	width: 100%;
}
.topbtn {
	padding-top:  8px;
	margin-bottom: auto;
	padding-right: 2%;
	width: 24%;
}
.topbtn img{
	width: 100%;

}
}

@media screen and (max-width: 859px){
.toplogo {
	padding-top:  10px;
	width: 29%;
}
.tenposuu {
	font-size: 17px;
	text-align: left;
	float: left;
	color: #999;
	margin: 10px 0px 0px 10px;
}
.tenposuubig{
		font-size: 28px;
}
.tenpo {
	line-height: 18px;
	margin: 2px;
}
.topbtn {
	padding-top:  10px;
	width: 27%;
}
	}

@media screen and (max-width: 650px){
.tenposuu {
display: none;
}
.tenpo {
display: none;
}
}

@media screen and (max-width: 640px){
header .img-sp{
	margin-top: 0px;
	width: 100%;
	}
	
.smallfont{
	/* margin-top: -20px;	 */
	margin-left: 2.5%;
	margin-right: 2.5%;
	font-size: 0.6em;
	text-align: left;
	line-height: 1.5;
	}
	
.header-2nd .img-sp{
	margin-top: 0px;
	width: 100%;
	}
	
	
.top{
	display: none;
}

.topbtn-fix{
	display:block; 
	width: 100%;
	position: fixed;
	/* 2023.5追加 */
	bottom:5px;
	z-index: 999;
	}
.topbtn-fix img{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}

.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}



.hazukashii  {
	background: #fff;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 50px;
	}

.hazukashii .bigtitle {
	font-size: 2.5em;
	line-height: 1.3;
	color: #004866;
	font-weight: 400;
	}

.hazukashii .small2{
	font-size:0.8em;
	line-height: 1.5;
	}
.hazukashii p{
	padding-bottom: 20px;
	}
.hazukashii .pink {
	color: #FF668D;
	}
.hazukashii .big {
	font-size: 1.2em;
	font-weight: bold;
	}
@media screen and (max-width: 640px){
.hazukashii  {
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 20px;
	}

.hazukashii .small2{
	font-size:0.9em;
	line-height: 1.4;
	}	

.hazukashii .bigtitle {
	font-size: 1.8em;
	line-height: 1.3;
	}

.hazukashii .big {
	font-size: 1.2;
	}
	}


.genin3  {
	background-color: #fff;
	opacity: 1;
	background-image:  linear-gradient(#E4F1FF 2px, transparent 2px), linear-gradient(90deg, #E4F1FF 2px, transparent 2px), linear-gradient(#E4F1FF 1px, transparent 1px), linear-gradient(90deg, #E4F1FF 1px, #fff 1px);
	background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
	background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	}

.genin3 .arrow-down  {
	margin-top: -60px;
	}

.genin3  .bigtitle {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.5em;
	line-height: 1.3;
	color: #004866;
	font-weight: 400;
	}

.genin3 .small2{
	font-size:0.8em;
	line-height: 1.5;
	}
.genin3 .photo{
	margin-top: 0px;
	}
.genin3  p{
	padding-bottom: 20px;
	}
.genin3 .pink {
	color: #FF668D;
	padding-bottom: 0px;
	padding-top: 10px;
	letter-spacing: 2px;
	}

.genin3 .bold {
	font-weight: bold;
	}

.genin3 .big {
	font-size: 1.2em;
	font-weight: bold;
	}
@media screen and (max-width: 640px){
.genin3 {
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 30px;
	}

.genin3 .arrow-down  {
	margin-top: -70px;
	}	
	
.genin3 .bigtitle {
	font-size: 1.8;
	line-height: 1.2;
	}

.genin3 .small2{
	font-size:1;
	line-height: 1.5;
	}
	
.genin3 .photo{
	margin-bottom: 30px;
	}
	
.genin3 .big {
	font-size: 1.2;
	}
	}

.wwhitening  {
	background-color: #fff;
	padding-top: 50px;
	}
.wwhitening .arrow-down  {
	margin-top: 0px;
	}

.wwhitening  .bigtitle {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.5em;
	line-height: 1.3;
	color: #004866;
	font-weight: 400;
	}

.wwhitening .small2{
	font-size:0.8em;
	line-height: 1.5;
	}

.wwhitening  .bigtitle3 {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.5em;
	line-height: 1.3;
	color: #004866;
	font-weight: 400;
	}

.wwhitening .small3{
	font-size:0.8em;
	line-height: 1.5;
	}

.wwhitening .photo{
	margin-top: -130px;
	}
.wwhitening  p{
	padding-bottom: 20px;
	}
.wwhitening .pink {
	color: #FF668D;
	padding-bottom: 0px;
	}
.wwhitening .bold {
	font-weight: bold;
	}

.wwhitening .big {
	font-size: 1.2em;
	font-weight: bold;
	}
@media screen and (max-width: 640px){
.wwhitening {
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 20px;
	}
	
.wwhitening .photo{
	margin-top: -70px;
	}	

.wwhitening .bigtitle {
	font-size: 1.8;
	line-height: 1.2;
	}

.wwhitening .small2{
	font-size:1;
	line-height: 1.5;
	}
	
.wwhitening .bigtitle3 {
	font-size: 1.6em;
	line-height: 1.2;
	margin-top: 30px;
	}

.wwhitening .small3{
	font-size:1em;
	line-height: 1.5;
	}	
	
.wwhitening .big {
	font-size: 1.2;
	}
	}


.voices  {
	background-image: url(../img/background_yellow.png);
	background-repeat: repeat;
	background-position: center;
	padding-top: 50px;
	padding-bottom:50px;
	}


.voices .wrapper2 {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

.voices .arrow-down  {
	margin-top: 0px;
	}

.voices  .bigtitle {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.5em;
	line-height: 1.3;
	letter-spacing:2px;
	color: #1DADE5;
	font-weight: 500;
	letter-spacing: 2px;
	}

.voices .small2{
	font-size:0.8em;
	line-height: 1.5;
	}
.voices .photo{
	margin-top: -180px;
	}
.voices  p{
	padding-bottom: 20px;
	}
.voices .pink {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #FF6699;
	padding-bottom: 0px;
	letter-spacing:5px;
	}
.voices .bold {
	font-weight: bold;
	}

.voices .big {
	font-size: 1.2em;
	font-weight: bold;
	}

@media screen and (max-width: 1000px){
.voices .wrapper2 {
	width: 90%;
	}
	}

@media screen and (max-width: 640px){
.voices {
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 50px;
	}

.voices .wrapper2 {
	width: 96%;
	}	
	
.voices .bigtitle {
	font-family: 'M PLUS Rounded 1c', sans-serif;	
	font-size: 1.8em;
	line-height: 1.2;
	}

.voices .small2{
	font-size:1em;
	line-height: 1.5;
	}
	
.voices .big {
	font-size: 1.2em;
	}
	}


.btn-section  {
	background-color: #1DADE5;
	margin-top: 0px;
	padding-top: 20px;
	padding-bottom: 50px;
	}
@media screen and (max-width: 1200px){
.btn-section img  {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}
}

.btn-section .bold  {
	color: #fff;
	font-weight: bold;
	font-size: 1.2;
	letter-spacing: 2px;
	}

.btn-section .yellow {
	color: #FFFF96;
	}

.btn-section .arrow-down  {
	margin-top: -60px;
	}

.btn-section .bigtitle {
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 2.5em;
	line-height: 1.3;
	color: #fff;
	font-weight: 500;
	padding-bottom: 10px;
	letter-spacing: 2px;	
	}

.btn-section .btn {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	}
	
@media screen and (max-width: 640px){

.btn-section .bigtitle {
	font-size: 1.8;
	line-height: 1.2;
	}
.btn-section img  {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}	
	
	}


.dokidoki{   
    animation-name:dokidoki;	/* アニメーション名の指定 */
    animation-delay:0s;		/* アニメーションの開始時間指定 */
    animation-duration: 3s;	/* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;
    /* アニメーションの動き（徐々に早く徐々に遅く）*/
    animation-iteration-count: infinite; /* アニメーションをループさせる */
}
 
@keyframes dokidoki {
    0% {
        transform: scale(0.8);
    }
 
    40% {
        transform: scale(0.8);
    }
 
    50% {
        transform: scale(1);
    }
    
    60% {
        transform: scale(0.8);
    }
     
    100% {
        transform: scale(0.8);
    }
}






.urcolor  {
	background-image: url(../img/background_yellow.png);
	background-repeat: repeat;
	background-position: center;
	margin-top: 0px;
	padding-top: 50px;
	padding-bottom: 50px;
	}


.urcolor .wrapper {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 20px 0px;
	background-color: #fff;
	text-align:center;
	
}

.urcolor  .bigtitle {
	font-family:'Noto Serif JP', serif;
	font-size: 2.5em;
	line-height: 1.3;
	color: #004866;
	font-weight: 400;
	}

.urcolor .small2{
	font-size:0.8em;
	line-height: 1.5;
	}
.urcolor .photo{
	margin-top: -150px;
	}
.urcolor  p{
	padding-bottom: 20px;
	}
.urcolor .pink {
	color: #FF668D;
	padding-bottom: 0px;
	padding-top: 10px;
	}

.urcolor .bold {
	font-weight: bold;
	}

.urcolor .big {
	font-size: 1.2em;
	font-weight: bold;
	}
@media screen and (max-width: 910px){
.urcolor .wrapper {
	width: 90%;
	}
	}

@media screen and (max-width: 640px){
.urcolor {
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 50px;
	}
.urcolor .wrapper {
	width: 96%;
	}
.urcolor .bigtitle {
	font-size: 1.8;
	line-height: 1.2;
	}

.urcolor .small2{
	font-size:1;
	line-height: 1.5;
	}
	
.urcolor .big {
	font-size: 1.2;
	}
}



.recommend  {
	background-color: #fff;
	padding-top: 50px;
	}
.recommend  .arrow-down  {
	margin-top: 0px;
	}

.recommend   .bigtitle {
	font-family:'Noto Serif JP', serif;
	font-size: 2.5em;
	line-height: 1.3;
	color: #004866;
	font-weight: 400;
	}

.recommend  .small2{
	font-size:0.8em;
	line-height: 1.5;
	}

.recommend  .photo{
	margin-top: -130px;
	}
.recommend   p{
	padding-bottom: 20px;
	}
.recommend  .pink {
	color: #FF668D;
	padding-bottom: 0px;
	}
.recommend  .bold {
	font-weight: bold;
	}

.recommend .big {
	font-size: 1.2em;
	font-weight: bold;
	}
@media screen and (max-width: 640px){
.recommend {
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 20px;
	}
	
.recommend .photo{
	margin-top: -70px;
	}	

.recommend .bigtitle {
    font-size: 1.6em;
    line-height: 1.2;	
	}

.recommend .small2{
    font-size: 1em;
    line-height: 1.5;
	}
	
.recommend .big {
	font-size: 1.2;
	}
	}


.price  {
	margin-top: 0px;
	padding-top: 20px;
	/* padding-bottom: 50px; */
	}

.price .arrow-down  {
	margin-top: -60px;
	}


.price .wrapper {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 20px 0px;
	background-color: #fff;
	text-align:center;
	
}
.price .pricehyou{
	margin-top: 0px;
}

.price  .bigtitle {
	font-family:'Noto Serif JP', serif;
	font-size: 2.5em;
	line-height: 1.3;
	color: #fff;
	font-weight: 400;
	margin-bottom: 50px;
	}

.price .small2{
	font-size:0.8em;
	line-height: 1.5;
	}
.price .photo{
	margin-top: -150px;
	}
.price  p{
	padding-bottom: 20px;
	}

.price .indent{
	padding-bottom: 0px;
	margin: 0px 0 0px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 90%;
	line-height: 1.6;
}

.price .pink {
	color: #FFF;
	padding-top: 10px;
	margin-bottom: 50px;
	letter-spacing: 2px;
	}
.price .pink2 {
	color: #FF668D;
	}

.price .bold {
	font-weight: bold;
	}

.price .big {
	font-size: 1.2em;
	font-weight: bold;
	}


@media screen and (max-width: 910px){
.price .wrapper {
	width: 90%;
	}
	}

@media screen and (max-width: 640px){
.price {
	margin-top: 10px;
	padding-top: 30px;
	/* padding-bottom: 50px; */
	}
.price .wrapper {
	width: 96%;
	}
.price .bigtitle {
	font-size: 1.8;
	line-height: 1.2;
	}

.price .small2{
	font-size:1;
	line-height: 1.5;
	}
	
.price .big {
	font-size: 1.2;
	}
}




.wrapper {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../img/wrapper.png);
	background-repeat: repeat-y;
	background-position: center;
	text-align:center;
}

@media screen and (max-width: 1000px){
.wrapper {
		width: 100%;
}
}

.wrapperslide {
	width: 82%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align:center;
	margin-bottom: 50px;
}



.wrapper_inner {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align:center;
}



@media screen and (max-width: 1000px){
.wrapper_inner {
		width: 95%;
}

}




.mg {
	text-align:left;
	margin-right: 70px;
	margin-left: 70px;
	margin-bottom: 50px;
	margin-top: 30px;
}
.mg p {
	margin:0px 0 30px;
}


@media screen and (max-width: 960px){
.mg {
	margin-right:5%;
	margin-left: 5%;
}

.mg img{
	width:100%;
}

}

@media screen and (max-width: 640px){
.mg{
			margin: 0 5% 20px;
			text-align: left;
		}

}

img{
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}

.nayami_bg {
	background-image: url(../img/nayami_bg.png);
	background-repeat: repeat;
	background-position: center;
	height: auto;
	width: 100%;
	/* 0601追加 */
	padding-bottom: 4%;
	margin: 0 0 4%;
}

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

.nayami_bg {
	background-size: auto;
	height: auto;
	width: 100%;
	margin-top: 0px;
}
.nayami_bg img{
	width: 100%;
	}
}
@media screen and (max-width: 1200px){	
.img1200{
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	}
}

@media screen and (max-width: 1000px){
.img1000{
	width: 100%;
	}
}

@media screen and (max-width: 940px){
.img940{
	width: 95%;
	}
}

@media screen and (max-width: 840px){
.img840{
	width: 95%;
	}
}


@media screen and (max-width: 660px){
.img660{
	width: 90%;
	height: auto;
	}
}
@media screen and (max-width: 1000px){

.img660{
	width: 80%;
	padding-top: 20px;
	}
}


.yellow_bg {
	background-image: url(../img/background_yellow.png);
	background-repeat: repeat;
	background-position: center;
	height: auto;
	width: 100%;
	margin-top: 0px;
	padding: 60px 0px 30px;
}

@media screen and (max-width: 640px){
.yellow_bg {
	background-image: url(../img/background_yellow.png);
	padding: 30px 0px 30px;
}
}


.pink_bg {
background-color: #FF7D79;
	height: auto;
	width: 100%;
	padding: 30px 0px 10px;
}

.pink {
	color: #FF6690;
}


.movie {
	background-image: url("../img/tv.png");
	background-repeat: no-repeat;
	height:502px;
	width: 100%;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	text-align: center;
	background-position:center;
}

.movieinner {
	padding-top:65px;
}
iframe {
	width:100%;
	height:360px;
}
.youtube img{
width: 61%;
}

@media screen and (max-width:710px) {
#message{
	padding: 50px 0 1px;
}

	.movie {
	background-size:90%;
	margin-top:0px;
	margin-bottom: 0px;
	height:400px;
}

.movieinner {
	padding-top:60px;
}
	
iframe {
	width: 100%;
	height: 360px;
}
.youtube img{
width: 90%;
}
	}

@media screen and (max-width:640px) {
.movie {
	background-size:95%;
	height:440px;
}

.movieinner {
	padding-top:45px;
}
	iframe {
	width: 100%;
	height: 340px;
}
	}

@media screen and (max-width:500px) {
#message{
	padding: 30px 0 1px;
}
.movie {
	background-size:95%;
	height:350px;
}
.movieinner {
	padding-top:50px;
}

iframe {
	width: 100%;
	height: 260px;
}
	}

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

.movie {
	background-size:98%;
	height:300px;
}
.movieinner {
	padding-top:40px;
}

iframe {
	width: 88%;
	height: 210px;
}
	}

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

.movie {
	background-size:98%;
	height:280px;
}
.movieinner {
	padding-top:45px;
}

iframe {
	width: 88%;
	height: 180px;
}
	}


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

.movie {
	background-size:98%;
	height:230px;
}
.movieinner {
	padding-top:20px;
}

iframe {
	width: 88%;
	height: 180px;
}
	}






.half1 {
	width: 20%;
	padding: 2%;
	text-align: left;
	float: left;
}

.half1 img{
	width: 100%;
}

.half2 {
	width: 70%;
	padding: 2%;
	text-align: left;
	float: right;
	vertical-align: top;
}

.half2 img{
	width: 100%;
	line-height: 0px;
}

.half2 p{
	margin-bottom: 15px;
	line-height: normal;
}

.break{clear:both;}


@media screen and (max-width: 960px) {
.half1 img{
	width: 100%;
	margin: 0px auto;
}
}

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


.half1 {
	width: 96%;
	margin: 0px auto;
	padding: 2%;
	text-align: center;
}

.half1 img{
	width: 40%;
	margin: 0px auto;
}

.half2 {
	width: 96%;
	margin: 0px auto;
	padding: 2%;
}

.half2 p{
	font-size: 0.85em;
	margin-bottom: 10px;
}

}


.balloon5 {
    width: 100%;
    margin: 1.5em 0;
    overflow: hidden;
}

.balloon5 .faceicon {
    float: left;
    margin-right: -90px;
    width: 80px;
}

.balloon5 .faceicon img{
    width: 100%;
    height: auto;
    border: solid 0px #d7ebfe;
    border-radius: 50%;
}

.balloon5 .chatting {
    width: 100%;
}

.says {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 105px;
    padding: 17px 3%;
    border-radius: 12px;
    background: #fff;
	text-align: left;
	font-size:90%;
}

.says:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #fff;
}

.says p {
    margin: 0;
    padding: 0;
	line-height: 150%;
}



.half3 {
	width: 30%;
	padding: 1%;
	text-align: left;
	float: left;
}

.half3 img{
	width: 90%;
}

.half4 {
	width: 60%;
	padding: 2%;
	text-align: left;
	float: right;
	vertical-align: baseline;
	margin-top: 1%;
	margin-bottom: 1%;
}

.half4 img{
	width: 100%;
	line-height: 0px;
}

.half4 p{
	margin-bottom: 15px;
	line-height: normal;
	color: #666;
}


@media screen and (max-width: 960px) {
.half3 img{
	width: 100%;
	margin: 0px auto;
}
}

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


.half3 {
	width: 96%;
	margin: 0px auto;
	padding: 2%;
	text-align: center;
}

.half3 img{
	width: 80%;
	margin: 0px auto;
}

.half4 {
	width: 96%;
	margin: 0px auto;
	padding: 2%;
}

.half4 p{
	font-size: 0.85em;
	margin-bottom: 10px;
}

}


.half5 {
	width: 30%;
	padding: 1%;
	text-align: left;
	float: right;
}

.half5 img{
	width: 90%;
}

.half6 {
	width: 60%;
	padding: 2%;
	text-align: right;
	float: left;
	vertical-align: baseline;
	margin-top: 1%;
	margin-bottom: 1%;
}

.half6 img{
	width: 100%;
	line-height: 0px;
}

.half6 p{
	margin-bottom: 15px;
	line-height: normal;
	color: #666;
	text-align: right;
}


@media screen and (max-width: 960px) {
.half5 img{
	width: 100%;
	margin: 0px auto;
}
}

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


.half5 {
	width: 96%;
	margin: 0px auto;
	padding: 2%;
	text-align: center;
}

.half5 img{
	width: 80%;
	margin: 0px auto;
}

.half6 {
	width: 96%;
	margin: 0px auto;
	padding: 2%;
}

.half6 p{
	font-size: 0.85em;
	margin-bottom: 10px;
	text-align: left;
}
}



/* :::::::::::::::::::::::::::::: Q and A :::::::::::::::::::::::::::::: */


#qa{
	background-image: url(../img/background_yellow.png);
	background-repeat:repeat;
	background-position:top;
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow:auto;
	padding: 50px 0 50px;
	text-align: left;
}
#qaInner{
	width: 900px;
	margin: 0 auto 30px;
}

.qa{
	width: 800px;
	margin: 0 auto 0;
    margin-bottom: 30px;
    border: 0px solid #EEE;
    padding: 0px 0 0;
}
.qa dt{
	font-size: 110%;
    padding: 15px 20px 15px 80px;
	background: url(../img/q.gif) no-repeat 5px 5px;
    border-bottom: 2px dotted #fff;
   font-weight:bold;
   margin-top:50px;
	color: #008FFF;
	font-family: "Hiragino Maru Gothic ProN", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
.qa dd{
	font-size: 100%;
    margin-left: 0px;
    padding: 10px 20px 20px 80px;
	background: url(../img/a.gif) no-repeat 5px 5px;
    border-bottom: 5px solid #fff;
}

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

#qa{
	padding: 30px 0 10px;
}
#qaInner{
	width: 85%;
	margin: 0 auto;
}

.qa{
	width: 96%;
	padding: 1%;
	}

.qa dt{
		font-size: 120%;
		line-height:140%;
		background-size:6%;
		margin-top:20px;
	    padding: 15px 1% 15px 12%;
	}

.qa dd  {
		font-size: 100%;
		line-height:150%;
		background-size:6%;
	    padding: 15px 1% 15px 12%;
}

}

@media screen and (max-width : 640px) {
#qa{
	padding: 20px 0 50px;

}


#qaInner{
		width: 94%;
	}

.qa{
	width: 98%;
	padding: 1%;
	}

.qa dt{
		font-size: 100%;
		line-height:130%;
		background-size:8%;
		margin-top:20px;
	    padding: 15px 1% 15px 14%;
	}

.qa dd  {
		font-size: 90%;
		line-height:140%;
		background-size:8%;
	    padding: 15px 1% 15px 14%;
}

}

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

.qa{
	width: 98%;
	padding: 1%;
	}

.qa dt{
		font-size: 100%;
		line-height:130%;
		background-size:10%;
		margin-top:20px;
	    padding: 15px 1% 15px 16%;
	}

.qa dd  {
		font-size: 90%;
		line-height:140%;
		background-size:10%;
	    padding: 15px 1% 15px 16%;
}

}





/* =イベントテーブル
-------------------------------------------------------------- */
.wrapper940{
	width: 940px;
	margin: 0px auto 30px;
}

@media screen and (max-width:960px) {
.wrapper940{
	width: 100%;
}
}

.event-table {
	background-color:#fff;
	font-size: 1.2em;
	width: 100%;
	border: 6px solid #FFEAF3;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 1.8em;
	max-height: 100%;
	letter-spacing: 2px;
}


.event-table th {
	width: 20%;
	font-weight: bold;
	text-align: center;
	background-color: #FFB1C7;
	border:2px solid #FFEAF3;
	padding:20px 20px;
	max-height: 100%;
	color: #FFF;
	letter-spacing: 4px;
	}

.event-table td {
	width: 80%;
	background-color: #FFF;
	text-align: left;
	border:2px solid #FFEAF3;
	padding:20px 20px;
	max-height: 100%;
}

.event-table a{
	color: #FF6690;
}

.smalltitle{
	margin-top: 30px;
	margin-bottom: 0px;
	font-size: 82%;
	line-height: 1.7;
}
.smalltitle .title{
	font-size: 110%;
	line-height: 2;
	text-decoration: underline;
}

.ulol{
	text-align: left;
	margin:20px 8%;
}

@media screen and (max-width:640px) {
.event-table {
	font-size: 0.9em;
	line-height: 1.5;
}

.event-table td {
	padding:10px 10px;
	width: 85%;

}
.event-table th {
	font-size: 0.9em;
	width: 15%;
	padding:10px 20px;
	line-height: 1.2em;
}
}




/* footer */
#footer {
	font-size: 14px;
	color: #000;
	line-height: 1.6em;
	background-color:#fff;
	width:100%;
	padding-bottom:5px;
	padding-top: 20px;
}
#footer a{
	color: #000;
}


/*ページトップアイコン*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

@media screen and (max-width: 640px){
	.pagetop img {
		width:60%;
		float:right;
}
}


/* end */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
a {
	text-decoration:none;
}


a:hover {
	text-decoration:underline;
}


/* =アンダーライン
-------------------------------------------------------------- */
.small{
	font-size:75%;
	line-height:150%;
      }

*{
	margin:0px;
	padding:0px;
}
address, em, cite, dfn, var {
	font-style: normal;
}
input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}
img,fieldset {
	border: 0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}


/* end */


.center {
	text-align: center;
	
}
.left {
	text-align: left;
}

.big{
	font-size: 120%;
}



@media screen and (max-width: 640px){
.big{
	font-size: 100%;
}
}

.big2{
	font-size: 140%;
	font-weight: bold;
}

@media screen and (max-width: 640px){
.big2{
	font-size: 120%;
}
}



/*ページトップアイコン*/
.pagetop {
    position: fixed;
    bottom: 0px;
    right: 0%;
}

.pagetop li{
	display:inline-block;
}
.pagetop img{
	width: 100%;
}
.pagetop img:hover {
	opacity: 0.5 ;
}

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

.pagetop li{
	display:inline-block;
	width: 30%;
	padding: 0 1%;
}

}

.upper{
    position:relative;
    z-index: 1;
}
/* 日本地図DOM */
.japan_map{
    position: relative;
    box-sizing: border-box;
    margin: 30px auto 0px;
    display: table;
    background-color: #fff;
	padding: 0px 10px;
}
/* 日本地図画像（スマホ対応用） */
.japan_map img{
    max-width: 100%;
    height: auto;
    border: 0;
    -webkit-backface-visibility: hidden;
}
/* 日本地図ボタン */
.japan_map .area_btn{
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    cursor: pointer;
    border: 0px solid #333333;
    border-radius: 5px;
    background-color: #FFF;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
	padding: 2px 2px 5px;
}

.japan_map  a{
	color: #FF6690;
}
.japan_map p{
	font-size: 14px;
	line-height: 18px;
}

/* ボタン配置（使用する日本地図画像により微調整） */
.japan_map .area_btn.area1{
    top: 4%;
    right: 8%;
    width: 15%;
}
.japan_map .area_btn.area1-1{
    top: 30%;
    right: 12%;
    width: 13%;
}
.japan_map .area_btn.area2{
    top: 56%;
    right: 11%;
    width: 14%;
}
.japan_map .area_btn.area3{
    top: 56%;
    right: 28.5%;
    width: 13%;
}
.japan_map .area_btn.area4{
    top: 65%;
    right: 43%;
    width: 13%;
}
.japan_map .area_btn.area5{
    top: 58%;
    left: 27%;
    width: 13%;
}
.japan_map .area_btn.area6{
    top: 65%;
    left: 11%;
    width: 13%;
}
/* オーバーレイ */
.japan_map .area_overlay{
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-color: #111;
    opacity: 0.5;
    cursor: pointer;
}

/* 選択前は表示を隠す */
.japan_map .pref_area{
    display: none;
}

/* 地域毎の都道府県リスト */
.japan_map .pref_list{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 3;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    background-color: #FFF;
}
.japan_map .pref_list > div{
    box-sizing: border-box;
    width: 50%;
    border: 1px solid #CCC;
    font-weight: bold;
    text-align: center;
    padding: 0.5em;
    cursor: pointer;
}

@media screen and (max-width: 480px){
    /* スマホユーザー向けにボタン文字サイズを調整 */
    .japan_map .area_btn{
        font-size: 4vw;
    }
}

/*ボックス全体*/
.accbox {
    margin: 3em 1.5%;
    padding: 0;
    max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    margin: 8px 0 0px;
    padding: 15px 20px 20px;
    color: #555;
    font-weight: bold;
    background: #FFEAF3;
	border: 3px solid #FFEAF3;
    cursor :pointer;
    transition: all 0.5s;
	font-size: 140%;
	line-height: 1.5;
	text-align: left;
}
.accbox label .no{
	background: #FFF;
	color: #FF6690;
	font-size: 70%;	
	padding: 10px 10px 10px 15px;
	letter-spacing: 3px;
	line-height: 1.7;
	border-radius: 25px;
}
.accbox label .no2{
    background: #00cccc;
    color: #fff;
	font-size: 70%;	
	padding: 3px 10px;
	letter-spacing: 3px;
	line-height: 1.7;
	border-radius: 25px;
}
.accshow ol {
	padding-left:25px;
	margin-left: 20px;
}

.accshow li {
  display: list-item; /*追記*/
  list-style-type: decimal;
  line-height: 1.6em;
  padding: 7px 0px;
	font-size: 110%;
}

.accbox label{
	position: relative;	
	}

/*アイコンを表示*/
.accbox label:after {	
	font-family: "Font Awesome 5 Free";
    content: '\f055';
	position: absolute;
	right: 2%;
	top:25%;
	color: #FF6690;
}

@media screen and (max-width: 640px){
	
.accbox label {
    padding: 13px 8px 15px 12px;
	font-size: 100%;
}
	
.accshow li {
	font-size: 90%;
}
	
.accbox label:after {
	right: 3%;
	top:20%;
}

.accshow ol {
	padding-left:25px;
	margin-left: 0px;
}
}
/*ラベルホバー時*/
.accbox label:hover {
    background :none;
	color: #555;
	border: 3px solid #FFEAF3;
}


.accbox label .no:hover {
	background: #FF6690;
	color: #FFF;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.accbox .city {
	text-align: left;
	padding-top: 20px;
	padding-left: 10px;
	}
.accbox .city a{
	color: #FF6690;
	}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 0px;
    opacity: 1;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:after {
    content: '\f056';
}

a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


/* 2023.5追加 */
.sp_none{
	display: block;
}

.wrapper2{
	max-width: 1000px;
	margin: auto;
}

/* .cta_front img {
	margin-bottom: 30px;
} */

.btn{
	margin-bottom: 40px;
}

.btn .limit{
	width: 50%;
	margin: 0 auto;
}

.card_voice{
	background-color: #FFF;
	border-radius: 12px;
	padding: 40px;
	text-align: justify;
	margin-bottom: 40px;
}

.card_voice_up{
	display: flex;
	justify-content: space-between;
	padding-bottom:30px ;
}

.voice_left{
	width: 82%;
	margin-right: 20px;
}

.voice_left .pink{
	color: #FFA0CF;
	font-size: 15px;
	letter-spacing: 0.2em;
}

.voice_name{
	font-size: 20px;
}

.voice_title{
	font-size: 24px;
	font-weight: bold;
	color: #1DADE5;
	line-height: 1.6;
}

.voice_img{
	width: 18%;
}

.voice_img img{
	max-width: 100%;
	border-radius: 100%;
}

.card_voice_down{
	text-align: justify;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	padding-top:20px;
}

.caution .mg p {
	margin:0;
}

.pc_none{
	display: none;
}

.effect_area{
	margin: 40px 0;
}

.effect_age{
	margin: 0 0 15px;
}

.effect_text{
	margin: 0 0 15px;
}

.card_voice .effect-img {
	width: 100%;
	margin: 0 auto;
}

.event-table{
	margin-top: 50px;
}

.event-table th {
    width: 20%;
    font-weight: bold;
    text-align: center;
    background-color: #FFB1C7;
    border: 2px solid #FFEAF3;
    padding: 20px 20px;
    max-height: 100%;
    color: #FFF;
    letter-spacing: 4px;
}

/* 0605追加 */
@media screen and (max-width: 800px){
	.event-table th {
	min-width: 15%;
    }
}


@media screen and (max-width: 640px){
.pc_none{
		display: block;
	}

.sp_none{
	display: none;
}

.btn{
	margin-bottom: 20px;
}

.btn .limit{
	width: 80%;
	margin: 20px auto 0;
}

.mg img{
	margin-bottom: 10px;
}

.voice_area{
	margin: auto;
}

.card_voice{
	padding: 25px;
	text-align: center;
}

.card_voice_up{
	flex-direction: column;
	padding-bottom:20px;
	}

.voice_left{
	width: 100%;
	margin-right: 0;
}

.voice_left .pink{
	font-size: 14px;
}

.voice_name{
	font-size: 18px;
}

.voice_title{
	font-size: 18px;
}

.voice_img{
	margin: 20px auto 0;
	width: 60%;
}

.voice_img img{
	max-width: 100%;
	border-radius: 100%;
}

.card_voice_down{
	font-size: 15px;
	line-height: 1.7;
}

/* 店舗情報0605追加 */
.event-table{
	margin-top: 20px;
}

.event-table td {
	padding: 10px 10px;
	width: 85%;
}

}