@charset 'UTF-8';
/* CSS Document */



@media screen and (max-width: 480px) {
body {
	font-size: 14px;
}
.page-title h2 {
	margin: 5%;
}
.guide_list li {
    width:98%;
}
.ft-guide-section {
    width: 100%;
}
.container, .container-fluid {
    padding-right: 5%;
    padding-left: 5%;
}
#top_link {
	display: none;
}
#logo {
	max-width: 50%;
	display: block;
	margin: 0 auto;
}
#product{
	padding:0;}
.entry {
	width: 100%;
}
.mainImage {
	border: none;
}
.contentsbox2 h1 {
	margin-bottom: 20px;
	font-size: 30px;
}
/*ナビゲーション部分*/

#footer .guide_list2 li {
	display: block !important;
border: 1px solid #ccc;
padding: 10px 0;
    padding-left: 0px;
padding-left: 0px;
margin: 2% 0;
width: 100%;}
.thumbnails {
	text-align: center;
}
.nav-links {
    padding: 20px;
}
.shop_info {
   padding: 10% 0 0;
}
.shop_item {
    width: auto;
	margin-right: 10px;}
.parallax-bg1 {
	height:200px;
}
.menu ul li a:hover {
	background-color: rgba(0,0,0,0.5);
	color: orange;
}
form#mailformpro dl dt {
  padding: 10px !important;
}
.mfp_rows {
    padding-bottom: 10px;
}
.page-title {
	padding:0
	 !important;}
.must {
    padding: 1px 10px;}
.home-nav__list li {
	height:auto;}
.widget--nogutter {
	width: 100%;
	margin: 0 auto 2%;
}
#shops .col-sm-4 {
	width: calc(100% / 3);
}
.back {
	display: block;
	margin: 50px auto 50px;
}
.w_page {
    display: block;
   max-width: 100%;
    text-align: left;
    padding: 2%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
	padding:0;}
/*トグルボタンのスタイルを指定*/

.pro_img {
	width:100%;
	height:auto;margin-bottom: 10%;}
.padding_lrn {
	padding: 0 0 !important;
	height: 100px;
	z-index: 9999999;
	background: #fff;
	display: block;
	width: 100%;
}
.mainvisual--subpage {
	height: 30%;
}
.google_map {
    width: 100%;
    margin: 30px 0 0;
}
.ft-guide-inner h3 {
    font-size: 1.3em;
	margin-top: 20px;}
.home-nav__title h2 {
	margin: 0% auto 5%;
font-size: 2.2em;
padding: 0;
text-align: center;
padding: 5% 0 0;
	
}
#category .home-nav__title h2{
	text-align:left;
	}
.timeline > li {
	margin-bottom:5%;}
.home-nav__text p {
	margin: 5% 0;
	letter-spacing: -0.05em;
}
.home-nav__title {
	height: auto;
}
.home-news__meta, .home-news__content, .title {
	width: 100%;
}
.header-logo a {
    width: 230px;
}

.home-nav {
	height: auto;
}
.titleWrap {
width: 100%;
padding: 0;
margin: 0;}

.acd-content p {
    font-size: 14px;
}
.home-news ul li {
    padding: 8px 0 8px !important;
}
.box-stripe {
	margin: 5% auto;
}
h3 {
	font-size: 1.3em;
	margin-top: 10px;
}
.h2_en {
	font-size: 0.5em;
}
.home-news__content {
	font-size: 14px;
}
.word_i {
	position: relative;
	margin: 0 auto 5%;
}
.word {
	font-size: 1.1em;
	position: absolute;
}
.papua {
 font-size:;
	letter-spacing: -1px;
}
.home-news ul li time, .titleWrap.pull-left .date {
   display: block !important;
}
.shop_guide {
	width: 100%;
	padding: 0; 
}
.tog_menu {
	margin-top: -90%;
	text-align: center;
	width: 100%;
}
.border_stripe2 {
	padding-top: 8px;
	background: -webkit-repeating-linear-gradient(-45deg, #ccc 0, #ccc 10px, #fff 10px, #fff 20px);
	background: -o-repeating-linear-gradient(-45deg, #ccc 0, #ccc 10px, #fff 10px, #fff 20px);
	background: repeating-linear-gradient(-45deg, #ccc 1px, #ccc 5px, #fff 3px, #fff 10px);
}
.h3_lt {letter-spacing: 0.1rem;}

#footerGuide h2 {

    font-family: 'Haruhi Gakuen';
    font-size: 25px;}
#wrapper {
	padding: 0 
	
	
	!important;
}
.ft_18{
	font-size:1.5em;}
.acd-check {
	display: none;
}
.shop_guide {
	margin: 0% auto;
}


.ft_nomal {
	font-weight: normal;
}
.guide_box {
    margin: 1% auto 0;
}.footer {
    padding-top: 50px;
}
p {
	font-size: 16px;
}
.papua {
	font-size: 95%;
	letter-spacing: -1px;
}
.side_menu h4 {
	font-size: 18px;
	font-family: 'Haruhi Gakuen', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'メイリオ', Meiryo, serif;
	color: #000;
}
.contentsbox2 .ft_20{
	font-size:20px;}

#category_s .home-nav__cafe.col-xs-12.col-sm-4.category .home-nav__thumbnail .home-nav__text h3 {
	font-size: 16px !important;
}
.box-stripe {
	margin: 20px 0 50px !important;
}
#main-col {
    padding-right: 0px;
}
.top_mi {
    height: 300px;
}
.mt_500 {
    margin-top: 300px;
}
.main_img {
    height: 500px;
}
.fade-in {
    width: 15%;
    text-align: center;
    margin: 0 auto 0;
}
.fade-in4 {font-size: 2em;
}
.fade-in3 {font-size: 20px;
margin-bottom: 20px;}
.fade-in2 {font-size: 20px;margin: 15px auto 10px;}
.fade-in5 {line-height: 1em;}
.scroll a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
        animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0;
    box-sizing: border-box;
}
.scroll {
    position: relative;
    display: block;
    text-align: center;
    padding: 50px;
}
.text-hide {
    margin: 5% 2%;
}

.br::before {
	content: "\A" ;
	white-space: pre ;
}
.president_v br{
	display:none;}
	.infobox01{
	max-width: 100%;
height: 0;
padding-top: 48%;
background-position: center center;
background-size: cover;
margin: 5% auto 0;
padding-left: 0 !important;
padding-right: 0 !important;
	}

.container br{
	display:none;}
.link {
    margin: 5% 0;
    display: block;
    border: 1px #fff solid;
    width: 100%;
}
.p_btx p {
    font-size: 20px;}
	.t_voi p {
    margin-bottom: 16px;
    text-align: left;
}
.shop_info {
    padding: 10% 0 10%;
}
.guide_at {
    font-size: 20px;
    display: block;
    text-indent: -1em;
}
.guide_at a {
    text-decoration: none;}
.bg01 {
    margin-top: 0;
    height: 20px;
}
.bg02 {
    padding-top: 0;
    height: 20px;
}
h2 {
    margin: 5% auto 5%;
}
.fh2{
	margin-top:20%;}
	.prologue_tx {
    line-height: 2em;
}
.top_cara img {
    margin-top: -200px;
    width: 100%;
    margin-left: 0px;
}
.parallax-bg2 {
    margin: 0 0;
    background-image: url(../img/img_7468_min.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
}
}
@media screen and (max-width: 380px) {
	.h3_lt {letter-spacing: -0.1em;}
}