@charset "utf-8";
/* CSS Document */
body {
background: #ffffff !important;
font-family: "メイリオ", Meiryo, sans-serif, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN";
color : #333333;
line-height:1.6em !important;
font-size:16px;
}
a:link { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #333333; }
a:active { color: #333333; }
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}


/* Nav かぶせ */
.navbar-default {
background-color: #ffffff;
border: none;
}
.navbar {
margin-bottom:0;
}
.navbar-default .navbar-nav > li > a {
color: #333333;
}
/* carousel 上書き */
.carousel-control.right{
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
}
.carousel-control.left{
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(90deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,0.00) 100%);
}
a.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:18%;margin-right:-10px}
a.carousel-control .glyphicon-chevron-left,.carousel-control .icon-next{left:18%;margin-left:-10px}

/* link_box～箱 */
.link_box {
	position: relative;
}
.link_box a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}
.link_box a:hover {
	background-color: #FFFFFF;
	filter: alpha(opacity=70);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/* ...link_box */



/* goto top */
#pagetop{
    position: fixed;
    right: 2%;
    bottom: 4%;
    opacity: 0;
    -ms-filter: "alpha( opacity=0 )";
    filter:alpha(opacity:0);
    zoom:1;
    z-index: 9999;
}
#pagetop a{
    display: block;
	border-radius: 80px;
    padding: 7px;
    background: rgba(169,184,133,0.50);
    color:#fff;
	font-size:1.8em;
    text-decoration: none;
}
/* ...goto top */

