@charset "utf-8";

/*------------------------------------------------640以下------------------------------------------------*/
/*@media screen and (max-width: 640px){ */

.clearfix:after { content:""; clear:both; display:block;}

.sp_cnt{
    display: block;
    background-color: #ceeff6;
}

.pc_cnt {
	display: none;
}

#header.pc_scroll{
    display: none;
}
#suntorySpCommonFt_02 {
display: block;
height: 0;
}
#suntory_contents {
background-color: #ceeff6;
}
#suntory_contents header {
    position: relative;
}

#suntorySpCommonHd_02{
position: static;
visibility: visible;
display: block;
height: 0px;
}




#suntory_contents #social_zone {
    display: block;
    height: 22px;
    margin: 2.5% 3.125% 2.5% 0;
}

#suntory_contents .access #social_zone {
    margin-right: 0;
}

	#suntory_contents #social_zone .socialbutton_suntory {
    	float: right;
	}

	#suntory_contents #social_zone .socialbutton_suntory_socialbutton {
    	float: left;
   		padding-right: 8px;	
	}
	
	#suntory_contents #social_zone .socialbutton_suntory_socialbutton:last-of-type {
   		padding-right: 0;
	}	




/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼bacis.css▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/* ------------------------- TOC 
media queries


---------------------------- */
/* ============================== javascript style */
#myBCPlayer {
    display: block !important;  
}

/* ============================== html5 reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, /* sub, sup, */var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/* table, caption, tbody, tfoot, thead, tr, th, td, */
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    /* font-size:100%; */
    vertical-align:baseline;
    background:transparent;
}
/*
h1, h2, h3, h4, h5, h6 {
    line-height: 0; 
}
*/
em {
    font-style: normal; 
}
em.note {
    color: #b52d2d;
}
/* 
body {
    line-height:1;
}
*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul,
ol,
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    /* font-size:100%; */
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
   text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
/* table {
    border-collapse:collapse;
    border-spacing:0;
} */
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/* ============================== common setting */
body {
    padding: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: "HraKakuProN-W6","HelveticaNeue","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#suntory_contents {
    /* width:320px;
    margin:0 auto 0; */
    /* background: none; */
    background-color: #ceeff6;
}
#suntory_contents #header {
    width: 100%;
    margin: 0 auto; 
}
/* -- header -- */
#suntory_contents #header {
    height: auto;
    padding-top: 15px;
    background-color:#FFF;
    -webkit-box-shadow: 0 8px 12px -8px #E2E2E2 inset;
	box-shadow:0 8px 12px -8px #222 inset;
    padding-bottom: 0;
    /* margin-bottom: 15px; */
}
#header #headerInn {
    width: 100%;
    background-color:#FFF;
    padding-bottom: 0;
}
#header #headerInn .reser_btn {
    position: absolute;
    top: 6px;
    right: 50px;
}
#header #headerInn .reser_btn a {
    background: url(/factory/kitaalps/img/sp/hd_reservation_btn.png) no-repeat 0 0;
    background-size: 40px 30px;
    -webkit-background-size: 40px 30px;
    -o-background-size: 40px 30px;
    -moz-background-size: 40px 30px;
    -ms-background-size: 40px 30px;
    width: 40px;
    height: 30px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#header #headerInn hgroup {
    width: 100%;
}
#header #headerInn hgroup h1 {
	width: 64%;
}

#header #headerInn hgroup h1 a {
    background:url(/factory/kitaalps/img/sp/logo_ttl.png) left top no-repeat;
    background-size:100% auto;
    -webkit-background-size:100% auto;
    -o-background-size:100% auto;
    -moz-background-size:100% auto;
    -ms-background-size:100% auto;
    width: 100%;
	padding-top: 14%;
    margin-left: 15px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.introduction .leed_ttl.h38 {
	/*height:38px;*/
}



/* #header #headerInn hgroup {
    background:url(../img/water/access/img/local_nav_btn.png) no-repeat 100% 7px;
    background-size:30px 30px;
    -webkit-background-size:30px 30px;
    -o-background-size:30px 30px;
    -moz-background-size:30px 30px;
    -ms-background-size:30px 30px;
    display: blockdd
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
} */
#header #headerInn {
    position: relative;
    overflow: hidden;
    zoom: 1;    
}
#header #headerInn p.quest_btn {
    display: block !important;
    position: absolute;
    top: 6px;
    right: 10px;
    background:url(/factory/kitaalps/img/sp/local_nav_btn.png) no-repeat 0 0;
    background-size:30px 30px;
    -webkit-background-size:30px 30px;
    -o-background-size:30px 30px;
    -moz-background-size:30px 30px;
    -ms-background-size:30px 30px;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#header #headerInn p.quest_btn.active {
	transform: scaleY(-1);
}

#header #headerInn p.open {
    background-image:url(/factory/kitaalps/img/sp/local_nav_btn_open.png);
}
#header #headerInn .answer_cont {
    width: 100%;
    overflow: hidden;
    zoom: 1;
	display: none;
}
#header #headerInn .answer_cont ul {
    background-color: #ceeff6;
    padding: 15px 10px;
/*  border-top: 1px solid #afa07a;
    background:url(../img/water/guidance/sp/img/bg_shadow.png) no-repeat 0 0;
    background-size:1px 7px;
    -webkit-background-size:1px 7px;
    -o-background-size:1px 7px;
    -moz-background-size:1px 7px;
    -ms-background-size:1px 7px; */
    /* padding-bottom: 7px; */
}
/* #header #headerInn .answer_cont ul li a {
    background-color: #FFF;
} */
#header #headerInn .answer_cont ul li a {
    display: block;
    padding: 15px 17px;
    line-height: 1.1;
    color: #322517;
    font-size: 14px;
    background: #FFF url(/factory/kitaalps/img/sp/arrow_ic_tp02.png) no-repeat 92% center;
    background-size:8px 16px;
    -webkit-background-size:8px 16px;
    -o-background-size:8px 16px;
    -moz-background-size:8px 16px;
    -ms-background-size:8px 16px;
    border-top: 1px solid #97d5e5;
    border-left: 1px solid #97d5e5;
    border-right: 1px solid #97d5e5;
}
#header #headerInn .answer_cont ul li:nth-child(2) a {
    padding-top: 9px;
    padding-bottom: 9px;
}
#header #headerInn .answer_cont ul li a em {
    display: block;
    font-size: 11px;
    font-style: normal;
    padding-bottom: 2px;
}
#header #headerInn .answer_cont ul li:first-of-type a {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;  
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#header #headerInn .answer_cont ul li:last-of-type a {
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottom-left: 6px;
    -moz-border-radius-bottom-right: 6px;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom: 1px solid #c3e1e9;
}
#header #headerInn .answer_cont ul li.icon_pc a {
    background-image:url(../img/water/access/img/icon_pc.png);
    background-size:19px 18px;
    -webkit-background-size:19px 18px;
    -o-background-size:19px 18px;
    -moz-background-size:19px 18px;
    -ms-background-size:19px 18px;  
}
#header #headerInn .answer_cont ul li a:hover {
    text-decoration: none;
}
/* contentsFooter */
#suntory_contents .contentsFooter {
    width: 290px;
    /* margin-top: 20px; */
    padding: 20px 15px 20px;
    line-height: 1.7;
	position: relative;
}

	#suntory_contents .contentsFooter #basicinfo {
		position: absolute;
		top: 35px;
		right: 15px;
		width: 78px;
   	 	height: 24px;
		border: 1px solid #797979;
		background: url("/factory/kitaalps/common/img/arrow2.png") 65px 7px no-repeat;
		background-size: 7px 10px;
		line-height: 24px;
		vertical-align: middle;
	}
	
	#suntory_contents .contentsFooter #basicinfo a {
		display: block;
		color: #555;	
		padding-left: 7px;
		font-size: 13px;
		font-weight: normal;
		letter-spacing: 0px;			
	}







#suntory_contents .bgPt01 {
    background-color: #ceeff6;
}
#suntory_contents .local_navigation {
    width: 320px;
    margin: 0 auto;
}
#suntory_contents .local_navigation .quest_btn {
    display: block !important;
    background: #afa07a url(../img/water/access/img/local_nav_btn01.png) no-repeat 92% 50%;
    background-size:18px 9px;
    -webkit-background-size:18px 9px;
    -o-background-size:18px 9px;
    -moz-background-size:18px 9px;
    -ms-background-size:18px 9px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 40px 10px 15px;
    /* margin-bottom: 20px; */
}
#suntory_contents .local_navigation .open {
    background: #afa07a url(../img/water/access/img/local_nav_btn01_open.png) no-repeat 92% 50%;
    background-size:18px 9px;
    -webkit-background-size:18px 9px;
    -o-background-size:18px 9px;
    -moz-background-size:18px 9px;
    -ms-background-size:18px 9px;
}
#suntory_contents .local_navigation .answer_cont {
    width: 320px;
    overflow: hidden;
    zoom: 1;
}
#suntory_contents .local_navigation .answer_cont ul {
    border-top: 1px solid #afa07a;
    background:url(../img/water/access/img/bg_shadow.png) no-repeat 0 0;
    background-size:1px 7px;
    -webkit-background-size:1px 7px;
    -o-background-size:1px 7px;
    -moz-background-size:1px 7px;
    -ms-background-size:1px 7px;
    padding-bottom: 7px;
}
#suntory_contents .local_navigation .answer_cont ul li {
    border-bottom: 1px solid #afa07a;
    background-color: #FFF;
}
#suntory_contents .local_navigation .answer_cont ul li a {
    display: block;
    padding: 15px 17px;
    line-height: 1.1;
    color: #322517;
    background:url(/factory/kitaalps/img/sp/arrow_ic_tp02.png) no-repeat 92% center;
    background-size:9px 18px;
    -webkit-background-size:9px 18px;
    -o-background-size:9px 18px;
    -moz-background-size:9px 18px;
    -ms-background-size:9px 18px;
}
#suntory_contents .local_navigation .answer_cont ul li.icon_pc a {
    background-image:url(../img/water/access/img/icon_pc.png);
    background-size:19px 18px;
    -webkit-background-size:19px 18px;
    -o-background-size:19px 18px;
    -moz-background-size:19px 18px;
    -ms-background-size:19px 18px;  
}
#suntory_contents .local_navigation .answer_cont ul li a:hover {
    text-decoration: none;
}
/* -- header -- */
/* header */
/*
.index header {
    background:url(/factory/kitaalps/img/sp/main_img01.png) no-repeat 0 0;
    background-size:320px 159px;
    -webkit-background-size:320px 159px;
    -o-background-size:320px 159px;
    -moz-background-size:320px 159px;
    -ms-background-size:320px 159px;
    width:320px;
    height:159px;
    margin: 0 auto;
    padding-bottom: 7px;
}
.index header .shohin {
    position: absolute;
    width: 76px; height: 117px;
    position: absolute;
    left: 221px; top: 42px;
}
.introduction header{
    background-image: none;
}
header hgroup {
    overflow:hidden;
    zoom:1; 
}
hgroup h1#logo,
hgroup h2 {
    background-repeat:no-repeat;
    background-position:0 0;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    float:left;
}
hgroup h1#logo {
    background-image:url(/factory/kitaalps/img/sp/main_view_logo.png);
    background-size:86px 71px;
    -webkit-background-size:86px 71px;
    -o-background-size:86px 71px;
    -moz-background-size:86px 71px;
    -ms-background-size:86px 71px;
    width:86px;
    height:71px;
    margin:0 0 0 10px;
}
hgroup h2 {
    background-image:url(/factory/kitaalps/img/sp/h1_ttl_tp01.png);
    background-size:153px 34px;
    -webkit-background-size:153px 34px;
    -o-background-size:153px 34px;
    -moz-background-size:153px 34px;
    -ms-background-size:153px 34px;
    width:153px;
    height:34px;
    margin:15px 0 0 14px;
}
*/




