@charset "utf-8";

/* =reset
----------------------------------*/
@font-face {
	font-family: 'myfonts';
	font-weight: 400; 
	src: url(https://www.hokkaido-loco.com/data/fonts/A-OTF-FOLKPRO-MEDIUM.OTF) format('opentype');
   }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,label,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option,figure,figcaption{
	margin:0;
	padding:0;
	font-family: 'myfonts', sans-serif;
	/* font-family:  'M PLUS 1p', sans-serif;　元々のフォント */
	font-weight:400;
	letter-spacing: .15em;;
	line-height: 1;}
table{
	border-collapse:collapse;
	border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{
	font-style:normal;
	font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

a,ins,del{text-decoration: none;}
a {cursor: pointer;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;}
img{
	max-width: 100%;
	height: auto;
	border: 0;
	margin: 0px;
	vertical-align: bottom;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;}
object,embed,th,td{vertical-align: top;}
input,textarea,select{font-size: 1em;}
picture,figure,audio{display: inline-block;}
audio {max-width: 100%;}
/* =clearfix
----------------------------------*/
.clf::after {
	content: "";
	display: block;
	clear: both;}
/* =no ios style
----------------------------------*/
input[type="submit"],
input[type="button"],
input[type="reset"] {
 -webkit-appearance: none;}
/* =contents elements
----------------------------------*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
* {
	box-sizing: border-box;
	outline: none;}
html{
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;}
body{
	padding: 0;
	font-size: 15px;
	color: #542812;
	/* color: #111; */
	position: relative;
	opacity: 0;
	transition: all 1s;}
	body.view{
		opacity: 1;
	}

.oswald{
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
}
.wrap{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}
main .contents_title{
	margin-bottom: 50px;
	font-size: 34px;
	font-weight: 400;
	text-align: center;
	line-height: 1.5;
}
main .contents_title.category{
	font-size: 24px;
}
main .contents_title .border_wrap{
	display: inline-block;
	position: relative;
}
main .contents_title .border_wrap::before{
	content: "";
	width: 1px;
	height: 25px;
	background: #707070;
	position: absolute;
	bottom: -34px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.link_wrap {
	text-align: center;
}
.link_wrap a{
	width: 100%;
	max-width: 365px;
	display: inline-block;
	padding: 20px 0 18px 0;
	text-align: center;
	color: #fff;
	background: #a7804b;
	border: 1px solid #a7804b;
	/* background: #FFA746; */
	border-radius: 30px;
	transition: all.3s;
	box-shadow:0 2px 4px rgba(0, 0, 0, .2);
}
.link_wrap a:hover{
	/* background: #E98166; */
	color: #fff;
    border: 1px solid #e3be53;
    background: #e3be53;
	box-shadow: none;
	transform: translateY(2px);
}
.link_wrap a span{
	position: relative;
}
.link_wrap a span::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 6px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top:7px;
	right: -17px;
	transition: all .3s;
}
.fix_wrap{
	position: fixed;
	bottom: 225px;
	right: 0;
	z-index: 999;
}
.fix_wrap .fix_item{
	margin-bottom: 2px;
}
.fix_wrap .fix_item:last-child{
	margin-bottom: 0;
}
.fix_wrap .fix_item a{
	width: 80px;
	height: 80px;
}
.fix_wrap .fix_item.map a{
	display: block;
	background: #E6613F;
}
.fix_wrap .fix_item a .image_wrap{
	padding-top: 14px;
	margin-bottom: 10px;
}
.fix_wrap .fix_item a .image_wrap img{
	display: block;
	width: auto;
	height: 30px;
	margin: 0 auto;
}
.fix_wrap .fix_item a .text{
	font-size: 12px;
	text-align: center;
	color: #fff;
}
/*SNS*/
.sns_wrap{
	position: fixed;
	bottom: 20px;
	left: 5px;
	z-index: 999;
}
.sns_wrap .sns_item{
	margin-bottom: 20px;
}
.sns_wrap .sns_item:last-child{
	margin-bottom: 0;
}
.sns_wrap .sns_item a{
	display: block;
	width: 26px;
}
.sns_wrap .sns_item.facebook svg{
	display: block;
	width: 15px;
	height: 26px;
	margin: 0 auto;
}
.sns_wrap .sns_item.instagram svg{
	width: 26px;
	height: 26px;
}
.sns_wrap .sns_item path{
	fill: #fff;
	transition: all .3s;
}
.scrolled .sns_wrap .sns_item path,
.nav_open_wrap .sns_wrap .sns_item path,
.ud_header .sns_wrap .sns_item path{
	fill: #111;
}
.sns_wrap .sns_item a:hover path,
.scrolled .sns_wrap .sns_item a:hover path{
	fill: #E6613F;
}
.pagetop_wrap{
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 999;
	display: none;
}
.pagetop_wrap #pagetop{
	display: block;
	width: 70px;
	margin: 0 auto;
	cursor: pointer;
}
.overlay_wrap{
	display: block;
}
.overlay_wrap .overlay{
	content: "";
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	transition: all .3s;
	z-index: 1;
	opacity: 0;
}
.overlay_wrap:hover .overlay {
	opacity: 1;
}
.overlay_wrap .overlay .text{
	font-size: 18px;
	color: #fff;
}
.pickup_color{
	color: #E6613F;
}
/*=============================================================

フォント関係

=============================================================*/


/* =============================================================

新着情報

=============================================================*/
#home_news h2 {
	text-align: center;
	font-size: 34px;
	position: relative;
}
#home_news h2::after{
	content: "";
    width: 1px;
    height: 25px;
    background: #707070;
    position: absolute;
    bottom: -34px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#home_news ul{
    width: 90%;
	margin: 45px auto auto auto;
}
  @keyframes border_anim {
	0%{
	  width: 0%;
	}
	100%{
	  width: 100%;
	}
  }
#home_news ul li{
	position: relative;
	border-bottom: 1px solid #777;
}
#home_news ul li span{
	position: relative;
    display: inline-block;
    line-height: 22px;
    margin-left: 1em;
    color: #542812;
	padding: 0 10px;
}
#home_news ul li::after{
	content: "";
	width: 8px;
    height: 8px;
	border-right: 2px solid #542812;
    border-top: 2px solid #542812;
    position: absolute;
    z-index: 100;
    right: 5px;
    top: 55%;
    margin: -4px 0 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
	transition: .2s;
}
#home_news ul li:hover::after{
	right: -5px;
}
#home_news ul li a{
	display: block;
	padding: 12px;
	transition: .2s;
}

#home_news ul li time {
    display: block;
    color: #E6613F;
    line-height: 20px;
    padding: 0 0 5px 0;
}

#home_news .btnarea{
	text-align: center;
	margin: 30px auto;
}

#home_news .btn_basic{
	width: 100%;
	position: relative;
    max-width: 300px;
    display: inline-block;
    padding: 20px 0 18px 0;
    text-align: center;
    color: #fff;
	border: 1px solid #78582c;
    background: #78582c;
    border-radius: 30px;
    transition: all.3s;
    box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
}

