@charset "UTF-8";

@font-face {
  font-family: "TsukuGo";
  src: url("/fonts/FOT-TsukuGoPro-D.woff2?var=5") format('woff2'),
   url("/fonts/FOT-TsukuGoPro-D.woff?var=5")  format('woff');
}

html, .contents * p, .gotoTw, .productText {
	font-family: TsukuGo!important;
	font-weight: lighter!important;
	letter-spacing: 1px;
}
body{
	font-family: TsukuGo!important;
}

.mod-footLink-cats{
	font-family: 'Noto Sans JP', "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
}
.b1{
	font-weight: bold!important;
	font-family: TsukuGo!important;
}
.mod-footLink {
	background: #f5f3f3;
}

.mod-footLink-logo{
	margin-top:0px;
}

.productText{
	text-align:left;
	display:block!important;
}


.s1{
	font-size: 1.8vw!important;
	font-weight: lighter; 	
}
.s2{
	font-size: 1.4vw!important;
}
.price{
	font-weight: lighter; 
	font-size: 1.8vw!important;

}
.zei{
	font-size: 1.4vw!important;
}

.left{
	text-align:left;
}

@media screen and (max-width: 768px)  {
	.mod-footSns-links-item{
		margin-right : 0px!important;
	}
	.mod-footSns-links{
		width: 80%;
		margin: 0px 5%!important;
	}
}
.mod-footSns-links-item{
	margin-right:8%!important;
}
.mod-footSns-links-item:last-child {
	margin-right:0%!important;
}
.mod-footSns-links{
	text-align:center;
	margin: 0px auto!important;
}
.mod-footSns-links-item span{
	width:65px;
	margin-top: 0px!important;
}
.mod-footLink-cats-h span{
	padding-top:2px; /* 8px*/
}
.mod-header-logo {
	height: 50px;
	padding-top : 10px;
}

li {
	list-style-type: none;
}
.mod-header-logo-img.is-text {
	display: initial;
}
body{
	width: 100%;
	margin: 0px auto;
}
.mod-footLink{
	padding:30px 0px 0px 0px;
}
.mod-header-logo-img {
	width: 35px;
}
.mod-header-logo-img:not(:last-child) {
	margin-right: 10px;
}
.mod-header-logo-img.is-text {
	width: 100px;
}
#wrapper{
	text-align: center!important;
}
.mod-header {
	left: initial;
	padding: 0 10px;
	height: 60px;
	position: fixed;
	z-index: 12;
	background: #fff;
}
.mod-footLink-links-item{
	text-align: left!important;
}

.mod-footer-copyright {
	font-size: 0.8rem!important;
}


@media (min-width: 751px) {
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
	.mod-footLink-logo {
		width: 6%;
		margin-right: 10%!important;
	}
}

@media (max-width: 750px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.mod-footLink-cats-h span{
		padding-top: 0px;
	}
	.mod-footLink-cats-btn{
		display: none;
	}
	.sen1:before, .sen1:after {
		width: 35vw;
	}
}

.mod-header , .mod-mainContent, .footer_kinoya, #wrapper{
	margin: 0px auto!important;
	max-width: 1024px!important;
	min-width: 320px!important;
	width: 100%!important;
}

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


.link:hover{
	opacity: 0.6;
	cursor: pointer;
}

.clear{
	clear: both;
	width : 100%;
}


.samole_text p{
	font-size: 1.8em;
}
.contents {
	background: #FFFDED;
	padding: 60px 20px 20px 20px;
	display:inline-block;
}
.inu_img_outer {
	float: right;
	shape-outside: circle();
	margin: 15px;
	width: 250px;
	height: auto;
	padding-left: 20px;
}
p.left{
	padding-left: 10px;
}

.lpText{
	margin-bottom :40px;
	text-align:center;
}

.indexImg{
	background-image: url("../img/top_pc.jpg?var=1");
	background-repeat: no-repeat;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: 100% auto;
	width: 100%;
	height: auto;
	padding-top: 48.0%;
	object-fit: contain;
}

.products{
	float:left;
	width:30%;
}
.productsImg{
	width: 100%;
}
.img2{
	margin:0 5%;
}


.section{
	width:90%;
	margin:5%;
}


.youtube_outer{
	width:100%;
	aspect-ratio: 16 / 9;
}

.mainText{
	background: #FEF259;
	padding: 40px 40px 40px 40px;
	display: inline-block;
	width: 90%;
	box-shadow: 15px 15px 0px 0px #FECB59;
}
.mainText{
	line-height: 2.5;
}
p{
	line-height: 2.0!important;
}
.f50{
	font-size: 1.5em!important;	
}
.f45{
	font-size: 1.4em!important;
}
.f40{
	font-size: 1.3em!important;
}
.f36{
	font-size: 1.2em!important;
}
.f35{
	font-size: 1.0em!important;
}
.f28{
	font-size: 0.9em!important;
}