/* roundedBlock */
#contents .rd_leed_ttl {
    font-size: 16px;
    font-weight: bold;
    color: #dc0000;
}
.roundedBlock {
    /*width: 270px;*/
    margin: 20px auto;
    background-color: #FFF;
    padding: 15px 15px 10px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* background:url(../img/water/access/img/bg_rounded_hd_t01.png) no-repeat left top;
    background-size: 300px 10px;
    -webkit-background-size: 300px 10px;
    -o-background-size: 300px 10px;
    -moz-background-size: 300px 10px;
    -ms-background-size: 300px 10px; */
}

	.access .roundedBlock {
    	margin: 0 auto 20px auto;	
	}

	
.roundedBlock .inner {
    /* background:url(../img/water/access/img/bg_rounded_ct_t01.png) no-repeat left bottom;
    background-size: 300px 100%;
    -webkit-background-size: 300px 100%;
    -o-background-size: 300px 100%;
    -moz-background-size: 300px 100%;
    -ms-background-size: 300px 100%; */
}
.roundedBlock .inner dl {
		background: url(/factory/kitaalps/img/sp/dot.png) left bottom repeat-x;
		padding: 5px 0;
		line-height: 120%;
}
.roundedBlock dl:last-of-type {
    background: none;
    padding-bottom: 0;
}
.roundedBlock dl dt {
    padding: 5px 30px 5px 10px;
}
.roundedBlock dl dd {
    padding: 0 0 5px 10px;
}
.roundedBlock dl dd p {
    color: #322517; 
}
.roundedBlock dl .toggleLeed {
    font-size: 14px;
    font-weight: bold;
    color: #322517;
    background:url(/factory/kitaalps/img/sp/toggle_btn02.png) no-repeat right 3px;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
}
.roundedBlock dl .toggleLeed_off {
    font-size: 14px;
    font-weight: bold;
    color: #322517;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
		padding: 5px 0 5px 10px;
}
.roundedBlock dl .toggleLeed_link { padding: 0; margin: 0; }
.roundedBlock dl .toggleLeed_link a {
    padding: 5px 30px 5px 10px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #322517;
    background:url(/factory/kitaalps/img/sp/toggle_btn02_link.png) no-repeat right 3px;
    background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -ms-background-size: 20px 20px;
}


.roundedBlock dl .open {
    background-image: url(/factory/kitaalps/img/sp/toggle_btn02_open.png);
}
.roundedBlock .inner .subLeed {
    color: #167216;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;    
}
.roundedBlock .inner p {
    font-size: 14px;
    /* color: #167216; */
}
/* contents */
#contents {
    padding: 0; 
    line-height: 1.5;
    margin: 0 auto;
    width: 320px;
    /* padding: 10px 0 10px; */
    /* background:url(../img/water/img/wrapper_bg01.png) repeat 0 0; */
}
#noticeInfoArea {
    margin: 0 0 20px 10px;
}
#noticeInfoArea .infoBlock {
    background:url(../img/water/img/bg_rounded_hd_t01.png) no-repeat left top;
    background-size:300px 9px;
    -webkit-background-size:300px 9px;
    -o-background-size:300px 9px;
    -moz-background-size:300px 9px;
    -ms-background-size:300px 9px;
    padding-top: 9px;
    margin-bottom: 7px;
    width: 300px;
}
#noticeInfoArea .infoBlock .inner {
    background:url(../img/water/img/bg_rounded_ft_t01.png) no-repeat left bottom;
    background-size:300px 150px;
    -webkit-background-size:300px 150px;
    -o-background-size:300px 150px;
    -moz-background-size:300px 150px;
    -ms-background-size:300px 150px;
    padding: 0 10px 10px;
}
.infoBlock .inner p a { 
    display:block;
    background: url(/factory/kitaalps/img/sp/arrow_ic01.png) no-repeat 97% center;
    background-size:7px 14px;
    -webkit-background-size:7px 14px;
    -o-background-size:7px 14px;
    -moz-background-size:7px 14px;
    -ms-background-size:7px 14px;
    padding-right: 15px;
}
#suntory_contents .infoBlock .inner p,
#suntory_contents .infoBlock .inner p a {
    font-size:12px;
    color:#bd3b03;  
}
#linkBtn {
    margin: 0 10px 20px;    
}

	
#linkBtn li {
    margin-bottom:10px;
}
#linkBtn li:last-of-type {
    margin-bottom:0;    
}
#linkBtn li a {
    display: block;
    background: url(/factory/kitaalps/img/sp/arrow_ic_tp04.png) no-repeat 95% center;
    background-size: 9px 18px;
    -webkit-background-size: 9px 18px;
    -o-background-size: 9px 18px;
    -moz-background-size: 9px 18px;
    -ms-background-size: 9px 18px;
    margin-bottom: 15px;
    background-color: #89d001;
    padding: 15px 20px 15px 10px;
    line-height: 1.4;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}
/* #linkBtn li.course a {
    background-image:url(../img/water/img/top_reservation_btn.png);
} */
#linkBtn li.access a {
    background-image:url(/factory/kitaalps/img/sp/arrow_ic_tp04.png);
    background-color: #5bc2dc;
}
nav#contetsLink {
    margin: 0 0 10px 10px;  
}
nav#contetsLink ul {
    overflow: hidden;
    zoom: 1;
}
nav#contetsLink ul li {
    margin: 0 10px 10px 0;
    width: 145px;
    float: left;
}
nav#contetsLink ul li:last-of-type {
    margin-bottom:0;    
}
nav#contetsLink ul li:nth-child(2),
nav#contetsLink ul li:nth-child(4) {
    margin-right: 0;    
}
nav#contetsLink ul li a {
    display: block;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:145px 145px;
    -webkit-background-size:145px 145px;
    -o-background-size:145px 145px;
    -moz-background-size:145px 145px;
    -ms-background-size:145px 145px;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    width:145px;
    height:145px;
}
nav#contetsLink ul li#nav01 a {
    background-image:url(/factory/kitaalps/img/sp/bg_img_info01.png);
}
.webp nav#contetsLink ul li#nav01 a {
    background-image:url(/factory/kitaalps/img/sp/bg_img_info01.webp);
}
/*
nav#contetsLink ul li#nav02 a {
    background-image:url(/factory/kitaalps/img/sp/bg_img_info02.png);
}
*/
	nav#contetsLink ul li#nav02 {
		width: 145px;
    	height: 145px;
    	text-indent: -9999px;
    	background-image:url(/factory/kitaalps/img/sp/bg_img_info02.png);
		background-size: 145px 145px;
	}
	.webp nav#contetsLink ul li#nav02 {
		width: 145px;
    	height: 145px;
    	text-indent: -9999px;
    	background-image:url(/factory/kitaalps/img/sp/bg_img_info02.webp);
		background-size: 145px 145px;
	}
nav#contetsLink ul li#nav03 a {
    background-image:url(/factory/kitaalps/img/sp/bg_img_info03.png);
}
nav#contetsLink ul li#nav04 a {
    background-image: url(/factory/kitaalps/img/sp/bg_img_info04.png);
}
#sliderBlock {
    margin: 0 10px 20px 10px;   
}
#sliderBlock .leedTtl {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    background:url(../img/water/img/slider_area_ttl.png) no-repeat 0 0;
    background-size:100px 16px;
    -webkit-background-size:100px 16px;
    -o-background-size:100px 16px;
    -moz-background-size:100px 16px;
    -ms-background-size:100px 16px;
    width: 100px;
    height: 19px;
    margin: 0 0 5px 2px;    
}
#sliderBlock .fixation {
    background-color: #FFF;
    border-radius:6px;
    -webkit-border-radius:6px;
    padding:5px;
    margin-bottom: 10px;
    overflow:hidden;
    zoom:1;
    line-height: 1;
}
#sliderBlock .fixation:last-of-type {
    margin-bottom: 0;   
}
.fixation a {
    display: block;
    min-height: 69px;
    background:url(/factory/kitaalps/img/sp/arrow_ic01.png) no-repeat 99% center;
    background-size:7px 14px;
    -webkit-background-size:7px 14px;
    -o-background-size:7px 14px;
    -moz-background-size:7px 14px;
    -ms-background-size:7px 14px;
    padding-right: 15px;    
}
.fixation .imageLeft {
    float: left;
    margin-right: 10px;
}
.fixation span {
    overflow:hidden;
    zoom:1;
    line-height: 1.5;
    font-size: 13px;
    color: #322517;
}
.banner_block {
    margin: 0 0 10px 10px;  
}
.banner_block li {
    font-size: 0;
    line-height: 0;
    margin-bottom: 15px;
}
.banner_block li:last-of-type {
    margin-bottom: 0;   
}

#mvBlock {
    margin: 0 0 20px 0;  
}

#mvBlock iframe {
	width: 100%;
	vertical-align: bottom;
}

#mvBlock iframe video {
	background-color: rgb(206, 239, 246);
}

#mvBlock #linkurl {
    background: #a1d7e2;
	padding: 5px;
    font-size: 14px;
    line-height: 150%;
}

#mvBlock .leedTtl {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    background:url(/factory/kitaalps/img/sp/movie_area_ttl.png) no-repeat 0 0;
    background-size:281px 15px;
    -webkit-background-size:281px 15px;
    -o-background-size:281px 15px;
    -moz-background-size:281px 15px;
    -ms-background-size:281px 15px;
    width: 281px;
    height: 15px;
    margin: 0 0 11px 10px;
}
#mvBlock p.image {
    font-size: 0;
    line-height: 0; 
}
#mvBlock .thmb {
    font-size: 12px;
    padding-left: 5px;
    color: #322517;
}