#home_news .btn_basic::after{
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4.5px 0 4.5px 6px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
	top: 23px;
    right: 85px;
    transition: all .3s;
}

#home_news .btn_basic:hover {
	background: #e3be53;
    border: 1px solid #e3be53;
    color: #ffffff;
    /* background: #E98166; */
    box-shadow: none;
    transform: translateY(2px);
}

#home_news .home-news-cat{
	display: flex;
	align-items: baseline;
}
#home_news .home-news-cat span {
	display: inline-block;
	background: #542812;
	width: 100px;
	text-align: center;
	color: #fff;
	line-height: 20px;
}

.page_midashi_bgi {
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 75px;
    background: url(https://www.hokkaido-loco.com/data/images/home/home_mainVisual.jpg) no-repeat bottom;
    background-size: cover;
    position: relative;
}
.page_midashi_bgi .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: absolute;
    top: 0;
    z-index: 0;
}
.page_midashi_bgi span{
	font-size: 34px;
		display: inline-block;
		padding: 40px 24px;
		font-size: 34px;
		line-height: 1.25;
		color: #fff;
		text-align: center;
		border: 1px solid #fff;
}
.page_midashi_bgi h2{
	z-index: 2;
	padding-top: 100px;
}
.news-content a {
    text-decoration: underline;
    color: #E6613F;
}
.news-category {
	display: flex;
	align-items: baseline;
	max-width: 230px;
	margin: 10px 0;
	width: 100%;
	justify-content: space-between;
}
.news-category time{
	color:#E6613F ;
}
.news-category ul li{
	display: inline-block;
    background: #542812;
    width: 100px;
}
.news-category ul li a{
	display: block;
    color: #fff;
    text-align: center;
    line-height: 20px;
}
.news-detail__title {
	text-align: left;
	font-size: 21px;
	line-height: 25px;
}
.news-header {
    border-bottom: 1px solid #777;
    margin-bottom: 20px;
}
.news-content p{
	line-height: 1.5;
	margin-bottom: 1em;
}
.news-detail__body {
    margin-bottom: 30px;
}

/* 

前へ、次へボタン

*/
.prev_next_list {
    position: relative;
    width: 100%;
    margin: 20px auto;
}
.prev_next_list .prev,
.prev_next_list .next {
    position: absolute;
    top: 6px;
}
.prev_next_list .prev a,
.prev_next_list .next a{
	display: block;
	transition: all 0.5s;
	color: #542812;
}
.prev_next_list .prev a:hover,
.prev_next_list .next a:hover{
	color: #E6613F;
}


/* 

前へボタン

*/
.prev_next_list .prev {
    left: 0;
	top: 10px;
	padding: 0;
}
.prev_next_list .prev a:before {
    content: "";
    display: inline-block;
    right: 0;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border-left: 2px solid #E6613F;
    border-bottom: 2px solid #E6613F;
    transform: rotate(45deg);
}
.archive_page_navi .prev_next_list  .prev{
	top: 8px;
	padding-left: 35px;
}
/* 

次へボタン

*/
.prev_next_list .next {
	right: 0;
	top: 10px;
	padding: 0;
}
.prev_next_list .next a:after {
    content: "";
    display: inline-block;
    right: 0;
    width: 8px;
    height: 8px;
    margin-right: 2px;
    border-top: 2px solid #E6613F;
    border-right: 2px solid #E6613F;
    transform: rotate(45deg);
}
.archive_page_navi .prev_next_list  .next{
	top: 8px;
	padding-right: 35px;
}
/* 

一覧へ戻るボタン

*/

.prev_next_list .back_home a {
	display: block;
	max-width: 130px;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	border: 1px solid #78582c;
    background: #78582c;
	transition: all 0.5s;
	color: #fff;
}
.prev_next_list .back_home a:hover{
	background: #fff;
    border: 1px solid #78582c;
    color: #78582c;
}

.news-container {
    padding: 0 40px;
}
.page_midashi_bgi {
    margin-bottom: 50px;
}
.news-prev-next-area {
    border-top: 1px solid #777;
}

/* =============================================================

新着情報

=============================================================*/

/* =============================================================

お知らせ一覧

=============================================================*/
#news_list_items{
	padding: 0 40px;
}
#news_list_items a {
    color: #542812;
	padding: 0 40px;
}

#news_list_items ul{
	max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
#news_list_items li{
	border-bottom: 1px solid #777;
}
#news_list_items ul li a {
    padding: 20px;
    display: block;
    position: relative;
}
#news_list_items .cateBox {
    display: flex;
    align-items: center;
}
#news_list_items time {
    color: #E6613F;
    padding-right: 20px;
}
#news_list_items .cate {
    display: inline-block;
    background: #542812;
    width: 100px;
    text-align: center;
    color: #fff;
    line-height: 20px;
}
#news_list_items .mainText {
    line-height: 1.5;
    margin-left: 1em;
	margin-top: 10px;
}
#news_list_items a:after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #542812;
    border-top: 2px solid #542812;
    position: absolute;
    z-index: 100;
    right: 5px;
    top: 55%;
    margin: -4px 0 0 0;
    -webkit-transform: rotate( 45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate( 45deg);
    transition: .2s;
}
#news_list_items a:hover:after {
    right: -5px;
}

.archive_page_navi {
    margin: 30px auto;
}
.wp-pagenavi .number_wrap {
    display: flex;
	justify-content: center;
    /* width: 80%; */
    /* margin: 0 auto; */
}
.wp-pagenavi .number_wrap a.page,
.wp-pagenavi .number_wrap .current{
	display: block;
	width: 30px;
	height: 30px;
	padding-top: 8px;
	text-align: center;
	border: 1px solid #E6613F;
}
.wp-pagenavi .number_wrap a.page{
	margin: 0 1px;
	background: #E6613F;
	color: #fff;
	transition: all 0.5s;
}
.wp-pagenavi .number_wrap a.page:hover {
	border: 1px solid #E6613F;
	background: #fff;
	color: #E6613F;
}
.wp-pagenavi .number_wrap .current{
	margin: 0 1px;
	background: #fff;
	color: #E6613F;
}

/* =============================================================

お知らせ一覧

=============================================================*/


