@charset "utf-8";
/* CSS Document */


/*** Base *****************************/

body {
	background-color: #F0F0EE;
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #726262;
	font-size: 1.6em;
}

.footer-box {
	width: 100%;
	font-size: 90%;
	background-color: #999;
	margin-top: 10px;
	padding: 1em 0;
	border-top: 1px solid #A89D9A;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0EE), color-stop(0.00, #DED8D3));
	background: -webkit-linear-gradient(#DED8D3, #F0F0EE);
	background: -moz-linear-gradient(#DED8D3, #F0F0EE);
	background: -o-linear-gradient(#DED8D3, #F0F0EE);
	background: -ms-linear-gradient(#DED8D3, #F0F0EE);
	background: linear-gradient(#DED8D3, #F0F0EE);
}

.footer-box a {
	color: #726262;
}


/*** NAV ********************************/

.logo-box>a {
	padding: 10px 15px 0;
	margin: 0;
}

.baraen-logo {
	width: 180px;
	height: auto;
}

.baraen-logo2 {
	width: 210px;
	height: auto;
	margin: 0 15px;
}

.navbar-box {
	border: none;
	border-radius: 0;
	min-height: 0;
	background-color: #F9F9F2;
	margin-bottom: 0;
	font-size: 87.5%;
}

/*.navbar-default{background-color:none!important;border-color:none!important;}*/

.navber-pc-box {
	background-color: #8C7517;
}

.header-box {
	margin: 0 auto;
	float: none;
}

.header-supplement {
	border-top: 1px solid #A89D9A;
	font-size: 90%;
	margin: 1em;
	padding: 1em 0 0;
}

.header-supplement a {
	color: #A89D9A;
}

.mainvisual-box {
	background-color: #F0F0EE;
	border-top: 1px solid #B7B7B7;
	text-align: center;
}

.navber-pc-box>.navbar-collapse-box {
	border: none;
	margin: 0 -15px 0 0;
	padding-right: 0;
}

.navbar-nav-ul {
	width: 100%;
	border-top: 1px solid #C6BA8B;
}

.navbar-nav-ul li {
	border-bottom: 1px solid #C6BA8B;
	width: 100%;
}

.navbar-box .navbar-nav-ul>li>a {
	color:#FFF;
	text-align: center;
}

.navbar-box .navbar-nav-ul>li>a:hover {
	font-weight: bold;
	color: #FF6;
}

.navbar-box .navbar-nav-ul>.active>a, .navbar-box .navbar-nav-ul>.active>a:hover, .navbar-box .navbar-nav-ul>.active>a:focus {
	background: none;
	font-weight: bold;
	color: #FF6;
}

.header-box>.navbar-toggle-box {
	border-color: #C6BA8B;
	background-color: #C6BA8B;
}

.header-box>.navbar-toggle-box:hover {
	border-color: #993;
	background-color: #993;
}

.header-box>.navbar-toggle-box>.icon-bar {
	background-color:#FFF;
}


/*** Common *****************************/

.entry-title-box {
	margin: 20px 10px;
	background: url(../img/entry-title-bg.png);
	min-height: 50px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.entry-title-box>.entry-title {
	font-size: 1.6em;
	margin: 0;
	padding: 5px 0 0 50px;
}

.entry-title-box>p {
	margin: 0;
	padding: 20px 5px 0 0;
	font-family: Georgia,sans-serif , Times New Roman,sans-serif;
}

.base-container {
	margin: 20px 10px;
}

.base-container-border {
	border-bottom: 1px solid #726262;
	padding: 0 0 1em
}

.sub-title {
	font-size: 1.4em;
	background-color: #CC3366;
	margin: 1em 0;
	padding: 0.3em;
	text-align: center;
	color: #FFF;
	border-radius: 0.3em;        /* CSS3草案 */  
    -webkit-border-radius: 0.3em;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0.3em;   /* Firefox用 */  
}

.sub-title2 {
	font-size: 1.4em;
	background-color: #02146A;
	margin: 1em 0;
	padding: 0.3em;
	text-align: center;
	color: #F9F871;
	border-radius: 0.3em;        /* CSS3草案 */  
    -webkit-border-radius: 0.3em;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0.3em;   /* Firefox用 */  
}

.sub-title-m {
	font-size: 1.2em;
	background-color: #CC3366;
	margin: 1em 0.7em;
	padding: 0.3em;
	text-align: center;
	color: #FFF;
	border-radius: 0.3em;        /* CSS3草案 */  
    -webkit-border-radius: 0.3em;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0.3em;   /* Firefox用 */  
}

.sub-title-s {
	font-size: 1.2em;
	border-left: 8px solid #A89D9A;
	margin: 1em 0 0.5em;
	padding: 0.3em;
}

.sub-title-s-border {
	font-size: 1.2em;
	border-left: 8px solid #A89D9A;
	border-bottom: 1px solid #A89D9A;
	margin: 1em 0 0.5em;
	padding: 0.3em;
}

.category-title {
	font-size: 1em;
	background-color: #999;
	padding: 0.6em;
	border-top: 1px solid #726262;
	border-bottom: 2px solid #726262;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DED8D3), color-stop(0.00, #F0F0EE));
	background: -webkit-linear-gradient(#F0F0EE, #DED8D3);
	background: -moz-linear-gradient(#F0F0EE, #DED8D3);
	background: -o-linear-gradient(#F0F0EE, #DED8D3);
	background: -ms-linear-gradient(#F0F0EE, #DED8D3);
	background: linear-gradient(#F0F0EE, #DED8D3);
}

ul.listmark {
	padding: 0.5em 0 1em 1.5em;
}

ul.listmark li {
	position: relative;
}

ul.listmark li::after,
ul.listmark li::before {
	display: block;
	content: '';
	position: absolute;
}

ul.listmark li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #726262;
	border-radius: 100%;
}

ul.listmark li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.attention-l {
	margin: 1em 1em 0;
	padding: 1em;
	font-weight: bold;
	color: #C30;
}

.attention {
	margin: 1em 1em 3em;
	padding: 1em;
	background-color: #fafaf7;
	border: 1px solid #e5e5e3;
	font-size: 0.8em;
}

.highlight {
	color: #C00;
}

.to-top {
	text-align: right;
	padding: 1em;
	margin: 2em 0 0;
	border-top: 1px solid #726262;
}

.button {
	border-top: 1px solid #ffbde1;
	background: #eb2a91;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff85c6), to(#eb2a91));
	background: -webkit-linear-gradient(top, #ff85c6, #eb2a91);
	background: -moz-linear-gradient(top, #ff85c6, #eb2a91);
	background: -ms-linear-gradient(top, #ff85c6, #eb2a91);
	background: -o-linear-gradient(top, #ff85c6, #eb2a91);
	padding: 8px 16px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	/*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
	color: white;
	font-size: 16px;
	text-decoration: none;
	vertical-align: middle;
}

.button:hover {
	border-top-color: #fab9dc;
	background: #fab9dc;
	color: #d91c81;
}

.button:active {
	border-top-color: #992f68;
	background: #992f68;
}

.facilities-box p {
	padding: 0 0 1em;
}


/*** index.html *****************************/

/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}

.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}

.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}

.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}


/* topEventArea
------------------------- */
.top-event-box {
	border-bottom: 1px solid #726262;
	margin: 15px;
	padding: 0 0 1em;
}

.top-event-box h2 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 1.6em;
	color: #C73366;
	margin: 0;
	padding: 0.2em 0;
}


.top-event-box2 h2 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 1.6em;
	color: #02146A;
	margin: 0;
	padding: 0.2em 0;
}

.top-event-btn {
	float: right;
	background-color: #C73366;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	color: #FFF;
	padding: 0.1em 0.5em;
}

.top-event-btn:hover {
	color: #FF0;
	font-weight: bold;
}

.no-display {
}


/* menuArea
------------------------- */
.menu-box {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

.menu-box li {
	width: 33%;
	float: left;
}

.menu-box li a {
	width: 96%;
	border-style: solid;
	border-color: #FFF;
	color: #FFF;
	/*background-size: contain;*/
	border-radius: 50%; /* CSS3 */
　　-webkit-border-radius: 50%; /* Safari,Google Chrome用 */
　　-moz-border-radius: 50%; /* Firefox用 */
	text-align: center;
	margin: 0 auto;
}

.menu-box li a {
	display: block;
}

.menu-box li.info a {
	background: url(../img/menu-info-off.jpg);
}

.menu-box li.info a:hover {
	background: url(../img/menu-info-on.jpg);
}

.menu-box li.bloom a {
	background: url(../img/menu-bloom-off.jpg);
}

.menu-box li.bloom a:hover {
	background: url(../img/menu-bloom-on.jpg);
}

.menu-box li.event a {
	background: url(../img/menu-event-off.jpg);
}

.menu-box li.event a:hover {
	background: url(../img/menu-event-on.jpg);
}

.menu-box li.access a {
	background: url(../img/menu-access-off.jpg);
}

.menu-box li.access a:hover {
	background: url(../img/menu-access-on.jpg);
}

.menu-box li.restaurant a {
	background: url(../img/menu-restaurant-off.jpg);
}

.menu-box li.restaurant a:hover {
	background: url(../img/menu-restaurant-on.jpg);
}

.menu-box li a:hover {
	text-decoration: none;
	color: #FF6;
}

.menu-box li a h2 {
	margin: 2em 0 0;
	padding: 0.5em 0;
	font-size: 90%;
	font-weight: bold;
}

.menu-box li a h2.small {
	padding: 0.85em 0;
	font-size: 85%;
}

.menu-box li>a>p {
	font-size: 80%!important;
	padding: 0.5em 0.5em 0;
}


/* whatsnewArea
------------------------- */
.whatsnew-page {
	background-color: #FFF;
}

.whatsnew-box, .twitter-box, .bnr-box {
	width: 100%;
	/*border: 1px solid #666;*/
}

.whatsnew-box iframe {
	border: 1px solid #DDD;
	width: 96%;
	margin: 5px auto;
}

.whatsnew-title {
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: 1px dotted #726262;
}


/* twitterArea
------------------------- */
.twitter-wd-box {
	width: 96%;
	margin: 5px auto;
	height: 300px;
}

.twitter-timeline {
	height: 150px;
}


/* bnrArea
------------------------- */
.bnr-box {
	padding: 5px 0 0;
}

.bnr-box div {
	/*margin: 0 0 3px; ブログバナーが入った時*/
	margin: 0 0 21px;
}

.bnr-box img {
	border: 3px solid #FFF;
}

.bnr-box a:hover img {
	border: 3px solid #FF6;
}

.bnr-box p {
	border-top: 1px dotted #A89D9A;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0.5em 0 0;
	padding: 0.5em 0 0;
	text-align: center;
}

.bnr-box a:hover p {
	color: #C00;
}


/*** info.html *****************************/

dl.info-box dd {
	border-bottom: 1px solid #726262;
	margin: 0 0 0.7em;
	padding: 0 0 0.5em;
}

.admission, .bus-schedule {
	margin-bottom: 10px;
}

.admission th, .admission td, .bus-schedule th, .bus-schedule td {
	border: 1px solid #A89D9A;
	padding: 0.3em;
	text-align: center;
}

.admission th {
	font-weight: normal;
	background-color: #E3E2E0;
	
}

.bus-schedule th {
	font-weight: normal;
	background-color: #D7D4D2;
}

.bus-station {
	background-color: #E3E2E0;
}


/* map.html
------------------------- */
.map-img img {
	margin: 0 auto 2em;
	text-align: center;
}

.map-box {
	border-bottom: 1px solid #A89D9A;
	margin-bottom: 2em;
}

.map-name {
	padding: 0.2em 0.2em 0;
	font-weight: bold;
	background-color: #FCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.map-name-other {
	padding: 0.2em 0.2em 0;
	font-weight: bold;
	background-color: #CEC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.map-name img, .map-name-other img {
	float: left;
}

.map-name p, .map-name-other p {
	padding: 0.1em 0 0.2em 1.7em;
}

.map-comment1 {
	border-bottom: 1px dotted #A89D9A;
	padding: 0.3em;
	color: #C30;
}

.map-comment2 {
	padding: 0.3em;
}

.map-box img {
	margin-bottom: 1em;
}


/* access.html
------------------------- */
.access-img {
	margin-bottom: 3em;
	text-align: center;
}

.access-img img {
	margin: 0 auto;
	text-align: center;
}

.access-img p {
	text-align: center;
	padding: 1em 0 0;
}

.google-map {
	margin: 2em 0 0;
	border-top: 1px dotted #999;
}

.access-box {
	padding: 0 1em 1em;
	margin: 0 1em;
	border-bottom: 1px solid #A89D9A;	
}

.access-box h4 , .access-box h5 {
	font-weight: bold;
}

.access-box h5 {
	font-size: 1em;
	padding-top: 1em;
}

.access-btn {
	background-color: #C73366;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	color: #FFF;
	padding: 0.1em 0.5em;
}

.access-btn:hover {
	color: #FF0;
	font-weight: bold;
}

.access-btn-off {
	background-color: #CCC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	text-decoration: none;
	color: #666;
	padding: 0.1em 0.5em;
}


/*** bloom.html *****************************/

.new-bloom-box {
	margin: 0 1em 2em;
	border: 3px solid #C00;
	background-color: #FFF;
}

.bloom-calendar {
	text-align: center;
	margin: 0 0 15px;
}

.bloom-calendar img {
	width: 100%;
}

.flower-name {
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 0.2em;
	text-align: center;
}

.flower-name2 {
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 0.2em;
	text-align: left;
}

.season {
	background-color: #DDD;
	font-weight: bold;
	margin: 0;
	padding: 0.2em;
	text-align: center;
}
.season2 {
	background-color: #DDD;
	font-weight: bold;
	margin: 0;
	padding: 0.2em;
	text-align: left;
}

.flower-comment {
	margin: 0;
	padding: 0.5em 0.2em;
}

.flower-comment2 {
	margin: 0;
	padding: 0.1em 0.1em 0.5em 0.1em;
	text-align: center;
}

.ume {
	background-color: #71b6e6;
}

.sakura {
	background-color: #f0a0cc;
}

.botan {
	background-color: #f8b178;
}

.bara {
	background-color: #f09999;
}

.hanasyoubu {
	background-color: #d39fce;
}

.ajisai {
	background-color: #ba9de6;
}

.rock-garden {
	background-color: #7eb69a;
}

.christmas-rose {
	background-color: #CDD;
}

.hybridtea {
	background-color: #71B6E6;
}

.floribunda {
	background-color: #E790AF;
}

.climbing {
	background-color: #80CF84;
}

.shrub {
	background-color: #FFA98E;
}

.bush {
	background-color: #D1A777;
}

.other {
	background-color: #8C7357;
}

/*** event.html *****************************/

.new-event-box {
	margin: 0 1em 2em;
	border: 3px solid #C00;
	background-color: #FFF;
}

.event-table {
	width: 100%;
}

.event-table th, .event-table td {
	border: 1px solid #A89D9A;
	padding: 0.3em;
}

.event-table td {
	background-color: #FFF;
}

h4.event-apr {
	border-left: 8px solid #F4B4D0;
}

.event-apr th {
	background-color: #FADCE9;
}

h4.event-may {
	border-left: 8px solid #D7E7AF;
}

.event-may th {
	background-color: #ECF4D9;
}

h4.event-jun {
	border-left: 8px solid #A2D7D4;
}

.event-jun th {
	background-color: #D4ECEA;
}

h4.event-jul {
	border-left: 8px solid #F5B090;
}

.event-jul th {
	background-color: #FBDAC8;
}

h4.event-aug {
	border-left: 8px solid #9FD9F6;
}

.event-aug th {
	background-color: #D3EDFB;
}

h4.event-sep {
	border-left: 8px solid #FCD7A1;
}

.event-sep th {
	background-color: #FEECD2;
}

h4.event-oct {
	border-left: 8px solid #A5D4AD;
}

.event-oct th {
	background-color: #D5EAD8;
}

h4.event-nov {
	border-left: 8px solid #CFA7CD;
}

.event-nov th {
	background-color: #E7D5E8;
}

h4.event-dec {
	border-left: 8px solid #A59ACA;
}

.event-dec th {
	background-color: #D2CCE6;
}

h4.event-jan {
	border-left: 8px solid #A3BCE2;
}

.event-jan th {
	background-color: #D3DEF1;
}

h4.event-feb {
	border-left: 8px solid #FFF9B1;
}

.event-feb th {
	background-color: #FFFCDB;
}

h4.event-mar {
	border-left: 8px solid #F5B2B2;
}

.event-mar th {
	background-color: #FADBDA;
}

.event-attention {
	padding: 1em 0;
}


/* bootstrap Overwrite
------------------------- */
#eventHtml .nav-tabs>li.active>a, #eventHtml .nav-tabs>li.active>a:hover,
#eventHtml .nav-tabs>li.active>a:active, #eventHtml .nav-tabs>li.active>a:link {
	/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0EE), color-stop(0.00, #FFF));
	background: -webkit-linear-gradient(#FFF, #F0F0EE);
	background: -moz-linear-gradient(#FFF, #F0F0EE);
	background: -o-linear-gradient(#FFF, #F0F0EE);
	background: -ms-linear-gradient(#FFF, #F0F0EE);
	background: linear-gradient(#FFF, #F0F0EE);*/
	border-bottom: 1px solid #F0F0EE!important;
}


/*** restaurant.html / blog.html *****************************/

.entry-box h3, .category-box h4 {
	margin: 0;
}

.entry-box {
	margin-bottom: 2em;
}

.entry-box p {
	padding: 1em;
}

.entry-box img {
	width: 80%;
	height: auto;
	margin: 0.5em auto;
}

.entry-box .entry-img {
	text-align: center;
}

.entry-totop {
	border-top: 1px dotted #726262;
	font-size: 85%;
	padding: 0.5em;
	text-align: right;
}


.entry-box img.big {
	width: 100%;
	height: auto;
	margin: 0.5em auto;
}

.entry-box dl.top {
	padding: 0 1em;
}

.entry-box dl.top dd {
	padding: 0 0.5em;
}



/*** photo-studio.html *****************************/

.studio-box {
	border-top: 1px solid #A89D9A;
	margin-top: 1em;
	padding-top: 1em;
}

.studio-box ul {
	list-style: none;
	margin-left: -3em;
}

.studio-box p {
	font-size: 0.7em;
	text-align: center;
}

.studio-box ul li a {
	display: block;
	background-color: #555;
	border: 4px solid #FFF;
}

.studio-box ul li a img {
	display: block;
	margin: 0 auto;
}

.studio-box .page-cnt {
	text-align: right;
	color: #666;
	padding: 1em;
}

.photo-page {
	text-align: center;
	padding: 1em;
	margin: 2em 0 0;
	border-top: 1px solid #726262;
}

.photo-page ul {
	list-style: none;
}

.photo-page ul li {
	display: inline;
	border: 1px solid #CCC;
	padding: 0 0.3em;
}



/*** memorialrose.html *****************************/

.memorialrose-box div div {
	padding-bottom: 2em;
}

.memorialrose-box dl {
	border-bottom: 1px solid #726262;
}

.memorialrose-box dl dt, .memorialrose-box dl dd {
	border-top: 1px solid #726262;
}

.memorialrose-box dl dt {
   float: left;
   width: 5em;
   padding: 0.5em;
}

.memorialrose-box dl dd {
	border-bottom: 1px solid #726262;
	margin: 0 0 0.7em;
	padding: 0 0 0.5em;
	margin-left: 5em;
	padding: 0.5em 0.5em 0;
	border-bottom: none;
}

.memorialrose-box ul {
	list-style: none;
	margin-left: -1em;
}

.memorialrose-box ul li {
	list-style: none;
}

.memorialrose-box ul li:before {
	content: '☆';
	margin-left: -1em;
}


/*** dogrun.html *****************************/

.dogrun-box {
	border-top: 1px solid #A89D9A;
	margin-top: 1em;
	padding-top: 1em;
}

.dogrun-box ul {
	list-style: none;
	margin-left: -2em;
}

.dogrun-box p {
	font-size: 0.8em;
	text-align: center;
}

ul.dogrun-ul li {
	list-style: none;
}

ul.dogrun-ul li:before {
	content: '☆';
	margin-left: -1em;
}


/*** shopping.html ******************************/

.shopping-box {
	border-bottom: 1px solid #A89D9A;
	margin-bottom: 2em;
}

dl.gift-name dt {
	float: left;
	width: 4em;
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font-weight: normal;
	background-color: #FCC;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

dl.gift-name dd {
	margin: 0 0 0.5em 5em;
	padding: 0.3em;
	font-weight: bold;
}

dl.gift-name dd span {
	font-weight: normal;
}

.gift-comment {
	border-top: 1px dotted #A89D9A;
	padding: 0.3em;
}

.shopping-box img {
	margin-bottom: 1em;
}

.order-tel, .order-fax, .order-mail {
	margin: 1em;
	padding: 0.7em;
	border: 1px solid;
	background-color: #FFF;
}

.order-tel {
	border-color: #3399CC;
}

.order-fax {
	border-color: #FF9966;
}

.order-mail {
	border-color: #009933;
}

/*.order-icon {
	float: left;
	width: 60px;
}

.order-txt {
	margin-left: 65px;
	border-left: 5px solid;
}*/

.order-txt {
	margin-top: 10px;
	padding-top: 0.5em;
	border-top: 5px solid;
}

.order-txt div {
	text-align: center;
}

.order-num {
	font: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

.order-comment {
	border-top: 1px solid;
	padding: 1em 0 0;
}

.order-tel .order-txt {
	border-color: #3399CC;
	color: #3399CC;
}

.order-fax .order-txt {
	border-color: #FF9966;
	color: #FF9966;
}

.order-mail .order-txt, .order-mail .order-txt a {
	border-color: #009933;
	color: #009933;
}

.order-comment-box {
	border-bottom: 1px solid #A89D9A;
	padding: 1em 0;
	margin: 0 0.5em;
}

ul.order-ul {
	margin: 1em 0.5em 3em;
	background-color: #FFE;
	border: 1px solid #C30;
	font-weight: bold;
	color: #C30;
}

ul.order-ul li {
	list-style: none;
	padding: 1em 1em 1em 0;
}

ul.order-ul li:before {
	content: '※';
	margin-left: -1em;
}

.return-goods-attention {
	padding: 0.5em;
	border: 1px solid #C00;
	color: #C00;
	font-weight: bold;
}


/* bootstrap Overwrite
------------------------- */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:active, .nav-tabs>li.active>a:link {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0EE), color-stop(0.00, #FFF));
	background: -webkit-linear-gradient(#FFF, #F0F0EE);
	background: -moz-linear-gradient(#FFF, #F0F0EE);
	background: -o-linear-gradient(#FFF, #F0F0EE);
	background: -ms-linear-gradient(#FFF, #F0F0EE);
	background: linear-gradient(#FFF, #F0F0EE);
	/*border-bottom: 1px solid #F0F0EE;*/
}


/*** barrier-free.html ******************************/

.barrier-free-img img {
	margin: 0 auto;
}


/*** sitemap.html ******************************/

.sitemap-box h3 {
	font-weight: bold;
}

.sitemap-box p {
	padding-left: 1em;
}

.sitemap-box a {
	color: #726262;
}



@media all and (min-width: 480px) {
	
/*** NAV ********************************/

.baraen-logo {
	width: 210px;
}

.baraen-logo2 {
	width: 230px;
	margin: 30px 0 0;
}

.logo-box>a {
	margin: 0 0 10px;
}

.logo-box img {
}


/*** index.html *****************************/

/* menuArea
------------------------- */
.menu-box li {
	width: 20%;
	float: left;
}


/*.whatsnew-box iframe, .twitter-wd-box {
	width: 90%;
}*/


/*** shopping.html ******************************/

.order-icon {
	float: left;
	width: 60px;
}

.order-txt {
	margin-left: 65px;
	border-top: none;
	border-left: 5px solid;
}

.order-num {
	font-size: 1.4em;
}

}



@media all and (min-width: 768px) {

/*** NAV ********************************/

.header-supplement {
	border-top: none;
	float:right;
	padding: 10px 20px 0 0;
	text-align: right;
}

.navber-pc-box>.navbar-collapse-box {
	margin: 1em auto;
}

.navbar-nav-ul {
	border-top: none;
	border-right: 1px solid #C6BA8B;
}

.navbar-nav-ul li {
	border-bottom: none;
	border-left: 1px solid #C6BA8B;
	width: 16.6%;
}

.navbar-nav-ul li a {
	padding: 0 1em;
}

.navbar-box .navbar-nav-ul>li:nth-child(2)>a:hover,
.navbar-box .navbar-nav-ul>li.active:nth-child(2) {
	font-size: 98%;
}

.navbar-box .navbar-nav-ul>li.active:nth-child(2)>a:hover {
	font-size: 100%;
}


/*** Common *****************************/

.entry-title-box>.entry-title {
	float: left;
}

.entry-title-box>p {
	float: right;
}


/*** index.html *****************************/

/* menuArea
------------------------- */
.menu-box li a h2 {
	margin: 1.8em 1em 0;
	border-bottom: 1px solid #FFF;
	font-size: 100%;
}

.menu-box li a p {
	font-size: 90%;
}


/* whatsnewArea , twitterArea, bnrArea
------------------------- */
.whatsnew-box, .twitter-box, .bnr-box {
	float: left;
}

.whatsnew-box, .twitter-box {
	width: 40%;
}

.bnr-box {
	width: 20%
}

.whatsnew-box iframe {
	height: 500px;
}

.twitter-wd-box {
	height: 500px;
}

.whatsnew-box .newbloom-box iframe {
	height: 194px;
}

.whatsnew-box .newevent-box iframe {
	height: 290px;
}


/*** info.html *****************************/

dl.info-box {
	/*border-bottom: 1px solid #726262;*/
}

dl.info-box dt, dl.info-box dd {
	border-top: 1px solid #726262;
}

dl.info-box dt {
	float: left;
	width: 6em;
	padding: 0.5em;
}

dl.info-box dd {
	margin-left: 6em;
	padding: 0.5em 0.5em 0;
	border-bottom: none;
}

dl.info-box img {
	margin-bottom: 1em;
}


/*** blog.html *****************************/

.entry-box {
	padding-left: 0;
	margin-bottom: 0;
}

.category-box {
	padding-right: 0;
}


/*** event.html *****************************/

.event-table th{
	width: 25%;
}

.event-table td:first-child {
	width: 35%;
}

.event-table td:last-child {
	width: 40%;
}


/*** access.html ******************************/

.google-map {
	width: 600px;
	margin: 2em auto 0;
}


/*** shopping.html ******************************/

.order-tel, .order-fax, .order-mail {
	margin: 1em 3em;
}

.order-comment-box {
	margin: 0 2em;
}

ul.order-ul {
	margin: 1em 2em 3em;
}


/* bootstrap Overwrite
------------------------- */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:active, .nav-tabs>li.active>a:link {
	/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0EE), color-stop(0.00, #FFF));
	background: -webkit-linear-gradient(#FFF, #F0F0EE);
	background: -moz-linear-gradient(#FFF, #F0F0EE);
	background: -o-linear-gradient(#FFF, #F0F0EE);
	background: -ms-linear-gradient(#FFF, #F0F0EE);
	background: linear-gradient(#FFF, #F0F0EE);*/
	border-bottom: 1px solid #F0F0EE!important;
}

}



@media all and (min-width: 950px) {
	
/*** NAV ********************************/
	
.header-box, .navbar-collapse-box {
	width: 950px;
}

.top-event-box {
	width: 900px;
	margin: 25px auto;
}


/*** Common *****************************/

.entry-title-box {
	width: 850px;
	margin: 20px auto;
}

.base-container {
	width: 820px;
	margin: 20px auto;
}


/*** index.html *****************************/

/* menuArea
------------------------- */
.menu-box {
	/*width: 950px;*/
	margin: 20px auto;
}


/* twitterArea
------------------------- */
.twitter-timeline {
	width:100%;
	height: 300px;
}


/* bootstrap Overwrite
------------------------- */
.container {
	width: 950px;
}

}



@media all and (max-width: 769px) {
		
/*** event.html *****************************/

.event-table tr, .event-table th, .event-table td {
	width: 100%;
	display: block;
}

.event-table th, .event-table td {
	border-bottom: none;
}

.event-table {
	border-bottom: 1px solid #A89D9A;
}

}