/* カレンダー
---------------------------------------------------- */
.calendar_buildin {
    width: 300px;
    margin:0 auto 30px;
    background:#f1fbdc;
    padding: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
    z-index: 1;
}
.calendar_buildin .inner {
    background: none;
    padding-top: 35px;
    background:url(/factory/kitaalps/img/sp/bg_aside_cl_hd02.png) no-repeat center top;
    background-size: 155px 19px;
    -webkit-background-size: 155px 19px;
    -o-background-size: 155px 19px;
    -moz-background-size: 155px 19px;
    -ms-background-size: 155px 19px;
    position: relative;
    z-index: 10;
    /* padding: 15px 16px 15px; */
}
/* #mySwipe {
    width: 240px;
    margin: 0 auto;
}
#mySwipe.swipe .swipe-wrap > table {
    width: 240px !important;
} */
.calendar_buildin caption {
    color: #865317;
    /* background:url(../img/water/common/img/calendar_ttl01_tp01.png) no-repeat 45px 10px;
    border: none;
    padding: 0 0 0 140px;
    margin: -4px 0 15px 0; */
    font-weight: bold;
    font-size: 1.38em;
    background-color: #FFF;
}
.calendar_buildin .inner h2.leed_ttl {
    font-size: 0;
    line-height: 0;
    /* padding: 0 0 15px 25px; */
    padding: 0 0 15px 0;
}
.calendar_buildin .inner p.note {
    text-align: right;
    font-size: 0;
    line-height: 0;
    padding-top: 8px;
}
.calendar_buildin .inner p.aside_btn {
    padding: 7px 12px 0 0;
    text-align: right;
    font-size:0;
    line-height: 0;
}
.calendar_buildin .inner p.aside_btn:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}
.calendar_buildin .inner .ft_btn {
    text-align: right;
    background:url(../img/water/guidance/img/calendar_bg_line.gif) no-repeat center top;
    /* padding: 11px 25px 0 0; */
    padding: 11px 0 0 0;
    font-size: 0;
    line-height: 0; 
}
#mySwipe {
    width: 270px;
    margin: 0 auto 5px;
}
#mySwipe.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
#mySwipe.swipe .swipe-wrap {
    overflow: hidden;
    position: relative;
}
#mySwipe.swipe .swipe-wrap > table {
    float:left;
    position: relative;
    width: 270px !important;
    /* margin-left: 25px; */
}
.calendar_buildin .calendarTable caption,
#mySwipe.swipe .swipe-wrap table thead {
    border-top: 1px solid #bedd7b;
    border-left: 1px solid #bedd7b;
    border-right: 1px solid #bedd7b;
}
#mySwipe.swipe .swipe-wrap table thead {
    border-top: none;
}
.calendar_buildin .calendarTable caption {
    padding-bottom: 5px;
    position: relative;
    font-size: 1.38em;
}
#mySwipe table caption button {
    font-size: .75em;   
}
#mySwipe table caption button em {
    font-size: .75em;
    padding: 0 2px; 
}
#mySwipe table caption button.btn_prev,
#mySwipe table caption button.btn_next {
    position: absolute;
    top: 10px;
    background-repeat: no-repeat;
    background-color: #f0fcd2;
    color: #865317;
    border: none;
    cursor: pointer;
    top: 0;
    background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -moz-background-size: 30px 30px;
    -ms-background-size: 30px 30px;
    width: 30px;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#mySwipe table caption button.btn_prev{
    left: 0;
    background-image:url(/factory/kitaalps/img/sp/calendar_arrow_next.png);
    background-position: left center;
    padding-left: 10px;
}
#mySwipe table caption button.btn_next{
    right: -1px;
    background-image:url(/factory/kitaalps/img/sp/calendar_arrow_prev.png);
    background-position: right center;
    padding-right: 10px;
}

#mySwipe table:first-child .btn_prev,
#mySwipe table:last-child .btn_next{
    display:none
}
#mySwipe.swipe .swipe-wrap table tbody th,
#mySwipe.swipe .swipe-wrap table tbody td {
    border: 1px solid #bedd7b;
}
.calendar_buildin .calendarTable th,
.calendar_buildin .calendarTable td {
    border: none;
    height: auto;
    line-height: 1.3;
    padding: 6px 5px;
}
.calendar_buildin .calendarTable td,
.calendar_buildin .calendarTable td a {
   
}
.calendar_buildin .calendarTable td a {
    padding: 5px 0; 
}
.calendar_buildin tr th {
    font-size: 1em;    
}
.calendarTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #FFF;
}
/* .calendarTable tr th, */
.calendarTable thead tr th {
    padding: 5px 5px 10px;
}
.calendarTable tr td,
.calendarTable tr td a {
    text-align: center;
    color: #c1baae;
    font-weight: bold;
}
.calendarTable tr th {
    line-height: 1.3;
    color: #865317;
}
.calendarTable tr td {
    border: 1px solid #e0d0b1;
    vertical-align: top;
}
/* .calendarTable tr td {
    padding: 0 5px;
    height: 40px;   
} */
.calendar_block .calendarTable tr td,
.calendar_block .calendarTable tr td a {
    /* padding: 0 5px; */
    height: 39px;   
}
.calendarTable tr td a {
    padding: 0 5px;
}
.calendarTable tr td span {
    display: block;
    line-height: 1;
    font-size: 1em;
    /*font-weight: normal;*/
}
.calendarTable tr td.no {
    padding: 12px 0 10px;
}
.calendar_block .calendarTable tr td.no {
    padding: 0;
}
.calendarTable tr td.no span {
    color: #322517; 
}
#calandar_block .calendarTable tr td.emp a {
    color: #865317;
}
aside .calendarTable tr td a:hover {
    background-color: #c7ec7c;
}
.calendarTable tr td.emp:hover {
    background-image: url(../img/water/img/bg_emp_active.gif);
}
.calendarTable tr td.emp_select a,
.calendarTable tr td.emp_select a:hover {
    background-color: #5f3006;
}
.calendarTable tr td.emp_select a {
    color: #FFF;
}
/* a:hover */
.calendarTable tr td a {
    display: block; 
}
.calendarTable tr td a:hover {
    text-decoration: none;
}
.calendar_block .calendarTable,
.calendar_block .calendarTable caption {
    background-color: #FFF; 
}
.calendar_block .calendarTable tr td {
    border: 1px solid #bedd7b;
}
.calendar_block .calendarTable caption {
    border-top: 1px solid #bedd7b;
    border-left: 1px solid #bedd7b;
    border-right: 1px solid #bedd7b;
}


.calendar_buildin .calendarTable tr td.no_sem {
	color: #865317;
	font-weight: bold;
	padding:12px 0 10px;
}
.calendar_buildin .calendarTable tr td.holiday {
	color: #787267;
	font-weight: bold;
}

.calendar_buildin .calendarTable tr td.emp {
    background: url(../img/bg_emp_defailt.gif) #e9fdbb left bottom repeat-x;
    font-weight: bold;
}
.calendar_buildin .calendarTable tr td.emp:hover {
    background: url(../img/bg_emp_active.gif) #80cf19 left bottom repeat-x;
}

.calendar_buildin .calendarTable tr td.emp a {
	color: #865317;
}

.calendar_buildin .calendarTable tr td.emp a,
.calendar_buildin .calendarTable tr td.emp a:hover {
    text-decoration: none;
    color:#865317;
}

.calendar_buildin tr th,.calendar_buildin tr td {
	font-size:14px;
}


aside .calendar_buildin tr td a:hover {
    background: none;
}
#wineBlock {
    margin: 0 0 30px 10px;
    background:url(../img/water/img/bg_img_wine.png) no-repeat 0 0;
    background-size:298px 257px;
    -webkit-background-size:298px 257px;
    -o-background-size:298px 257px;
    -moz-background-size:298px 257px;
    -ms-background-size:298px 257px;
    width: 270px;
    height: 167px;
    padding: 74px 15px 17px;
}
#wineBlock ul {
    overflow: hidden;
    zoom:1; 
}
#wineBlock ul li {
    font-size: 0;
    line-height: 0;
    margin: 0 11px 11px 0;
}
#wineBlock ul li.wdTp01 {
    float: none;
}
#wineBlock ul li.wdTp02 {
    float: left;    
}
#wineBlock ul li:nth-child(3) {
    margin-right: 0;    
}
#wineBlock ul li:nth-child(4) {
    margin: 0;
}

/* コンテンツフッター */
#suntory_contents .contentsFooter {
    width: auto;
    margin: 0 auto;
    padding-bottom: 30px 10px 20px 10px;   
}
#suntory_contents .contentsFooter h2 {
    fonts-size: 0;
    line-height: 0;
    margin-bottom: 15px;
}
#suntory_contents .contentsFooter p {
    font-size: 12px;
}
#suntory_contents .contentsFooter p.txt_right {
    display: block;
    text-align: right;
    margin-top: 10px;
}
#suntory_contents .link_btn {
    margin-top: 15px;
}

#suntory_contents .contentsFooter .ft_info_box {
	width: 100%;
	font-size: 12px;
	color: #555555;
}

#suntory_contents .contentsFooter .ft_info_box th {
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}

#suntory_contents .contentsFooter .ft_info_box th,
#suntory_contents .contentsFooter .ft_info_box td {
	line-height: 1.3;
	vertical-align: top;
}

#suntory_contents .contentsFooter .link_btn .alert,
#suntory_contents .contentsFooter .link_btn .time {
	display: block;
}

#suntory_contents .contentsFooter .link_btn .alert{
	margin-top: 3px;
}

#suntory_contents .contentsFooter .link_btn .time {
	margin-top: 5px;
}

#suntory_contents .link_btn li {
    margin-bottom: 15px;
}
#suntory_contents .link_btn a {
	display: block;
	width: calc(100% - 24px);
	border: 1px solid #5bc2dc;
	border-radius: 6px;
	padding: 13px 15px;
	font-size: 15px;
	color: #322517;
	font-weight: bold;
	background: url(/factory/kitaalps/img/sp/arrow_ic_tp02.png) no-repeat 95% center;
    background-size:9px 18px;
    -webkit-background-size:9px 18px;
    -o-background-size:9px 18px;
    -moz-background-size:9px 18px;
    -ms-background-size:9px 18px;
    margin-left: -3px;
}
#suntory_contents .link_btn a span{
  color: #DC0000;
}

#suntory_contents .link_btn:first-child a {
	margin-bottom: 10px;
}

#suntory_contents .link_btn:nth-child(2) a {
	width: calc(100% - 39px);
    background-image: url(/factory/kitaalps/img/sp/phone_ic_tp01.png);
	background-position: 5% center;
    background-size: 23px 22px;
    -webkit-background-size: 23px 22px;
    -o-background-size: 23px 22px;
    -moz-background-size: 23px 22px;
    -ms-background-size: 23px 22px;
	padding: 3px 0 3px 45px;
	font-size: 30px;
    margin-left: -3px;
}
#suntory_contents ul.link_btn li a:hover {
    text-decoration: none;  
}
#suntory_contents ul.link_btn li:last-of-type {
    margin-bottom: 0;
}
#suntory_contents ul.reser_btn {
    margin-top: 15px;
}
#suntory_contents ul.reser_btn li a {
    background-repeat: no-repeat;
    background-position: 0 0;
    /* text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; */
    display: block;
}
/* #suntory_contents ul.reser_btn li:nth-child(1) a {
    background-image: url(../img/water/img/reservation_btn_tp01.png);
    background-size:300px 56px;
    -webkit-background-size:300px 56px;
    -o-background-size:300px 56px;
    -moz-background-size:300px 56px;
    -ms-background-size:300px 56px;
    width: 300px;
    height: 56px;
} */
#suntory_contents ul.reser_btn li:nth-child(1) a {
    display: block;
    background: url(/factory/kitaalps/img/sp/arrow_ic_tp04.png) no-repeat 95% center;
    background-size: 9px 18px;
    -webkit-background-size: 9px 18px;
    -o-background-size: 9px 18px;
    -moz-background-size: 9px 18px;
    -ms-background-size: 9px 18px;
    margin-bottom: 15px;
    background-color: #ac3d4d;
    padding: 15px 20px 15px 10px;
    line-height: 1.4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}