/* =========================================================================
 739PX
========================================================================= */
@media all and (min-width:740px) {
	.pc_none{
		display: none;
	}
}
/* =========================================================================
 939PX
========================================================================= */
@media all and (min-width:940px) {
	main .contents_title{
		margin-bottom: 50px;
		font-size: 42px;
	}
	main .contents_title.category{
		font-size: 28px;
	}
	#home_news ul {
		max-width: 800px;
		width: 100%;
		margin: 45px auto 50px auto;
	}
	#home_news ul li a{
		display: block;
		padding: 25px;
	}
	#home_news .btnarea{
		margin: 60px auto;
	}
	#home_news h2 {
		font-size: 42px;
	}
	#home_news .btn_basic{
		max-width: 365px;
		font-size: 18px;
	}
	#home_news .btn_basic::after{
		top: 25px;
	}
	.page_midashi_bgi span{
		font-size: 42px;
	}
	.news-detail__title {
		font-size: 34px;
		line-height: 40px;
	}
	.news-container {
		max-width: 800px;
		width: 100%;
		margin: auto auto 50px auto;
	}
	.news-category {
		margin: 15px 0;
	}
	.news-content p {
		line-height: 1.7;
	}
	.prev_next_list .back_home a {
		padding: 10px 0;
	}
	.prev_next_list {
		margin: 45px auto;
	}
	.prev_next_list .back_home a {
		max-width: 200px;
	}
	#news_list_items{
		padding: 0;
	}
	.archive_page_navi {
		margin: 50px auto;
	}
	.news-list-navi{
		width: 40%;
	}
	.archive_page_navi .prev_next_list  .next{
		padding-right: 30%;
	}
	.archive_page_navi .prev_next_list  .prev{
		padding-left: 30%;
	}
	.link_wrap a span::before{
		top:10px;
	}
	.link_wrap a span{
		font-size: 18px;
	}
	
	
}
/* =========================================================================
 999PX
========================================================================= */
@media all and (min-width:1020px) {

}

