/*
Theme Name: U-BELL WP
Theme URI: http://u-b.jp/
Description: As its name suggests, the Simple theme is intended to provide a simple, clean, minimal layout from which you can develop your website. Fully responsive and based on the newest release of the Bootstrap 3 mobile-first, front-end framework, the Simple theme will transform effortlessly from desktop-width monitors to tablets and smartphones. An array of theme options allows for customization of nearly every color, feature, and element across the theme. The Simple theme is translation-ready, cross-browser tested, search engine optimized, includes a full-page-width page template, offers infinite color combinations, displays custom featured posts, and is compatible with most popular plugins. 
Author: U-bell Themes (from Nimbus)
Author URI: http://u-b.jp/
Version: 1.1.5
Tags: black, blue, gray, silver, white, dark, light, one-column, two-columns, three-columns, four-columns, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, responsive-layout
License: GNU General Public License
License URI: license.txt
*/

/******************************************************************************************************
 * General
 *****************************************************************************************************/
@import "./css/bootstrap-reset.css";




/******************************************************************************************************
 * base layout
 *****************************************************************************************************/

blockquote {
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	border: none;
	background: #fff;
	padding: 0;
	margin: 0px;
	z-index: 700;
	_zoom: 1;
}

.container:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}

section#outline {
	padding-top: 1em;
	padding-bottom: 500px;
}

.space {
	padding-top: 4%;
}




/******************************************************************************************************
 * header
 *****************************************************************************************************/

body > header {
	position: fixed;
	width: 100%;
	z-index: 900;
	top: 0;
	padding-top: 50px;
	margin-top: -50px;
}

#front-header {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #fff;
}

#header-logo {
	position: relative;
	display: block;
	width: 312px;
	margin-left: auto;
	margin-right: auto;
}

#header-logo > * {
	padding-top: 12.8205128%;
	background-image: url(img/logo.png);
}

.global-nav-button {
	display: block;
	float: left;
	width: 46px;
	border: solid 2px #000;
	/*border-radius: 5px;*/
	background: #fff;
	padding: 10px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	.global-nav-button:hover {
		border-color: #fff;
		background: #999;
	}

.icon-bar {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	border-top: solid 2px #000;
	margin-top: 5px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	.global-nav-button:hover .icon-bar {
		border-color: #fff;
	}

.global-nav-button .icon-bar:first-child { margin-top: 0 !important; }

.pulldown {
	position: relative;
	overflow: hidden;
	width: 100%;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	.pulldown.off { height: 0 !important; }

.pulldown ul {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1em;
	letter-spacing: -.40em;
	list-style: none;
	border: solid 1px #999;
	background: #fff;
}

.pulldown ul li {
	position: relative;
	display: inline-block;
	width: 25%;
	letter-spacing: normal;
	border-left: solid 1px #999;
	vertical-align: middle;
}
	.pulldown ul li:first-child { border-left: none !important; }

.pulldown ul li a {
	position: relative;
	display: block;
	width: 100%;
	font-size: 1.142em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	text-decoration: none !important;
	line-height: 1em;
	padding: 15px 0;
}
	.pulldown ul li a:hover { color: #fff !important; background-color: #999; }

.pulldown ul li a#travel { color: #29abe2; }
	.pulldown ul li a#travel:hover { background-color: #29abe2; }

.pulldown ul li a#food { color: #f7931e; }
	.pulldown ul li a#food:hover { background-color: #f7931e; }

.pulldown ul li a#lifestyle { color: #39b54a; }
	.pulldown ul li a#lifestyle:hover { background-color: #39b54a; }

#global-nav {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 80%;
	max-width: 240px;
	height: 100%;
	background: rgba(135,130,130,0.95);
	padding: 0;
	z-index: 1000;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
	transform-origin: 100% 50%;
	-webkit-transform: translate(-100%,0);  
	-moz-transform: translate(-100%,0);  
	transform: translate(-100%,0);
}
	#global-nav.active {
		-webkit-transform: translate(0,0);  
		-moz-transform: translate(0,0);  
		transform: translate(0,0);
	}

#global-nav .global-nav-close {
	display: block;
	/*float: right;*/
	width: 46px;
	border: none;
	/*border-radius: 5px;*/
	background: rgba(30,25,25,0.6);
	padding: 12px 10px;
	margin-left: auto;
	margin-right: 15px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	#global-nav .global-nav-close:hover {
		background: rgba(30,25,25,1);
	}

#global-nav .global-nav-close span {
	height: 16px;
	background-image: url(/img/batsu.svg);
	background-size: auto 100%;
}

#global-nav .space { clear: both; padding-top: 15px !important; }

#global-nav .inline-frame {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	width: 100%;
}