#suntory_contents .local_navigation {
    width: 320px;
    margin: 0 auto 25px;
}
#suntory_contents .local_navigation .quest_btn {
    display: block !important;
    background: #afa07a url(../img/water/img/local_nav_btn01.png) no-repeat 92% 50%;
    background-size:18px 9px;
    -webkit-background-size:18px 9px;
    -o-background-size:18px 9px;
    -moz-background-size:18px 9px;
    -ms-background-size:18px 9px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 45px 10px 15px;
    /* margin-bottom: 20px; */
}
#suntory_contents .local_navigation .open {
    background: #afa07a url(../img/water/img/local_nav_btn01_open.png) no-repeat 92% 50%;
    background-size:18px 9px;
    -webkit-background-size:18px 9px;
    -o-background-size:18px 9px;
    -moz-background-size:18px 9px;
    -ms-background-size:18px 9px;
}
#suntory_contents .local_navigation .answer_cont {
    width: 320px;
    overflow: hidden;
    zoom: 1;
}
#suntory_contents .local_navigation .answer_cont ul {
    border-top: 1px solid #afa07a;
    background:url(../img/water/img/bg_shadow.png) no-repeat 0 0;
    background-size:1px 7px;
    -webkit-background-size:1px 7px;
    -o-background-size:1px 7px;
    -moz-background-size:1px 7px;
    -ms-background-size:1px 7px;
    padding-bottom: 7px;
}
#suntory_contents .local_navigation .answer_cont ul li {
    border-bottom: 1px solid #afa07a;
    background-color: #FFF;
}
#suntory_contents .local_navigation .answer_cont ul li a {
    display: block;
    padding: 15px 17px;
    line-height: 1.1;
    color: #322517;
    font-size: 14px;
    background:url(/factory/kitaalps/img/sp/arrow_ic_tp02.png) no-repeat 92% center;
    background-size:9px 18px;
    -webkit-background-size:9px 18px;
    -o-background-size:9px 18px;
    -moz-background-size:9px 18px;
    -ms-background-size:9px 18px;
}
#suntory_contents .local_navigation .answer_cont ul li.icon_pc a {
    background-image:url(../img/water/img/icon_pc.png);
    background-size:19px 18px;
    -webkit-background-size:19px 18px;
    -o-background-size:19px 18px;
    -moz-background-size:19px 18px;
    -ms-background-size:19px 18px;  
}
#suntory_contents .local_navigation .answer_cont ul li a:hover {
    text-decoration: none;
}

.cagegoryBlock dl.cagegory:last-of-type dt,
.cagegoryBlock dl.cagegory:last-of-type dd.leedTtl {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
}

/*工場共通フッター*/
#factoryContentsFt {
    /* background: #FFF url(/common/img/ft_hr.png) repeat-x; */
    background: #FFF repeat-x 0 0 linear-gradient(#d4dcdf, #FFF);
    -webkit-background-size: auto 9px;
    margin: 0 0 0 0;
    padding: 19px 10px 10px;
}
p#faq a{
    display:block;
    font-size:15px;
    color:#444;
    font-weight:bold;
    border:1px solid #b5b0a0;
    background:url(../../img/icon_pc.png) no-repeat 96% center #fff;
    -webkit-background-size:16px 15px;
    -webkit-border-radius:5px;
    padding:15px;
    margin-bottom:15px;
}
dl#notice {
    display:block;
    font-size:15px;
    color:#444;
    border:1px solid #b5b0a0;
    background-color:#ffffff;
    margin-bottom:15px;
    -webkit-background-size:16px 15px;
    -webkit-border-radius:5px;
}
dl#notice dt span{
    color:#ff0000;
}
dl#notice dt{
    font-size:15px;
    line-height:1;
    color:#444;
    padding:15px;
    margin:0;
    font-weight:bold;
}
dl#notice dd{
    font-size:12px;
    color:#444;
    padding:0 15px 0 15px;
    line-height:1.5;
}
dl#notice dd ul li{
    text-indent: -1em;
    padding-left: 1em;
}
dl#notice dd:last-child{
    padding-bottom:15px;
}
dl#notice dt.open{
    background:url(../../img/icon_minus.png) no-repeat 96% center;
    -webkit-background-size:20px 20px;
}
dl#notice dt.close{
    background:url(../../img/icon_plus.png) no-repeat 96% center;
    -webkit-background-size:20px 20px;
}
dl#notice dt span{
    color:#f05500;
}
p#toFactoryTop{
    margin:0 10px 15px 10px;
}
p#toFactoryTop a{
    display:block;
    background-image:url(../../img/ft_logo.png),url(../../img/arrow_g.png);
    background-repeat:no-repeat,no-repeat;
    background-position:left center,right center;
    -webkit-background-size:173px 23px,8px 11px;
    text-indent:-9999px;
    height:23px;
}
/* sliderBlock */
#sliderBlock {
    margin: 0 10px 20px 10px;   
}
#sliderBlock .leedTtl {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    background:url(/factory/kitaalps/img/sp/slider_area_ttl.png) no-repeat 0 0;
    background-size:100px 16px;
    -webkit-background-size:100px 16px;
    -o-background-size:100px 16px;
    -moz-background-size:100px 16px;
    -ms-background-size:100px 16px;
    width: 100px;
    height: 19px;
    margin: 0 0 5px 2px;    
}
#sliderBlock .fixation {
    background-color: #FFF;
    border-radius:6px;
    -webkit-border-radius:6px;
    padding:5px;
    margin-bottom: 10px;
    overflow:hidden;
    zoom:1;
    line-height: 1;
    display: block !important;
}
#sliderBlock .fixation:last-of-type {
    margin-bottom: 0;   
}
.fixation a {
    display: block;
    min-height: 69px;
    background:#FFF;
    background-size:7px 14px;
    -webkit-background-size:7px 14px;
    -o-background-size:7px 14px;
    -moz-background-size:7px 14px;
    -ms-background-size:7px 14px;
    padding-right: 15px;    
}
.fixation .imageLeft {
    float: left;
    margin-right: 10px;
}
.fixation span {
    overflow:hidden;
    zoom:1;
    line-height: 1.5;
    font-size: 13px;
    color: #322517;
}


/*
#suntory_contents .contentsFooter h2 {
    background-image: url(../img/water/access/img/ct_footer_ttl01.png);
    background-size:273px 14px;
    -webkit-background-size:273px 14px;
    -o-background-size:273px 14px;
    -moz-background-size:273px 14px;
    -ms-background-size:273px 14px;
    width: 273px;
    height: 14px;
    margin: 0 0 15px 3px;
}
#suntory_contents .bgPt01 h2 {
    background-image: url(/factory/kitaalps/img/sp/ct_footer_ttl01.png);
}
#suntory_contents .contentsFooter h2 img {
    display: none;
}
*/

	#suntory_contents .contentsFooter h2 {
		width: 59%;
		margin: 0 0 15px 3px;
	}

 	#suntory_contents .contentsFooter h2 img {
		width: 100%;
		height: auto;
	}





#suntory_contents .contentsFooter p {
    font-size: 12px;
    color: #555555;
}
.contentsFooter .footer_nav {
    margin-bottom: 15px;    
}
.contentsFooter .footer_nav ul li a {
    display: block;
    /* border-top: 1px solid #97d5e5;
    border-left: 1px solid #97d5e5;
    border-right: 1px solid #97d5e5; */
    border-bottom: 1px solid #97d5e5;
    padding: 15px 30px 15px 15px;
    line-height: 1.1;
    background: #FFF url(/factory/kitaalps/img/sp/arrow_ic_tp02.png) no-repeat 94% center;
    background-size: 8px 16px;
    -webkit-background-size: 8px 16px;
    -o-background-size: 8px 16px;
    -moz-background-size: 8px 16px;
    -ms-background-size: 8px 16px;
}
.contentsFooter .footer_nav ul li:nth-child(2) a {
    padding-top: 9px;
    padding-bottom: 9px;
}
.contentsFooter .footer_nav ul li a em {
    display: block;
    font-size: 11px;
    font-style: normal;
    padding-bottom: 2px;
}
/*.contentsFooter .footer_nav ul li.icon_pc a {
    background-image: url(../img/water/access/img/icon_pc.png);
    background-size: 19px 18px;
    -webkit-background-size: 19px 18px;
    -o-background-size: 19px 18px;
    -moz-background-size: 19px 18px;
    -ms-background-size: 19px 18px;
} */
#suntory_contents .contentsFooter .footer_nav ul li a,
#suntory_contents .contentsFooter .footer_nav ul li a:hover {
    color: #322517;
    font-size: 14px;
    text-decoration: none;
}
.contentsFooter .footer_nav ul li:first-of-type a {
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px; 
    border-top-right-radius: 6px;
}
.contentsFooter .footer_nav ul li:last-of-type a {
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottom-left: 6px;
    -moz-border-radius-bottom-right: 6px;
    border-bottom-left-radius: 6px; 
    border-bottom-right-radius: 6px;
    border-bottom: 1px solid #c3e1e9;
}
#suntory_contents .contentsFooter p.txt_right {
    display: block;
    text-align: right;
    margin-top: 10px;
}


#suntory_contents ul.link_btn {
    display: block; 
    margin-top: 15px;
}
#suntory_contents ul.link_btn li {
    margin-bottom: 15px;
}
#suntory_contents ul.link_btn li a {
    display: block;
    border: 1px solid #5bc2dc;
    border-radius: 6px;
    padding: 10px 15px;
    color: #322517;
    font-weight: bold;
    background: url(/factory/kitaalps/img/sp/arrow_ic_tp02.png) no-repeat 95% center;
    background-size:9px 18px;
    -webkit-background-size:9px 18px;
    -o-background-size:9px 18px;
    -moz-background-size:9px 18px;
    -ms-background-size:9px 18px;
}
#suntory_contents ul.link_btn li.tel a {
    background-color: #FFF;
    border: 1px solid #c7c7c7;
    background-image: url(../img/water/access/img/phone_ic_tp02.png);
    background-size:29px 28px;
    -webkit-background-size:29px 28px;
    -o-background-size:29px 28px;
    -moz-background-size:29px 28px;
    -ms-background-size:29px 28px;
}
#suntory_contents ul.reser_btn li:nth-child(1) a {
    display: block;
    background: url(/factory/kitaalps/img/sp/arrow_ic_tp04.png) no-repeat 95% center;
    background-size: 9px 18px;
    -webkit-background-size: 9px 18px;
    -o-background-size: 9px 18px;
    -moz-background-size: 9px 18px;
    -ms-background-size: 9px 18px;
    margin-bottom: 15px;
    background-color: #89d001;
    padding: 15px 20px 15px 10px;
    line-height: 1.4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}
#suntory_contents ul.link_btn li:nth-child(2) a {
    background-image: url(/factory/kitaalps/img/sp/phone_ic_tp01.png);
    background-position: 5% center;
    background-size:23px 22px;
    -webkit-background-size:23px 22px;
    -o-background-size:23px 22px;
    -moz-background-size:23px 22px;
    -ms-background-size:23px 22px;
    padding: 5px 0 5px 45px;
    font-size: 30px;
}
#suntory_contents ul.btn_tp01 li a {
    background-image: url(../img/water/access/img/arrow_ic_tp01.png);
    background-position: 5% center;
    padding-left: 35px;
}
#suntory_contents ul.link_btn li a:hover {
    text-decoration: none;  
}
#suntory_contents ul.link_btn li:last-of-type {
    margin-bottom: 0;
    line-height: 1.2;
}
#suntory_contents ul.link_btn li a em {
    font-weight: normal;
    font-size: 12px;
}



/* -- footer -- */


/* ============================== category style */


/* ============================== media queries */


/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼top.css▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/* ------------------------- TOC
category style
access
media queries


---------------------------- */
/* ============================== javascript style */
.quest_btn {
    zoom: 1;
    cursor: pointer;
}
.disnon {
    display: none;
}


/* ============================== common style */
#suntory_contents {
    /* width: 320px; */
    /* background-color:#FFF; */
    /*width: 320px;*/
    margin: 0 auto;
}

/* full_bnr */
.full_bnr {
    width: 300px;
    margin: 20px auto 0;
}
/* .full_bnr01 {
    width: 300px;
    margin: 0 auto 15px;
} */
/* -- contents -- */
.leed_ttl {
    background: none;
    margin-bottom: 15px;
    padding: 0;
    width: 100%;   
} 

.leed_ttl h1 {
    font-size: 17px;
    line-height: 1;
    background: url(/factory/kitaalps/img/sp/bg_contents_leed_ttl01.png) no-repeat 0 0;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    padding: 7px 15px;
    line-height: 1.8;
    color: #FFF;
	font-weight: bold;
}