.buttonArea{
	background: #FEF259;
	padding: 10px 20px 10px 20px;
	display: inline-block;
	box-shadow: -10px -10px 0px 0px #FECB59;
}

.orange{
	background: #FECB59;
}
.yellow{
	background: #FEF259;
}

.bloc-outer{

}
.bloc{
	text-align: left;

}
.bloc .left{
	float: left;
	width: 55%;

}
.bloc .right{
	float: left;
	width: 45%;
}
.bloc .right img{
	width: 90%;
	margin-left: 10%;
}
label{
	text-align: left;
	padding: 5px 20px 5px 20px;
	width: fit-content;
	display: inline-block;	
}
.b{
	font-weight: 600!important;
}
.bm{
	margin-bottom: 40px;
}
.samole_text .left{
	max-width: 80%;
}
.sale{
	width: 80%;
	margin: 0 10%;
}

.sale .img{
	float: left;
	width: 50%;
}
.sale .img img{
	width: 90%;
	margin-right: 10%;
}
.sale .textArea{
	float: left;
	width: 50%;
}
.sale .textArea .text{
	float: left;
	width: 90%;
	margin-left: 10%;
}
.half{
	display: inline-block;
	display:table;
}
.half .left, .half .right{
	float: initial;
	width: 50%;
	padding: 20px 40px;
	display:table-cell; 
}
.half .left img, .half .right img{
	width: 90%;
	margin: 10px 5%;
}
.half .left{
	background: #FDDECE;
}
.half .right{
	background: #DEF4FF;
}
.half .left, .half .right{
	text-align: center;
}
.half .left p, .half .right p{
	margin: 10px auto;
}
.half_label{
	color :white;
	background: #DE8B9B;
	padding: 5px 40px;
	border-radius: 20px;

}
.cool_label{
	color :white;
	background: #71B2FF;
	padding: 5px 40px;
	border-radius: 20px;
}

.link{
	max-width: 300px;
	width: 300px;
}

/* フルサイズ -------------------------------------------------- */
@media (min-width: 1025px) {
	.rightPc{
		text-align:right;
	}
	.leftPc{
		text-align:left;
	}
	p {
		font-size: 24px!important;
		line-height: 30px;
		letter-spacing: 2px;
	}
	.big{
		font-size: 20px!important;
	}
	.productText{
		font-size: 16px!important;
		line-height: 1.8;
		letter-spacing: 2px;
	}
	.zei{
		font-size: 16px!important;
	}
	.label{
		font-size : 16px!important;
	}
	.small1{
		font-size : 14px!important;
		line-height: 1.2;
		letter-spacing: 2px;
	}
	label{
		margin-left: -70px;;
	}
	label.small{
		margin-left: 0px;;
	}
	img.point1{
		float:left;
		width:47%;
		margin-right: 3%;
	}
	div.point1{
		float:left;
		width:50%;
	}
	img.point2{
		float:right;
		width:50%;
	}
	div.point2{
		float:right;
		width:47%;
		margin-right: 3%;
	}
	.men{
		float:left;
		width:47%;
		margin-right: 3%;
	}
	.men img{
		margin-right: 3%;
	}
	.mt1{
		margin-top: 10px;
		display:inline-block;
	}
	.mt2{
		margin-top: 20px;
		display:inline-block;
	}
	.mt3{
		margin-top: 30px;
		display:inline-block;
	}
	.mt4{
		margin-top: 40px;
		display:inline-block;
	}
	.mb1{
		margin-bottom: 10px;
		display:inline-block;
	}
	.mb2{
		margin-bottom: 20px;
		display:inline-block;
	}
	.mb3{
		margin-bottom: 30px;
		display:inline-block;
	}
	.mb4{
		margin-bottom: 40px;
		display:inline-block;
	}
	.link{
		max-width: 250px;
		width: 250px;
	}
	
}