/* map */
.ggmap {
position: relative;
padding-bottom: 0;
padding-top: 30px;
padding-left: 0;
padding-right: 0;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ...map */

/* bg color */
div.base_dg {
	background-color: #40220f;
	color: #ffffff !important ;
	padding: 6px;
}
div.base_wht {
	background-color: #ffffff;
	padding: 6px;
}
div.base_wht2 {
	background-color: #ffffff;
	padding: 30px 15px 10px 15px;
}

.whats, ul li ::before {
	color: #40220f;
	font-size: 0.96em;
}

.base_grn {background-color:#40220f;}

div.pk {
	-moz-border-radius: 8px;    /* 古いFirefox */
	-webkit-border-radius: 8px; /* 古いSafari,Chrome */
	border-radius: 8px;         /* CSS3 */
	background-color: #db5866;   /* 背景色 */
	padding: 4px 20px 7px 20px;
	font-size: 1em;
	color: #ffffff;
	line-height: 1.4em;
	text-align:center;}
div.pk a {color: #ffffff;}

div.wht {
	width:220px;
	background-color: #ffffff;   /* 背景色 */
	padding: 12px 10px 9px 10px;
	border:#cccccc 1px solid;
	margin:4px 0 4px 0;
	font-size: 1.06em;
	line-height: 1.4em;
	text-align:center;}

div.wht2 {
	width:90%;
	background-image:url(http://ymi-toyama.com/img/pattern.gif) ;
	padding: 12px 10px 9px 10px;
	border:#cccccc 1px solid;
	margin:0 auto;
	font-size: 0.86em;
	line-height: 1.6em;
	text-align:center;}


.li_tbl_1 {
padding: 10px 0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin-top: -1px;
}
.li_tbl_2 {
padding: 10px 0;
border-bottom:1px solid #CCC;
margin-top: -1px;
}

div.yminews {
	border-radius: 10px;         /* CSS3 */
	background-color: #fff;
	border: 0.22em dotted #3F762D;
	padding:15px;
}
div.staff01 {
	background-color: #D9E367;
	padding:15px;
}
div.staff02 {
	background-color: #fff;
	border: 0.22em dotted #D9E367;
	padding:15px;
}

.boeder_whtbase {border:#cccccc 1px solid;}


.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	font-size:1.4em;
	text-align: center;
	height: 1.5em;
}
.hr-text:before {
	content: '';
	/*background: -webkit-linear-gradient(left, transparent, #47B4C5 transparent);
	background: linear-gradient(to right, transparent, #47B4C5, transparent);*/
	border-top: 0.22em dotted #D8C758;
	position: absolute;
	left: 0;
	top: 36%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #333333;
	background-color: #ffffff;
}
.hr_nw {border-top: 0.1em solid #EAE2A9}


.bg_berry {
background: rgb(117,0,0); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgb(117,0,0) 0%, rgb(233,24,40) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgb(117,0,0) 0%,rgb(233,24,40) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgb(117,0,0) 0%,rgb(233,24,40) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:30px; color:#ffffff; padding: 15px; margin-bottom:30px
}
.bg_berry2 {
background: #FFD2D2; border-radius:30px; border-color:1px #770001 solid; color:#770001; padding: 20px;margin-bottom:20px
}
.bg_berry2 td { border: 1px solid #770001 !important; }

/* calendar */
.area_xDay { background:#FFCFCF; border: 1px #C8C9CA solid;}
.area_holyday_dayoff { background:#E0E0E0; border: 1px #C8C9CA solid; }

/* -------------- text ----------------*/
.h1_header { font-size: 0.86em; font-weight: 100 !important; margin:6px 0 0 0; margin:15px;}
.fo_01 {font-size: 1.2em; font-weight:600;}
.fo_02 {font-size: 0.98em;}
.fo_03 {
    position: relative;
    padding: 3px 80px 3px 50px;
    color: #3f772d;
    font-size: 1.46em;
    font-weight:600;
    line-height: 0.6em;
}
.fo_03:before {
    position: absolute;
    width: 36px;
    height: 9px;
    top: 3px;
    left: 0px;
    background: #d9e367;
    content: "";
}
.fo_04 {font-size:0.74em;}
.fo_05 {font-size:0.86em;}
.fo_06 {color:#40220f;}
.fo_06 a, hover {color:#40220f;}
.fo_07 {color:#ffffff !important; font-size: 0.98em;}
.fo_07 a, hover {color:#ffffff !important; font-size: 0.98em;}
.fo_08 {
    position: relative;
    padding: 3px 15px 3px 50px;
    color: #7f4f21;
    font-size: 1.46em;
    font-weight:600;
    line-height: 1em;
}
.fo_08:before {
    position: absolute;
    width: 36px;
    height: 9px;
    top: 3px;
    left: 0px;
    background: #d9e367;
	margin-top:6px;
    content: "";
}
.fo_09 {color:#3f772d;}
.fo_10 {font-size: 0.8em;}
.fo_11 {line-height:1.6em}
.fo_12 {line-height:1.1em}
.fo_13 {color:rgba(143,53,32,1.00)}
.fo_14 {/*ページタイトル用*/
padding: 0.5em 1em 0.3em 1em;
color: #ffffff;
background: #40210F;/*背景色*/
border-top: solid 8px #D9E367;
font-size:1.54em;
text-align:center;
margin:0 auto
}
@media (min-width: 991px) {.fo_14 {width:46%;}}
.fo_15 {color:#ff0000}
.fo_16 {line-height:1.3em}
.fo_circle {
	width: 80%;
	border-radius: 26px;
	background-color: #3F772D;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.4em;
	font-weight: 600;
}
.fo_17 {color:#770001;}

/* -------------- space ---------------*/
.sp_01 {padding-bottom:24px;}
.sp_02 {padding-bottom:16px;}
.sp_03 {margin-top:42px;}
.sp_04 {padding:8px 15px 6px 15px !important;}
.sp_05 {padding-bottom:6px;}
.sp_06 {margin-top:50px; margin-bottom:40px;}
.sp_07 {margin-bottom:50px;}
.sp_09 {margin-top: 42px}
.sp_10 {padding:12px 10px 3px 10px;}
.sp_11 {margin-top:46px; margin-bottom:6px;}
.sp_12 {margin-top:50px; margin-bottom:30px;}
.sp_13 {margin-top:20px; margin-bottom:40px;}
.sp_14 {margin-bottom:6px;}
.sp_15 {margin:0 12px 3px 0;}
.sp_16 {padding-bottom:26px;}
.sp_17 {padding-bottom:3px; margin-left:3px}
.sp_18 {margin-top:3px; margin-bottom:3px}
.sp_19 {maegin-bottom:0;}
.sp_20 {margin-top:0}
.sp_21 {margin-bottom:40px;}
.sp_22 {padding:0; margin:8px 0}
.sp_23 { padding:20px}



/* -------------- オンラインショップ ---------------*/
.shop_content {

}
.shop_inner {
	background-color: #fff;
	padding: 20px;

}
.shop_content h2 {
	color: #3f772d;
	font-size: 1.8em;
	font-weight: bolder;
	margin-bottom: 30px;
}
.product_page .product_item {
	margin-bottom: 30px;
}
.item_name {
	color: #920C26;
	text-align: center;
}
.item_price {
	text-align: center;
}
.item_price .btn-ymi {
	margin-left: 20px;
	margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 3px solid #B8D200;
		background-color: #EEEE8C;
    border-radius: 8px
}
.new { width: 100%; height: 390px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }/*元はheight:420px*/

/* scrollbar */
::-webkit-scrollbar{ width: 10px;}
::-webkit-scrollbar-track{ background: #fff; border-left: solid 1px #ececec;}
::-webkit-scrollbar-thumb{ background: #ccc; border-radius: 10px; box-shadow: inset 0 0 0 2px #fff;}

/* other */
@media (max-width: 575.98px) {.header_rogo {width: 180px; height: 24px}}
.head_gr01 {background: rgb(6,63,0); background: linear-gradient(90deg, rgba(6,63,0,1) 0%, rgba(225,255,0,1) 100%); height: 5px;}
.head_gr02 { background: rgb(6,63,0);background: linear-gradient(187deg, rgba(6,63,0,1) 43%, rgba(109,153,0,1) 100%); padding:30px 15px 15px 15px; color:#ffffff; font-size: 0.9em }
.head_gr02 a {color:#ffffff; }

.head_btnbase {
border-radius: 13px; 
background-color: #063F00;
padding:2px 12px;
text-align: center;
font-size: 0.78em;
color: #ffffff;
line-height: 1.4em;
}

.sp_001 {margin:16px 0 0 10px}
.sp_002 {padding-top:42px}
@media (max-width: 575.98px) {.sp_002 {padding-top:10px}}
.sp_003 {margin-bottom:16px; padding-top:7px}
.sp_004 {margin-bottom:30px;}
.sp_005 {margin-top:16px;}
.sp_006 {margin-bottom: 10px}
.sp_007 {margin-bottom: 6px}
.sp_008 {margin-bottom: 34px; padding-top:10px}


.fo_001 {line-height: 1.3em}
.fo_002 {line-height: 2.2em}
.fo_003 {font-size:0.6em}
.fo_004 {font-size:0.8em; line-height:1.6em;}