.accessBlock {
    margin: 0 0 20px 10px;  
}
.accessBlock .anchor_list {
    overflow: hidden;
    zoom: 1;
    margin-left: 10px;  
}
.accessBlock .anchor_list li {
    float: left;
    margin-right: 10px;
    font-size: 0;
    line-height: 0;
}
.accessBlock .anchor_list li span {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100px 59px;
    -webkit-background-size: 100px 59px;
    -o-background-size: 100px 59px;
    -moz-background-size: 100px 59px;
    -ms-background-size: 100px 59px;
    width: 100px;
    height: 59px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.accessBlock .anchor_list li span.tb01 {
    background-image:url(/factory/kitaalps/access/img/tab_nav_tp01_defailt.png)
}
.accessBlock .anchor_list li.select span.tb01 {
    background-image:url(/factory/kitaalps/access/img/tab_nav_tp01_active.png)
}
.accessBlock .anchor_list li span.tb02 {
    background-image:url(/factory/kitaalps/access/img/tab_nav_tp02_defailt.png)
}
.accessBlock .anchor_list li.select span.tb02 {
    background-image:url(/factory/kitaalps/access/img/tab_nav_tp02_active.png)
}
.accessBlock .acInnBlock {
    background-color: #FFF;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 13px 15px 20px;
    margin-bottom: 30px;
    width: 270px;   
}
.accessBlock .acInnBlock .ct_leed_ttl {
    font-soze: 0;
    line-height: 0;
    margin-bottom: 20px;
}
.accessBlock .acInnBlock .ct_leed_ttl01 {
    background-color: #e4f8ba;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-bottom: 20px;
    padding: 9px 10px 7px;
    color: #64380e;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2;
}
.accessBlock .acInnBlock .map_block ul.note_txt {
    margin-top: 20px;
    font-size: 12px;
    color: #322517;
    text-indent: -1em;
    margin-left: 1em;   
}
.accessBlock .acInnBlock .map_block ul.note_txt li.cr_red {
    color: #d30303; 
}
.accessBlock .acInnBlock .note_ttl {
    margin-top: 22px;
    font-size: 14px;
    font-weight: bold;  
}
.accessBlock .acInnBlock p {
    font-size: 12px;    
}
.acInnBlock .map_photo {
    font-size: 0;
    line-height: 0;
    padding-bottom: 35px;   
}
.acInnBlock .map_photo:last-of-type {
    padding-bottom: 0;
}
.acInnBlock .innLink {
    width: 270px;
    margin: 0 auto 15px;    
}
.acInnBlock .innLink li {
    margin-bottom: 10px;
}
.acInnBlock .innLink li:last-of-type {
    margin-bottom: 0;
}
#suntory_contents .acInnBlock .innLink li a {
    color: #a15300; 
}
.acInnBlock .innLink li a {
    display: block;
    background-color: #f5edd0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 10px 20px 10px 10px;
    color: #a15300;
    font-size: 13px;
    font-weight: bold;
    background-position: 97% center;
    background-repeat: no-repeat;
}
.acInnBlock .innLink li a span {
    font-weight: normal;
    font-size: 10px;
    padding-left: 5px;  
}
.acInnBlock .innLink li.ic_tp01 a {
    background-image:url(/factory/kitaalps/access/img/ac_arrow_ic01.png);
    background-size: 7px 14px;
    -webkit-background-size: 7px 14px;
    -o-background-size: 7px 14px;
    -moz-background-size: 7px 14px;
    -ms-background-size: 7px 14px;
}
.acInnBlock .innLink li.ic_tp02 a {
    background-image:url(/factory/kitaalps/access/img/ac_arrow_ic02.png);
    background-size: 14px 7px;
    -webkit-background-size: 14px 7px;
    -o-background-size: 14px 7px;
    -moz-background-size: 14px 7px;
    -ms-background-size: 14px 7px;  
}
/* .acInnBlock .note_block {
    margin-bottom: 15px; 
} */
.acInnBlock .radius_unit {
    background-color: #f7f2e1;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 18px 18px 15px;
    margin: 0 7px;
}
.acInnBlock .radius_unit h2.sub_leed {
    font-size: 13px;
    color: #a15300;
    padding-bottom: 10px;   
}
.acInnBlock .radius_unit p {
    font-size: 14px;
}
.acInnBlock .radius_unit p span {
    font-weight: bold;
    padding-left: 2px;  
}
.acInnBlock .note_block p.note {
    padding: 7px 0 0 10px;
    font-size: 11px;    
}
.acInnBlock .note_block p.banner {
    margin-top: 15px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.acInnBlock .sub_leed01 {
    margin: 30px 8px 0;
    font-weight: bold;
    font-size: 14px;    
}
.map_block .map_ph {
    margin-bottom: 15px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.map_block ul.thmbLi {
    overflow: hidden;
    zoom: 1;
    width: 270px;
    margin: 0 auto 15px;
}
.map_block ul.thmbLi li {
    width: 130px;
    float: left;
    padding-right: 10px;
    line-height: 1;
}
.map_block ul.thmbLi li:last-of-type {
    padding-right: 0;
}
.map_block ul.thmbLi li span {
    font-size: 10px;    
}
.map_block ul.thmbLi li span em {
    color: #b7712a; 
}
.map_block ul.note {
    font-size: 11px;
    color: #777;
    margin: 0;
}
.map_block ul.note li {
    text-indent: -1em;
    margin-left: 1em;
    line-height: 1.4;
}
.acInnBlock .map_block .map_photo {
    text-align: center;
}
.map_block .last {
    padding-bottom: 0;  
}
.map_block ul.last {
    margin-bottom: 0;
}
/* roundedBlock */
.contents_info_block {
    width: 300px;
    margin: 0 0 15px;
    padding-top: 58px;
    background:url(/factory/kitaalps/access/img/spot_block_hd_tp01.png) no-repeat left top;
    background-size: 300px 58px;
    -webkit-background-size: 300px 58px;
    -o-background-size: 300px 58px;
    -moz-background-size: 300px 58px;
    -ms-background-size: 300px 58px;
}
.contents_info_block .inner {
    background:url(/factory/kitaalps/access/img/spot_block_ct_tp01.png) no-repeat left bottom;
    background-size: 300px 960px;
    -webkit-background-size: 300px 960px;
    -o-background-size: 300px 960px;
    -moz-background-size: 300px 960px;
    -ms-background-size: 300px 960px;
    padding: 16px 15px 30px;
}
.contents_info_block .inner p {
    font-size: 12px;    
}
.contents_info_block .inner .text_unit {
    margin-bottom: 20px;
}
.contents_info_block .inner .text_unit section {
    padding-bottom: 10px;
}
.contents_info_block .inner .text_unit section .ct_leed {
    color: #ce7a30;
    font-size: 13px;
    padding-bottom: 3px;
}
.contents_info_block .inner .text_unit section p {
    font-size: 13px;
    color: #555555;
    line-height: 1.3;
}
.contents_info_block .inner .image_unit p.image {
    padding-bottom: 32px;
}
.contents_info_block .inner .image_unit p.image:last-of-type {
    padding-bottom: 0;
}
.guid_unit .left_col {
    margin-bottom: 15px;    
}
.guid_unit .left_col p {
    font-size: 13px;
    line-height: 1.4;
    color: #555555;
    padding-bottom: 15px;
}
.guid_unit .left_col p:last-of-type {
    padding-bottom: 0;
}
.guid_unit .right_col ul.image_list {
    overflow: hidden;
    zoom: 1;
}
.guid_unit .right_col ul.image_list li {
    float: left;
    margin-right: 10px;
}
.guid_unit .right_col ul.image_list li:last-of-type {
    margin-right: 0;
}
.guid_unit .right_col ul.image_list li span {
    display: block;
    font-size: 10px;
    color: #555555;
    padding-top: 5px;
}
/* -- contents -- */


/* -- footer -- */
.toggle_block {
    width: 265px;
    margin: 0 auto 25px;
    padding: 12px 15px;
    border: 1px solid #5bc2dc;
    border-radius: 6px;
    line-height: 1.3;
}
.toggle_block p.caption_txt {
    -webkit-border-radius: 6px;
    background: url(/factory/kitaalps/access/img/ac_arrow_ic03.png) no-repeat right center;
    background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -ms-background-size: 15px 15px;
    font-size: 14px;
    font-weight: bold;
    /* color: #322517; */
}
.toggle_block p.open {
    background-image: url(/factory/kitaalps/access/img/ac_arrow_ic03_open.png);
}
.toggle_block .note_unit ul li {
    font-size: 12px;
    text-indent: -1em;
    margin-left: 1em;
    margin-top: 5px;
}


/* ============================== media queries */





.souse_index #inxdexVisual {
	width: 100%;
	padding-bottom: 54%;
	background: url(/factory/kitaalps/img/sp/top_main_sp.png?20240530) left top no-repeat;
	background-size: 100% auto;
}
.webp .souse_index #inxdexVisual {
	width: 100%;
	padding-bottom: 54%;
	background: url(/factory/kitaalps/img/sp/top_main_sp.webp?20240530) left top no-repeat;
	background-size: 100% auto;
}
.souse_index .roundedBlock {
	margin: 5px 3.125% 3.125% 3.125%;
}
	
.souse_index #linkBtn {
    margin: 0 3.125% 3.125% 3.125%;
}

.souse_index h3.leed_ttl {
	color: #dc0000;
}

.souse_index #contentsArea_inner {
	margin: 0 3.125%
}

.souse_index #guidanceBlock ul {
	margin-bottom: 3.125%;
	overflow: hidden;
}

	.souse_index #guidanceBlock ul li {
		width: 48.5%;
		/*padding-bottom: 48.5%;*/		
	}
	
	.souse_index #guidanceBlock ul li a {
		display: block;
		width: 100%;
		padding-bottom: 100%;		
	}
	
	.souse_index #guidanceBlock ul li.link01 /*a*/ {
		float: right;
		background: url(/factory/kitaalps/img/sp/bg_img_info02.png) left top no-repeat;
		background-size: 100% auto;	
	}
	.webp .souse_index #guidanceBlock ul li.link01 /*a*/ {
		float: right;
		background: url(/factory/kitaalps/img/sp/bg_img_info02.webp) left top no-repeat;
		background-size: 100% auto;	
	}

	.souse_index #guidanceBlock ul li.link02 a {
		float: left;
		background: url(/factory/kitaalps/img/sp/bg_img_info01.png) left top no-repeat;
		background-size: 100% auto;	
	}
	.webp .souse_index #guidanceBlock ul li.link02 a {
		float: left;
		background: url(/factory/kitaalps/img/sp/bg_img_info01.webp) left top no-repeat;
		background-size: 100% auto;	
	}

.souse_index #sliderBlock {
	margin: 0;
}

.souse_index #accessBlock a {
	display: block;
	margin-bottom: 5%;
	background: url(/factory/kitaalps/img/sp/access_button.png) left top no-repeat;	
	background-size: 100% auto;	
	width: 100%;
	padding-bottom: 71%;

}
.webp .souse_index #accessBlock a {
	display: block;
	margin-bottom: 5%;
	background: url(/factory/kitaalps/img/sp/access_button.webp) left top no-repeat;	
	background-size: 100% auto;	
	width: 100%;
	padding-bottom: 71%;

}
.souse_index .calendar_buildin {
    margin: 0 auto 6% auto;
}

.souse_index .calendar_buildin .calendarTable caption {
    padding: 5px 0 0 0;
}



