.header__logo{
	padding: 10px 0px;
	width: 100px;
}
.header__menu .navtext {
 font-family: "Noto Sans JP", sans-serif!important;
}
body .icon-theme-stroke {
 stroke: #FFF;
}
body .drawer__close .icon-theme-stroke {
 stroke: #000;
}

body {
overflow-x: hidden;
font-family: "Noto Sans JP", sans-serif;
}
.pc{
 display: block;
}
.sp{
 display: none;
}
@media only screen and (max-width: 479px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	.header__logo{
			padding: 7px 0px;
			width :100%;
			text-align: center;
	}
	.header__logo a{
	 width: 100px;
	}
	.header__logo img{
	 width: 100px;
	}
}

@media only screen and (min-width: 480px) {
 .header__menu .menu__item.parent {
	 position: relative;
	}
	
 .header__menu .navtext{
	 position: relative;
	}
 .header__menu .navtext:before{
	 content: "";
		width: 0px;
		height: 2px;
		opacity: 0;
		position: absolute;
		left: 0px;
		bottom: -8px;
		background: rgb(255,255,255,0.15);
		transition: all 200ms 0s;
	}
	.header__menu .navtext:hover:before{
	 width: 100%;
		opacity: 1;
	}
	.header__menu .header__dropdown{
	 background: #16483b;
  color: #FFF;
		border: none;
	
  white-space: nowrap; /* テキスト折り返しを防止 */
	}
	.header__menu .header__dropdown .c{
	 font-size: 10.35px;
	}
	.header__menu .header__dropdown .c a:hover{
	 opacity: 0.7;
	}
}

.font1{
	font-family: "Roboto Flex", sans-serif!important;
	font-size: 12px!important;
	font-weight: 600!important;
	line-height: 25px!important;
	letter-spacing: 0.05em!important;
}
.font2{
	font-family: "Noto Sans JP", sans-serif!important;
	font-size: 22px!important;
	font-weight: 500!important;
	line-height: 25px!important;
	letter-spacing: 0.05em!important;
}
.font3{
	font-family: "Noto Sans JP", sans-serif!important;
	font-size: 12px!important;
	font-weight: 400!important;
	line-height: 22px!important;
	letter-spacing: 0.00em!important;
}
.font4{
	font-family: "Roboto Flex", sans-serif!important;
	font-size: 25px!important;
	font-weight: 700!important;
	line-height: 30px!important;
	letter-spacing: 0.00em!important;
}
.font5{
	font-family: "Noto Sans JP", sans-serif!important;
	font-size: 25px!important;
	font-weight: 700!important;
	line-height: 30px!important;
	letter-spacing: 0.00em!important;
}
.font5s{
	font-family: "Noto Sans JP", sans-serif!important;
	font-size: 20px!important;
	font-weight: 700!important;
	line-height: 30px!important;
	letter-spacing: 0.00em!important;
}
.font6{
	font-family: "Noto Sans JP", sans-serif!important;
	font-size: 12px!important;
	font-weight: 400!important;
	line-height: 22px!important;
	letter-spacing: 0.00em!important;
}
.font7{
	font-family: "Noto Sans JP", sans-serif!important;
	font-size: 12px!important;
	font-weight: 400!important;
	line-height: 20px!important;
	letter-spacing: 0.05em!important;
}
.font8{
	font-family: "Roboto Flex", sans-serif!important;
	font-size: 18px!important;
	font-weight: 700!important;
	line-height: 20px!important;
	letter-spacing: 0.05em!important;
}
.font9{
	font-family: "Noto Sans JP", sans-serif!important;
	font-size: 12px!important;
	font-weight: 700!important;
	line-height: 20px!important;
	letter-spacing: 0.1em!important;
}
@media only screen and (min-width: 480px) {
.font1{
	font-size: 14px!important;
	line-height: 30px!important;
}
.font2{
	font-size: 26px!important;
	line-height: 30px!important;
}
.font3{
	font-size: 14px!important;
	line-height: 25px!important;
}
.font4{
	font-size: 28px!important;
	line-height: 35px!important;
}
.font5{
	font-size: 28px!important;
	line-height: 35px!important;
}
.font5s{
	font-size: 28px!important;
	line-height: 35px!important;
}
.font6{
	font-size: 14px!important;
	line-height: 25px!important;
}
.font7{
	font-size: 14px!important;
	line-height: 23px!important;
}
.font8{
	font-size: 21px!important;
	line-height: 23px!important;
}
.font9{
	font-size: 14px!important;
	line-height: 23px!important;
}
}




