@charset "utf-8";
/* CSS Document */
/*====================================
Reset
====================================*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
html{
	width: 100%;
	font-size:2.41546vw; /* 1rem=10px */
	font-weight:350;
}
@media screen and (min-width: 600px) {
html{
	font-size: 10px;
}
}
body{
	min-width: 320px;
	line-height: 1;
	color: #333;
	background-color: #fff;
	font-family: 'Noto Sans JP',"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img{
	width: 100%;
}
@media screen and (min-width: 600px) {
img{
	width: auto;
}
}
img,
input[type="image"]{
	transition: 0.5s;
}
a{
	text-decoration: none;
	color:inherit;
	transition:0.5s all ease;
}
a:hover img:not(.rollover):not(.not_op){
	opacity: 0.7;
}
.auto_kerning{
	font-feature-settings : "palt" 1;
}
.flex{
	display:flex;
}
.flex_spbtw{
	display: flex;
	justify-content: space-between;
}
.flex_wrap{
	display: flex;
	flex-wrap: wrap;
}
.fw_b{
	font-weight:bold;
}
.ti{
	text-indent:-1em;
	padding-left: 1em;
}
a, input{
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* ハイライトカラー無効化 */
}

/*====================================
Common
====================================*/
.cmn_width{
}
#wrap{
	position: relative;
	overflow:hidden;
	z-index: 1;
}
.anchor{
	display: block;
	width: 0;
	height: 0;
	padding-top: 80px;
	margin-top: -80px;
}
@media screen and (min-width: 600px) {
.cmn_width{
	width: 1100px;
	margin: 0 auto;
}
.anchor{
	padding-top: 0;
	margin-top: 0;
}
}

/* エフェクト
----------------------------------*/
.e_fadein_y{
	transform:translateY(15px);
	opacity: 0;
	transition:0.8s all;
	transition-delay:0.8s;
}
.fire .e_fadein_y,
.e_fadein_y.fire{
	transform:translateY(0px) !important;
	opacity: 1 !important;
}

/*====================================
header
====================================*/
.header_box{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	height: 55px;
	justify-content: flex-end;
	background:url(../img/header_bg.png) no-repeat center bottom;
	background-size:cover;
	transition:all 0.5s;
}
	.header_box .mail,
	.header_box .tel,
	.header_box .menu_btn{
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
		text-align: center;
		line-height: 50px;
	}
		.header_box .mail img,
		.header_box .tel img{
			width: 21px;
			vertical-align: middle;
		}
		.header_box .menu_btn .menu_inner{
			position: relative;
			width:26px;
			height: 18px;
			margin:auto;
			margin-top: 16px;
		}
		.header_box .menu_btn span{
			position: absolute;
			left: 0;
			width: 100%;
			height:3px;
			background-color:#FFF;
			transition:all 0.3s ease;
		}
			.header_box .menu_btn span:nth-child(2){
				top: 7px;
			}
			.header_box .menu_btn span:last-child{
				top: 15px;
			}
header .h1_txt{
	color:#FFF;
	position: fixed;
	font-size: 10px;
	top: 5px;
	left: 5px;
	z-index: 1000;
}
@media screen and (min-width: 600px) {
.header_box.sp{
	display: none;
}
header .h1_txt{
	position: absolute;
	font-size: 11px;
	width: 1100px;
	top: 10px;
	left: 50%;
	transform:translateX(-50%);
}
}

/* ------------------
ハンバーガーメニュー
------------------ */
#menu{
	z-index:2000;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	display: none;
	background: linear-gradient(rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 78%, #00466C 78%,#00466C 100%);
}
#menu .head{
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	height: 55px;
	justify-content: flex-end;
}
	#menu .head .menu_btn{
		position: relative;
		width: 60px;
		height: 60px;
	}
		#menu .head .menu_btn .menu_inner{
			position: relative;
			width:26px;
			height: 18px;
			margin:auto;
			margin-top: 16px;
		}
		#menu .head .menu_btn span{
			position: absolute;
			left: 0;
			width: 100%;
			height:3px;
			background-color:#00466C;
			transition:all 0.3s ease;
		}
			#menu .head .menu_btn span:first-child{
				transform: translateY(7px) rotate(-45deg);
			}
			#menu .head .menu_btn span:nth-child(2){
				top: 7px;
				opacity:0;
			}
			#menu .head .menu_btn span:last-child{
				top: 15px;
				transform: translateY(-8px) rotate(45deg);
			}
#menu .blc1{
	margin-top: -35px;
	left: 50%;
	transform:translateX(-50%);
	width: 209px;
	margin-bottom: 40px;
	/* height: 53vh; */
}
	#menu .blc1 .menu_logo{
		margin-bottom: 33px;
		text-align: center;
	}
		#menu .blc1 .menu_logo img{
			width: 147px;
		}
	#menu .link_blc .link:not(:last-child){
		margin-bottom: 20px;
	}
		#menu .link_blc .link1 img{
			width: 209px;:
		}
		#menu .link_blc .link2 img{
			width: 134px;:
		}
		#menu .link_blc .link3 img{
			width: 100px;:
		}
		#menu .link_blc .link4 img{
			width: 169px;:
		}
		#menu .link_blc .link5 img{
			width: 157px;:
		}
		#menu .link_blc .link6 img{
			width: 124px;:
		}
#menu .blc2{
	background:url(../img/menu_bg.png) no-repeat center top;
	background-size:auto 35.38vw;
	width: 100%;
	padding-top: 45px;
	padding-bottom: 16px;
}
	#menu .blc2 .tel{
		width: 227px;
		display: block;
		margin:0 auto;
		margin-bottom: 10px;
	}
	#menu .blc2 .mail{
		text-align: center;
		margin-bottom: 22px;
		color:#FFF;
		text-decoration: underline;
		font-size: 1.3rem;
	}
		#menu .blc2 .mail img{
			width: 16px;
			padding-right: 2px;
		}
	#menu .blc2 .sns_box{
		justify-content: center;
	}
		#menu .blc2 .sns_box .btn{
			width: 15px;
			display: block;
		}
		#menu .blc2 .sns_box .btn:not(:last-child){
			margin-right: 22px;
		}
@media screen and (min-width: 375px) {
#menu{
	background: linear-gradient(rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.95) 75%, #00466C 65%, #00466C 100%);
}
}

/*====================================
footer
====================================*/
footer{
	position: relative;
	z-index: 1;
}
footer .blc1{
	background-color: #DCF1F8;
	padding-top: 4.83vw;
	padding-bottom: 6.03vw;
}
	footer .blc1 .footer_logo img{
		width:34.05vw;
		max-width:257px;
	}
	footer .blc1 .link_blc{
		display: none;
	}