/*
.souse_index #sliderBlock .fixation {
	margin-bottom: 10px;
}

#sliderBlock .fixation a {
	padding-right: 5px;
}

   .souse_index #sliderBlock .fixation .inner {
	   overflow: hidden;
   }
   .souse_index #sliderBlock .fixation .inner p img {
		width: 30%;
    	height: auto;
    	float: left;
   	 	margin-right: 10px;
   }
*/
   
.souse_index #sliderBlock #center_wrap {

}
.souse_index #sliderBlock #center_box {
	position: relative;
    overflow: hidden;
}

#right_wrap {
 
}

.souse_index #sliderBlock .fixation{
    position: relative;
}

.souse_index #sliderBlock #center_box .pa {
	left: 0px; 
	top: 0px;
	position: absolute;
	width: 100%;
}
.souse_index #sliderBlock #center_box .pa .fixation {
	margin-bottom: 10px;
	padding: 0;
}
.souse_index #sliderBlock #center_box .pa .fixation a {
	padding: 0;
}
.souse_index #sliderBlock #center_box .pa .fixation .inner p img {
	width:100%; 	height:auto;
}

.souse_index #sliderBlock #center_box .pa .fixation span {
	padding: 5px;
    display: block;
	font-size: 14px;
}

.souse_index #sliderBlock .fixation .inner .ovTp01, #index #sliderBlock .fixation .inner .ovTp02 {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 78px;
    position: absolute;
    right: -2px;
    top: 0;
    width: 78px;
    z-index: 10;
}
.souse_index  #sliderBlock .fixation .inner .ovTp01 {
    background-image: url("/factory/kitaalps/common/img/overlay_tp01.png");
}
.souse_index  #sliderBlock .fixation .inner .ovTp02 {
    background-image: url("/factory/kitaalps/common/img/overlay_tp02.png");
}
/*
#index #sliderBlock .fixation{
    background: url("/factory/kitaalps/img/bg_ft_mv01_top1.jpg") no-repeat scroll left top !important;
}
#index #sliderBlock .fixation.movie{
    background: url("/factory/kitaalps/img/bg_ft_mv01_top2.jpg") no-repeat scroll left top !important;
    position: relative;
}
*/
  
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
.souse_index #sliderBlock .fixation.movie {
	background: transparent;
}

.souse_index .fixation.movie #mvBlock .title h2 {
	font-size: 17px;
    margin-bottom: 10px;
}





.souse_index #qpBlock .dantai {
	margin-bottom: 3.125%;
	background: url(/factory/kitaalps/img/sp/dantai_bg.png) left top no-repeat;
	background-size: 100% auto;
	padding-bottom: 50%;
	position: relative;		
}
.webp .souse_index #qpBlock .dantai {
	margin-bottom: 3.125%;
	background: url(/factory/kitaalps/img/sp/dantai_bg.webp) left top no-repeat;
	background-size: 100% auto;
	padding-bottom: 50%;
	position: relative;		
}
	.souse_index #qpBlock .dantai p.btn1 {
		position: absolute;
    	width: 42.5%;
    	top: 30%;
    	left: 5%;
    	background: url(/factory/kitaalps/img/sp/dantai_btn1.png) left top no-repeat;
    	background-size: 100% auto;
	}
	.webp .souse_index #qpBlock .dantai p.btn1 {
		position: absolute;
    	width: 42.5%;
    	top: 30%;
    	left: 5%;
    	background: url(/factory/kitaalps/img/sp/dantai_btn1.webp) left top no-repeat;
    	background-size: 100% auto;
	}
	.souse_index #qpBlock .dantai p.btn2 {
		position: absolute;
   		width: 42.5%;
   		top: 30%;
   		left: 52.5%;
   		background: url(/factory/kitaalps/img/sp/dantai_btn2.png) left top no-repeat;
    	background-size: 100% auto;
 	}
	.webp .souse_index #qpBlock .dantai p.btn2 {
		position: absolute;
   		width: 42.5%;
   		top: 30%;
   		left: 52.5%;
   		background: url(/factory/kitaalps/img/sp/dantai_btn2.webp) left top no-repeat;
    	background-size: 100% auto;
 	}
	.souse_index #qpBlock .dantai p a {
		display: block;
   	    padding-bottom: 70.37%;		
	}


.souse_index .pickupBlock #water_brandsite {
	margin-bottom: 3.125%;
	background: url(/factory/kitaalps/img/sp/water_brand_bnr01.png) left top no-repeat;
	background-size: 100% auto;
}
.webp .souse_index .pickupBlock #water_brandsite {
	margin-bottom: 3.125%;
	background: url(/factory/kitaalps/img/sp/water_brand_bnr01.webp) left top no-repeat;
	background-size: 100% auto;
}
.souse_index .pickupBlock #water_brandsite a {
	display: block;
	padding-bottom: 26.67%;		
}

.souse_index .pickupBlock .inner .innerUnit ul li {
	border-bottom: 1px solid #5bc2dc;
    padding: 3.125% 0;
}

.souse_index .pickupBlock .inner .innerUnit ul li a {
	display: block;
    color: #322517;
    background: url(/factory/kitaalps/common/img/arrow_ic_tp02.png) right 50% no-repeat;
    background-size: 2.5%;
}

.souse_index .pickupBlock .inner .innerUnit ul li a img {
	width: 20%;
    height: auto;
    margin-right: 5%;
    display: inline-block;
    vertical-align: middle;
}

.souse_index .pickupBlock .inner .innerUnit ul li a span {
	display: inline-block;
    vertical-align: middle;
    line-height: 140%;
	width: 68.75%;
}


.introduction .contents_unit {
    width: 100%;
    margin:0 auto;
	padding-top: 35px;
}
.introduction .contents_unit.po03 {
	width: auto;
	padding: 15px 20px 0 20px;
	margin: 0 auto;
}

.introduction .leed_ttl{
    width: 100%;
    margin:0 auto;
}
.introduction .sTop{
    width: 100%;
    margin: 0 auto;
	position: relative;
}
.introduction .sTop h1 img {
    width: 100%;
 	height: auto;
}

.introduction .leed_ttl{
    /*margin-bottom: 3px;*/
}

.introduction #introduction_mainv {
	width: 100%;
	background-color: #CEEFF6;
	padding-top: 20px;
}

.introduction #introduction_mainv img{
	width: 100%;
	height: auto;
  vertical-align: bottom;
}

	.introduction ul.pagelinkNav {
		position: absolute;
		top: 50%;
		left: 10%;
		width: 80%;
	}
	
	.introduction ul.pagelinkNav li {
		width: 28%;
		margin-right: 7%;
		float: left;
	}
	
	.introduction ul.pagelinkNav li:last-child {
		margin-right: 0;
	}	

	.introduction ul.pagelinkNav li img {
		width: 100%;
		height: auto;
		background: none;
	}


.introduction #s1{
    background-color:#fff;
    padding: 0 20px 25px 20px;
}
.introduction #s2{
    padding: 0 20px 0 20px;
}
.introduction #s3{
    background-color:#fff;
}
.introduction #s4{
    background-color:#fcf4de;
	padding: 0 20px;
}
.introduction #s5{
	 padding: 20px 20px 0 20px;
}

.introduction .contents_unit h1,
.introduction .contents_unit h2{
    padding:17px 0 10px;
}


.introduction .contents_unit.po01 h1.ct_leed_ttl {
	width: 306px;
	height: 44px;
	margin: 0 auto 15px auto;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl01.png") 0 0 no-repeat;
	background-size: 306px 44px;	
    text-indent: -9999px;
}

.introduction .contents_unit .column_block h1.ct_leed_tp02 {
 	width: 300px;
	height: 17px;
	margin: 15px auto 15px auto;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl02.png") 0 0 no-repeat;
	background-size: 300px 17px;	
    text-indent: -9999px;
}

.introduction .contents_unit.po02 h1.ct_leed_ttl {
	width: 252px;
	height: 72px;
	margin: 0 auto 15px auto;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl03.png") 0 0 no-repeat;
	background-size: 100%;	
    text-indent: -9999px;
}

.introduction .contents_unit.po02 h2.ct_leed_tp01 {
 	width: 179px;
	height: 17px;
	margin: 15px auto 15px auto;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl04.png") 0 0 no-repeat;
	background-size: 100%;	
    text-indent: -9999px;
}

.introduction .contents_unit.po02 h2.ct_leed_tp04 {
 	width: 300px;
	height: 17px;
	margin: 15px auto 12px auto;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl05.png") 0 0 no-repeat;
	background-size: 300px 17px;	
    text-indent: -9999px;
}

.introduction .contents_unit.po02 h2.ct_leed_tp03 {
 	width: 300px;
	height: 17px;
	margin: 30px auto 12px auto;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl06.png") 0 0 no-repeat;
	background-size: 300px 17px;	
    text-indent: -9999px;
}

.introduction .contents_unit.po03 h1.ct_leed_ttl {
	width: 375px;
	height: 82px;
	margin: 15px -20px 15px -20px;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl07.png") 0 0 no-repeat;
	background-size: 100%;	
    text-indent: -9999px;
}

.introduction .contents_unit.po03 p.imageCenter {
	width: 90%;
	padding-top: 38.9%;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ph14.png") 0 0 no-repeat;
	background-size:100% auto;
	margin: 0 auto;
}

.introduction #s3 .mb_bock h1.ct_leed_tp04 {
 	width: 282px;
	height: 27px;
	margin: 15px auto 12px auto;
	padding: 0;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ttl08.png") 0 0 no-repeat;
	background-size: 100%;	
    text-indent: -9999px;
}







.introduction .text_block p,
.introduction .text_unit p,
.introduction .inn_col .cnt01 li,
.introduction .inn_col .cnt02 li{
    color: #003f84;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.1em;
    padding-bottom: 15px;
}

.introduction #s4 .text_unit p{
    color: #4e4e4e;
}
.introduction .column_block .inn_col{
    clear: both;
    overflow: hidden;
}


.introduction #s1 .text_block .right {
	text-align: center;
}

.introduction #s1 .text_block .right img {
	width: 90%;
	height: auto;
}

.introduction #s1 .column_block .inn_col .imageRight{
 	width: 100%;
	padding-top: 52.7%;
    background: url("/factory/kitaalps/introduction/img/sp/introduction_ph03_big.png") 0 0 no-repeat;
	background-size: 100% auto;	
}

.introduction #s2 .column_block .inn_col .imageRight{
 	width: 90%;
	margin: 25px auto 20px auto;
  display: flex;
  justify-content: center;
}
.introduction #s2 .column_block .inn_col .imageRight.pc_cnt{
  display: none;
}

.introduction #s2 .column_block .inn_col .imageRight#resource {
	width: 90%;
	background: none;
	padding: 0;
}

.introduction #s2 .column_block .inn_col .imageRight#resource ul .left{
    width: 45%;
    float: left;
    margin-bottom: 25px;
}
.introduction #s2 .column_block .inn_col .imageRight#resource ul .left img {
	width: 100%;
	height: auto;
}
.introduction #s2 .column_block .inn_col .imageRight#resource ul .right{
    width: 45%;
    float: right;
    margin-bottom: 25px;
}
.introduction #s2 .column_block .inn_col .imageRight#resource ul .right img {
	width: 100%;
	height: auto;
}
.introduction #s2 .column_block .inn_col .imageRight#resource ul .bottom{
    clear: both;
    width: 100%;
}
.introduction #s2 .column_block .inn_col .imageRight#resource ul .bottom img{
	width: 100%;
	height: auto;
}


.introduction #s2 .column_block .inn_col .imageRight#resource ul .left p,
.introduction #s2 .column_block .inn_col .imageRight#resource ul .right p,
.introduction #s2 .column_block .inn_col .imageRight#resource ul .bottom p{
    color: #003f84;
    font-size: 10px;
    margin-top: 2px;
}