.container{
 margin: 0 auto;
	width : -webkit-calc(100% - 80px) ;
 width : calc(100% - 80px) ;
	max-width: 1080px;
}

.mvArea{
 margin: 0px 0px 160px 0px;
	padding: 0px;
}
.mvArea img{
 width: 100%;
}
.messageTextArea{
 margin: 0px 0px 200px 0px;
	padding: 0px;
}
.messageTextArea .titleArea {
 margin: 0px 0px 40px 0px;
	padding: 0px;
	text-align: center;
}
.messageTextArea .titleArea .en{
 margin: 0px 0px 40px 0px;
	padding: 0px;
}
.messageTextArea .titleArea .main{
	margin: 0px;
	padding: 0px;
}
.messageTextArea .messageText {
 margin: 0px;
	padding: 0px;
	text-align: center;
}
.linkBoxArea {
 margin: 0px 0px 200px 0px;
	padding: 0px;
}
.linkBoxArea .linkBoxRow {
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.linkBoxArea .linkBoxRow .imgArea{
 width: 52%;
	margin: 0px;
	padding: 0px;
}
.linkBoxArea .linkBoxRow .imgArea img{
 width: 100%;
	aspect-ratio:16/9;
	object-fit: cover;
}
.linkBoxArea .linkBoxRow .textArea {
 width : -webkit-calc(48% - 80px) ;
 width : calc(48% - 80px) ;
}
.linkBoxArea .linkBoxRow .textArea .title{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
.linkBoxArea .linkBoxRow .textArea .link{
}
.linkBoxArea .linkBoxRow .textArea .link a{
	transition: all 300ms 0s ease;
}
.linkBoxArea .linkBoxRow .textArea .link a:hover{
 opacity: 0.7;
}
.linkBoxArea .linkBoxRow .textArea .link a:after{
 content: "";
	width: 8px;
	height: 8px;
 background: url("../newimg/icon_link.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
	display: inline-block;
	transition: all 300ms 0s ease;
}
.linkBoxArea .linkBoxRow .textArea .link a:hover:after{
 margin-left: 10px;
}
.linkBoxArea .linkBoxRow.reverse .imgArea {
 order: 2;
}
.linkBoxArea .linkBoxRow.reverse .textArea {
 order: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.movieArea {
 margin: 0px 0px 200px 0px;
	padding: 0px;
}
.movieArea .video{
	pointer-events: none;
	width: 100%;
}
.movieArea .video::-webkit-media-controls,
.movieArea .video::-webkit-media-controls-enclosure,
.movieArea .video::-webkit-media-controls-panel {
  display: none !important;
}

.serviceListArea{
 margin: 0px 0px 200px 0px;
	padding: 0px;
}
.serviceListArea .serviceListRow{
 display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0px;
	padding: 0px;
}
.serviceListArea .serviceListRow .serviceListBox {
 width : -webkit-calc(33.3% - 30px) ;
 width : calc(33.3% - 30px) ;
	margin: 0px;
	padding: 0px;
}
.serviceListArea .serviceListRow .serviceListBox .img{
 margin: 0px 0px 20px 0px;
	padding: 0px;
}
.serviceListArea .serviceListRow .serviceListBox .img img{
 margin: 0px 0px 20px 0px;
	padding: 0px;
	object-fit: cover;
}
.serviceListArea .serviceListRow .serviceListBox .title {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.serviceListArea .serviceListRow .serviceListBox .text {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.serviceListArea .serviceListRow .serviceListBox .link{
}
.serviceListArea .serviceListRow .serviceListBox .link a{
	transition: all 300ms 0s ease;
}
.serviceListArea .serviceListRow .serviceListBox .link a:hover{
 opacity: 0.7;
}
.serviceListArea .serviceListRow .serviceListBox .link a:after{
 content: "";
	width: 8px;
	height: 8px;
 background: url("../newimg/icon_link.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
	display: inline-block;
	transition: all 300ms 0s ease;
}
.serviceListArea .serviceListRow .serviceListBox .link a:hover:after{
 margin-left: 10px;
}

.fullImgArea{
 margin: 0px 0px 200px 0px;
}
.fullImgArea .img img{
 width: 100%;
	
	object-fit: cover;
}

.shopifyArea{
 margin: 0px 0px 200px 0px;
}

.shopifyArea .titleArea {
 margin: 0px 0px 120px 0px;
	padding: 0px;
	text-align: center;
}
.shopifyArea .titleArea .en{
 margin: 0px 0px 40px 0px;
	padding: 0px;
}
.shopifyArea .titleArea .main{
	margin: 0px;
	padding: 0px;
}

.shopifyArea .storeList{
 margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.shopifyArea .storeList .stopreBox{
 margin: 0px;
	padding: 0px 0px 160px 0px;;
	width : -webkit-calc(50% - 40px) ;
 width : calc(50% - 40px) ;
	position: relative;
}

.shopifyArea .storeList .stopreBox .slick-dots li button:before {
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
}

.shopifyArea .storeList .stopreBox .name{
	margin: 0px 0px 10px 0px;
}
.shopifyArea .storeList .stopreBox .text{
		margin: 0px 0px 20px 0px;
}

.shopifyArea .storeList .stopreBox .statusList{
		margin: 0px 0px 20px 0px
}
.shopifyArea .storeList .stopreBox .statusList .statusBox{
 margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #CCC;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.shopifyArea .storeList .stopreBox .statusList .statusBox .i{
 margin: 0px;
	padding: 0px;
	font-weight: bold;
	width: 100px;
	font-size: 14px;
}
.shopifyArea .storeList .stopreBox .statusList .statusBox .c{
 margin: 0px;
	padding: 0px;
	width : -webkit-calc(100% - 120px) ;
   width : calc(100% - 120px) ;
			font-size: 14px;
}
.shopifyArea .storeList .stopreBox .map iframe{
 width: 100%;
	aspect-ratio:2/1;
}
.shopifyArea .storeList .stopreBox .btnArea{
 position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	text-align: center;
}
.shopifyArea .storeList .stopreBox .btnArea .index{
 margin: 0px 0px 10px 0px;
}
.shopifyArea .storeList .stopreBox .btnArea .sbtn{
 margin: 0px;
}
.shopifyArea .storeList .stopreBox .btnArea .sbtn a{
 display: block;
	width: 160px;
	margin: 0px auto;
	padding: 13px 0px;
	border-radius: 5px;
	border: 1px solid #000;
	transition: all 300ms 0s ease;
}
.shopifyArea .storeList .stopreBox .btnArea .sbtn a:hover{
 color: #FFF;
	background: #000;
}

.storeInfoArea{
 margin: 0px 0px 200px 0px;
}
.storeInfoArea .titleArea {
 margin: 0px 0px 120px 0px;
	padding: 0px;
	text-align: center;
}
.storeInfoArea .titleArea .en{
 margin: 0px 0px 40px 0px;
	padding: 0px;
}
.storeInfoArea .titleArea .main{
	margin: 0px;
	padding: 0px;
}
.storeInfoArea .storeRow {
 margin: 0px auto;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	max-width: 900px;
}
.storeInfoArea .storeRow .imgArea{
 width : -webkit-calc(50% - 30px) ;
 width : calc(50% - 30px) ;
	background: #000;
}
.storeInfoArea .storeRow .imgArea img{
		object-fit: cover;
		width: 100%;
}
.storeInfoArea .storeRow .textArea{
 margin: 0px;
	padding: 0px;
	width : -webkit-calc(50% - 30px) ;
 width : calc(50% - 30px) ;
}
.storeInfoArea .storeRow .textArea .index {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.storeInfoArea .storeRow .textArea .text {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

.storeInfoArea .storeRow .textArea .link{
}
.storeInfoArea .storeRow .textArea .link a{
	transition: all 300ms 0s ease;
}
.storeInfoArea .storeRow .textArea .link a:hover{
 opacity: 0.7;
}
.storeInfoArea .storeRow .textArea .link a:after{
 content: "";
	width: 8px;
	height: 8px;
 background: url("../newimg/icon_link.png") center center no-repeat;
	background-size: contain;
	margin-left: 5px;
	display: inline-block;
	transition: all 300ms 0s ease;
}
.storeInfoArea .storeRow .textArea .link a:hover:after{
 margin-left: 10px;
}
.storeInfoArea .storeRow.reverse .imgArea{
 order: 2;
}
.storeInfoArea .storeRow.reverse .textArea{
 order: 1;
}

@media only screen and (max-width: 479px) {
	.mvArea{
	 margin: 0px 0px 80px 0px;
	}

	.messageTextArea{
	 margin: 0px 0px 80px 0px;
	}

	.messageTextArea .messageText{
	 text-align: left;
	}
	
	.linkBoxArea{
	 margin: 0px 0px 80px 0px;
	}
	.linkBoxArea .linkBoxRow{
	 display: block;
	}
	.linkBoxArea .linkBoxRow .imgArea{
	 margin: 0px 0px 20px 0px;
		width: auto;
	}
	.linkBoxArea .linkBoxRow .imgArea img{
	 aspect-ratio:auto;
	}
	.linkBoxArea .linkBoxRow .textArea{
	 width: auto;
	}
	.linkBoxArea .linkBoxRow.reverse .textArea{
	 display: block;
	}
	
	.movieArea{
	 margin: 0px 0px 80px 0px;
	}
	.serviceListArea{
	 margin: 0px 0px 80px 0px;
	}
 .serviceListArea .serviceListRow{
	 display: block;
	}
	.serviceListArea .serviceListRow .serviceListBox{
	 width: auto;
		margin: 0px 0px 80px 0px;
	}
	
	.serviceListArea .serviceListRow .serviceListBox:last-of-type{
	 margin: 0px;
	}
	.fullImgArea{
	 margin: 0px 0px 80px 0px;
	}
	.fullImgArea .img img{
	}
	
	
	.shopifyArea{
	 margin: 0px 0px 80px 0px;
	}
	.shopifyArea .titleArea{
	     margin: 0px 0px 60px 0px;
	}

	.shopifyArea .storeList{
	 display: block;
	}
	.shopifyArea .storeList .stopreBox{
	 width: auto;
		margin: 0px 0px 80px 0px;
		padding: 0px;
	}
	.shopifyArea .storeList .stopreBox:last-of-type{
	 margin: 0px;
	}
	.shopifyArea .storeList .stopreBox .statusList .statusBox .i{
	 font-size: 12px;
		width: 70px;
	}
	.shopifyArea .storeList .stopreBox .statusList .statusBox .c{
	 font-size: 12px;
		width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
	}
	.shopifyArea .storeList .stopreBox .btnArea{
	 position: inherit;
		left: inherit;
		bottom: inherit;
		margin-top: 40px;
	}
	.shopifyArea .storeList .stopreBox .btnArea .sbtn a{
		width: 140px;
	}
	.storeInfoArea{
	 margin: 0px 0px 80px 0px;
	}
	.storeInfoArea.bottom{
	 margin: 0px 0px 120px 0px;
	}
	.storeInfoArea .titleArea{
		 margin: 0px 0px 60px 0px;
	}
	.storeInfoArea .storeRow{
	 display: block;
	}
	.storeInfoArea .storeRow .imgArea{
	 width: auto;
		margin: 0px 0px 20px 0px;
	}
	.storeInfoArea .storeRow .textArea{
	 width: auto;
	}
}


.footer .footer__accordion__head,
.footer .heading-size-6,
.header__wrapper .sliderow__title{
 font-family: "Noto Sans JP", sans-serif!important;
}
.footer .heading-size-6{
 font-size: 18px!important;
	font-family: Helvetica, Arial, sans-serif!important;
}
.subfooter__item {
 font-size: 14.3px!important;
	font-family: Helvetica, Arial, sans-serif!important;
}
@media only screen and (max-width: 479px) {
.footer .heading-size-6{
 font-size: 18px!important;
}
.subfooter__item {
 font-size: 13.2px!important;
}
}

body .slick-slide{
 margin-right: 0px;
}