#global-nav .inline-frame > strong {
	display: block;
	color: #1e1919;
	line-height: 3em;
	padding: 0 15px 0;
	background: rgba(255,255,255,0.5);
}

#global-nav ul {
	position: relative;
	display: block;
	width: 100%;
	list-style: none;
	text-align: left;
}

#global-nav ul li {
	padding: 0 10px;
	border-top: dotted 1px rgba(255,255,255,0.5);
}
	#global-nav ul:not(.nav-top) li:first-child { border-top: none; }

#global-nav ul.half {
	letter-spacing: -.40em;
}
#global-nav ul.half li {
	display: inline-block;
	width: 50%;
	letter-spacing: normal;
}
	#global-nav ul.half li:nth-child(2) { border-top: none; }
	#global-nav ul.half li:nth-child(2n+1) { border-right: dotted 1px rgba(255,255,255,0.5); }

#global-nav ul li a {
	color: #fff;
	font-weight: bold;
	line-height: 3em;
}
	#global-nav ul li a:before {
		display: inline-block;
		color: #bbb;
		transform: rotate(-90deg) scale(0.65,0.45);
		content: "▼";
	}




/******************************************************************************************************
 * Footer
******************************************************************************************************/

body > blockquote > footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	line-height:  2em;
}

body > blockquote > footer > .container {
	padding-top: 2%;
	padding-bottom: 2%;
}

.sns-label { margin-bottom: 10px; }

footer .sns-block {
	color: #ff931e;
	font-size: 1.285em;
	font-weight: bold;
	text-align: center;
	background: url(./img/ubel_chan_2.png) bottom left no-repeat;
	background-size: auto 80%;
}

footer .sns-icon-cover {
	max-width: 250px;
	margin: 0 auto;
}

footer .sns-icon {
	display: block;
	padding: 15%;
}

footer .sns-icon span { padding-top: 100%; }
footer #instagram span { background-image: url(/img/icon_insta.svg); }
footer #facebook span { background-image: url(/img/icon_fb.svg); }
footer #twitter span { background-image: url(/img/icon_tw.svg); }

footer ul.footer-anchor {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	list-style: none;
	letter-spacing: -.40em;
	border-left: dotted 1px #f8ac91;
	border-right: dotted 1px #f8ac91;
	border-bottom: dotted 1px #f8ac91;
}

footer ul.footer-anchor li {
	display: inline-block;
	width: 20%;
	letter-spacing: normal;
	border-top: dotted 1px #f8ac91;
	border-left: dotted 1px #f8ac91;
}
	footer ul.footer-anchor li:first-child { border-left: none; }

footer ul.footer-anchor li a { display: block; padding: 15px 0; line-height: 1em; text-decoration: none !important; }
footer ul.footer-anchor li a:hover { color: #FFFFFF; background-color: #ffc100; }

body > blockquote > footer .address {
	text-align: center;
	line-height: 1.7em;
	margin-top: 45px;
}

body > blockquote > footer .address strong {
	display: block;
	font-weight: normal;
}

footer .footer-label {
	background: url(/img/ubel_chan_3.png) bottom right no-repeat;
	background-size: auto 80%;
}

footer #footer-logo {
	display: block;
	width: 180px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

#footer-logo > * {
	padding-top: 22.2222222%;
	background-image: url(/img/footer_logo_bk.svg);
}

body > blockquote > footer .copyright {
	font-size: 0.875em;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
	text-align: center;
	padding: 1% 0 3%;
}




/******************************************************************************************************
 * icon
 *****************************************************************************************************/