footer .blc2{
	background-color:#00466C;
	text-align: center;
	color:#FFF;
	font-size: 0.8rem;
	padding-top: 1.2vw;
	padding-bottom: 1.2vw;
}
@media screen and (min-width: 600px) {
footer .blc1{
	padding-top: 40px;
	padding-bottom: 40px;
}
	footer .blc1 .footer_logo{
		margin-bottom: 42px;
	}
	footer .blc1 .footer_logo img{
		width: 257px;
	}
footer .blc1 .link_blc{
	display: flex;
	justify-content: center;
}
	footer .blc1 .link_blc .link:not(:last-child){
		margin-right: 47px;
	}
	footer .blc1 .link_blc img{
		width: auto;
	}
footer .blc2{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
}

/* TOPに戻る */
.js-to_top{
	display: block;
	width: 100%;
	position: fixed;
	bottom: 55px;
	text-align: right;
	pointer-events:none;
	box-sizing:border-box;
}
	.js-to_top a{
		pointer-events:auto;
		width: 50px;
		display: inline-block;
	}
		.js-to_top a img{
			transition:0.2s;
		}
@media screen and (min-width: 600px) {
.js-to_top{
	width:90%;
	left: 50%;
	transform:translateX(-50%);
	bottom: 50px;
}
	.js-to_top a:hover img{
		animation:to_top_jellyfish 0.5s 0s ease-in-out;
	}
}

/*====================================
float_bnr
====================================*/
.float_bnr{
	position: absolute;
	top: 115px;
	z-index: 150;
	right: 0px;
	width: 62px;
	display: none;
}
@media screen and (min-width: 600px) {
	.float_bnr{
		display: block;
	}
}



/*====================================
アニメーション
====================================*/
@keyframes wave1{
	0%{
		transform:translateX(0);
	}50%{
		transform:translateX(-50%);
	}100%{
		transform:translateX(0);
	};
}
@keyframes to_top_jellyfish{
	0%{
		transform:matrix3d(0);
	}30%{
		transform: matrix3d(1,0,0.00,0.0005,0.00,0.7,0.00,0.0005,0,0,1,0,0,0,0,1);
	}100%{
		transform:matrix3d(0);
	};
}
@keyframes ship1{
 0% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
  34% {
    transform:  translate(0px,-5px)  rotate(10deg) ;
  }
  67% {
    transform:  translate(0px,5px)  rotate(-10deg) ;
  }
  100% {
    transform:  translate(0px,0px)  rotate(0deg) ;
  }
}


/* ------------------
メインビジュアル
------------------ */
.sec_mv{
	width: 100%;
	z-index: 1;
	overflow:hidden;
}
	.sec_mv .slider{
		width: 100%;
		height: 96.61vw;
		overflow:hidden;
	}
		.sec_mv .slider li{
			width: 100%;
			height: 100%;
			background-repeat:no-repeat;
			background-position:center center;
			background-size:cover;
		}
		.sec_mv .slider .slide1{
			background-image:url(../img/mv_img1.jpg);
		}
		.sec_mv .slider .slide2{
			background-image:url(../img/mv_img2.jpg);
		}
		.sec_mv .slider .slide3{
			background-image:url(../img/mv_img3.jpg);
		}
	.sec_mv .catch{
		left: 50%;
		transform:translateX(-50%) translateY(10px);
		top: 27.77vw;
		width: 77.89vw;
		opacity: 0;
		transition:0.5s;
	}
	.sec_mv .catch.fire{
		opacity: 1;
		transform:translateX(-50%) translateY(0px);
	}
		.sec_mv .catch .pc{
			display: none;
		}
	.sec_mv .wave1{
		bottom: -2px;
		left: 0;
		width: 300vw;
		height: 4.61vw;
		max-height:50px;
		background:url(../img/mv_wave1.png) repeat-x bottom;
		background-size:contain;
		z-index: 3;
		animation:wave1 50s 0s infinite ease-in-out;
	}
	.sec_mv .wave2{
		bottom: -1px;
		left: 0;
		width: 300vw;
		height: 4.61vw;
		max-height:50px;
		background:url(../img/mv_wave2.png) repeat-x bottom;
		background-size:contain;
		z-index: 2;
		animation:wave1 40s 0s infinite ease-in-out;
	}
@media screen and (min-width: 600px) {
.sec_mv .slider{
	height: 60vw;
}
	.sec_mv .slider .slide1{
		background-image:url(../img/mv_img1-pc.jpg);
	}
	.sec_mv .slider .slide2{
		background-image:url(../img/mv_img2-pc.jpg);
	}
	.sec_mv .slider .slide3{
		background-image:url(../img/mv_img3-pc.jpg);
	}
.sec_mv .catch{
	top: 155px;
	width: 537px;
}
	.sec_mv .catch .sp{
		display: none;
	}
	.sec_mv .catch .pc{
		display: block;
	}
}
@media screen and (min-width: 1100px) {
.sec_mv .slider{
	height: 660px;
}
}

/* ------------------
グローバルナビ
------------------ */
.gnav{
	display: none;
}
@media screen and (min-width: 600px) {
.gnav{
	background-color: #EDF8FC;
	display: block;
	position: relative;
	z-index: 5;
	padding-top: 30px;
}
.gnav .gnav_inner{
	margin:0 auto;
	display: flex;
	justify-content:space-between;
	align-items: flex-end;
	max-width:1100px;
}
	.gnav .link{
		position: relative;
		z-index: 2;
	}
	.gnav .link:not(:last-child){
		margin-right: 20px;
	}
		.gnav .link:after{
			content:'';
			display: block;
			position: absolute;
			pointer-events:none;
			width: 100px;
			height: 76px;
			background:url(../img/gnav_hover_bg.png) no-repeat top left;
			background-size:contain;
			left: 50%;
			transform:translateX(-50%);
			bottom: -25px;
			opacity: 0;
			z-index: 1;
			transition:all 0.5s;
		}
		.gnav .link:hover:after{
			opacity: 1;
		}
		.gnav .link a{
			position: relative;
			z-index: 2;
		}
}
/* ------------------
沼津深海プリン工房とは
------------------ */
.sec_about{
	padding-top: 4.1vw;
	padding-bottom: 47.47vw;
	background-color: #EDF8FC;
}
	.sec_about .inner{
		width: 90.33vw;
		margin:0 auto;
	}
		.sec_about .bg.pc{
			display: none;
		}
	.sec_about .jellyfish1{
		width: 9.29vw;
		top: 9.54vw;
		left: 3px;
	}
	.sec_about .jellyfish2{
		width: 7.36vw;
		top: 18.11vw;
		right: 1.2vw;
	}
	.sec_about .ttl{
		top: 15.45vw;
		width: 100%;
		transition-delay:1s;
	}
		.sec_about .ttl img{
			width: 66.54vw;
		}
	.sec_about .catch{
		top: 27.77vw;
		width: 100%;
		transition-delay:1.1s;
	}
		.sec_about .catch img{
			width: 61.7vw;
		}
	.sec_about .txt{
		top:38.59vw;
		width: 100%;
		transition-delay:1.1s;
	}
		.sec_about .txt .sp{
			display: inline-block;
			width: 57.1vw;
		}
		.sec_about .txt .pc{
			display: none;
		}
	.sec_about .map{
		left: 2px;
		bottom: -25.96vw;
		transition-delay:1.4s;
	}
		.sec_about .map .sp{
			display: block;
			width: 46.65vw;
		}
		.sec_about .map .pc{
			display: none;
		}
	.sec_about .pudding{
		right: 0;
		bottom: -32.19vw;
		width: 44.8vw;
		transition-delay:1.4s;
	}
	.sec_about .ship{
		transform-origin: 50% 50%;
		animation:ship1 5s 0s infinite ;
		pointer-events:none;
		z-index: 5;
		left: -10px;
		bottom: -44vw;
	}
		.sec_about .ship img{
			width: 20.16vw;
		}
	.sec_about .wave1{
		bottom: -3px;
		left: 0;
		width: 300vw;
		height: 4.61vw;
		max-height:50px;
		background:url(../img/kdwr_wave1.png) repeat-x bottom;
		background-size:contain;
		z-index: 3;
		animation:wave1 50s 0s infinite ease-in-out;
	}
	.sec_about .wave2{
		bottom: -1px;
		left: 0;
		width: 300vw;
		height: 4.61vw;
		max-height:50px;
		background:url(../img/kdwr_wave2.png) repeat-x bottom;
		background-size:contain;
		z-index: 2;
		animation:wave1 35s 0s infinite ease-in-out;
	}
@media screen and (min-width: 600px) {
.sec_about .inner{
	margin:0 auto;
}
	.sec_about .bg.sp{
		display: none;
	}
	.sec_about .bg.pc{
		display: block;
	}

.sec_about{
	padding-top: 70px;
	padding-bottom: 310px;
}
	.sec_about .inner{
		width: 886px;
	}
	.sec_about .jellyfish1{
		top: 52px;
		left: 5px;
		width: auto;
	}
	.sec_about .jellyfish2{
		top: 90px;
		right: 7px;
		width: auto;
	}
	.sec_about .ttl{
		top: 78px;
		width: 100%;
	}
		.sec_about .ttl img{
			width: auto;
		}
	.sec_about .catch{
		top: 170px;
		width: 100%;
	}
		.sec_about .catch img{
			width: auto;
		}
	.sec_about .txt{
		top: 227px;
		width: 100%;
	}
		.sec_about .txt .sp{
			display: none;
		}
		.sec_about .txt .pc{
			display: inline-block;
		}
	.sec_about .map{
		left: -100px;
		bottom: -169px;
	}
		.sec_about .map .sp{
			display: none;
		}
		.sec_about .map .pc{
			display: block;
		}
	.sec_about .pudding{
		right: -83px;
		bottom: -230px;
		width: auto;
	}
	.sec_about .ship{
		left: -120px;
		bottom: -270px;
	}
		.sec_about .ship img{
			width: auto;
		}
}
/* ------------------
6つのこだわり
------------------ */
.sec_kdwr{
	background-color: #DCF1F8;
	padding-top: 12.07vw;
	padding-bottom: 27.49vw;
}
	.sec_kdwr .sec_ttl{
		margin-bottom: 6.03vw;
	}
		.sec_kdwr .sec_ttl img{
			width: 45.51vw;
		}
	.sec_kdwr .kdwr_list{
		z-index: 3;
	}
	.sec_kdwr .kdwr_blc{
		width: 78.01vw;
	}
		.sec_kdwr .kdwr_blc .img{
			text-align: center;
			transition: all 0.4s ;
		}
			.sec_kdwr .kdwr_blc .img img{
				width: 54.95vw;
			}
		.sec_kdwr .kdwr_blc .catch{
			display: flex;
			align-items: center;
			justify-content: center;
			height: 18.84vw;
		}
			.sec_kdwr .kdwr_blc .catch img{
				width: 75%;
			}
		.sec_kdwr .kdwr_blc .txt{
			font-size: 1.3rem;
			line-height: 1.6;
		}
		.sec_kdwr .kdwr_blc .catch,
		.sec_kdwr .kdwr_blc .txt{
			transition: all 0.5s ;
			opacity: 0;
		}
		.sec_kdwr .kdwr_blc.swiper-slide-prev .img{
			transform:translateX(20%);
		}
		.sec_kdwr .kdwr_blc.swiper-slide-next .img{
			transform:translateX(-20%);
		}
		.sec_kdwr .kdwr_blc.swiper-slide-active .catch,
		.sec_kdwr .kdwr_blc.swiper-slide-active .txt{
			opacity: 1;
		}
	.sec_kdwr .slider_pagination {
		text-align: center;
		bottom: -8.45vw;
		width: 100%;
	}
		.sec_kdwr .slider_pagination .swiper-pagination-bullet{
			border:solid 1px #00466C;
			background-color: transparent;
			width: 8px;
			height: 8px;
			margin:0 5px;
			opacity: 1;
		}
		.sec_kdwr .slider_pagination .swiper-pagination-bullet-active{
			background-color: #00466C;
		}
	.sec_kdwr .ship{
		transform-origin: 50% 50%;
		animation:ship1 5s 0s infinite ;
		pointer-events:none;
		z-index: 5;
		left: 60%;
		bottom: -23vw;
	}
		.sec_kdwr .ship img{
			width: 20.16vw;
		}
	.sec_kdwr .wave{
		bottom: 8px;
		left: 0;
		width: 300vw;
		height: 4.61vw;
		max-height:50px;
		background:url(../img/goods_wave.png) repeat-x bottom;
		background-size:contain;
		z-index: 3;
		animation:wave1 35s 0s infinite ease-in-out;
		z-index: 1;
	}
@media screen and (min-width: 600px) {
.sec_kdwr{
	padding-top: 70px;
	padding-bottom: 100px;
}
	.sec_kdwr .sec_ttl{
		margin-bottom: 40px;
	}
		.sec_kdwr .sec_ttl img{
			width: auto;
		}
	.sec_kdwr .kdwr_list .swiper-wrapper{
		flex-wrap:wrap;
		justify-content: space-between;
	}
		.sec_kdwr .kdwr_blc{
			width: 342px;
			margin-bottom: 55px;
		}
		.sec_kdwr .kdwr_blc:not(:nth-child(3n)){
			margin-right: 35px;
		}
			.sec_kdwr .kdwr_blc .img img{
				width: auto;
			}
			.sec_kdwr .kdwr_blc .catch,
			.sec_kdwr .kdwr_blc .txt{
				opacity: 1;
			}
			.sec_kdwr .kdwr_blc .catch{
				height: 97px;
			}
				.sec_kdwr .kdwr_blc .catch img{
					width: auto;;
				}
			.sec_kdwr .kdwr_blc .txt{
				padding:0 20px;
				font-size: 14px;
			}
		.sec_kdwr .slider_pagination {
			display: none;
		}
	.sec_kdwr .ship{
		left: -90px;
		bottom: -55px;
	}
		.sec_kdwr .ship img{
			width: auto;
		}
	.sec_kdwr .wave{
		bottom: 0px;
	}
}

/* ------------------
商品紹介
------------------ */
.sec_goods{
	background:
		url(../img/goods_bg.png) no-repeat top center ,
		linear-gradient(transparent 0%, transparent 7%, #ADE0F1 7%, #ADE0F1 100%);
	background-size: auto 65.09vw, auto;
	padding: 15.53vw 4.83vw 18.9vw 4.83vw;
	margin-top: -7%;
	z-index: 2;
}
	.sec_goods .sec_ttl{
		width: 100%;
		margin-bottom: 1.2vw;
	}
		.sec_goods .sec_ttl img{
			width: 43.04vw;
			max-width:270px;
		}
	.sec_goods .sec_ttl_txt{
		color:#00466C;
		line-height: 1.6;
		margin-bottom: 8vw;
		font-size: 1.5rem;
		font-weight: 500;
	}
	.sec_goods .sec_inner{
		background-color: #fff;
		box-shadow:0px 0px 5px 1px rgba(63,171,199,0.3);
		box-sizing:border-box;
		padding:4.83vw 4.83vw 0 4.83vw;
	}
	.sec_goods .goods_list{
		display: flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
		.sec_goods .goods_blc{
			width: 38.52vw;
			max-width:48.5%;
			margin-bottom: 4.83vw;
		}
		.sec_goods .goods_blc.dummy{
			display: none;
		}
			.sec_goods .goods_blc .img{
				background-size:contain;
				background-repeat:no-repeat;
				background-position:center center;
				width: 38.52vw;
				height: 38.52vw;
			}
			.sec_goods .goods_blc.dummy .img{
				background:url(../img/goods_dummy.jpg) no-repeat center center , #E9E9E9;
				background-size:contain;
			}
			.sec_goods .goods_blc .name{
				color:#00466C;
				font-weight: 500;
				padding-top: 3.62vw;
				padding-bottom: 3.62vw;
				font-size: 1.5rem;
				line-height: 1.3;
			}
			.sec_goods .goods_blc .txt{
				font-size: 1.2rem;
				line-height: 1.6;
			}
	.sec_goods .ship{
		transform-origin: 50% 50%;
		animation:ship1 5s 0s infinite ;
		pointer-events:none;
		z-index: 5;
		right: 0vw;
		bottom: -15vw;
	}
		.sec_goods .ship img{
			width: 20.16vw;
		}
	.sec_goods .wave{
		bottom: 8px;
		left: 0;
		width: 300vw;
		height: 4.61vw;
		max-height:50px;
		background:url(../img/store_wave.png) repeat-x bottom;
		background-size:contain;
		z-index: 3;
		animation:wave1 35s 0s infinite ease-in-out;
		z-index: 1;
	}
@media screen and (min-width: 600px) {
.sec_goods{
	background:
		url(../img/goods_bg.png) no-repeat top center ,
		linear-gradient(transparent 0%, transparent 5%, #ADE0F1 5%, #ADE0F1 100%);
	background-size:2600px auto , 100% 100%;
	padding: 180px 0 130px 0;
	margin-top: -4%;
}
	.sec_goods .sec_ttl{
		 margin-bottom: 20px;
	}
		.sec_goods .sec_ttl img{
			width: auto;
		}
	.sec_goods .sec_ttl_txt{
		font-size: 18px;
		margin-bottom: 120px;
	}
		.sec_goods .sec_ttl_txt br{
			display: none;
		}
	.sec_goods .sec_inner{
		padding:60px;
	}
		.sec_goods .goods_blc{
			width: 306px;
			margin-bottom: 50px;
		}
		.sec_goods .goods_blc:nth-last-child(-n+3){
			margin-bottom:0;
		}
		.sec_goods .goods_blc.dummy{
			display: block;
		}
			.sec_goods .goods_blc .img{
				width: 306px;
				height: 306px;
			}
			.sec_goods .goods_blc .name{
				padding-top: 35px;
				padding-bottom: 30px;
				font-size: 21px;
			}
			.sec_goods .goods_blc .txt{
				font-size: 14px;
			}
	.sec_goods .ship{
		right: 80px;
		bottom: -105px;
	}
		.sec_goods .ship img{
			width: auto;
		}
	.sec_goods .wave{
		bottom: -2px;
	}
}

/* ------------------
店舗紹介・アクセス
------------------ */
.sec_store{
	background:
		url(../img/store_bg.png) no-repeat top center ,
		linear-gradient(transparent 0%, transparent 5%, #286682 5%, #286682 20%, #64B5C6 100%);
	background-size: auto 65.21vw , 100% 100%;
	padding:21.73vw 4.83vw 14.49vw 4.83vw;
	margin-top: -7%;
	z-index: 2;
}
	.sec_store .sec_ttl{
		margin-bottom: 15.51vw;
	}
		.sec_store .sec_ttl img{
			width: 68.21vw;
			max-width:449px;
		}
		.sec_store .sec_ttl .baloon.sp{
			width: 35.38vw;
			max-width:293px;
			top: 11.47vw;
			right: 0;
			transition-delay:1s;
		}
		.sec_store .sec_ttl .baloon.pc{
			display: none;
			transition-delay:1s;
		}
	.sec_store .sec_inner{
		background-color: #fff;
		box-shadow:0px 0px 5px 2px rgba(63,171,199,0.4);
		box-sizing:border-box;
		padding:4.83vw;
	}
	.sec_store .blc1{
		margin-bottom: 3.62vw;
	}
		.sec_store .blc1 .map_box{
			margin-bottom: 2.41vw;
			width: 100%;
			padding-top: 60.38vw;
			border-radius:5px;
			overflow: hidden;
		}
			.sec_store .blc1 .map_box iframe,
			.sec_store .blc1 .map_box object,
			.sec_store .blc1 .map_box embed{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 60.38vw;
			}
		.sec_store .blc1 .tbl_info{
			width: 100%;
		}
			.sec_store .blc1 .tbl_info tr th,
			.sec_store .blc1 .tbl_info tr td{
				padding-top: 3.62vw;
				padding-bottom: 3.62vw;
			}
			.sec_store .blc1 .tbl_info tr:not(:last-child) th,
			.sec_store .blc1 .tbl_info tr:not(:last-child) td{
				border-bottom: dashed 1px #64B5C6;
			}
			.sec_store .blc1 .tbl_info tr th{
				color:#00466C;
				font-weight: 500;
				width: 19.92vw;
				padding-left: 2.41vw;
				box-sizing:border-box;
				font-size: 1.4rem;
			}
			.sec_store .blc1 .tbl_info tr td{
				font-size: 1.3rem;
				line-height: 1.4;
				padding-left: 3.62vw;
			}
				.sec_store .blc1 .tbl_info tr td p{
					margin-bottom: 1.81vw;
				}
				.sec_store .blc1 .tbl_info tr td ul li{
					text-indent:-1em;
					padding-left: 1em;
				}
	.sec_store .blc2{
		background-color: #F9F9F9;
		box-sizing:border-box;
		padding:4.83vw;
	}
		.sec_store .blc2 .blc_ttl{
			margin-bottom: 4.83vw;
		}
		.sec_store .blc2 .blc_ttl .pc{
			display: none;
		}
		.sec_store .blc2 .insta_box.pc{
			display: none;
		}
@media screen and (min-width: 600px) {
.sec_store{
	background:
		url(../img/store_bg.png) no-repeat top center ,
		linear-gradient(transparent 0%, transparent 5%, #286682 5%, #286682 35%, #64B5C6 100%);
	background-size:2300px auto, 100% 100%;
	padding : 200px 0 80px 0;
	margin-top: -3%;
}
	.sec_store .sec_ttl{
		margin-bottom: 130px;
	}
		.sec_store .sec_ttl img{
			width: auto;
		}
		.sec_store .sec_ttl .baloon.pc{
			display: block;
			top: 68px;
			right: 24px;
		}
		.sec_store .sec_ttl .baloon.sp{
			display: none;
		}
	.sec_store .sec_inner{
		padding:60px;
	}
	.sec_store .blc1{
		margin-bottom: 60px;
		display: flex;
	}
		.sec_store .blc1 .map_box{
			width: 500px;
			margin-bottom: 0;
			border-radius:10px;
			padding-top: 0;
		}
			.sec_store .blc1 .map_box iframe,
			.sec_store .blc1 .map_box object,
			.sec_store .blc1 .map_box embed{
				position: relative;
				top: 0;
				left: 0;
				width: 500px;
				height: 600px;
			}
		.sec_store .blc1 .info_box{
			flex:1;
			padding-left: 35px;
			padding-top: 5px;
		}
			.sec_store .blc1 .tbl_info tr th,
			.sec_store .blc1 .tbl_info tr td{
				padding-top: 12px;
				padding-bottom: 12px;
			}
			.sec_store .blc1 .tbl_info tr th{
				font-size: 16px;
				width: 100px;
				padding-left: 0;
			}
			.sec_store .blc1 .tbl_info tr td{
				font-size: 15px;
				line-height: 1.6;
				padding-left: 0;
			}
				.sec_store .blc1 .tbl_info tr td p{
					margin-bottom: 20px;
				}
	.sec_store .blc2{
		padding:50px 60px 60px 60px;
	}
		.sec_store .blc2 .blc_ttl{
			margin-bottom: 40px;
		}
			.sec_store .blc2 .blc_ttl .pc{
				display: inline-block;
			}
			.sec_store .blc2 .blc_ttl .sp{
				display: none;
			}
		.sec_store .blc2 .insta_box.pc{
			display: block;
		}
		.sec_store .blc2 .insta_box.sp{
			display: none;
		}
}

/* ------------------
メディア掲載情報
------------------ */
.sec_media{
	background-color: #EDF8FC;
	padding:14.49vw 4.83vw;
}
	.sec_media .sec_ttl{
		margin-bottom: 7.62vw;
	}
		.sec_media .sec_ttl img{
			width: 53.86vw;
			max-width:363px;
		}
	.sec_media .scroll_area{
		height: 65.21vw;
	}
	.sec_media .media_blc{
		padding-left: 4.83vw;
		padding-right: 4.83vw;
	}
	.sec_media .media_blc:not(:last-child){
		margin-bottom: 9.66vw;
	}
		.sec_media .media_blc .img_box{
			display: none;
		}
		.sec_media .media_blc .info_box .date{
			color:#00466C;
			font-size: 1.1rem;
			margin-bottom: 1.81vw;
		}
		.sec_media .media_blc .info_box .ttl{
			font-size: 1.5rem;
			line-height: 1.3;
			font-weight: 500;
			margin-bottom: 2.4vw;
		}
		.sec_media .media_blc .info_box .txt{
			font-size: 1.3rem;
			line-height: 1.3;
		}
			.sec_media .media_blc .info_box .txt a{
				text-decoration: underline;
			}
			.sec_media .media_blc .info_box .txt a:hover{
				text-decoration: none;
			}
		.sec_media .scroll_area .jspVerticalBar{
			width: 16px;
			padding:2px;
			box-sizing:border-box;
		}
		.sec_media .scroll_area .jspTrack{
			background-color: #FFFFFF;
			width: 16px;
			padding:2px;
			box-sizing:border-box;
		}
		.sec_media .scroll_area .jspDrag{
			background-color: #00466C;
			width: 10px;
		}
@media screen and (min-width: 600px) {
.sec_media{
	padding : 100px 0 65px 0;
}
	.sec_media .sec_ttl{
		margin-bottom: 50px;
	}
		.sec_media .sec_ttl img{
			width: auto;
		}
	.sec_media .scroll_area{
		height: 575px;
		padding-left: 0;
		padding-right: 40px;
	}
	.sec_media .media_blc{
		display: flex;
	}
	.sec_media .media_blc:not(:last-child){
		margin-bottom: 30px;
	}
		.sec_media .media_blc .img_box{
			display: block;
			width: 296px;
			background-size: cover;
			background-repeat:no-repeat;
			background-position:center center;
		}
		.sec_media .media_blc .info_box{
			flex:1;
			margin-left: 10px;
			background-color: #FFF;
			padding:30px;
		}
			.sec_media .media_blc .info_box .date{
				font-size: 16px;
				margin-bottom: 13px;
			}
			.sec_media .media_blc .info_box .ttl{
				font-size: 18px;
				margin-bottom: 15px;
			}
			.sec_media .media_blc .info_box .txt{
				line-height: 1.5;
				font-size: 15px;
			}
}

/* ------------------
お問い合わせ
------------------ */
.sns_blc.flex_spbtw{flex-wrap: wrap;}
.insta_box {padding: 20px;}
.sec_contact{
	padding-bottom: 14.49vw;
}
	.sec_contact .cmn_width{
		padding:14.49vw 4.83vw 0 4.83vw;
	}
	.sec_contact .surface1{
		width: 38.76vw;
		top: -7.24vw;
		left: -6.28vw;
	}
	.sec_contact .surface2{
		width: 38.76vw;
		top: -7.24vw;
		right: -3.62vw;
	}
	.sec_contact .sec_ttl{
		width: 100%;
		margin-bottom: 6.03vw;
	}
		.sec_contact .sec_ttl img{
			width: 39.97vw;
			max-width:269px;
		}
		.sec_contact .sec_ttl .jellyfish1{
			width: 9.17vw;
			bottom: 0;
			left: 10.14vw;
		}
		.sec_contact .sec_ttl .jellyfish2{
			width: 6.76vw;
			top: -2.05vw;
			right: 13.52vw;
		}
	.sec_contact .head_blc{
		margin-bottom: 2.85vw;
	}
		.sec_contact .head_blc .catch{
			font-weight: 500;
			font-size: 1.5rem;
			margin-bottom: 3.83vw;
		}
		.sec_contact .head_blc .txt{
			font-size: 1.3rem;
			line-height: 1.5;
		}
	.sec_contact .info_blc{
		color:#00466C;
		justify-content: center;
		font-size: 1.4rem;
		margin-bottom: 8.45vw;
	}
		.sec_contact .info_blc img{
			width: 3.14vw;
		}
		.sec_contact .info_blc .tel_box img{
			padding-right: 1px;
		}
		.sec_contact .info_blc .mail_box img{
			padding-right: 1.2vw;
		}
	.sec_contact .sns_blc .box{
		border:solid 1px #DFDFDF;
		width: 100%;
		height: auto;
		overflow:hidden;
		margin-bottom: 10px;
	}
.sec_contact .sns_blc .box:last-child{margin-bottom: 0;}
	.sec_contact .sns_blc .tw_box{
		padding-top: 10px;
	}
		.sec_contact .sns_blc .box .pc{
			display: none;
		}
		.sec_contact .fb_box{
			width: 100%;
			height: 100%;
			max-width:360px;
		}
	.sec_contact .ship{
		transform-origin: 50% 50%;
		animation:ship1 5s 0s infinite ;
		pointer-events:none;
		z-index: 5;
		right: 2vw;
		bottom: -13vw;
	}
		.sec_contact .ship img{
			width: 20.16vw;
		}
	.sec_contact .wave{
		bottom: -2px;
		left: 0;
		width: 300vw;
		height: 4.61vw;
		max-height:50px;
		background:url(../img/kdwr_wave1.png) repeat-x bottom;
		background-size:contain;
		animation:wave1 35s 0s infinite ease-in-out;
		z-index: 1;
	}
	
@media screen and (min-width: 600px) {
.insta_box {padding: 30px;}
.sec_contact{
	padding-bottom: 120px;
}
	.sec_contact .cmn_width{
		padding : 100px 0 0 0;
	}
	.sec_contact .surface1{
		width: auto;
		top: -25px;
		left: -106px;
	}
	.sec_contact .surface2{
		width: auto;
		top: -25px;
		right: -106px;
	}
	.sec_contact .sec_ttl{
		margin-bottom: 50px;
	}
		.sec_contact .sec_ttl img{
			width: auto;
		}
		.sec_contact .sec_ttl .jellyfish1{
			width: auto;
			bottom: -15px;
			left: 233px;
		}
		.sec_contact .sec_ttl .jellyfish2{
			width: auto;
			top: -22px;
			right: 263px;
		}
	.sec_contact .head_blc{
		margin-bottom: 30px;
	}
		.sec_contact .head_blc .catch{
			font-size: 18px;
			margin-bottom: 20px;
		}
		.sec_contact .head_blc .txt{
			width: 470px;
			font-size: 15px;
			line-height: 1.5;
			margin:0 auto;
		}
	.sec_contact .info_blc{
		font-size: 21px;
		margin-bottom: 50px;
	}
			.sec_contact .info_blc .tel_box img{
				width: 22px;
			}
			.sec_contact .info_blc .mail_box img{
				padding-right: 10px;
				width: 20px;
				vertical-align: middle;
				padding-bottom: 6px;
			}
	.sec_contact .sns_blc .box{
		width: 535px;
		height: 560px;
	}
		.sec_contact .tw_box,
		.sec_contact .fb_box{
			width: 360px;
			height: 455px;
			margin:0 auto;
		}
		.sec_contact .tw_box{
			padding-top: 15px;
		}
		.sec_contact .sns_blc .box .pc{
			display: block;
		}
		.sec_contact .sns_blc .box .sp{
			display: none;
		}
	.sec_contact .ship{
		right: 50px;
		bottom: -110px;
	}
		.sec_contact .ship img{
			width: auto;
		}
	
	/* 20180920 update ueda */
	.sec_contact .contact_flex{
		display:flex;
		justify-content:space-between;
		margin-bottom:60px;
	}
	.sec_contact .contact_flex .info_blc{
		margin-bottom:0;
	}
	.sec_contact .blc_wrap{
		width:50%;
		padding-left:35px;
		padding-right:35px;
		box-sizing:border-box;
	}
	.sec_contact .blc_wrap:first-child{
		border-right:1px solid #BEE2F5;
	}
	.sec_contact .info_blc .tel_box{
		font-size:26px;
	}
}


/* 20181106 update ueda */
.sec_media{
	position: relative;
}
.sec_media .wave1 {
	bottom:-3px;
	left: 0;
	width: 300vw;
	height: 4.61vw;
	max-height: 50px;
	background: url(../img/kdwr_wave2.png) repeat-x bottom;
	background-size: contain;
	animation: wave1 50s 0s infinite ease-in-out;
	z-index: 0;
}
.sec_media .wave2 {
	bottom:-2px;
	left: 0;
	width: 300vw;
	height: 4.61vw;
	max-height: 50px;
	background: url(../img/count_wave.png) repeat-x bottom;
	background-size: contain;
	animation: wave1 35s 0s infinite ease-in-out;
	z-index: 1;
}
/* ------------------
お知らせ 20181004 ueda
------------------ */
.sec_news{
	background-color: #EDF8FC;
	padding: 7.53vw 4.83vw 4.9vw 4.83vw;
}
.sec_news .news_blc{
	background-color: #FFF;
	border: 1px dotted rgba(0, 77, 119, 0.5);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 3.6vw;
}
.sec_news .news_blc li{
	display: flex;
	align-items: baseline;
	line-height: 1.5;
}
.sec_news .news_blc li:first-child{
	margin-bottom: 1em;
}
.sec_news .news_blc li a{
	text-decoration: underline;
}
.sec_news .news_blc li .date{
	font-size: 1.1rem;
	color: #00466C;
	margin-right: 3.4vw;
	margin-left: 0.6vw;
}
.sec_news .news_blc li .txt{
	font-size: 1.3rem;
	line-height: 1.6;
}

@media screen and (max-width: 600px) {
	.sec_news .news_blc .sec_ttl{
		border-bottom: 1px dashed rgba(0, 70, 108, 0.5);
		padding-bottom: 3vw;
		margin-bottom: 3vw;
		text-align: center;
	}
	.sec_news .news_blc .sec_ttl img{
		width: 23.1vw;
		margin: 0 auto;
	}
	.sec_news .news_blc li .date{
		margin-bottom: 1.2vw;
	}
}
@media screen and (min-width: 600px) {
	.sec_news{
		padding-top: 50px;
		padding-bottom: 15px;
	}
	.sec_news .news_blc{
		padding: 30px;
		border: 2px dotted rgba(0, 77, 119, 0.5);
	}
	.sec_news .news_blc .news_blc_inner{
	}
	.sec_news .news_blc .sec_ttl{
		padding-bottom: 15px;
		border-bottom: 1px dashed rgba(0, 70, 108, 0.5);
	}
	.sec_news .news_blc ul{
		padding-top: 15px;
	}
	.sec_news .news_blc li{
		display: block;
		font-weight: 400;
	}
	.sec_news .news_blc li .date{
		font-size: 13px;
		margin-right: 0;
		margin-left: 0;
	}
	.sec_news .news_blc li .txt{
		font-size: 14px;
	}
}


/* ------------------
カウンター 20181005 ueda
------------------ */
@media screen and (max-width: 600px) {
	.sec_counter .sp_none,
	.bnr.sp_none{
		display: none;
	}
}
@media screen and (min-width: 600px) {
	.sec_counter .pc_none,
	.bnr.pc_none{
		display: none;
	}
}

.fuwafuwa {
-webkit-animation:fuwafuwa 3s infinite linear alternate;
animation:fuwafuwa 3s infinite linear alternate;
}
	@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0) rotate(-5deg);}
	50% {-webkit-transform:translate(0, -5px) rotate(0deg);}
	100% {-webkit-transform:translate(0, 0)rotate(5deg);}
	}
	@keyframes fuwafuwa {
	0% {transform:translate(0, 0) rotate(-5deg);}
	50% {transform:translate(0, -5px) rotate(0deg);}
	100% {transform:translate(0, 0)rotate(5deg);}
	}

.sec_counter{
	position: relative;
}
	.sec_counter .head_sec{
		background-color: #00466C;
		width: 100%;
		/*height: 100vw;*/
		text-align: center;
		position: relative;
		box-sizing: border-box;
	}
	.sec_counter .head_sec .sec_ttl{
		margin-bottom: 4.2vw;
	}
	.sec_counter .head_sec .count_blc{
		color: #FFF;
	}
	.sec_counter .head_sec .count_blc .count_box{
		width: 340px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.sec_counter .head_sec .count_blc .count_box .flex_spbtw{
		align-items: flex-end;
	}
	.sec_counter .head_sec .count_blc .count_box .sub_txt{
		font-size: 1.5rem;
		font-weight: 500;
	}
	.sec_counter .head_sec .count_blc .count_box .count_panel{
		position: relative;
		font-size: 2.6rem;
		font-weight: 500;
		display: flex;
		justify-content: space-between;
	}
	.sec_counter .head_sec .count_blc .count_box .count_panel::before{
		content:'';
		background:url(../img/count_num_deco03.png) center no-repeat;
		background-size:contain;
		display:block;
		position:absolute;
		top:-2.5vw;
		right:-2.6vw;
		width:3.7vw;
		height:2.5vw;
	}
	.sec_counter .head_sec .count_blc .count_box .count_panel .num2{
		width: 56.2vw;
		height: 9vw;
		background: url(../img/count_nums_bg-sp.png) no-repeat center;
		background-size: contain;
		box-sizing: border-box;
		padding-top: 1.5vw;
		padding-left: 1.5vw;
		letter-spacing: 0.7em;
	}
	.sec_counter .head_sec .count_blc .count_box .count_panel .num2 .shuffleNum:nth-child(-n+4){
		letter-spacing: 0.67em;
	}	
	.sec_counter .head_sec .count_blc .count_box .count_panel .num2 .shuffleNum:nth-child(n+4){
		letter-spacing: 0.65em;
	}	
	.sec_counter .head_sec .count_blc .count_box .count_panel .num2 .shuffleNum:nth-child(5){
		padding-left: 2.4vw;
	}	
	
	.sec_counter .head_sec .count_blc .count_txt{
		font-size: 1.2rem;
		position: relative;
		z-index: 10;
		line-height: 1.4;
	}
	.sec_counter .head_sec .count_blc .count_txt::before{
		content: "";
		width: 89.8vw;
		height: 7.3vw;
		background-color: #003755;
		border-radius: 50%;
		position: absolute;
		bottom: -3.6vw;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}


	.sec_counter .camp_blc {
		width: 92.7vw;
		margin:  0 auto;
		padding-top: 6vw;
		padding-bottom: 1vw;
	}
	.sec_counter .camp_blc_inner {
		width: 90.3vw;
	}
	.sec_counter .camp_btn {
		color: #FFF;
		font-size: 1.2rem;
		text-align: center;
		padding-right: 3.6vw;
		margin-bottom: 6vw;
		position: relative;
		cursor:pointer;
	}
	.sec_counter .camp_btn.none {
		padding-right: 6vw;
	}	
	.sec_counter .camp_btn::before,
	.sec_counter .camp_btn span::before,
	.sec_counter .camp_btn span::after{
		content: "";
		position: absolute;
		top: 50%;
		display: block;
		transform: translateY(-50%);
	}
	.sec_counter .camp_btn::before{
		width: 3.6vw;
		height: 3.6vw;
		right: 27.3vw;
		border-radius: 50px;
		border: 1px solid #FFF;
	}	
	.sec_counter .camp_btn span{
		position: relative;
		padding-right: 3.6vw;
	}	
	.sec_counter .camp_btn span::before{
		width: 2.4vw;
		height: 1px;
		right: -0.6vw;
		background-color: #FFF;
	}	
	.sec_counter .camp_btn span::after{
		width: 1px;
		height: 2.4vw;
		right: 2px;
		transition: 0.3s;
		background-color: #FFF;
	}
	.sec_counter .camp_btn.none span::after{
		display: none;
	}	
	.sec_counter .camp_btn.on span::after{
		transform: rotate(90deg);
		top: 20%;
	}	
	.sec_counter .camp_blc .camp_ttl{
		color: #FFF;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: center;
		padding: 5px 0;
		background-color: #003755;
	}
	.sec_counter .camp_blc .camp_flow{
		padding-bottom: 4.8vw;
	}
	.sec_counter .camp_blc .camp_flow .camp_ttl{
		margin-bottom: 2.4vw;
	}	
	.sec_counter .camp_blc .camp_box{
	}
	.sec_counter .camp_blc .camp_box .img_box{
		width: 100%;
		background: url(../img/campaign_img-sp.jpg) no-repeat top center;
		background-size: cover;
		padding:1.2vw 6.5vw ;
		box-sizing: border-box;
		text-align: left;
		color: #00466C;
	}
	.sec_counter .camp_blc .camp_box .img_box .step{
		width: 20vw;
		margin: 0 auto;
		margin-bottom: 1.8vw;
	}
	.sec_counter .camp_blc .camp_box .img_box .ttl{
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 1.2vw;
		text-align: center;
		letter-spacing: -0.05em;
	}
	.sec_counter .camp_blc .camp_box .img_box .txt{
		font-size: 1.3rem;
		padding-left: 4.4vw;
		margin-bottom: 1.2vw;
		line-height: 1.4;
	}	
	.sec_counter .camp_blc .camp_box .img_box .txt_box{
		border: 1px dashed #00466C;
		line-height: 1.4;
		padding: 2px 5vw;
		margin-left: 1.2vw;
		margin-right: 1.2vw;
	}	
	.sec_counter .camp_blc .camp_box .img_box .box_inner:not(:last-of-type){
		margin-bottom: 8vw;
	}	
	.sec_counter .camp_blc .camp_box .img_box .box_inner:last-of-type .ttl{
		font-size: 1.5rem;
	}	
	.sec_counter .camp_blc .camp_box .img_box .box_inner:last-of-type .ttl span{
		font-size: 1.2rem;
	}
	.sec_counter .camp_blc .camp_box .img_box .btn{
		width: 64vw;
		margin: 0 auto;
	}	
	.sec_counter .camp_blc .camp_box .tw_box{
		width: 100%;
	}
	.sec_counter .camp_blc .camp_info{
		padding-bottom: 7vw;
	}
	.sec_counter .camp_blc .camp_info .camp_ttl{
		margin-bottom: 1.8vw;
	}	
	.sec_counter .camp_blc .camp_info table{
		width: 100%;
	}	
	.sec_counter .camp_blc .camp_info tr th,
	.sec_counter .camp_blc .camp_info tr td{
		display: block;
		width: 100%;
	}	
	.sec_counter .camp_blc .camp_info tr th{
		font-size: 1.5rem;
		font-weight: 700;
		color: #CECCB0;
		margin-bottom: 1.2vw;
	}
	.sec_counter .camp_blc .camp_info tr:not(:first-of-type) th{
		padding-top: 2.4vw;
	}	
	.sec_counter .camp_blc .camp_info tr td{
		color: #FFF;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.sec_counter .camp_blc .camp_info tr:not(:last-of-type) td{
		border-bottom: 1px dashed #FFF;
		padding-bottom: 2.4vw;
	}	
	.sec_counter .camp_blc .camp_info tr td p{
		font-size: 1.5rem;
		font-weight: 700;
	}	

	.sec_counter .deepsea_sec{
		background: url(../img/count_bg-pc.png) no-repeat center;
		background-size: cover;
		width: 100%;
		height: 118.4vw;
		position: relative;
		z-index: 50;
		margin-top: -2.4vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box{
		position: absolute;
	}
	.sec_counter .deepsea_sec .jelly_fish_box .bubble{
		height: 5.5vw;
		padding: 1px 3.6vw;
		text-align: center;
		line-height: 2;
		color: #003755;
		font-size: 1.1rem;
		font-weight: 500;
		position: relative;
		background-color: #FFF;
		border-radius: 50px;
		margin-left: 3vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box .bubble::before{
		content: "";
		position: absolute;
		border: solid;
		border-width: 5px;
		border-color: transparent transparent #FFF transparent;
		transform: rotate(180deg) translateX(50%);
		bottom: -10px;
		left: 50%;
	}

@media screen and (max-width: 600px) {
	.sec_counter .head_sec{
		padding: 3.6vw 4.8vw 0;
	}
	.sec_counter .head_sec .sec_ttl{
		margin-bottom: 4.2vw;
	}	
	.sec_counter .head_sec .deco01{
		left: -2.3vw;
		top: 90vw;
		width: 26.5vw;
	}
	.sec_counter .head_sec .deco02{
		right: -1.8vw;
		top: 90vw;
		width: 30.3vw;
	}
	.sec_counter .head_sec .count_blc .count_box{
		margin-bottom: 7.2vw;
		padding: 0 9.6vw;
		box-sizing: border-box;
	}
	.sec_counter .head_sec .count_blc .purin_img{
		width: 43.4vw;
		margin: 0 auto;
		margin-top: 9.6vw;
	}
	.sec_counter .head_sec .count_blc .count_box .num_deco01{
		left: 0.7vw;
		bottom: -1.8vw;
		width: 7.3vw;
	}
	.sec_counter .head_sec .count_blc .count_box .num_deco02{
		right: -0.8vw;
		bottom: -1.8vw;
		width: 8.9vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box{
		right: 8.4vw;
		margin: 0 auto;
		text-align: center;
	}
	.sec_counter .deepsea_sec .jelly_fish_box .jelly_fish{
		width: 14.1vw;
		margin: 0 auto;
		padding-left: 3vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv01{
		top: 0vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv02{
		top: 17vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv03{
		top: 36vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv04{
		top: 56vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv05{
		top: 75vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv06{
		top: 94vw;
	}
	.sec_counter .deepsea_sec .jelly_fish_box .bubble{
		margin-bottom: 4.4vw;
	}
	.sec_counter .deepsea_sec{
		background: url(../img/count_bg-sp.png) no-repeat center;
		background-size: cover;
	}
}

@media screen and (min-width: 600px) {
	.sec_counter{
	}
		.sec_counter .head_sec{
			/*height: 375px;*/
			padding-bottom: 10px;
			padding-top: 85px;
		}
			.sec_counter .head_sec .sec_ttl{
				width: 546px;
				margin: 0 auto;
				margin-bottom: 20px;
			}
			.sec_counter .head_sec .sec_ttl .ttl_deco{
				top: 15px;
				left: -20px;
			}
			.sec_counter .head_sec .count_blc{
				z-index: 100;
			}
			.sec_counter .head_sec .count_blc .count_box{
				width: 340px;
				margin: 0 auto;
				margin-bottom: 20px;
			}
			.sec_counter .head_sec .count_blc .count_box .sub_txt{
				font-size: 14px;
			}
			.sec_counter .head_sec .count_blc .count_box .sub_txtm{
				font-size: 20px;
			}
			.sec_counter .head_sec .count_blc .count_box .count_panel{
				font-size: 30px;
			}
			.sec_counter .head_sec .count_blc .count_box .count_panel .num2{
				width: 270px;
				height: 43px;
				padding-top: 5px;
				padding-left: 9px;
			}
				.sec_counter .head_sec .count_blc .count_box .count_panel .num2 .shuffleNum:nth-child(-n+4){
					letter-spacing: 0.68em;
				}	
				.sec_counter .head_sec .count_blc .count_box .count_panel .num2 .shuffleNum:nth-child(5){
					padding-left: 10px;
				}	
			.sec_counter .head_sec .count_blc .count_box .count_panel::before{
				top:-17px;
				right:-17px;
				width:22px;
				height:15px;
			}
			.sec_counter .head_sec .count_blc .count_box .count_panel .num2{
				background: url(../img/count_nums_bg.png) no-repeat center;
				background-size: contain;
			}
			.sec_counter .head_sec .count_blc .count_box .num_deco01{
				left: -52px;
				bottom: -5px;
			}
			.sec_counter .head_sec .count_blc .count_box .num_deco02{
				right: -57px;
				bottom: -10px;
			}
			.sec_counter .head_sec .count_blc .count_txt{
				font-size: 14px;
			}
			.sec_counter .head_sec .count_blc .count_txt::before{
				width: 514px;
				height: 25px;
				bottom: -19px;
			}
			.sec_counter .head_sec .deco01{
				left: -70px;
				top: -15px;
			}
			.sec_counter .head_sec .deco02{
				right: -50px;
				top: -15px;
			}

	.sec_counter .camp_blc {
		width: 778px;
		padding-top: 50px;
		padding-bottom: 0;
	}
	.sec_counter .camp_blc_inner {
		width: 100%;
	}
	.sec_counter .camp_btn {
		font-size: 14px;
		margin-bottom: 50px;
		padding-right: 30px;
	}
	.sec_counter .camp_btn::before{
		width: 26px;
		height: 26px;
		right: 293px;
	}
	.sec_counter .camp_btn.none {
		padding-right: 30px;
	}
	.sec_counter .camp_btn span{
		padding-right: 20px;
	}	
	.sec_counter .camp_btn span::before{
		width: 14px;
		height: 2px;
		right: -10px;
	}	
	.sec_counter .camp_btn span::after{
		width: 2px;
		height: 13px;
		right: -4px;
	}
	.sec_counter .camp_btn.on span::after{
		top: 20%;
	}	
	.sec_counter .camp_blc .camp_ttl{
		font-size: 20px;
		padding: 8px 0;
	}
	.sec_counter .camp_blc .camp_flow{
		padding-bottom: 50px;
	}
	.sec_counter .camp_blc .camp_flow .camp_ttl{
		margin-bottom: 30px;
	}
	.sec_counter .camp_blc .camp_box{
		display: flex;
		justify-content: space-between;
	}
	.sec_counter .camp_blc .camp_box .img_box{
		background: url(../img/campaign_img.jpg) no-repeat top center;
		background-size: cover;
		width: 360px;
		padding: 10px 9px;
		text-align: left;
		color: #00466C;
	}
	.sec_counter .camp_blc .camp_box .img_box .step{
		margin-bottom: 15px;
		width: auto;
	}
	.sec_counter .camp_blc .camp_box .img_box .ttl{
		font-size: 18px;
		font-weight: 700;
		line-height: 1.4;
		margin-bottom: 10px;
		text-align: center;
		letter-spacing: -0.05em;
	}
	.sec_counter .camp_blc .camp_box .img_box .txt{
		font-size: 13px;
		padding-left: 20px;
		margin-bottom: 10px;
		line-height: 1.4;
	}	
	.sec_counter .camp_blc .camp_box .img_box .txt_box{
		border: 1px dashed #00466C;
		line-height: 1.4;
		padding: 2px 25px;
		margin-left: 10px;
		margin-right: 10px;
	}	
	.sec_counter .camp_blc .camp_box .img_box .box_inner:not(:last-of-type){
		margin-bottom: 24px;
	}	
	.sec_counter .camp_blc .camp_box .img_box .box_inner:last-of-type .ttl{
		font-size: 16px;
	}	
	.sec_counter .camp_blc .camp_box .img_box .box_inner:last-of-type .ttl span{
		font-size: 13px;
	}	
	.sec_counter .camp_blc .camp_box .img_box .btn{
		width: 240px;
	}	
	.sec_counter .camp_blc .camp_box .tw_box{
		width: 400px;
		margin-top: -10px;
	}
	.sec_counter .camp_blc .camp_info{
		padding-bottom: 40px;
	}
	.sec_counter .camp_blc .camp_info .camp_ttl{
		margin-bottom: 15px;
	}	
	.sec_counter .camp_blc .camp_info tr th{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.sec_counter .camp_blc .camp_info tr:not(:first-of-type) th{
		padding-top: 20px;
	}	
	.sec_counter .camp_blc .camp_info tr td{
		font-size: 12px;
	}
	.sec_counter .camp_blc .camp_info tr:not(:last-of-type) td{
		padding-bottom: 20px;
	}	
	.sec_counter .camp_blc .camp_info tr td p{
		font-size: 16px;
	}	


	.sec_counter .deepsea_sec{
		height: 720px;
		margin-top: -28px;
	}
	.sec_counter .deepsea_sec .purin_img{
		width: 200px;
		position: absolute;
		right: -70px;
		top: -20px;
		z-index: 100;
	}
	.sec_counter .deepsea_sec .purin_img img{
		width: 100%;
	}
	.sec_counter .deepsea_sec .deepsea_inner{
		position: relative;
		width: 950px;
		margin: 0 auto;
		}
	.sec_counter .deepsea_sec .jelly_fish_box{
		left: 470px;
		display: flex;
		align-items: center;
	}
	.sec_counter .deepsea_sec .jelly_fish_box .jelly_fish{
		order: 1;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv01{
		top: 50px;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv02{
		top: 160px;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv03{
		top: 280px;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv04{
		top: 400px;
		left: 500px;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv05{
		top: 515px;
		left: 560px;
	}
	.sec_counter .deepsea_sec .jelly_fish_box.jf_lv06{
		top: 640px;
		left: 515px;
	}
	.sec_counter .deepsea_sec .jelly_fish_box .bubble{
		height: 30px;
		padding: 1px 20px;
		font-size: 16px;
		margin-left: 20px;
		line-height: 1.8;
		order: 2;
	}
	.sec_counter .deepsea_sec .jelly_fish_box .bubble::before{
		border-width: 5px 8px 10px 5px;
		transform: rotate(155deg);
		top: 40%;
		left: -5px;
	}
}

/* ------------------
 バナー 20181106 ueda
------------------ */
.sec_bnr{
	background-color: #EDF8FC;
}
@media screen and (min-width: 600px) {
	.sec_bnr{
		text-align: center;
	}
}

.end_notice{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 9vw;
	position: relative;
	z-index: 10;
	color:#fde103;
}
@media screen and (min-width: 600px) {
	.end_notice {
		font-size: 18px;
		margin-top: 40px;
		margin-bottom: -20px;
		color:#fde103;
	}
}

/* ------------------
 バナー 20190404 ueda
------------------ */
footer .btm_bnr{
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 599px) {
	footer .copyright{
		padding-bottom: 15vw;
	}
}
@media screen and (min-width: 600px) {
	footer .btm_bnr.sp{
		display: none;
	}
}	

/* ------------------
 メイン下バナー 20190711 ueda
------------------ */
@media screen and (max-width: 599px) {
	.sec_news .bnr_blc{
		width: 100%;
		height: 48vw;
		margin-top: 7.2vw;
	}
	.sec_news .bnr_blc a{
		width: 100%;
		height: 100%;
	}
	.sec_news .bnr_blc a.sp{
		display: none;
	}	
	.sec_news .bnr_blc img{
		width: auto;
		height: 100%;
	}
}
@media screen and (min-width: 600px) {
	.sec_news .cmn_width{
		display: flex;
		justify-content: space-between;
	}
	.sec_news .blc{
		width: 100%;
	}
	.sec_news .news_blc{
		/* height: 245px; */
	}
	.sec_news .bnr_blc a.pc{
		display: none;
	}
}

/* ------------------
 20240520 深海プリンセスコンテスト
------------------ */
.sec_main_btm_bnr{
	background-color: #EDF8FC;
	padding: 4vw 4.83vw 0 4.83vw;
}
.sec_main_btm_bnr .bnr{
	display: block;
}

@media screen and (max-width: 599px) {
	.sec_main_btm_bnr .pc{
		display: none;
	}
}

@media screen and (min-width: 600px) {
	.sec_main_btm_bnr{
		padding: 23px 0 0 0;
	}
	.sec_main_btm_bnr .sp{
		display: none;
	}
	.sec_main_btm_bnr .bnr{
		margin: 0 auto;
		max-width: 700px;
	}
}

.sec_media .wave3 {
	bottom:-3px;
	left: 0;
	width: 300vw;
	height: 4.61vw;
	max-height: 50px;
	background: url(../img/contest_wave.png) repeat-x bottom;
	background-size: contain;
	animation: wave1 50s 0s infinite ease-in-out;
	z-index: 2;
}

.sec_contest{
	position: relative;
	z-index: 2;
}
.sec_contest .block_ttl{
	background: #12A9E8;
	min-height: 164.8vw;
}
.sec_contest .block_ttl .img{
	bottom: 0;
	left: 0;
	width: 100%;
}
.sec_contest .block_ttl .catch{
	width: 100%;
	top: -5.33vw;
	right: 0;
}
.sec_contest .block_txt{
	background-color: #00466C;
	padding: 10.66vw 4.83vw 14.66vw 4.83vw;
}
.sec_contest .block_txt .box_info .box_ttl{
	color: #FFF;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	padding: 5px 0;
	background-color: #003755;
	margin-bottom: 1.8vw;
}
.sec_contest .block_txt .camp_info_list .item:not(:first-child){
	margin-top: 2.4vw;
}
.sec_contest .block_txt .camp_info_list .item:not(:last-child){
	border-bottom: 1px dashed #FFF;
	padding-bottom: 2.4vw;
}
.sec_contest .block_txt .camp_info_list .item_ttl{
	font-size: 1.5rem;
	font-weight: 700;
	color: #CECCB0;
	margin-bottom: 1.2vw;
}
.sec_contest .block_txt .camp_info_list .item_txt{
	color: #FFF;
	font-size: 1.2rem;
	line-height: 1.4;
}	
.sec_contest .block_txt .camp_info .large{
	font-size: 1.5rem;
	font-weight: 700;
}

.sec_contest .block_txt .btn_dl{
	box-sizing: border-box;
	width: 75.46vw;
	height: 15.46vw;
	margin: 14.66vw auto 0 auto;
	border-radius: 50px;
	background-color: #FDF23D;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 7.46vw;
}
.sec_contest .block_txt .btn_dl img{
	width: 53.33vw;
}

@media screen and (max-width: 599px) {
	.sec_contest .pc{
		display: none;
	}

	.sec_contest .block_txt .camp_info_list .item_txt th,
	.sec_contest .block_txt .camp_info_list .item_txt td{
		display: block;
	}
}

@media screen and (min-width: 600px) {
	.sec_media{
		padding-bottom: 100px;
	}

	.sec_contest .sp{
		display: none;
	}
	.sec_contest .block_ttl{
		min-height: 455px;
	}
	.sec_contest .block_ttl .img{
		width: 828px;
		left: calc((1300px - 100%) / 2 * -1);
	}
	.sec_contest .block_ttl .catch{
		width: 571px;
		top: -72px;
		right: calc((1300px - 100%) / 2 * -1 + 161px);
	}
	.sec_contest .block_txt{
		padding: 80px 0 100px 0;
	}
	.sec_contest .block_txt .box_info{
		width: 778px;
		margin: 0 auto;
	}
	.sec_contest .block_txt .box_info2{
		width: 1060px;
		margin: 0 auto;
	}
	.sec_contest .block_txt .box_info .box_ttl{
		font-size: 20px;
		padding: 8px 0;
		margin-bottom: 15px;
	}
	.sec_contest .block_txt .camp_info_list .item:not(:first-child){
		margin-top: 20px;
	}
	.sec_contest .block_txt .camp_info_list .item:not(:last-child){
		padding-bottom: 20px;
	}
	.sec_contest .block_txt .camp_info_list .item_ttl{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.sec_contest .block_txt .camp_info_list .item_txt{
		font-size: 12px;
	}	
	.sec_contest .block_txt .camp_info td .large{
		font-size: 16px;
	}
	.sec_contest .block_txt .btn_dl{
		width: 416px;
		height: 84px;
		margin-top: 70px;
		padding-right: 20px;
	}
	.sec_contest .block_txt .btn_dl img{
		width: 315px;
	}
}
@media screen and (min-width: 1300px) {
	.sec_contest .block_ttl .img{
		left: calc((100% - 1300px) / 2);
	}
	.sec_contest .block_ttl .catch{
		right: calc((100% - 1300px) / 2 + 161px);
	}
}