.introduction .inn_col .cnt01{
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.introduction .inn_col .cnt01 li.left{
    width: 45%;
    background: url(/factory/kitaalps/introduction/img/sp/introduction_point_new.png) no-repeat right 0;
    background-size:12% auto;
    -webkit-background-size:12% auto;
    -o-background-size:12% auto;
    -moz-background-size:12% auto;
    -ms-background-size:12% auto;
    padding-right: 7.5%;
}
.introduction .inn_col .cnt01 li.right{
    width: 45%;
}
.introduction .inn_col .cnt01 li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.introduction .inn_col#check {
	width: 100%;
	margin: 0 auto;
}

.introduction .inn_col .cnt02{
    overflow: hidden;
    width: 300px;
    margin: 0 auto;
}
.introduction .inn_col .cnt02.left{
    width: 45%;
    float: left;
}
.introduction .inn_col .cnt02.right{
    width: 45%;
    float: right;
}
.introduction .inn_col .cnt02.left img,
.introduction .inn_col .cnt02.right img{
    display: block;
}
.introduction .inn_col .cnt02 li img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

.introduction .inn_col .cnt02.left  img.pc_cnt,
.introduction .inn_col .cnt02.right img.pc_cnt{
    display: none;
}

/*
.introduction .contents_unit .po04_inner{
    width: 245px;
    margin: 0 auto;
    padding-bottom:25px;
}
*/

.introduction #s3 .col .introduction_link_btn{
    margin:15px 0 0;
}
.introduction #s3 .col .introduction_link_btn li:first-child{
    margin-bottom: 15px;
}


.introduction #s3 .col .introduction_link_btn li {
    margin-bottom: 10px;
}

.introduction #s3 .col .introduction_link_btn li a {
    display: block;
	width: 100%;
  height: 14vw;
    background: url(/factory/kitaalps/introduction/img/sp/introduction_btn01.png) left top no-repeat;
	background-size: 100%;	
	border-radius: 0;
	margin: 0 auto;
}

/*
.introduction #s3 .col .introduction_link_btn li.tel a {
    background-color: #FFF;
    border: 1px solid #c7c7c7;
    background-image: url(../img/water/access/img/phone_ic_tp02.png);
    background-size:29px 28px;
    -webkit-background-size:29px 28px;
    -o-background-size:29px 28px;
    -moz-background-size:29px 28px;
    -ms-background-size:29px 28px;
}
.introduction #s3 .col ul.reser_btn li:nth-child(1) a {
    display: block;
    background: url(/factory/kitaalps/img/sp/arrow_ic_tp04.png) no-repeat 95% center;
    background-size: 9px 18px;
    -webkit-background-size: 9px 18px;
    -o-background-size: 9px 18px;
    -moz-background-size: 9px 18px;
    -ms-background-size: 9px 18px;
    margin-bottom: 15px;
    background-color: #89d001;
    padding: 15px 20px 15px 10px;
    line-height: 1.4;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}
*/
.introduction #s3 .col .introduction_link_btn li:nth-child(2) a {
    display: block;
	width: 100%;
  height: 14vw;
    background: url(/factory/kitaalps/introduction/img/sp/introduction_btn02.png) left top no-repeat;
	background-size: 100% auto;
	border-radius: 0;
	margin: 0 auto;

}


.introduction #introduction_foot_banner a img {
	width: 100%;
	height: auto;	
}


/*
.introduction #s3 .col ul.btn_tp01 li a {
    background-image: url(../img/water/access/img/arrow_ic_tp01.png);
    background-position: 5% center;
    padding-left: 35px;
}
.introduction #s3 .col .introduction_link_btn li a:hover {
    text-decoration: none;  
}
.introduction #s3 .col .introduction_link_btn li:last-of-type {
    margin-bottom: 0;
    line-height: 1.2;
}
.introduction #s3 .col .introduction_link_btn li a em {
    font-weight: normal;
    font-size: 12px;
}
*/



.mb_bock_wrapper {
	width: 100%;
	padding: 20px 0;
	background-color: #fcf4de;
	margin-top: 20px;

}
.mb_bock {
	width: 90%;
	margin: 0 auto;
}

.mb_bock .col .imageRight {
	width: 90.8%;
    margin: 0 auto;
}

.mb_bock .col .imageRight iframe {
  height: 46vw;
	width: 100%;
}

.mb_bock .text_unit p {
    color: #4e4e4e;
}




/* -------------------------------------------------------------------------------------- */

.inner10 {
    padding: 10px;
}

#bg {
    text-align: center;
}
#content {
    width: 320px;
    margin: 0 auto 0 auto;
    text-align: left;
		line-height: 1.5;
}


/* ---- info ---------------------------------------------------- */
#content.info h2 {
    padding: 0 10px 0 10px;
    font-size: 16px;
    line-height: 120%;
}
#content.info h3 {
    padding-top: 20px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 140%;
    color: #3399cc;
    border-bottom: 1px dotted #3399cc;
}

#content.info .text {
    padding: 5px 10px 10px 10px;
    font-size: 14px;
    line-height: 140%;
}
#content.info .text2 {
    padding: 0 10px 10px 10px;
    font-size: 16px;
    line-height: 160%;
}
#content.info .text3 {
    padding: 10px;
    font-size: 16px;
    line-height: 140%;
}
#content.info .text4 {
    padding: 10px 10px 0 10px;
    font-size: 16px;
    line-height: 140%;
}

#content.info .fan_bnr {
	margin: 10px 0 10px 0;
}

.spimage {
	position: relative;
}

.spimage img {
    width: 100%;
}
#content.info a.spbutton1 {
    display: block;
    color: #FFF;
    padding: 15px 10px 15px 10px;
    text-align: left;
        webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    background: url(../info/img/sp/button_1_arrow.png) #5bc2dc right top no-repeat;
    background-size: contain;
    line-height: 120%;
}
#content.info a.spbutton1:hover {}
#content.info a.spbutton1 .inner {}
#content.info a.spbutton2 {
    display: block;
    color: #004b9c;
    padding: 15px 30px 15px 10px;
    text-align: left;
    background-size: contain;
    font-weight: bold;
    line-height: 120%;
}

#content.info a.spbutton2:hover {} a.spbutton2 .inner {}

#content.info .white {
    padding:20px 0 20px 0;
    webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #FFF;
}

#content.info .yellow {
    padding:0;
    webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #fffad4;
}

#motto {
    padding: 0 0 20px 0;
}
#mottobt {
    padding-right: 35px;
    background: url(../info/img/sp/motto_close.png) right top no-repeat;
    background-size: contain;
}
#mottobt.open {
    background: url(../info/img/sp/motto_open.png) right top no-repeat;
    background-size: contain;
}
/* ---- /info ---------------------------------------------------- */


/* ---- access ---------------------------------------------------- */

.content.access {
	margin: 0 3.125%;
	margin-top: 20px;
}


.content.access #news,
.content.access #news2 {
	line-height: 140%;
}
.content.access #news .roundedBlock h3 {
	color: #dc0000;
}


.access .rd_leed_ttl {
    /*padding: 6px 12px 20px 5px;*/
    font-size: 16px;
    font-weight: bold;
    color: #dc0000;
}

/* roundedBlock */
.reserve .rd_leed_ttl {
    padding: 6px 12px 20px 5px;
    font-size: 14px;
    font-weight: bold;
    color: #004b9c;
}
.reserve .roundedBlock {
    width: 290px;
    margin: 0 auto 20px;
    padding-top: 10px;
    background: none;
    padding: 10px 5px 5px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #8abc91;
    /* background:url(../img/water/access/img/bg_rounded_hd_t01.png) no-repeat left top;
    background-size: 300px 10px;
    -webkit-background-size: 300px 10px;
    -o-background-size: 300px 10px;
    -moz-background-size: 300px 10px;
    -ms-background-size: 300px 10px; */
}
.reserve .roundedBlock .inner {
    /* background:url(../img/water/access/img/bg_rounded_ct_t01.png) no-repeat left bottom;
    background-size: 300px 100%;
    -webkit-background-size: 300px 100%;
    -o-background-size: 300px 100%;
    -moz-background-size: 300px 100%;
    -ms-background-size: 300px 100%; */
}
.reserve .roundedBlock .inner dl {
    border-bottom: 1px dotted #167216;
    margin-bottom: 10px;
}
.reserve .roundedBlock dl:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}
.reserve .roundedBlock dl dt {
    padding: 0 25px 5px 9px;
}
.reserve .roundedBlock dl dd {
    padding: 0 9px 5px;
}
.reserve .roundedBlock dl dd p {
    color: #322517; 
}
.reserve .roundedBlock dl .toggleLeed {
    font-size: 13px;
    font-weight: bold;
    color: #167216;
    background:url(/factory/kitaalps/img/sp/toggle_btn03.png) no-repeat 97% top;
    background-size: 16px 16px;
    -webkit-background-size: 16px 16px;
    -o-background-size: 16px 16px;
    -moz-background-size: 16px 16px;
    -ms-background-size: 16px 16px;
}
.reserve .roundedBlock dl .open {
    background-image: url(/factory/kitaalps/img/sp/toggle_btn03_open.png);
}
.reserve .roundedBlock .inner .subLeed {
    color: #167216;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 8px;    
}
.reserve .roundedBlock .inner p {
    font-size: 14px;
    /* color: #167216; */
}

#access_map.train .group_train, #access_map.car .group_car {
    display: block;
}
#access_map.train .group_car, #access_map.car .group_train {
    display: none;
}


#access_map .tab {
    margin: 20px 0 0 0;
    height: 49px;
    width: 332px;
}
#access_map .tab ul {
    position: relative;
}
#access_map .tab ul li {
    position: absolute;
}
#access_map .tab ul li a{
    display: block;
}

#access_map .tab ul li.train {
    left: 10px;
}
#access_map .tab ul li.train a {
    width: 161px; height: 49px;
    background: url(../access/img/sp/tab_train_on.png) 0px 0px no-repeat;
    background-size: contain;
}
#access_map .tab ul li.car {
    left: 180px;
}
#access_map .tab ul li.car a {
    width: 162px; height: 49px;
    background: url(../access/img/sp/tab_car_on.png) 0px 0px no-repeat;
    background-size: contain;
}

#access_map.train .tab ul li.train a {
    background: url(../access/img/sp/tab_train_select.png) 0px 0px no-repeat;
    background-size: contain;
}
#access_map.car .tab ul li.car a {
    background: url(../access/img/sp/tab_car_select.png) 0px 0px no-repeat;
    background-size: contain;
}

#access_map.car #tab_inner_train {
    display: none;
}
#access_map.train #tab_inner_car {
    display: none;
}

#tab_inner_car .sp_img {
    background: #fff;
}

#tab_inner_car #car_undertext_capacity {
    margin: 5px 0 10px 10px;
    color: #666666;
    font-size: 13px;
}

#access_map {
    /*padding: 0 10px 10px 10px;*/
}



#access_map .sp_img img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}



#access_map .inner {
        webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    background: #FFF;
    padding: 10px 0 10px 0;
}

#access_map .inner #roadmap {
    padding: 10px;
}

#access_map .inner #train_undertext {
    padding: 0 10px 10px 10px;
    font-size: 70%;
    line-height: 140%;
    color: #666666;
}
#access_map .inner #car_undertext {
    padding: 10px;
    font-size: 80%;
    line-height: 170%;
    color: #666666;
}

	#car_undertext p#car_undertext_capacity {
   		font-weight: bold;
	}
	
	#car_undertext p#car_undertext_comment {
   		padding: 10px 0 0 0;
	}

	#car_undertext p#car_undertext_comment span {
   		font-size:120%;
   		color:#d30303;
		font-weight: bold;
	}