/* PCサイズ -------------------------------------------------- */
@media (min-width: 751px) and (max-width: 1024px) {
	.contents{
		padding: 40px 20px 20px 20px;
	}
	
	.rightPc{
		text-align:right;
	}
	.leftPc{
		text-align:left;
	}
	p {
		font-size: 14px!important;
		line-height: 28px;
		letter-spacing: 2px;
	}
	.big{
		font-size: 18px!important;
	}
	.productText{
		font-size: 16px!important;
		line-height: 1.8;
		letter-spacing: 2px;
	}
	.zei{
		font-size: 14px!important;
	}
	.label{
		font-size : 16px!important;
	}
	label{
		margin-left: -70px;;
	}
	label.small{
		margin-left: 0px;;
	}

	.small1{
		font-size : 14px!important;
		line-height: 1.2;
		letter-spacing: 2px;
	}
	
	img.point1{
		float:left;
		width:47%;
		margin-right: 3%;
	}
	.men{
		float:left;
		width:47%;
		margin-right: 3%;
	}
	.men img{
		margin-right: 3%;
	}
	div.point1{
		float:left;
		width:50%;
	}
	img.point2{
		float:right;
		width:50%;
	}
	div.point2{
		float:right;
		width:47%;
		margin-right: 3%;
	}
	
	.top_to {
		width: 120px;
	}

	.mt1{
		margin-top: 1vw;
		display:inline-block;
	}
	.mt2{
		margin-top: 2vw;
		display:inline-block;
	}
	.mt3{
		margin-top: 3vw;
		display:inline-block;
	}
	.mt4{
		margin-top: 4vw;
		display:inline-block;
	}
	.mb1{
		margin-bottom: 1vw;
		display:inline-block;
	}
	.mb2{
		margin-bottom: 2vw;
		display:inline-block;
	}
	.mb3{
		margin-bottom: 3vw;
		display:inline-block;
	}
	.mb4{
		margin-bottom: 4vw;
		display:inline-block;
	}
	.link{
		max-width: 220px;
		width: 220px;
	}

}

/* スマホサイズ -------------------------------------------------- */
@media (max-width: 750px) {
	.indexImg{
		background-image: url("../img/top_sp.jpg?var=1");
		padding-top: 125.0%;
	}

	.section{
		width: 100%;
		margin: 0%;
	}
	.contents {
		padding: 60px 0px 20px 0px;
	}

	.bloc, .bloc-outer, .productArea{
		padding: 0px 20px 0px 20px;
	}

	.mainText br.sp{
		line-height: 0;
	}
	.sale img, .sale .textArea, .bloc div .left, .bloc div .right{
		float:initial;
		width: 100%;
	}
	.sale .img{
		width: 100%;
		margin-right: 0%;
		text-align: center;
		margin-bottom: 20px;
	}
	.sale .img img{
		width: 100%;
		margin-right: 0;
	}
	.sale{
		margin-bottom: 20px;;
		padding-bottom: 20px;
		display: inline-block;
	}
	.bm{
		margin-bottom: 20px;
	}
	.bloc div .right{
		margin:20px 0px;
	}
	.bloc .right img{
		width: 100%;
		margin-left: 0%;
	}
	p {
		font-size: 12px!important;
		line-height: 28px;
		letter-spacing: 0.5px!important;
	}
	.big{
		font-size: 18px!important;
	}
	.productText{
		font-size: 14px!important;
		line-height: 1.8;
		letter-spacing: 2px;
	}
	.zei{
		font-size: 14px!important;
	}
	.label{
		font-size : 14px!important;
	}
	.small1{
		font-size : 12px!important;
		line-height: 1.2;
		letter-spacing: 2px;
	}
	.products{
		width:100%;
	}
	.productsImg{
		float:left;
		width:50%;
	}
	.productText.mb1{
		margin-bottom:0px!important;
	}
	.productsText{
		float:left;
		width:45%;
		margin-left:5%;
	}
	.productsText .mt1{
		margin-top:0px!important;
	}
	.productsText .center{
		text-align:left;
	}
	
	.half {
		display: inline-block;
		width: 100%;
	}
	.half .left, .half .right{
		display: inline-block;
		width: 100%;
	}
	.bloc div .right{
		margin-top: 0;
	}
	.img2 {
		margin: 0;
	}

	.link {
		padding: 5px 10px;
	}
	
	.mt1{
		margin-top: 10px;
		display:inline-block;
	}
	.mt2{
		margin-top: 20px;
		display:inline-block;
	}
	.mt3{
		margin-top: 30px;
		display:inline-block;
	}
	.mt4{
		margin-top: 30px;
		display:inline-block;
	}
	.mb1{
		margin-bottom: 10px;
		display:inline-block;
	}
	.mb2{
		margin-bottom: 20px;
		display:inline-block;
	}
	.mb3{
		margin-bottom: 30px;
		display:inline-block;
	}
	.mb4{
		margin-bottom: 30px;
		display:inline-block;
	}
	.bloc, .bloc-outer, .productArea {
		padding: 0px;
	}
	.bloc div .right {
		margin: 20px 0px;
	}
	.f35{
		margin-left: 10px;
	}
	.productArea{
		margin: 0 5% 40px 5%;
		width: 90%;
	}
	.bloc .right img {
		width: 80%;
		margin: 0px 10%;
	}
	.youtube_outer {
		text-align: center;
		margin: 40px auto 0px;
		width: 90%;
	}
	.youtube_right{
		margin: 20px 0px 0px 0px!important;
	}
}