/* =========================================================================
 1039PX
========================================================================= */
@media all and (min-width:1040px) {

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			HEADER / FOOTER

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/***HEADER***/
header {
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	z-index: 9999;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}
header .header_inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 20px;
}
header .header_inner .header_logo{
	width: 140px;
}
header .header_inner .header_logo a{
	transition: all .3s;
}
header .header_inner .header_logo a:hover{
	opacity: .7;
}
header .header_navi{
	display: none;
}
/*ハンバーガーメニュー*/
.btn_trigger {
  position: relative;
  width: 50px;
  height: 30px;
  cursor: pointer;
}
.btn_trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #6B8C32;
  border-radius: 4px;
}
.btn_trigger, .btn_trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box;
}
.btn_trigger span:nth-of-type(1) {
  top: 0;
}
.btn_trigger span:nth-of-type(2) {
  top: 15px;
}
.btn_trigger span:nth-of-type(3) {
  bottom: 0;
}
.btn_trigger span:nth-of-type(1) {
  -webkit-animation: btn07-bar01 .75s forwards;
  animation: btn07-bar01 .75s forwards;
}
@-webkit-keyframes btn07-bar01 {
  0% {
    -webkit-transform: translateY(15px) rotate(30deg);
  }
  50% {
    -webkit-transform: translateY(15px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar01 {
  0% {
    transform: translateY(15px) rotate(30deg);
  }
  50% {
    transform: translateY(15px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.btn_trigger span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.btn_trigger span:nth-of-type(3) {
  -webkit-animation: btn07-bar03 .75s forwards;
  animation: btn07-bar03 .75s forwards;
}
@-webkit-keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-15px) rotate(-30deg);
  }
  50% {
    -webkit-transform: translateY(-15px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar03 {
  0% {
    transform: translateY(-15px) rotate(-30deg);
  }
  50% {
    transform: translateY(-15px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.btn_trigger.active span:nth-of-type(1) {
  -webkit-animation: active-btn07-bar01 .75s forwards;
  animation: active-btn07-bar01 .75s forwards;
}
@-webkit-keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(15px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(15px) rotate(30deg);
  }
}
@keyframes active-btn07-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(15px) rotate(0);
  }
  100% {
    transform: translateY(15px) rotate(30deg);
  }
}
.btn_trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.btn_trigger.active span:nth-of-type(3) {
  -webkit-animation: active-btn07-bar03 .75s forwards;
  animation: active-btn07-bar03 .75s forwards;
}
@-webkit-keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-15px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(150px) rotate(-30deg);
  }
}
@keyframes active-btn07-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-15px) rotate(0);
  }
  100% {
    transform: translateY(-15px) rotate(-30deg);
  }
}
/***オープンナビ***/
.nav_open_wrap{
	width: 100%;
	height: 100vh;
	padding-top: 155px;
	background: #fff;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
}
.nav_open_wrap .navi_item{
	margin-bottom: 50px;
}
.nav_open_wrap .navi_item:last-child{
	margin-bottom: 75px;
}
.nav_open_wrap .navi_item a{
	width: 100%;
	max-width: 168px;
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.nav_open_wrap .navi_item.contact a{
	max-width: 255px;
	justify-content: center;
	margin: 0 auto;
	padding: 20px 0 18px 0;
	background: #48AB59;
	border-radius: 70px;
}
.nav_open_wrap .navi_item a .image_wrap{
	width: 60px;
}
.nav_open_wrap .navi_item.contact a .image_wrap{
	width: auto;
	margin-right: 20px;
}
.nav_open_wrap .navi_item a .image_wrap img{
	display: block;
	width: auto;
	margin: 0 auto;
}
.nav_open_wrap .navi_item.contact a .image_wrap img{
	width: 25px;
	margin: 0 auto;
}
.nav_open_wrap .navi_item a .navi-news img{
	height: 30px;
} 
.nav_open_wrap .navi_item a .text{
	font-size: 18px;
	color: #542812;
}
.nav_open_wrap .navi_item.contact a .text{
	font-size: 14px;
	color: #fff;
}
/***FOOTER***/
footer{
	background: url("https://www.hokkaido-loco.com/data/images/common/footer_bg.jpg") no-repeat center center;
	background-size: cover;
}
footer .footer_inner{
	padding: 50px 0 20px 0;
}
footer .footer_inner .footer_logo_wrap{
	width: 340px;
	margin: 0 auto;
}
footer .footer_inner .footer_logo_wrap .footer_logo{
	width: 180px;
	margin: 0 auto;
}
footer .footer_inner .footer_logo_wrap .footer_logo a{
	transition: all .3s;
}
footer .footer_inner .footer_logo_wrap .footer_logo a:hover{
	opacity: .7;
}
footer .footer_inner .footer_logo_wrap .copyright{
	font-size: 10px;
	font-weight: 400;
	text-align: center;
	color: #6B8C32;
}
footer .footer_inner .text_wrap{
	padding-bottom: 50px;
	color: #fff;
	text-align: center;
}
footer .footer_inner .text_wrap .company_name{
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 500;
}
footer .footer_inner .text_wrap .footer_list li{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;	
}
@media all and (min-width:345px) {
	/***HEADER***/
	header .header_inner .header_logo{
		width: 180px;
	}
	/***オープンナビ***/
	.nav_open_wrap .navi_item a{
		max-width: 196px;
	}
	.nav_open_wrap .navi_item a .text{
		font-size: 24px;
		color: #542812;
	}
	.nav_open_wrap .navi_item.contact a .text{
		font-size: 20px;
		color: #fff;
	}
	/***FOOTER***/
	footer .footer_list .child_list{
		display: flex;
		justify-content: center;
		margin-right: 1em;
	}
	footer .pc_none{
		display: none;
	}
}
/* =========================================================================
 939PX
========================================================================= */
@media all and (min-width:940px) {
	/***HEADER***/
	header .header_inner{
		padding: 0;
	}
	header .header_inner .header_logo{
		width: 245px;
		margin-left: 20px;
	}
	header .header_navi{
		display: block;
	}
	header .header_navi ul{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	header .header_navi ul .navi_item a{
		width: 120px;
		display: block;
		margin: 0 auto;
		padding: 24px 0 20px 0;
		transition: all .3s;
	}
	header .header_navi ul .navi_item a:hover{
		background: #EEEEEE;
	}
	header .header_navi ul .navi_item img{
		display: block;
		width: auto;
		height: 34px;
		margin: 0 auto 11px auto;
	}
	header .header_navi ul .navi_item .text{
		color: #7DBB00;
		text-align: center;
	}
	header .header_navi ul .navi_item.contact a{
		width: 120px;
		background: #00A81D;
		transition: all .3s;
	}
	header .header_navi ul .navi_item.contact a:hover{
		opacity: .7;
	}
	header .header_navi ul .navi_item.contact .text{
		color: #fff;
	}
	.btn_trigger_wrap {
		display: none;
	}
	/***FOOTER***/
	footer{
		padding: 0;
	}
	footer .footer_inner{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
	}
	footer .footer_inner .footer_logo_wrap{
		width: auto;
		margin: 0;
		padding: 100px 50px;
		background: rgba(255, 255, 255, .5);
		order: 1;
	}
	footer .footer_inner .footer_logo_wrap .footer_logo{
		width: 245px;
		margin: 0;
	}
	footer .footer_inner .footer_logo_wrap .copyright{
		text-align: left;
	}
	footer .footer_inner .text_wrap{
		font-size: 14px;		
		padding-right: 50px;
		padding-bottom: 0;
		text-align: left;
		order: 2;
	}
	footer .footer_inner .text_wrap .company_name{
		font-size: 24px;
	}
}
/* =========================================================================
 999PX
========================================================================= */
@media all and (min-width:1020px) {

}

/* =========================================================================
 1139PX
========================================================================= */
@media all and (min-width:1140px) {
	/***HEADER***/
	header .header_inner .header_logo{
		margin-left: 50px;
	}
	header .header_navi ul .navi_item a{
		width: 150px;
	}
	header .header_navi ul .navi_item.contact a{
		width: 130px;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			Main Visual

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/***HOME***/
#home main .main_visual_wrap{
	width: 100%;
	height: 100vh;
	padding-top: 91px;
	background: unset;
}
.main_inner .main_visual_wrap video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}
/***OTHER***/
main .main_visual_wrap {
	width: 100%;
	height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 75px;
	background: url("https://www.hokkaido-loco.com/data/images/home/home_mainVisual.jpg") no-repeat bottom;
	background-size: cover;
	position: relative;
}
main .main_visual_wrap .overlay{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	z-index: 0;
}
main .main_visual_wrap .page_title.ja{
	padding-top: 110px;
	z-index: 2;
}
main .main_visual_wrap .page_title.ja span{
	display: inline-block;
	padding: 40px 24px;
	font-size: 34px;
	line-height: 1.25;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
}
/* =========================================================================
 480PX
========================================================================= */
@media all and (min-width:481px) {

}
/* =========================================================================
 939PX
========================================================================= */
@media all and (min-width:940px) {
	#home main .main_visual_wrap{
		padding-top: 104px;
	}
	main .main_visual_wrap .page_title.ja span{
		font-size: 42px;
	}
}
/* =========================================================================
 999PX
========================================================================= */
@media all and (min-width:1020px) {

}
/* =========================================================================
 1139PX
========================================================================= */
@media all and (min-width:1140px) {
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			Home Contents

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/***BANER***/
main .banner_wrap{
	max-width: 880px;
	margin: 0 auto 75px auto;
	padding: 0 40px;
}
main .banner_wrap .banner_item{
	margin-bottom: 30px;
}
main .banner_wrap .banner_item a{
	transition: all .3s;
}
main .banner_wrap .banner_item a:hover{
	opacity: .7;
}
main .banner_wrap .banner_item.last-child{
	margin-bottom: 0;
}
/***SHOP CATEGORY***/
main .category_wrap{
	margin-bottom: 75px;
	padding: 75px 0 56px 0;
	background: #FFF5E9;
}
main .category_wrap .category_inner{
	width: 100%;
	max-width: 1280px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 40px;
	position: relative;
}
main .category_wrap .category_inner.fadein-up{
	opacity: 0;
	transform: translateY(30px);
}
main .category_wrap .category_inner.fadein-up.anim_active{
	animation: fadein-up .6s ease-in-out forwards;
}
main .category_wrap .category_inner::after{
	content: "";
	width: 47%;
	display: block;
}
main .category_wrap .category_inner .category_item{
	width: 47%;
	margin-bottom: 24px;
}
main .category_wrap .category_inner .category_item a{
	display: block;
	position: relative;
	transition: all .4s;
}
main .category_wrap .category_inner .category_item a .category_image{
	margin-bottom: 5px;
	overflow: hidden;
}
main .category_wrap .category_inner .category_item a .category_image img{
	width: 100%;
	display: block;
	transition:  all .4s;
}
main .category_wrap .category_inner .category_item a .category_text {
	color: #111;
	text-align: center;
	transition: all .2s;
	overflow: hidden;
}
main .category_wrap .category_inner .category_item a:hover .category_text{
	color: #E6613F;
}
main .category_wrap .category_inner .category_item a .category_text span{
	display: block;
	padding: 14px 0;
}
main .category_wrap .category_inner .category_item a .line_left,
main .category_wrap .category_inner .category_item a .line_right{
	position: relative;
}
main .category_wrap .category_inner .category_item a .line_left::before,
main .category_wrap .category_inner .category_item a .line_right::before,
main .category_wrap .category_inner .category_item a .line_left::after,
main .category_wrap .category_inner .category_item a .line_right::after{
	width: 6px;
	height: 6px;
	transition: all .4s;
}
main .category_wrap .category_inner .category_item a .line_left::before{
	content: "";
	border-top: 1px solid #E6613F;
	border-left: 1px solid #E6613F;
	position: absolute;
	top: 0;
	left: 0;
}
main .category_wrap .category_inner .category_item a .line_left::after{
	content: "";
	border-bottom: 1px solid #E6613F;
	border-left: 1px solid #E6613F;
	position: absolute;
	bottom: 0;
	left: 0;
}
main .category_wrap .category_inner .category_item a .line_right::before{
	content: "";
	border-top: 1px solid #E6613F;
	border-right: 1px solid #E6613F;
	position: absolute;
	top: 0;
	right: 0;
}
main .category_wrap .category_inner .category_item a .line_right::after{
	content: "";
	border-bottom: 1px solid #E6613F;
	border-right: 1px solid #E6613F;
	position: absolute;
	bottom: 0;
	right: 0;
}
main .category_wrap .category_inner .category_item a:hover .line_left::before {
	width: 100%;
}
main .category_wrap .category_inner .category_item a:hover .line_left::after{
	height: 100%;
}
main .category_wrap .category_inner .category_item a:hover .line_right::before{
	height: 100%;
}
main .category_wrap .category_inner .category_item a:hover .line_right::after{
	width: 100%;
}
main .category_wrap .category_inner .category_item a:hover img{
	transform: scale(1.05);
}
/***IMAGE LOOP***/
main  .shop_image_wrap{
	margin-bottom: 75px;
}
main .shop_image_wrap .loop_wrap{
	display: flex;
	width: 100%;
	height: 350px;
	overflow: hidden;
}
main .shop_image_wrap .loop_wrap.fadein{
	opacity: 0;
}
main .shop_image_wrap .loop_wrap.fadein.anim_active{
	animation: fadein .6s ease-in-out forwards;
}
@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
main .shop_image_wrap .loop_wrap img{
	width: auto;
	max-width: none;
	height: 100%;
}
main .shop_image_wrap .loop_wrap img:first-child{
	animation: loop01 50s -25s linear infinite;
}
main .shop_image_wrap .loop_wrap img:last-child{
	animation: loop02 50s linear infinite;
}
@keyframes loop01 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop02 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/***YOUTUBE***/
main .youtube_wrap{
	margin-bottom: 34px;
	background: url("https://www.hokkaido-loco.com/data/images/home/youtube_bg.jpg") no-repeat center center;
	background-size: cover;
	padding: 75px 0;
}
main .youtube_wrap .wrap.fadein-up{
	opacity: 0;
	transform: translateY(30px);
}
main .youtube_wrap .wrap.fadein-up.anim_active{
	animation: fadein-up .6s ease-in-out forwards;
}
@keyframes fadein-up {
	0%{
		opacity: 0;
		transform: translateY(30px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
main .youtube_wrap .youtube_inner{
	margin-bottom: 75px;
}
main .youtube_wrap .text_wrap {
	padding-top: 20px;
}
main .youtube_wrap .contents_title{
	width: 100%;
	max-width: 450px;
	margin: 0 auto 30px auto;
	display: none;
}
main .youtube_wrap .text_wrap .text{
	font-size: 16px;
	line-height: 2;
}
main .youtube_wrap iframe,
main .youtube_wrap .youtube_slide_wrap .slide_wrap{
	width: 100%;
	height: calc(93.44vw * 0.5614);
}
main .youtube_wrap .youtube_slide_wrap .thumbnail_wrap{
	display: flex;
	padding-top: 10px;
}
main .youtube_wrap .youtube_slide_wrap .thumb_item{
	width: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	transition: all .3s;
}
main .youtube_wrap .youtube_slide_wrap .thumb_item:hover{
	opacity: .7;
}
main .youtube_wrap .youtube_slide_wrap .thumb_item:last-child{
	margin-right: 0;
}
/***おすすめ商品***/
main .recommend_wrap{
	padding: 75px 0;
}
main .recommend_wrap.seafood .slide_wrap.fadein-up,
main .recommend_wrap.uni .slide_wrap.fadein-up{
	opacity: 0;
	transform: translateY(30px);
}
main .recommend_wrap.seafood .slide_wrap.fadein-up.anim_active,
main .recommend_wrap.uni .slide_wrap.fadein-up.anim_active{
	animation: fadein-up .6s ease-in-out forwards;
}
main .recommend_wrap.seafood{
	background: url("https://www.hokkaido-loco.com/data/images/home/home_recommend_bg01.jpg") no-repeat center center;
	background-size: cover;
	margin-bottom: 5px;
}
main .recommend_wrap.uni{
	background: url("https://www.hokkaido-loco.com/data/images/home/home_recommend_bg03.jpg") no-repeat center center;
	background-size: cover;
	margin-bottom: 75px;
}
main .recommend_wrap .slide_item{
	margin: 0 40px;
}
main .recommend_wrap .slide_item .image_wrap{
	position: relative;
}
main .recommend_wrap .slide_item .image_wrap .store_logo img{
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}
main .recommend_wrap .slide_item .text_wrap{
	padding: 14px 20px 30px 20px;
	background: rgba(255, 255, 255, .92);
}
main .recommend_wrap .slide_item .text_wrap .item_title{
	margin-bottom: 10px;
	padding-left: 14px;
	font-size: 18px;
	line-height: 1.5;
}
main .recommend_wrap .slide_item .text_wrap .item_title span{
	position: relative;
}
main .recommend_wrap .slide_item .text_wrap .item_title span::before{
	/* content: "";
	width: 4px;
	height: 25px;
	background: #E6613F;
	position: absolute;
	top: 0;
	left: -10px; */
	content: "";
    width: 4px;
    height: 25px;
    background: #e3be53;
    position: absolute;
    top: 2px;
    left: -10px;
}
main .recommend_wrap .slide_item .text_wrap .text{
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.75;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
main .recommend_wrap .slide_item .text_wrap .price{
	margin-bottom: 20px;
	font-size: 14px;
	text-align: right;
}
main .recommend_wrap .slide_wrap .slick-dots{
	display: flex;
	justify-content: center;
	padding-top: 55px;
	
}
main .recommend_wrap .slide_wrap .slick-dots li{
	margin-right: 5px;
}
main .recommend_wrap .slide_wrap .slick-dots li:last-child{
	margin-right: 0;
}
main .recommend_wrap .slide_wrap .slick-dots li button{
	width: 10px;
	height: 10px;
	padding: 0;
	font-size: 0;
	background: rgba(255, 255, 255, .4);
	border: none;
	border-radius: 50%;
	backdrop-filter: blur(12px);
	cursor: pointer;
}
main .recommend_wrap .slide_wrap .slick-dots li.slick-active button{
	/* background: #E6613F; */
	background: #7DBB00;
	cursor: auto;
}
.slick-prev,
.slick-next{
	width: 0;
	font-size: 0;
	background: transparent;
	border: none;
}
.slick-next:before,
.slick-prev:before{
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: -20px;
	cursor: pointer;
}
.slick-next:before{
	background: url("https://www.hokkaido-loco.com/data/images/common/slide_next.svg") no-repeat!important;
	background-size: 100%;
	right: 0;
	margin-right: calc((100% - 270px) / 2);
}
.slick-prev:before{
	background: url("https://www.hokkaido-loco.com/data/images/common/slide_prev.svg") no-repeat!important;
	background-size: 100%;
	left: 0;
	margin-left: calc((100% - 270px) / 2);
}
/***お土産商品***/
main .souvenir_wrap{
	padding: 75px 0;
}
main .souvenir_wrap .wrap.fadein-up{
	opacity: 0;
	transform: translateY(30px);
}
main .souvenir_wrap .wrap.fadein-up.anim_active{
	animation: fadein-up .6s ease-in-out forwards;
}
main .souvenir_wrap .souvenir_item{
	margin-bottom: 30px;
}
main .souvenir_wrap .souvenir_item a img{
	width: 100%;
	transition: all .3s;
	z-index: 0;
}
main .souvenir_wrap .souvenir_item a:hover img{
	transform: scale(1.1);
	
}
main .souvenir_wrap .souvenir_item .image_wrap{
	overflow: hidden;
	margin-bottom: 12px;
}
main .souvenir_wrap .souvenir_item .text_wrap .name,
main .souvenir_wrap .souvenir_item .text_wrap .price{
	font-size: 14px;
	line-height: 1.5;
}
main .souvenir_wrap .souvenir_item .text_wrap .price{
	text-align: right;
}
main .souvenir_wrap .link_wrap{
	padding-top: 45px;
}
/***INSTAGRAM***/
main .instagram_wrap{
	margin-bottom: 75px;
	padding: 75px 0;
	background: #ECECEC;
}
main .instagram_wrap .instagram_inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 75px;
}
main .instagram_wrap .instagram_inner.fadein .instagram_item{
	opacity: 0;
}

main .instagram_wrap .instagram_inner.fadein.anim_active .instagram_item:nth-child(1){
	animation: fadein .6s ease-in-out forwards;
}
main .instagram_wrap .instagram_inner.fadein.anim_active .instagram_item:nth-child(2){
	animation: fadein .6s ease-in-out .15s forwards;
}
main .instagram_wrap .instagram_inner.fadein.anim_active .instagram_item:nth-child(3){
	animation: fadein .6s ease-in-out .3s forwards;
}
main .instagram_wrap .instagram_inner.fadein.anim_active .instagram_item:nth-child(4){
	animation: fadein .6s ease-in-out .45s forwards;
}
main .instagram_wrap .instagram_inner.fadein.anim_active .instagram_item:nth-child(5){
	animation: fadein .6s ease-in-out .6s forwards;
}

main .instagram_wrap .instagram_inner .instagram_item{
	width: 48%;
	height: 38vw;
	margin-bottom: 14px;
	overflow: hidden;
	position: relative;
}
main .instagram_wrap .instagram_inner .instagram_item img{
	transition: all .3s;
}
main .instagram_wrap .instagram_inner .instagram_item:hover img{
	transform: scale(1.1);
}
main .instagram_wrap .instagram_inner .instagram_item:last-child{
	margin: 0 auto;
}
/***ACCESS***/
main .access_wrap{
	margin-bottom: 75px;
}
main .access_wrap iframe{
	width: 100%;
	height: 280px;
	margin-bottom: 12px;
}
main .access_wrap .add_text{
	font-size: 12px;
	font-weight: 400;
	text-align: right;
}
/* =========================================================================
 539PX
========================================================================= */
@media all and (min-width:540px) {
	main .category_wrap .category_inner::after{
		content: "";
		width: 30%;
		display: block;
	}
	main .category_wrap .category_inner .category_item{
		width: 30%;
	}
}
/* =========================================================================
 739PX
========================================================================= */
@media all and (min-width:740px) {
	main .category_wrap .category_inner::before{
		content:"";
		display: block;
		width:23%;
		order:1;
	}
	main .category_wrap .category_inner::after{
		content: "";
		width: 23%;
		display: block;
	}
	main .category_wrap .category_inner .category_item{
		width: 23%;
		max-width: 220px;
		margin-bottom: 24px;
	}
	/***IMAGE LOOP***/
	main .shop_image_wrap .loop_wrap{
		height: calc(100vw * 0.358);
	}
	/***YOUTUBE***/
	main .youtube_wrap .text_wrap .text{
		font-size: 18px;
		line-height: 2;
	}
	/***おすすめ商品***/
	main .recommend_wrap .slide_item{
		margin: 0 25px;
	}
	.slick-next:before{
		margin-right: calc((100% - 500px) / 2);
	}
	.slick-prev:before{
		margin-left: calc((100% - 500px) / 2);
	}
	main .recommend_wrap .slide_item .text_wrap .text{
		font-size: 15px;
	}
	main .recommend_wrap .slide_item .text_wrap .price{
		font-size: 15px;
	}
	/***お土産商品***/
	main .souvenir_wrap .souvenir_inner{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	main .souvenir_wrap .souvenir_item{
		max-width: 30%;
		margin-bottom: 30px;
	}
	main .souvenir_wrap .souvenir_item .text_wrap .name,
	main .souvenir_wrap .souvenir_item .text_wrap .price{
		font-size: 15px;
	}
	/***INSTAGRAM***/
	main .instagram_wrap .instagram_inner{
		flex-wrap: nowrap;
	}
	main .instagram_wrap .instagram_inner .instagram_item{
		width: 18.5%;
		height: 18vw;
		max-width: 232px;
		max-height: 232px;
		margin-right: 10px;
		margin-bottom: 0;
		position: relative;
	}
	main .instagram_wrap .instagram_inner .instagram_item:last-child{
		margin: 0;
	}
	/***ACCESS***/
	main .access_wrap iframe{
		height: 350px;
	}
	main .access_wrap .add_text{
		font-size: 14px;
	}
}
/* =========================================================================
 939PX
========================================================================= */
@media all and (min-width:940px) {
	main .category_wrap .category_inner::after{
		content: "";
		width: 18%;
		display: block;
	}
	main .category_wrap .category_inner .category_item{
		width: 18%;
		max-width: 220px;
	}
}
/* =========================================================================
 999PX
========================================================================= */
@media all and (min-width:1020px) {
	/***YOUTUBE***/
	main .youtube_wrap .youtube_inner{
		display: flex;
		justify-content: space-between;
		margin-bottom: 75px;
	}
	main .youtube_wrap .text_wrap {
		width: 515px;
		padding-top: 20px;
		order: 1;
	}
	main .youtube_wrap .contents_title{
		display: block;
	}
	main .youtube_wrap .youtube_slide_wrap{
		order: 2;
	}
	main .youtube_wrap iframe,
	main .youtube_wrap .youtube_slide_wrap .slide_wrap{
		width: 448px;
		height: 252px;
	}
	main .youtube_wrap .youtube_slide_wrap .thumbnail_wrap{
		flex-wrap: wrap;
	}
}
/* =========================================================================
 1139PX
========================================================================= */
@media all and (min-width:1140px) {
	/***YOUTUBE***/
	main .youtube_wrap iframe,
	main .youtube_wrap .youtube_slide_wrap .slide_wrap{
		width: 560px;
		height: 315px;
	}
	/*おすすめ商品*/
	main .recommend_wrap .slide_item .text_wrap .item_title{
		margin-bottom: 10px;
		padding-left: 14px;
		font-size: 24px;
	}
	main .recommend_wrap .slide_item .text_wrap .item_title span::before{
		content: "";
		height: 30px;
	}
	main .youtube_wrap .youtube_slide_wrap .thumbnail_wrap{
		flex-wrap: nowrap;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			OTHER PAGE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
main .title_wrap{
	margin-bottom: 75px;
	text-align: center;
	position: relative;
}
main .title_wrap::before{
	content: "";
	width: 1px;
	height: 25px;
	background: #707070;
	position: absolute;
	bottom: -45px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
main .title_wrap .little_title{
	margin-bottom: 18px;
	font-size: 34px;
}
main .title_wrap .comment{
	font-size: 15px;
	line-height: 2;
	padding: 0 40px;
}
/***PRIVACY POLICY***/
#privacypolicy .mb_none{
	display: none;
}
#privacypolicy main .contents{
	max-width: 980px;
	margin: 0 auto 75px auto;
}
main .contents .policy_item{
	margin-bottom: 30px;
}
main .contents .policy_item .policy_title{
	margin-bottom: 14px;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: 500;
	color: #00A81D;
	border-bottom: 1px solid #00A81D;
}
main .contents .policy_item .policy_text{
	font-size: 14px;
	line-height: 2;
}
main .contents .policy_item .child_item{
	margin-bottom: 20px;
}
main .contents .policy_item .policy_child_title{
	margin-bottom: 20px;
}
main .contents .policy_item .child_title{
	margin-bottom: 6px;
	font-weight: 500;
}
main .contents .policy_item .child_list_wrap .list_title{
	margin-bottom: 10px;
}
main .contents .policy_item .child_list_wrap .list_item{
	margin-bottom: 6px;
	font-size: 13px;
}
main .contents .policy_item .child_list_wrap .list_item::before{
	content: "・";
	font-size: 12px;
}
main .contents .policy_item .address_title{
	margin-bottom: 20px;
}
main .contents .policy_item .address_item{
	margin-bottom: 6px;
}
#privacypolicy main .link_wrap{
	margin-bottom: 75px;
}
/***ABOUT***/
#about .contents{
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 75px;
}
#about .about_list_wrap{
	padding: 25px 0;
	border-bottom: 1px solid #CECECE;
}
#about .about_list_wrap:first-child{
	border-top: 1px solid #CECECE;
}
#about .about_list_wrap dt{
	margin-bottom: 10px;
	font-size: 16px;
}
#about .about_list_wrap dd{
	font-size: 15px;
}
#about .about_list_wrap dd a{
	color: #111;
	text-decoration: underline;
}
#about .about_list_wrap dt{
	width: 100%;
	max-width: 250px;
}
#about .about_list_wrap dd .list_wrap li{
	line-height: 1.5;
}
/*交通手段*/
#about .traffic_wrap{
	max-width: 1000px;
	margin: 0 auto;
}
#about .traffic_wrap .traffic_item{
	margin-bottom: 40px;
}
#about .traffic_wrap .traffic_item .traffic_title_wrap{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #00A81D;
}
#about .traffic_wrap .traffic_item .title_wrap img{
	display: block;
	width: 35px;
}
#about .traffic_wrap .traffic_item .traffic_title{
	padding-left: 10px;
	font-size: 18px;
	color: #00A81D;
}
#about .traffic_wrap .traffic_item.bus .list_wrap{
	margin-bottom: 30px;
}
#about .traffic_wrap .traffic_item.bus .list_wrap:last-child{
	margin-bottom: 0;
}
#about .traffic_wrap .traffic_item .list_item{
	font-size: 14px;
	line-height: 2;
}
#about .traffic_wrap .traffic_item .list_item:last-child{
	margin-bottom: 0;
}
#about .traffic_wrap .traffic_item .list_item.next{
	padding-left: 16px;
	position: relative;
}
#about .traffic_wrap .traffic_item .list_item.next::before{
	content: "";
	width: 6px;
	height: 10px;
	background: url("https://www.hokkaido-loco.com/data/images/about/arrow.svg") no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 10px;
	left: 0px;
}
/***FORM***/
::placeholder{
	color: #CECECE;
}
.form .form_wrap .error{
	color: #E6613F;
}
.form .mb_none{
	display: none;
}
.form .form_wrap{
	max-width: 1000px;
	margin: 0 auto;
}
.form .form_wrap .form_item{
	padding: 25px 0;
	border-bottom: 1px solid #CECECE;
}
.form .form_wrap .form_item:first-child{
	border-top: 1px solid #CECECE;
}
.form .form_wrap .form_item dt{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 250px;
	margin-bottom: 12px;
	padding: 0 10px;
}
.form .form_wrap .form_item dt .mandatory_text{
	padding: 5px 15px;
	font-size: 12px;
	letter-spacing: .3em;
	color: #fff;
	background: #E6613F;
}
.form .form_wrap .form_item dd,
.form .form_wrap .form_item input,
.form .form_wrap .form_item textarea{
	width: 100%;
}
.form .form_wrap .form_item input,
.form .form_wrap .form_item textarea{
	padding: 5px 10px;
	border: none;
}
.form .caution_text{
	margin-bottom: 30px;
	line-height: 2;
	text-align: center;
}
.form .caution_text a{
	color: #E6613F;
	border-bottom: 1px solid #E6613F;
	transition: all .3s;
}
.form .caution_text a:hover{
	opacity: .7;
}
.form .form_wrap .link_wrap {
	margin-bottom: 35px;
	padding-top: 75px;
	text-align: center;
}
.form .form_wrap .return_link{
	margin-bottom: 75px;
	text-align: center;
}
.form .form_wrap .return_link button{
	padding: 5px 10px;
	color: #111;
	background: #fff;
	border: 1px solid #707070;
	cursor: pointer;
	transition: all .3s;
}
.form .form_wrap .return_link button:hover{
	opacity: .7;
}
.form .form_wrap .link_wrap input{
	width: 100%;
	max-width: 365px;
	display: inline-block;
	padding: 20px 0 18px 0;
	text-align: center;
	color: #fff;
	background: #FFA746;
	border: none;
	border-radius: 30px;
	transition: all.3s;
	box-shadow:0 2px 4px rgba(0, 0, 0, .2);
	cursor: pointer;
}
.form .form_wrap .link_wrap span:hover input{
	background: #E6613F;
	box-shadow: none;
	transform: translateY(2px);
}
.form .form_wrap .link_wrap span{
	width: 100%;
	max-width: 365px;
	display: inline-block;
	position: relative;
}
.form .form_wrap .link_wrap span::before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 6px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	top:23px;
	right: 50px;
	transition: all .3s;
	z-index: 1;
}
.form .form_wrap .link_wrap span:hover::before{
	top: 25px;
}
#thanks .form .thanks_text{
	margin-bottom: 75px;
	line-height: 1.5;
	text-align: center;
}
#thanks .form .link_wrap{
	margin-bottom: 75px;
}
/***店舗案内***/
#shop .map_wrap{
	margin-bottom: 75px;
}
#shop .map_wrap img{
	display: block;
	width: 100%;
	max-width: 831px;
	margin: 0 auto;
}
#shop .shop_wrap{
	margin-bottom: 105px;
	position: relative;
}
#shop .shop_wrap .shop_item{
	margin-bottom: 105px;
	position: relative;
}
#shop .shop_wrap .shop_item.fadein .image_wrap{
	opacity: 0;
}
#shop .shop_wrap .shop_item.fadein.anim_active .image_wrap{
	animation: fadein .6s ease-in-out forwards; 
}
#shop .shop_wrap .shop_item:last-child{
	margin-bottom: 0;
}
#shop .shop_wrap .shop_item .image_wrap{
	width: 100%;
	margin-bottom: 20px;
}
#shop .shop_wrap .shop_item .text_wrap .inner{
	padding: 10px 0 10px 10px;
	background: rgba(255, 255, 255, .9);
	/* box-shadow: 0px 2px 4px rgba(0, 0, 0, .1); */
}
#shop .shop_wrap .shop_item .text_wrap .shop_name{
	margin-bottom: 30px;
}
#shop .shop_wrap .shop_item .text_wrap .shop_name img{
	height: 25px;
}
#shop .shop_wrap .shop_item .text_wrap .shop_catch{
	margin-bottom: 18px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