.icon-pict {
	color: #fff !important;
	font-weight: bold;
	line-height: 1.3em;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.icon-pict.coupon { background: #508df8; }
.icon-pict.dinner { background: #39b54a; }
.icon-pict.baby { background: #ff7bac; }
.icon-pict.column { background: #fbb03b; }
.icon-pict.present { background: #4ec48f; }
.icon-pict.shopping { background: #d43aab; }

.icon-pict-cover .icon-pict {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0.875em;
	width: 110px;
	height: 105px;
}

.icon-pict-cover .icon-pict div {
	position: absolute;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

a.icon-pict.coupon:hover,
a.icon-pict-cover:hover .icon-pict.coupon { background: #a7c6fb; }
a.icon-pict.dinner:hover,
a.icon-pict-cover:hover .icon-pict.dinner { background: #9cdaa4; }
a.icon-pict.baby:hover,
a.icon-pict-cover:hover .icon-pict.baby { background: #ffbdd5; }
a.icon-pict.column:hover,
a.icon-pict-cover:hover .icon-pict.column { background: #fdd79d; }
a.icon-pict.present:hover,
a.icon-pict-cover:hover .icon-pict.present { background: #a6e1c7; }
a.icon-pict.shopping:hover,
a.icon-pict-cover:hover .icon-pict.shopping { background: #e99cd5; }

.icon-pict p {
	position: relative;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px !important;
}

a.icon-pict-cover .icon-pict p {
	width: 65px;
	margin-bottom: 7px !important;
}

.icon-pict span { padding-top: 72.0588235%; }
.icon-pict.coupon span { background-image: url(./img/icon_coupon.svg); }
.icon-pict.dinner span { background-image: url(./img/icon_dinner.svg); }
.icon-pict.baby span { background-image: url(./img/icon_baby.svg); }
.icon-pict.column span { background-image: url(./img/icon_column.svg); }
.icon-pict.present span { background-image: url(./img/icon_present.svg); }
.icon-pict.shopping span { background-image: url(./img/icon_shopping.svg); }



.icon-area, .icon-member {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px;
	line-height: 1.3em;
	border-radius: 3px;
	margin-bottom: 10px;
}
.icon-area.hiroshima { background: #ffc700; }
.icon-area.fukuoka { background: #4ab7ee; }
.icon-area.kumamoto { background: #8cc63f; }

.icon-member:not(.member-ubel):not(.member-light) { overflow: hidden; width: 0; }
.icon-member.member-ubel { background: #81c8c7; }
.icon-member.member-light { background: #b9d1fc; }

ul.icon-list {
	display: block;
	list-style: none;
	white-space: nowrap;
}
ul.icon-list.top,
ul.icon-list.left,
ul.icon-list.right,
ul.icon-list.bottom { position: absolute; }
ul.icon-list.top { top: 0; }
ul.icon-list.left { left: 0; }
ul.icon-list.right { right: 0; }
ul.icon-list.bottom { bottom: 0; }

ul.icon-list li {
	display: inline-block;
}

.icon-column {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 2em;
	letter-spacing: 0.075em;
	padding: 0 10px;
}

ul.icon-list .icon-column,
.news-block .icon-column {
	position: relative;
	top: auto;
	left: auto;
}
.news-block .icon-column { display: inline-block; }

.icon-column.new { background: #ed1c24; }
.icon-column.travel { background: #29abe2; }
.icon-column.food { background: #f7931e; }
.icon-column.lifestyle { background: #39b54a; }




/******************************************************************************************************
 * thumbnail
 *****************************************************************************************************/

.icon-pict-cover {
	position: relative;
	display: block;
	text-decoration: none !important;
	background: #fff;
}

.icon-pict-cover .dammy-image {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	font-size: 0.5em;
	text-align: left;
	text-indent: -9999px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

a.icon-pict-cover img,
a.icon-pict-cover .dammy-image {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

#coupon-slider .icon-pict-cover .icon-pict {
	top: 15px;
	left: 15px;
}

a.icon-pict-cover .note {
	position: absolute;
	overflow: hidden;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 15px;
	background: rgba(255,255,255,0.75);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

	.archive-list a.icon-pict-cover .note {
		position: relative;
		left: auto;
		bottom: auto;
	}

.archive-list { border-top: solid 1px #ccc; }
.archive-list > .col-sm-12 { border-bottom: solid 1px #ccc; }

a.icon-pict-cover .note .desc { margin-top: 2%; }
a.icon-pict-cover .note .update { margin-top: 2%; }

a.icon-pict-cover .note h3 {
	overflow: hidden;
	color: #478c00;
	font-size: 1.285em;
	line-height: 1.8em;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

a.icon-pict-cover:hover .note h3 {
  /* color: #ff9900; */
  /* text-decoration: underline; */
}

#coupon-slider a.icon-pict-cover .note {
	text-align: center;
}
	a.icon-pict-cover:hover .note { background: rgba(255,255,255,0.9); }



.info-note {
	padding-top: 15px;
	padding-bottom: 15px;
}

.info-note a {
	display: block;
	font-size: 1.125em;
	line-height: 1.3em;
	white-space: normal;
	margin-bottom: 5px;
}

.info-note .note {
	overflow: hidden;
	color: #666;
	font-size: 0.875em;
	text-overflow: ellipsis;
	white-space: nowrap;
}



.full-thumb {
	position: relative;
	display: block;
	color: #fff !important;
	text-decoration: none !important;
	background: #000;
}
	.full-thumb:hover {
	}

.full-thumb img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.full-thumb .note {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	font-size: 1.5em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 10%;
	text-align: center;
}




/******************************************************************************************************
 * label
 *****************************************************************************************************/

.block-label {
	position: relative;
	padding-top: 4%;
	padding-bottom: 4%;
	margin-left: -15px;
	margin-right: -15px;
}

.contents-first-label {
	font-size: 2em;
	text-align: center;
}

span.ubel-pku {
	position: relative;
	display: block;
	width: 300px;
	margin: 0 auto;
}

span.ubel-pku > span {
	padding-top: 10.9289617%;
	background-image: url(img/ubel_pickup.png);
}
span.logo { position: relative; display: inline-block; vertical-align: sub; margin-right: 2px; }
span.logo.and-ubel span { padding-top: 22.2222222%; background-image: url(/img/header_logo.svg); }
span.logo.ubel span { padding-top: 31.25%; background-image: url(./img/ubl_logo.svg); }
.contents-first-label span.logo.ubel { width: 108px; }
.contents-first-label span.logo.and-ubel { width: 140px; }

span.logo.and { width: 33px; }
span.logo.and span {
	padding-top: 90%;
	background-position: center left;
	background-image: url(/img/header_logo.svg);
	background-size: auto 100%;
}

#search-area-label {
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	background: #f2f2f2;
	cursor: pointer;
}
	#search-area-label .inner { position: relative; }

	#search-area-label .inner:after {
		position: absolute;
		top: 0;
		right: 0;
		width: 18px;
		height: 30px;
		background: url(./img/icon_arrow_2.svg);
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		content: "";
	}
		#search-area-label.active .inner:after {
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}

	#search-area-label .inner h3 {
		display: inline-block;
		color: #808080;
		font-size: 2em;
		line-height: 30px;
		background: url(./img/icon_map.svg) center left no-repeat;
		background-size: auto 100%;
		padding: 0 30px;
	}

#ubl-thanks-present-label { text-align: center; }

	#ubl-thanks-present-label > * {
		display: inline-block;
		vertical-align: middle;
	}

	#ubl-thanks-present-label .inner {
		color: #fff;
		font-weight: bold;
		background: #81c8c7;
		border: solid 1px #498b8b;
		border-radius: 5px;
		letter-spacing: 0.075em;
		text-indent: 0.075em;
		text-align: center;
		line-height: 1.4em;
		padding: 7px 15px;
		margin-bottom: 15px;
	}



/******************************************************************************************************
 * button
 *****************************************************************************************************/

.next-button {
	display: block;
	color: #fff;
	font-size: 1.285em;
	font-weight: bold;
	letter-spacing: 0.075em;
	text-indent: 0.075em;
	text-decoration: none !important;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	background: #ff931e;
}

.list-thumbnail > a .reserve-button {
	padding-top: 15px;
	padding-bottom: 15px;
}

.list-thumbnail > a .next-button {
	width: 170px;
	font-size: 1em;
	line-height: 1em;
	letter-spacing: 0.025em;
	text-indent: 0.025em;
	padding: 10px 0;
	margin: 0 auto;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
	a.next-button:hover,
	.list-thumbnail > a:hover .next-button {
		background: #ffc98e;
	}

	.detail-box .next-button:hover {
		color: #f7931e !important; 
		background: #ffc98e !important;
	}

.next-button.ubl-resort-button {
	background: #736357;
}
	.next-button.ubl-resort-button:hover {
		background: #b9b1ab;
	}

.next-button.ubl-column-button {
	background: #3b2612;
}
	.next-button.ubl-column-button:hover {
		background: #9d9288;
	}

.detail-box .next-button {
	border-radius: 5px;
	border: solid 2px #f7931e;
}

.next-button.ubl-reserve-button {
	color: #f7931e;
	background: #fff;
	border-radius: 5px;
	border: solid 2px #f7931e;
}
	a.next-button.ubl-reserve-button:hover,
	.list-thumbnail > a:hover .next-button.ubl-reserve-button {
		color: #fff;
		background: #f7931e;
	}

#login-and-reserve {
	background: #f2f2f2;
}

#login-and-reserve .next-button.ubl-reserve-button {
	color: #fff;
	background: #81c8c7;
	border-radius: 5px;
	border: none;
}
	#login-and-reserve .next-button.ubl-reserve-button:hover {
		background: #42acab;
	}



.ubl-info {
	position: relative;
	color: #fff;
	text-align: center;
	background: #fbb13c;
	padding: 3%;
}

.ubl-info strong {
	display: block;
	font-size: 2.2em;
	margin-bottom: 15px;
}

a.ubl-group {
	position: relative;
	display: block;
	width: 182px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}

a.ubl-group .logo {
	display: block;
	width: 100%;
	margin-right: 0;
}

a.ubl-group .logo span {
	padding-top: 18.6813186%;
	background-image: url(img/ubel_group.svg);
}

.ubl-info .to-detail {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

	.ubl-info .to-detail:hover { background-color: #ff931e; }

.ubl-info .to-detail span {
	display: inline-block;
	font-weight: bold;
	line-height: 1em;
	padding-right: 14px;
	background: url(img/icon_arrow4.svg) center right no-repeat;
	background-size: auto 100%;
}

.news-block {
	border-top: solid 1px #f8ac91;
	border-bottom: solid 1px #f8ac91;
	padding: 15px;
	margin-top: 5%;
	margin-left: -15px;
	margin-right: -15px;
}

.news-block .outer {
	position: relative;
	width: 100%;
	padding-left: 10%;
}

.news-block .outer:before {
	position: absolute;
	left: 0;
	display: block;
	width: 8%;
	color: #ff0000;
	line-height: 25px;
	text-align: center;
	background: #fbebe3;
	border: solid 2px #ff0000;
	padding-top: 2px;
	padding-bottom: 2px;
	content: "新着情報";
}

.news-block .inner {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.news-block ul {
	position: relative;
	display: block;
	width: 100%;
	padding: 2px 0;
	list-style: none;
	letter-spacing: -.40em;
	text-align: left;
	white-space: nowrap;
}

	.news-block .inner.active ul {
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	.news-block ul.active {
		margin-left: -100%;
	}

.news-block ul li {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	line-height: 29px;
	letter-spacing: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.news-block ul li .date {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
	margin-right: 15px;
}

.read-more {
	padding: 0 0 15px;
	background: #f2f2f2;
	margin-bottom: 30px;
}

.read-more .col-sm-12 {
	padding: 30px 0;
	background: #fff;
}

.read-more a {
	display: block;
	width: 200px;
	font-size: 1.142em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none !important;
	padding: 10px 0;
	margin: 0 auto;
	border: solid 1px #ccc;
	background: #fff;
}
	.read-more a:hover { color: #fff; background: #999; border-color: transparent; }

[class*='pickup'] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*
	-webkit-justify-content: space-between;
	justify-content: space-between;
	*/
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
}

[class*='pickup'] [class*='col-'] { float: none !important; flex-basis: 100%; }

[class*='pickup'] .col-xs-1 { flex-basis: 8.33333% !important; min-width: 8.33333% !important; }
[class*='pickup'] .col-xs-2 { flex-basis: 16.6667% !important; min-width: 16.6667% !important; }
[class*='pickup'] .col-xs-3 { flex-basis: 25% !important; min-width: 25% !important; }
[class*='pickup'] .col-xs-4 { flex-basis: 33.3333% !important; min-width: 33.3333% !important; }
[class*='pickup'] .col-xs-5 { flex-basis: 41.6667% !important; min-width: 41.6667% !important; }
[class*='pickup'] .col-xs-6 { flex-basis: 49.8% !important; min-width: 49.8% !important; }
[class*='pickup'] .col-xs-7 { flex-basis: 58.3333% !important; min-width: 58.3333% !important; }
[class*='pickup'] .col-xs-8 { flex-basis: 66.6667% !important; min-width: 66.6667% !important; }
[class*='pickup'] .col-xs-9 { flex-basis: 75% !important; min-width: 75% !important; }
[class*='pickup'] .col-xs-10 { flex-basis: 83.3333% !important; min-width: 83.3333% !important; }
[class*='pickup'] .col-xs-11 { flex-basis: 91.6667% !important; min-width: 91.6667% !important; }
[class*='pickup'] .col-xs-12 { flex-basis:100% !important; min-width: 100% !important; }


/******************************************************************************************************
 * Pager
******************************************************************************************************/

.pagination {
	display: block;
	clear: both;
	padding: 20px 0;
	position: relative;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.28em;
	letter-spacing: -.40em;
	text-align: center;
}

.pagination span, .pagination a {
	display: inline-block;
	margin-left: 2px;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color: #333;
	border: solid 1px #fff;
	background: #eee;
	letter-spacing: normal;
	vertical-align: bottom;
}

.pagination > *:first-child { margin-left: 0px; }

.pagination a:hover { color:#fff; background: #f2a9b0; }
 
.pagination .current { background: #fff; color:#333; border-color: #ccc; }

.pagination .no-navi { color: #ccc !important; background: none; }

.pagination .navi-co { font-size: 1.28em; background: none !important; }
.pagination .navi-co:hover { color:#f2a9b0; }

h3.widget_title {
	color: #999;
	font-size: 1.14em;
	border-bottom: solid 1px #999;
	margin-bottom: 10px;
	padding-left: 5px;
}

.widget { margin-bottom: 10%; }

table#wp-calendar {
	width: 100%;
	border: none !important;
}

table#wp-calendar caption {
	font-size: 1.285em;
	padding-bottom: 10px;
}

table#wp-calendar thead th {
	color: #fff;
	text-align: center;
	font-weight: normal;
	line-height: 1em;
	background: #666;
	padding: 5px 0 !important;
}

table#wp-calendar tbody td {
	color: #888;
	text-align: center;
	line-height: 1em;
	padding: 10px 0 !important;
}

table#wp-calendar tbody td a { font-weight: bold; }
table#wp-calendar tbody td a:alink { color: #444; }

.widget ul { list-style: outside disc; margin-left: 20px; color: #333; }
.widget ul li a:alink { color: #333; }
.widget ul li, .widget ol li { line-height: inherit; }

.detail-body { padding-top: 3%; }
.detail-body a { color: #478c00!important; }
.detail-body p { margin-top: 3%; margin-bottom: 3%; }
.detail-body blockquote { font-style: italic; padding: 10px 30px; background-color: #f2f2f2; }
.detail-body blockquote p { margin-top: 10px; margin-bottom: 10px; }

.meta-block {
	text-align: right;
	border-top: dotted 1px #ccc;
	padding-top: 3%;
	margin-top: 3%;
}


@media (min-width: 768px) {

	.block-label.sub { padding-top: 0; }

	.list-thumbnail > .col-sm-6 { border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
	.list-thumbnail > .col-sm-6:nth-child(-n+2) { border-top-width: 2px; }

	.list-thumbnail > .col-sm-6:nth-child(odd) { border-right: solid 1px #fff; }
	.list-thumbnail > .col-sm-6:nth-child(even) { border-left: solid 1px #fff; }

	.list-thumbnail > .col-sm-6:nth-child(4n),
	.list-thumbnail > .col-sm-6:nth-child(4n+3) {
		background: #fafafa;
	}

	.full-thumb:hover img {
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
	
	a.icon-pict-cover:hover img,
	a.icon-pict-cover:hover .dammy-image {
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}

	#coupon-list {
		margin-left: -25px;
		margin-right: -25px;
	}

	#coupon-list .detail-box {
		padding: 15px 15px 0;
		margin-left: -10px;
		margin-right: -10px;
	}

	[class*='pickup'] {
		padding: 30px 15px 0;
		background: #f2f2f2;
	}

	.pickup-bottom {
		padding-bottom: 30px;
	}

	[class*='pickup'] [class*='col-'] .row {
		margin: 0;
	}

	[class*='pickup'] [class*='col-'] .row {
		margin: 0;
		height: 100%;
	}

	[class*='pickup'] [class*='col-'] .row a {
		height: 100%;
	}
	
	[class*='pickup'] [class*='col-'] .note {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		background: #fff;
	}

	[class*='pickup'].list [class*='col-'] {
		padding-bottom: 30px;
	}

	[class*='pickup'] .col-sm-1 { flex-basis: 8.33333% !important; min-width: 8.33333% !important; }
	[class*='pickup'] .col-sm-2 { flex-basis: 16.6667% !important; min-width: 16.6667% !important; }
	[class*='pickup'] .col-sm-3 { flex-basis: 25% !important; min-width: 25% !important; }
	[class*='pickup'] .col-sm-4 { flex-basis: 33.3333% !important; min-width: 33.3333% !important; }
	[class*='pickup'] .col-sm-5 { flex-basis: 41.6667% !important; min-width: 41.6667% !important; }
	[class*='pickup'] .col-sm-6 { flex-basis: 50% !important; min-width: 50% !important; }
	[class*='pickup'] .col-sm-7 { flex-basis: 58.3333% !important; min-width: 58.3333% !important; }
	[class*='pickup'] .col-sm-8 { flex-basis: 66.6667% !important; min-width: 66.6667% !important; }
	[class*='pickup'] .col-sm-9 { flex-basis: 75% !important; min-width: 75% !important; }
	[class*='pickup'] .col-sm-10 { flex-basis: 83.3333% !important; min-width: 83.3333% !important; }
	[class*='pickup'] .col-sm-11 { flex-basis: 91.6667% !important; min-width: 91.6667% !important; }
	[class*='pickup'] .col-sm-12 { flex-basis:100% !important; min-width: 100% !important; }
}

@media (min-width: 992px) {

	.block-label.sub .contents-first-label { font-size: 1.285em; }

	.list-thumbnail > .col-sm-6 { border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
	.list-thumbnail > .col-sm-6:nth-child(-n+2) { border-top-width: 2px; }

	.list-thumbnail > .col-sm-6:nth-child(odd) { border-right: solid 1px #fff; }
	.list-thumbnail > .col-sm-6:nth-child(even) { border-left: solid 1px #fff; }

	.list-thumbnail > .col-sm-6:nth-child(4n),
	.list-thumbnail > .col-sm-6:nth-child(4n+3) {
		background: #fafafa;
	}

	.list-thumbnail .col-md-7 .info-note h3 { font-size: 1.142em; }
	.list-thumbnail .col-md-7 .info-note .icon-list [class*='icon-'] br {
		display: none;
	}
	
	.detail-box .icon-area, .detail-box .icon-member { margin-bottom: 15px; }

	[class*='pickup'] .col-md-1 { flex-basis: 8.33333% !important; min-width: 8.33333% !important; }
	[class*='pickup'] .col-md-2 { flex-basis: 16.6667% !important; min-width: 16.6667% !important; }
	[class*='pickup'] .col-md-3 { flex-basis: 25% !important; min-width: 25% !important; }
	[class*='pickup'] .col-md-4 { flex-basis: 33.3333% !important; min-width: 33.3333% !important; }
	[class*='pickup'] .col-md-5 { flex-basis: 41.6667% !important; min-width: 41.6667% !important; }
	[class*='pickup'] .col-md-6 { flex-basis: 50% !important; min-width: 50% !important; }
	[class*='pickup'] .col-md-7 { flex-basis: 58.3333% !important; min-width: 58.3333% !important; }
	[class*='pickup'] .col-md-8 { flex-basis: 66.6667% !important; min-width: 66.6667% !important; }
	[class*='pickup'] .col-md-9 { flex-basis: 75% !important; min-width: 75% !important; }
	[class*='pickup'] .col-md-10 { flex-basis: 83.3333% !important; min-width: 83.3333% !important; }
	[class*='pickup'] .col-md-11 { flex-basis: 91.6667% !important; min-width: 91.6667% !important; }
	[class*='pickup'] .col-md-12 { flex-basis:100% !important; min-width: 100% !important; }
}

@media (min-width: 1200px) {

	.list-thumbnail .col-md-7 .info-note .icon-list [class*='icon-'] {
		font-size: 0.875em;
	}
	.list-thumbnail .col-md-7 .info-note h3 { font-size: 1.285em; }

	[class*='pickup'] .col-lg-1 { flex-basis: 8.33333% !important; min-width: 8.33333% !important; }
	[class*='pickup'] .col-lg-2 { flex-basis: 16.6667% !important; min-width: 16.6667% !important; }
	[class*='pickup'] .col-lg-3 { flex-basis: 25% !important; min-width: 25% !important; }
	[class*='pickup'] .col-lg-4 { flex-basis: 33.3333% !important; min-width: 33.3333% !important; }
	[class*='pickup'] .col-lg-5 { flex-basis: 41.6667% !important; min-width: 41.6667% !important; }
	[class*='pickup'] .col-lg-6 { flex-basis: 50% !important; min-width: 50% !important; }
	[class*='pickup'] .col-lg-7 { flex-basis: 58.3333% !important; min-width: 58.3333% !important; }
	[class*='pickup'] .col-lg-8 { flex-basis: 66.6667% !important; min-width: 66.6667% !important; }
	[class*='pickup'] .col-lg-9 { flex-basis: 75% !important; min-width: 75% !important; }
	[class*='pickup'] .col-lg-10 { flex-basis: 83.3333% !important; min-width: 83.3333% !important; }
	[class*='pickup'] .col-lg-11 { flex-basis: 91.6667% !important; min-width: 91.6667% !important; }
	[class*='pickup'] .col-lg-12 { flex-basis:100% !important; min-width: 100% !important; }
}




@media (min-width: 1200px) {

	br.visible-md { margin-top: 3px; }

}

@media (min-width: 768px) and (max-width: 991px) {
/*
	footer ul.footer-anchor li { width: 33.33333333%; }
		footer ul.footer-anchor li:nth-child(3n+1) { border-left: none; }
*/
}

@media (max-width: 1199px) {

	.icon-pict-cover .icon-pict { width: 95px; height: 90px; }
	a.icon-pict-cover .icon-pict p { width: 50px; }

	ul.icon-list {
		font-size: 0.875em;
	}

	.list-thumbnail .col-md-7 {
		padding-left: 7px;
		padding-right: 7px;
	}

	.list-thumbnail .col-md-7 .info-note {
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.list-thumbnail .col-md-7 .info-note .icon-list [class*='icon-'] {
		margin-bottom: 7px;
	}
}

@media (max-width: 991px) {

	br.visible-sm { margin-top: 3px; }

	.contents-first-label { padding: 0 1em;font-size: 1.285em; }
	.contents-first-label span.logo.ubel { width: 75px; }
	.contents-first-label span.logo.and { width: 24px; }

	.info-note { padding-top: 10px; padding-bottom: 10px; }
	.icon-area { font-weight: bold; padding: 4px 6px; }

	.list-thumbnail .col-md-7 .info-note ul.icon-list { font-size: 0.625em; }

	.full-thumb .note { font-size: 1.285em; }

	.next-button { font-size: 1.16em; }

	#ubl-thanks-present-label .inner { margin-bottom: 0; margin-right: 15px; }

	.news-block .outer { padding-left: 13%; }
	.news-block .outer:before { font-size: 0.875em; width: 12%; line-height: 32px; }

	.archive-list { font-size: 0.875em; line-height: 1.5em; }

	footer ul.footer-anchor li { width: 50%; }
	footer ul.footer-anchor li:first-child { width: 100%; }
	footer ul.footer-anchor li:nth-child(2n) { border-left: none; }
}

@media (max-width: 767px) {

	br.visible-xs { margin-top: 3px; }
	
	body { line-height: 1.4em; }

	#front-header { padding: 7px 7px 7px 10px; }
	#header-logo { width: 218px; padding-top: 2px; }
	.global-nav-button { width: 36px; padding: 7px; border-width: 1px; }
	.icon-bar { margin-top: 4px; }

	.pulldown ul { border-left: none; border-right: none; border-bottom: none; }
	.pulldown ul li { width: 50%; border-bottom: solid 1px #999; }
	.pulldown ul li:nth-child(2n+1) { border-left: none; }
	.pulldown ul li a { pading-top: 10px; padding-bottom: 10px; }

	#global-nav .global-nav-close { float: right; width: 35px; padding: 9px 0; margin-left: 0; margin-right: 7px; }
	#global-nav .global-nav-close span { height: 12px; }
	#global-nav .space { padding-top: 7px !important; }
	#global-nav ul li { padding: 0 7px; }
	#global-nav ul li a { line-height: 3em; }

	section#outline { padding-top: 1em; padding-bottom: 0 !important; }

	body > blockquote > footer {
		position: relative;
		left: auto;
		bottom: auto;
	}
		body > blockquote > footer > .container { padding-top: 10%; padding-bottom: 10%; }

	footer .sns-icon-cover { width: 180px; }
	footer .sns-icon { padding: 5%; }

	footer ul.footer-anchor { font-size: 0.875em; margin-top: 15px; border-left: none; border-right: none; }
	/*footer ul.footer-anchor li { width: 50%; }
		footer ul.footer-anchor li:nth-child(2n+1) { border-left: none; }*/

	
	footer .address { font-size: 0.875em; margin-top: 30px; }
	
	footer .footer-label { background-size: auto 100%; }
	footer #footer-logo { width: 140px; }
	
	footer .copyright { font-size: 0.625em; line-height: 1em; padding: 0; margin-top: 15px; }
	footer .copyright span { display: none; }

	.block-label { padding-top: 5%; padding-bottom: 5%; }

	.contents-first-label span.logo.ubel { width: 68px; }
	.contents-first-label span.logo.and-ubel { width: 98px; }

	.icon-pict p { width: 80px; }

	.icon-pict-cover .icon-pict { width: 75px; height: 70px; font-size: 0.625em; }
	a.icon-pict-cover .icon-pict p { width: 40px; }
	a.icon-pict-cover .note { font-size: 0.75em; line-height: 1.4em; padding: 7px; }
	
	[class*='pickup'] .col-xs-6 .note,
	.archive-list .col-md-8 .note {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		background: #fff;
		padding: 15px 10px;
	}

	.archive-list { border-top: none; font-size: 1em; }
	.archive-list > .col-sm-12 { border-bottom: none; }

	.ubl-info { padding-top: 9%; padding-bottom: 9%; }
	.ubl-info strong { font-size: 1.285em; }
	a.ubl-group { width: 40%; max-width: 182px; }
	.ubl-info .to-detail span { font-size: 0.875em; padding-right: 10px; }

	.news-block .outer { padding-left: 76px; }
	.news-block .outer:before { font-size: 0.875em; width: 66px; line-height: 28px; }
	.news-block ul { padding-top: 0; padding-bottom: 0; }
	.news-block ul li { line-height: 1.3em; }
	.news-block ul li .date { display: block; margin-right: 0; }
	.news-block ul li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

	.read-more {
		padding-top: 15px;
		margin-bottom: 0;
	}

	.read-more .col-sm-12 {
		padding-top: 5%;
		padding-bottom: 5%;
	}
	
	#secondary {
		margin-top: 8%;
	}
}

/*--
ul.news_list li a {
	text-decoration: underline;
}
--*/

body > header {margin-top:0 !important;}
section#outline {padding-bottom:70px;}

body {
  font-size: 14px!important;
}

a {
color: #1a1a1a!important;
}
a:hover {
color: #478c00!important;
}

.logo {
	margin: 0!important;
}

.header {
	z-index: 701!important;
}

.nav_list {
	font-size: 16px!important;
}

@media screen and (min-width:1px) and (max-width: 1020px){
	.logo {
		margin: 3px auto 0!important;
	}
}