/* スマホ小サイズ -------------------------------------------------- */
@media (max-width: 560px) {
	.contents {
		padding: 0px;
	}
	.mainText{
		margin-top: 60px;
		margin: 60px 10% 0px;
		width: 80%;
		padding: 40px 10px 40px 10px;
		letter-spacing : -1px
	}
	.lpText {
		margin-bottom: 40px;
	}
	.mt05{
		margin-top:5px;
	}
	.productsImg, .productsText{
		float:initial;
		width: 100%;
	}
	.sale .img{
		width: 100%;
		margin-right: 0%;
		text-align: center;
		margin-bottom: 20px;
	}
	.inu_img_outer {
		float: right;
		shape-outside: circle();
		margin: 15px;
		width: 180px;
		height: auto;
		padding-left: 20px;
	 }
	 .mainText {
		background: #FEF259;
		padding: 20px 10px 40px 20px;
	 }
	 .mainText{
		line-height: 2.2;
	}
	.samole_text .left , .f35{
		max-width: 95%;
	}
	p{
		line-height: 1.8!important;
	}
	.f50{
		font-size: 1.4em!important;	
	}
	.f45{
		font-size: 1.3em!important;
	}
	.f40{
		font-size: 1.2em!important;
	}
	.f36{
		font-size: 1.1em!important;
	}
	.f35{
		font-size: 1.2em!important;
	}
	.f30{
		font-size: 0.8em!important;
	}
	.f28{
		font-size: 0.8em!important;
	}

	.products{
		margin-bottom: 40px;
	}
	.productsText .center {
		text-align: center;
	  }
	.bloc, .bloc-outer, .productArea {
		padding: 0px;
	}
	.sale {
		margin-bottom: 40px;
		display: inline;
	}
	.sale .img {
		width: 80%;
		margin: 0 10% 20px;;
		text-align: center;
	  }
	
	.buttonArea{
		font-size: 1.3em!important;
	}
	.bloc p{
		padding-left: 10px;
	}
	.bloc .right img {
		width: 80%;
		margin: 10px 10% 0 ;
	}
	.youtube_outer{
		text-align: center;
		margin: 20px auto 0px;
		width: 90%;
	}
	.productsImg, .productsText {
		width: 80%;
	}
	.productsText p{
		font-size: 1.2em;
	}
	.productsText{
		margin: 10px auto;
	}
	.sale .textArea .text{
		float: initial;
		width: 100%;
		margin-left: 0%;
	 }
}

@media (max-width: 480px) {
	.ml10{
		padding-left: 10px;
	}	
}

@media (max-width: 380px) {
	.link.mt2{
		margin-top: 5px;
	}
	.link {
		padding: 5px 20px;
	  }
	.f36{
		font-size: 1.0em!important;
	}
	.f35{
		font-size: 1.1em!important;
	}
	.f30{
		font-size: 0.7em!important;
	}
	.f28{
		font-size: 0.7em!important;
	}
}
@media (max-width: 390px) {
	p {
		font-size: 12px!important;
		line-height: 20px;
		letter-spacing: 2px;
	}
	.big{
		font-size : 18px!important;
		line-height: 1.4;
	}
	.productText{
		font-size: 12px!important;
		line-height: 1.8;
		letter-spacing: 2px;
	}
	.zei{
		font-size: 12px!important;
	}
	.label{
		font-size: 16px!important;
		line-height: 1.4;
	}
	.small1{
		font-size : 10px!important;
		line-height: 1.4;
		letter-spacing: 2px;
	}
	.s1{
		font-size: 16px!important;
	}
	.s2{
		font-size: 10px!important;
	}
	.sen2::before, .sen2::after {
		transform: scale(0.6);
	}
}
@media (max-width: 440px) {
	.half .left, .half .right {
		padding: 20px 20px;
	  }
}
/*----------------------------------------------------------------------------------------*/
.slider_container{
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}
 
.slider_wrap{
	width: 100%;
}
 
.slider_img{
	display: block;
	object-fit: cover;
	width: 100%;
	height: auto;
}
 
/* bxSliderのスタイル */
.bx-wrapper{
	position: relative;
}
 
.bx-viewport{
	overflow: visible !important; /* これを追加しないとうまくいかない */
}
 
.bx-wrapper .bx-controls-direction a{
	outline: 0;
	text-indent: -9999px;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
}
 
.bx-wrapper .bx-next{
	right: 5%;
}
.bx-wrapper .bx-prev {
	left: 5%;
}
 
.bx-wrapper .bx-pager{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
}
 
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border-radius: 1000px;
	display: block;
	opacity: 0.5;
	text-indent: -9999px;
	width: 15px;
	height: 15px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	opacity: 1;
}

.slider_wrap img{
	object-fit: cover;
	margin: 0 auto;
}

.slider_container{
	text-align: center;
}

.slider_container p{
	margin-top: 10px;
	text-align: center;
}