#shop .shop_wrap .shop_item .text_wrap .text{
	font-size: 14px;
	font-weight: 500;
	line-height: 2;
}
#shop .shop_wrap .shop_item.shop01 .text_wrap{
	border-left: 5px solid #59AC5F;
}
#shop .shop_wrap .shop_item.shop02 .text_wrap{
	border-left: 5px solid #275A8D;
}
#shop .shop_wrap .shop_item.shop03 .text_wrap{
	border-left: 5px solid #DDBF54;
}
#shop .shop_wrap .shop_item.shop04 .text_wrap{
	border-left: 5px solid #6AA8C4;
}
/***コーナー紹介***/
#shop .catch_title{
	margin-bottom: 50px;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
}
#shop .corner_wrap{
	margin-bottom: 75px;
}
#shop .corner_wrap.fadein .corner_item{
	opacity: 0;
}

#shop .corner_wrap.fadein.anim_active .corner_item:nth-child(1){
	animation: fadein .6s ease-in-out forwards;
}
#shop .corner_wrap.fadein.anim_active .corner_item:nth-child(2){
	animation: fadein .6s ease-in-out .15s forwards;
}
#shop .corner_wrap.fadein.anim_active .corner_item:nth-child(3){
	animation: fadein .6s ease-in-out .3s forwards;
}
#shop .corner_wrap.fadein.anim_active .corner_item:nth-child(4){
	animation: fadein .6s ease-in-out .45s forwards;
}
#shop .corner_wrap.fadein.anim_active .corner_item:nth-child(5){
	animation: fadein .6s ease-in-out .6s forwards;
}
#shop .corner_wrap.fadein.anim_active .corner_item:nth-child(6){
	animation: fadein .6s ease-in-out .75s forwards;
}