#access_map .inner .dia {
    position: absolute;
    left: 15px; top: 440px;
}
#access_map .inner .dia a {
    display: block;
    width: 270px; height: 47px;
}


#access_map .inner .search {
	padding: 3% 5% 7% 5%;
	background-color: #FFF;
}
#access_map .inner .search a {
	display: block;
}
#access_map .inner .search a img {
	width: 100%;
	height: auto;
}





#access_map a.spbutton3 {
    display: block;
    color: #2e2113;
    padding: 15px 10px 15px 10px;
    text-align: left;
    border: 1px solid #4bbcd9;
        webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    background: url(../access/img/sp/button_1_arrow.png) right top no-repeat;
    background-size: contain;
    line-height: 120%;
}
#access_map a.spbutton3:hover {}
#access_map a.spbutton3 .inner {}


.alt {
    display: none;
}


#access_map .text_away {
	text-indent: -9999px;
}
#access_map h2,
#access_map h3 {
	display: none;
}

#car_root {
    padding: 20px 10px 10px;
    font-size: 80%;
    color: #666666;
}

#car_root .anchor_pos {
    position: relative;
    top: -20px;
    display: block;
}

#car_root h3 {
    display: block;
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    line-height: 150%;
}

#car_root .car_root_item_box {
    width: 100%;
}
#car_root .car_root_item_box figure {
    width: 40%;
    height: auto;
    float: left;
    padding: 0 0 30px 0;
}
#car_root .car_root_item_box figure.car_root_end {
	padding-bottom: 0;
}
#car_root .car_root_item_box figure img {
    width: 100%;
}
#car_root .car_root_item_box figcaption {
    font-size: 13px;
    line-height: 1.5;
    width: 54%;
    margin: 0;
    float: right;
}

#car_root .car_root_item_wrap {
    position: relative;
}
#car_root figure.mark_tri_orange,
#car_root figure.mark_tri_green,
#car_root figure.mark_tri_blue {
    position: relative;
}
#car_root figure.mark_tri_orange:after,
#car_root figure.mark_tri_green:after,
#car_root figure.mark_tri_blue:after {
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
    content: "";
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
}
#car_root figure.mark_tri_orange:after {
    border-top: 10px solid #ffc000;
}
#car_root figure.mark_tri_green:after {
    border-top: 10px solid #40d42c;
}
#car_root figure.mark_tri_blue:after {
    border-top: 10px solid #8faadc;
}

#mySwipe table caption button.btn_prev {
    background: url(/factory/kitaalps/img/sp/calendar_arrow_next.png) #FFF 0px 0px no-repeat;
    background-size: contain;
}
#mySwipe table caption button.btn_next {
    background: url(/factory/kitaalps/img/sp/calendar_arrow_prev.png) #FFF 0px 0px no-repeat;
    background-size: contain;
}



#news2 {
    /*padding: 0px 10px 10px 10px;*/
}
#news2 .inner {
    border: 1px solid #8abc91;
    webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 13px;
    padding: 14px;
}
#news2 .inner dl {
    
}
#news2 .inner dl dt {
    color: #167216;
    font-weight: bold;
    padding: 0 0 5px 0;
}
#news2 .inner dl dd {
    
}
#news2 .inner dl dd p.sub {
    font-size: 12px;
    /*font-weight: bold;*/
    padding: 0 0 6px;
    color: #006400;
}
#news2 .inner dl dd img {
	display: block;
    margin: 5px auto 10px auto;
}

#news2 .inner dl dd p.text {
    padding: 0 0 12px 0;
    line-height: 130%;
}
#news2 dl.underbar {
    border-bottom: 1px dotted #167216;
    margin-bottom: 12px;
}

#news2 .inner .image { display:block; padding:5px 20px 5px 20px; margin:0; }
#news2 .inner .image img { width:100%; padding:0; margin:0; }



.tel_title {
    display: block;;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 4px 0;
    color: #000;
}
.nf_txt {
    padding: 8px 0 8px 0;
}
.nf_txt .alert {
    color: #ff0000;
}

.nm_pd {
    padding: 0px 0 10px 0;
	background-color: #FFF;
}

.access_button {
	padding: 0 10px 14px 10px;
}



#blueArea {
	text-align: center;
	margin: 30px 0 20px 0;
}
#blueArea .inner {
	border: 1px solid #5bc2dc;
    border-radius: 6px;
    -webkit-border-radius: 6px;
	/*width: 300px;*/
	margin: 0 auto 0 auto;
	text-align: left;
}
#blueArea .inner.inner2 {
	margin-top: 10px;
}
#onegai {
}

#onegai a.open,#onegai2 a.open {
	background-image: url(../access/img/sp/ac_arrow_ic03_open.png);
}
#onegai a.close,#onegai2 a.close {
	background-image: url(../access/img/sp/ac_arrow_ic03.png);
}

#onegai a,#onegai2 a {
	font-size:14px;
	display: block;
	padding: 15px;
	color: #322517;
	font-weight: bold;
	/*width: 260px;*/	
	background-repeat: no-repeat;
	background-position: right center;	
	background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-ms-background-size: 15px 15px;	
	margin-right: 15px;
}
#onegai ul,#onegai2 ul {
	display:none;
	padding: 0 15px 15px 15px;
}
#onegai li,#onegai2 li {
	font-size:12px;
	color: #322517;
	text-indent: -1em;
	margin-left: 1em;
	margin-top: 5px;
	line-height: 1.3;
}





/* .calendarTable tr td.no a,
.calendarTable tr td.no a:hover {
    background: none;
    text-decoration: none;
} */
/* .calendarTable tr td.emp {
    background: url(../img/water/img/bg_emp_defailt.gif) repeat-x left bottom;
}
.calendar_block .calendarTable tr td.no {
    background: url(../img/water/img/bg_emp_defailt.gif) repeat-x left bottom;
} */
/* 
.calendarTable tr td.no:hover {
    background-image: url(../img/water/img/bg_emp_active.gif);
}
.calendarTable tr td.emp a:hover {
    color: #FFF;
} */


/*見学停止対応*/
/*
#header #headerInn .reser_btn {display: none;}
#suntory_contents ul.reser_btn {display: none;}
#suntory_contents .link_btn.reser_btn2 {display: none;}
.souse_index #linkBtn {display: none;}
.souse_index #sliderBlock #center_wrap,
.souse_index #sliderBlock #left_wrap {display: none;}
.webp .souse_index #qpBlock .dantai {display: none;}
.souse_index #qpBlock .dantai {display: none;}

#header #headerInn .answer_cont ul li:nth-child(4),
#header #headerInn .answer_cont ul li:nth-child(6),
.contentsFooter .footer_nav ul li:nth-child(4),
.contentsFooter .footer_nav ul li:nth-child(6){display: none;}
*/
/*見学停止対応*/


/***** 2022/04/04 add  ********/
.souse_index #facilityBlock a {
	display: block;
	margin-bottom: 5%;
	background: url(/factory/kitaalps/img/sp/facility_button.png) left top no-repeat;	
	background-size: 100% auto;	
	width: 100%;
	padding-bottom: 72%;

}
.webp .souse_index #facilityBlock a {
	display: block;
	margin-bottom: 5%;
	background: url(/factory/kitaalps/img/sp/facility_button.webp) left top no-repeat;	
	background-size: 100% auto;	
	width: 100%;
	padding-bottom: 72%;

}

#train_img_1,
#car_img_1{
  margin: 0 auto 30px;
  max-width: 84vw;
}
#car_img_1{
  padding-top: 15px;
}
#train_img_2{
  max-width: 84vw;
  margin: 0 auto 30px;
}
#train_img_2 .sp_img{
  background-color: #fff;
  margin: 0 auto 30px;
}

#train_img_2 .train_btn_link{
  background-color: #fff;
}

#train_img_2 .train_btn_link li:first-child{
  margin-bottom: 10px;
}
#train_img_2 .train_btn_link li img{
  width: 100%;
}

.roundedBlock01,
.roundedBlock02{
    width: 80%;
    margin: 0 auto 20px auto;
    border: 2px solid #5bc2dc;
    border-radius: 5px;
    padding: 15px 20px;
}

	.roundedBlock01 h2.subLeed,
	.roundedBlock02 h2.subLeed{
    display: block!important;
	    font-size: 16px;
		color: #004997;
		margin-bottom: 5px;
	}

	.roundedBlock01 .image_right,
	.roundedBlock02 .image_right{
		width: 80%;
		margin: 0 auto;
	}
	
	.roundedBlock01 .image_right img,
	.roundedBlock02 .image_right img{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}



p.thmb {
	 width: 90%;
	 margin: 0 auto;
	 margin-top: -5px;
}

p.period_txt {
	color: #004997;
	margin-bottom: 10px;
}

p#rail_attention {
	width: 90%;
    margin: 15px auto 0 auto;
}

#mt002_car{
  margin-top: 20px;
}

.car_info01{
  max-width: 84vw;
  margin: 20px auto 0;
  line-height: 140%;
}
.car_info01 span.red {
	color: #dc0000;
}
.car_info01 span.car_info01_attention {
	display: block;
	margin-left: 1em;
	padding-left: 1em;
	text-indent: -1em;
}

#important_attention {
  width: 93vw;
  box-sizing: border-box;
    margin: 6vw auto;
    padding: 2vw;
    border: 1px solid #dc0000;
    background-color: #fff;
  border-radius: 5px;
	text-align: left;
}

#important_attention a {
	font-size: 14px;
    color: #000;
    font-weight: bold;
}

#important_attention span.part1 {
	margin-bottom: 5px;
    padding: 1.5% 0.7%;
    background-color: #dc0000;
    color: #fff;
    line-height: 100%;
    display: inline-block;
}

#important_attention span.part2 {
	display: block;
    margin-top: 5px;
    line-height: 140%;
}


/*トップページ　オリジナルボトルバナー*/
#index.index.water_dir #original_bottle {
	width: calc( 100% - 20px );
	margin: 14% auto 5% auto;
	padding: 43% 0 4% 0;
	line-height: 100%;
	font-weight: bold;
	color: #2255bb;
	border: 10px solid #9ad5ff;
	border-radius: 4px;
	text-align: center;
	background: url(/factory/kitaalps/img/original_bottol_bg_sp.png) center top 10% no-repeat;
	background-size: 100% auto;
	background-color: #fff;
	position: relative;
}
#index.index.water_dir #original_bottle h2 {
	width: 108%;
	height: auto;
	padding-bottom: 14%;
	position: absolute;
	top: -11%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99;
	text-indent: -9999px;
	background: url(/factory/kitaalps/img/original_bottol_title_sp.png) center top no-repeat;
	background-size: 100% auto;
}
#index.index.water_dir #original_bottle h3 {
	font-size: 5vw;
	color: #0088ff;
	margin-bottom: 4%;
	line-height: 130%;
}
#index.index.water_dir #original_bottle p {
	font-size: 3.5vw;
	line-height: 130%;
	margin-bottom: 4%;
}
#index.index.water_dir #original_bottle ul {
}
#index.index.water_dir #original_bottle ul li {
	font-size: 2.8vw;
}
#index.index.water_dir #original_bottle ul li:first-child {
	margin-bottom: 2%;
}
@media screen and (max-width: 500px){
#index.index.water_dir #original_bottle h2 {top: -9%;}
}
@media screen and (max-width: 350px){
#index.index.water_dir #original_bottle h2 {top: -7%;}
}