#shop .corner_wrap .corner_item{
	margin-bottom: 50px;
}
#shop .corner_wrap .corner_item:last-child{
	margin-bottom: 0;
}
#shop .corner_wrap .corner_item .image_wrap{
	 margin-bottom: 12px;
}
#shop .corner_wrap .corner_item .image_wrap img{
	width: 100%;
}
#shop .corner_wrap .corner_item .text{
	font-size: 15px;
}
/* =========================================================================
 449PX
========================================================================= */
@media all and (min-width:450px) {
	.form .mb_none{
		display: block;
	}
	#shop .pc_none{
		display: none;
	}
}
/* =========================================================================
 739PX
========================================================================= */
@media all and (min-width:740px) {
	/***PRIVACY POLICY***/
	#privacypolicy .mb_none{
		display: block;
	}
	#shop .shop_wrap .shop_item .image_wrap{
		max-width: 600px;
		margin-bottom: 0;
	}
	#shop .shop_wrap .shop_item .text_wrap .inner{
		max-width: 438px;
		padding: 20px;
	}
	#shop .shop_wrap .shop_item.shop01 .image_wrap,
	#shop .shop_wrap .shop_item.shop03 .image_wrap{
		margin-left: auto;
	}
	#shop .shop_wrap .shop_item.shop02 .image_wrap,
	#shop .shop_wrap .shop_item.shop04 .image_wrap{
		margin-right: auto;
	}
	#shop .shop_wrap .shop_item.shop01 .text_wrap,
	#shop .shop_wrap .shop_item.shop03 .text_wrap{
		position: absolute;
		bottom: -30px;
		left: 0;
	}
	#shop .shop_wrap .shop_item.shop02 .text_wrap,
	#shop .shop_wrap .shop_item.shop04 .text_wrap{
		position: absolute;
		bottom: -30px;
		right: 0;
	}
	/***コーナー紹介***/
	#shop .corner_wrap{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 25px;
	}
	#shop .corner_wrap .corner_item{
		width: 32%;
		max-width: 380px;
		margin-bottom: 50px;
	}
}
/* =========================================================================
 939PX
========================================================================= */
@media all and (min-width:940px) {
	main .title_wrap .little_title{
		padding: 0;
		font-size: 42px;
	}
	/***PRIVACY POLICY***/
	main .title_wrap .comment{
		font-size: 16px;
	}
	main .contents .policy_item .policy_title{
		font-size: 16px;
	}
	main .contents .policy_item .policy_text{
		font-size: 15px;
	}
	main .contents .policy_item .child_list_wrap .list_item{
		font-size: 13px;
	}
	/***ABOUT***/
	#about .about_list_wrap{
		display: flex;
		align-items: center;
		padding: 25px 0;
		border-bottom: 1px solid #CECECE;
	}
	#about .about_list_wrap dt,
	#about .about_list_wrap dd{
		font-size: 18px;
	}
	#about .about_list_wrap dt{
		margin-bottom: 0;
	}
	#about .traffic_wrap .traffic_item .title_wrap img{
		width: 50px;
	}
	#about .traffic_wrap .traffic_item .traffic_title{
		padding-left: 15px;
		font-size: 24px;
	}
	#about .traffic_wrap .traffic_item .list_item{
		font-size: 15px;
		line-height: 2;
	}
	/***FORM***/
	.form .form_wrap .form_item{
		display: flex;
		align-items: center;
		padding: 25px 0;
		border-bottom: 1px solid #CECECE;
	}
	.form .form_wrap .form_item.textarea{
		align-items: flex-start;
	}
	.form .form_wrap .form_item dt{
		margin-bottom: 0;
	}
	/***店舗案内***/
	#shop .shop_wrap .shop_item .image_wrap{
		max-width: 751px;
	}
	#shop .shop_wrap .shop_item .text_wrap .inner{
		max-width: 549px;
	}
	#shop .shop_wrap .shop_item .text_wrap .shop_name img{
		height: 40px;
	}
	#shop .shop_wrap .shop_item .text_wrap .shop_catch{
		font-size: 21px;
	}
	#shop .shop_wrap .shop_item .text_wrap .text{
		font-size: 15px;
	}
	/***コーナー紹介***/
	#shop .corner_wrap .corner_item .text{
		font-size: 18px;
	}
	#shop .catch_title{
		font-size: 28px;
	}
}
/* =========================================================================
 999PX
========================================================================= */
@media all and (min-width:1020px) {
	
}
/* =========================================================================
 1139PX
========================================================================= */
@media all and (min-width:1140px) {
	
}