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

/*
.metrouicss body, .metrouicss p, .metrouicss div,
.metrouicss h1,
.metrouicss a, .metrouicss .link {
	font-family: verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.metrouicss a, .metrouicss .link { font-size: 100%; }
*/

/* default css edit */
//body { font-size: 0.9em; }
* html body {} /* for lte ie6 */
//html:not(:target) body {  font-size: 14px; } /* for modern browser not ie8 */

//p, dd, blockquote {
//	text-align: left;
//}

iframe { margin: 0; }

// Bootstrap 修正
body,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Lucida Grande',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Sans-Serif;
}
.container {
	max-width: 970px;
//	max-width: 979px;
}

.row {
margin-right: -10px;
margin-left: -10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 10px;
padding-left: 10px;
}
.row.p0 {
	margin-right: 0;
	margin-left: 0;
}
.p0 {
	padding-right: 0;
	padding-left: 0;
}

.row.p1 {
	margin-right: -1px;
	margin-left: -1px;
}
.p1 {
	padding-right: 1px;
	padding-left: 1px;
}
.row.p5 {
	margin-right: -5px;
	margin-left: -5px;
}
.p5 {
	padding-right: 5px;
	padding-left: 5px;
}
.form-group,
.form-inline .form-group {
	margin-bottom: 10px;
}

// keep inline for smartphone
// append .inline to .form-group 
.form-inline {
	.form-group.inline {
		display: inline-block;
		*display: inline;
		.form-control {
			display: inline;
			width: auto;
			max-width: 100%;
		}
	}
	.radio.inline {
		display: inline-block;
		*display: inline;
	}
}
//ドロップダウンメニューの入れ子
ul.dropdown-submenu {
	padding-left: 10px;
	list-style: none;
	&>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
}

//アコーディオンクリック領域の修正
.panel-heading {
	padding: 0;
}
.panel-title>a {
	display: block;
	padding: 10px 15px;
}

// 影付け
.box-shadow {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #ccc 0px 2px 4px;
	-moz-box-shadow: #ccc 0px 2px 4px;
	box-shadow: #ccc 0px 2px 4px;
}

.out_shadow {
	position: relative;
	-webkit-box-shadow: #ccc 0px 2px 4px;
	-moz-box-shadow: #ccc 0px 2px 4px;
	box-shadow: #ccc 0px 2px 4px;
	z-index: 2;
}

// 横スクロール
.scroller-x {
	width: 100%;
//	margin-bottom: 15px;
	overflow-x: scroll;
	overflow-y: hidden;
	border: 1px solid #ddd;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
}

.opa:hover {
	cursor: pointer;
//	opacity: 0.6;
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	-o-filter: brightness(120%);
	-ms-filter: brightness(120%);
	filter: brightness(120%);
}

// 印刷時の URL挿入を解除
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}


// Bootstrap GoogleMap への影響修正
#depmap1 img,
#depmap2 img { max-width: none; }






.accordion-heading {
	border: 1px solid #e5e5e5;
}

.accordion-inner {
	border-top: 0;
}

th, td {
	vertical-align:	top;
}
.pkg:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

body {
	overflow: visible;
	background-color: #DDD;
}
#main_navi {
	height: auto;
	position: relative;
	top: auto;
	left: auto;
}
#header {
	.container {
		background: #FFF;
	}
	h1 {
		display: none;
	}
	#top_navi {
		position: relative;
		z-index: 100;
		text-align: left;
//		height: 80px;
		#header_logo {
			width: 187px;//270
			height: 44px;//60
			overflow: hidden;
			float:left;
			a:hover img {
				opacity: 0.75;
			}
		}
		#header-right {
			width: 139px;//190
			height: 44px;//60
			overflow: hidden;
			float:right;
			a:hover img {
				opacity: 0.75;
			}
		}
		#tagoo_logo {
			display: block;
			width: 230px;
			height: 65px;
			float:right;
			a:hover {
				opacity: 0.75;
			}
		}
	}
}

.navbar {
	margin-bottom: 0;
	min-height: 40px;//50px
	.container {
		background-color: #9CF;//FB0;
	}
}
.navbar-brand {
	padding: 10px 15px;//15px 15px
	font-size: 14px;
	font-weight: bold;
}
.navbar-nav > li > a {
	line-height: 10px;//20px
}
.navbar-toggle {
	margin-top: 2px;//8px
	margin-bottom: 2px;//8px
}

.navbar-inverse {
//	background-color:#FB0;//#CDF;
	background-color: transparent;//#FB0;
	border: 0;
	.navbar-brand {
		color: #339;//#999
	}
	.navbar-nav>li>a {
		color: #339;//#999;
		font-weight: bold;
	}
	.navbar-toggle {
		border-color: #9BF;//#333
		.icon-text {
			display:block;
			float: left;
			margin-right: 5px;
			color: #339;
			line-height: 1em;
		}
		.icon-img {
			float: right;
		}
		.icon-bar {
			background-color: #339;//#FFF
		}
	}
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: #9BF;//#333
	}
	.navbar-collapse,
	.navbar-form {
		border-color: #9BF;//#101010
	}
}


#footer {
	width: 100%;
	font-size: 12px;/*0.95em;*/
	clear: both;

	.infobar {
		.container {
			background-color: #9CF;//FB0;
			border-top: solid 3px #3495f1;
		}
		ul {
			margin-top: 10px;
			a {
				color: #A30;
				font-weight: bold;
			}
		}
	}

	.container {
		background-color: #FFF;
	}

	#site-generator {
		color: #4D4D4D;
		margin: 20px 20px;
		text-align: center;
		text-shadow: #fafafa 1px 1px 0;
	}
}

.yazi {
	background-color: #2781ff;
	border: solid  2px #2372e1;
	color: #fff;
	font-size: 1.0em;
	padding: 0px 3px;
	margin-right: 5px;
}

.new {
	display: none;
}

// サイト共通

#beauty,
#mt-blog {
	background-color: #FFF;

	#content {
		margin: 0 auto;
		padding-top: 10px;
		text-align: left;
		background-color: #FFF;

		div.pad {
			padding: 10px;
		}

		#main {
			margin-bottom: 40px;
			> div {
				margin-bottom: 20px;
			}
			.topicPath {
				margin: 0 0 5px 0;
				padding: 2px 4px;
				font-size: 12px;
				border-bottom: 2px solid #CDF;
				strong a {
					font-size: 16px;
					color: #36F;
				}
			}

			h2.ttl {
				display:none;
			}

			.fblikebox {
				margin-bottom: 10px;
			}
		}

		#side {
			> div {
				margin-bottom: 20px;
			}
			.ads {
				margin: 0 0 10px 0;
				text-align: center;
			}
			.op_sideli {
				margin: 0 0 10px 0;
				.tagcloud {
					font-size: 11px;
					a{ margin-right: 5px; line-height: 1.6em; }
					span{ line-height: 1.4em; }
					.xl { font-size: 22px; }
					.l { font-size: 18px; }
//					.m { font-size: 12px; }
//					.s { font-size: 10px; }
				}
			}
		}
		.toTop {
			margin: 0;
			text-align: right;
			clear: both;
		}
	}
}


// 沖縄の遊び
#beauty {
	a {
		&.arrow-gray,
		&.arrow-red {
			&:before {
				font-size: 57%;
				content: '▶ ';
			}
		}
		&.arrow-gray:before {
					color: #999;
		}
		&.arrow-red:before {
					color: red;
		}
	}

	ul {
		&.arrow-gray,
		&.arrow-red {
			li {
				text-indent: -1em;
				padding-left: 1em;
				&:before {
					font-size: 57%;
					content: '▶ ';
				}
			}
		}
		&.arrow-gray {
			li {
				&:before {
					color: #999;
				}
			}
		}
		&.arrow-red {
			li {
				&:before {
					color: red;
				}
			}
		}
	}
}



// トップ、カテゴリー共通
#beauty.top,
#beauty.category
/*
#beauty.miyako,
#beauty.ishigaki
*/
{
	#content {

		#opmenu {
			background: #F30;//48F;
			border-radius: 15px;
			padding: 1px;
			dt {
				padding: 10px 10px 10px 15px;
				font-size: 20px;
				font-weight: bold;
				line-height: 1.4em;
				color: #FFF;
				text-align: left;
				overflow: visible;
				text-overflow: initial;
				white-space: normal;
			}
			dd {
				background: #FFF;
				padding-left: 15px;
				padding-right: 15px;
				border-radius: 0 0 14px 14px;
				ul.opmenubox {
					padding: 8px 0;
					margin-bottom: 0;
					list-style:none;
					li {
						min-height: 0;
						margin: 8px 0;
						&:nth-child(4n+1) {
							margin-left:0;
						}
						a {
							display: block;
							color: #F30;//48F;
							font-weight: bold;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
						}
					}
				}
			}
		}

		#text-pickup {
			list-style: none;
			padding: 4px 1em 4px 2em;
			background: #F7C;
			border-radius: 14px;
			li {
				margin: 8px 0;
				color: #FFF;
//				font-size: 13px;
				line-height: 1.4em;
				border-bottom: 2px dotted;
				&:before {
					text-indent: -1em;
					content: '☆';
					position: absolute;// a を display:block するとこれが必要
				}
				a {
					color: #FFF;
					display: block;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
			}
		}

		#opmenu-pickup {
			a {
				display: block;
				&:hover {
					opacity: 0.75;
					text-decoration: none;
				}
				img {
					border-radius: 0 15px 0 0;
				}
			}
			dt {
				p {
				    font-size: 18px;
				    color: #FFF;
					background: #036EB8;
				    padding: 6px;
				    line-height: 1.2em;
					margin-bottom: 6px;
					border-radius: 0 0 0 15px;
				}
			}
		}

		.cateArea {
			width: 100%;
			background-color: #FFF;

			.optioncode {
				display: none;
			    text-align: right;
			    font-size: 8px;
			}
			.pad {
				padding: 8px;
				border-top: dotted 1px #999;
				&:first-child {
					border: none;
				}
			}

			// プラン一覧
			.item {
				margin-bottom: 20px;
				.midashi {
					background: #036EB8;
					h4 {
						font-size: 122%;	//17px;
						text-shadow: 1px 1px 1px #BBF;
						padding: 10px 10px 10px 10px;
						border-left: 5px solid #6BF;
						a {
							color: #FFF;
						}
					}
				}
				.catch {
					padding: 10px 0;
				}
				.sub-img {
					margin-top: 6px;
				}
				.sub-img1,
				.sub-img2 {
				}
				.sub-img2 {
				}
				.data {
					.plans {
						dl {
							margin-top: 0.5em;
						}
					}
					.dl-info {
						dt {
							font-weight: normal;
							//dl-horizontal dt
							float: left;
							width: 70px;//160px;
							clear: left;
							text-align: right;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							&.price {
								font-size: 20px;
							}
						}
						dd {
							//dl-horizontal dd
							margin-left: 75px;//180px;
							&.price {
								font-size: 20px;
								color: #F36;
							}
						}
					}
					.tags {
//						margin-bottom: 6px;
						font-size: 79%;	//11px;
						ul {
							padding:0;
							margin-left: -2px;
							img {
								margin-left: 2px;
							}
							li {
								display: inline-block;
								margin: 0 0 2px 2px;
								padding: 1px 6px;
								line-height: 14px;
								background-color: #2372e1;
								border-radius: 6px;
								color: #FFF;
								font-size: 13px;
								&.orange {
									background-color: #E90;
								}
								&.purple {
									background-color: #B39;
								}
								&.green {
									background-color: #228b22;
								}
								&.pink {
									background-color: #ff69b4;
								}
								&.brown {
									background-color: #a0522d;
								}
							}

						}
					}
					.check {
						display: block;
						width: 100%;
						padding: 6px 12px;
						color: #FFF;
						background: #5cb85c;
						border-color: #4cae4c;
						border-radius: 4px;
						font-size: 18px;
						font-weight: bold;
						text-align: center;
					}
					.url {
//						margin-top: 10px;
						ul {
//							margin-top: 8px;
							li {
								display: inline;
//								font-size: 108%;	//15px;
								&:before {
									font-size: 86%;	//12px;
									color: red;
									content: '▶';
								}
							}
						}
					}
					.more {
						margin-top: 10px;
					}
				}
			}
			
		}



	}
}
// トップ共通（トップ、石垣、宮古）
#beauty.top,
#beauty.miyako,
#beauty.ishigaki {
	#content {
		//メインビジュアルの角丸
		.carousel-inner {
			border-radius: 15px;
		}
		.carousel-control.left {
			border-radius: 15px;
		}
		.carousel-control.right {
			border-radius: 15px;
		}

		//
		.desc {
			display: none!important;
		}
	}
}


// ウェブページ＆カテゴリー＆エントリー共通

#beauty.webpage,
#beauty.category,
#beauty.entry {
	/*カレンダー*/
	.datepicker table tr td.disabled,
	.datepicker table tr td.disabled:hover {
		background-color: #DDD;
	}
	#content {
		#main {
			ul.link-box {
				list-style: none;
				padding: 10px;
				padding-left: 2.5em;
				background-color: #FFF6C0;
				border-radius: 8px;
				&:before {
					content: '【関連】';
					margin-left: -2em;
				}
				ul {
					padding-left: 1em;
				}
				li {
					list-style: initial;
//					margin-left: 30px;
				}
			}
		}
		.cateback {
//			background-color: #FFC;
//			margin-top: 10px;
			img.ttl {
				width: 100%;
				height: auto;
			}
			.cateL {
		/*		width: 50%;
				float: left;*/
				img {
					width: 100%;
					max-width: 600px;
					height: auto;
				}
			}
			.cateR {
		/*		width: 50%;
				float: left;*/
				.pickup {
					width: 50%;
					float: left;
					&:first-child div {
						padding: 0 10px 0 0;
					}
					div img {
						width: 100%;
						height: auto;
					}
				}
			}
		}

		.cate-contents {
			.pad {
				padding: 6px 10px 2px 10px;
			}
			p {
				margin-bottom: 10px;
			}
			.rel {
				position: relative;
			}
			.abs {
				position: absolute;
				top: 4px;
				z-index: -999;
				line-height: 1.1em;
				h3, h4, p, dt, dd, li {
					line-height: 1em;
					font-size: 12px;
				}
			}
			> div {
				position: relative;
				div.over {
					position: absolute;
					z-index: -999;
//					font-size: 9px;
					line-height: 1em;
					dt,dd {
						line-height: 1em;
					}
				}
			}
		}

		//タブメニュー
		.nav-tabs {
			background: #CDE;
background: #ccddee; // Old browsers
background: -moz-linear-gradient(top,  #ccddee 10%, #f7fbfc 90%); // FF3.6-15
background: -webkit-linear-gradient(top,  #ccddee 10%,#f7fbfc 90%); // Chrome10-25,Safari5.1-6
background: linear-gradient(to bottom,  #ccddee 10%,#f7fbfc 90%); // W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccddee', endColorstr='#f7fbfc',GradientType=0 ); 
// IE6-9
			font-size: 1.4em;
			li.active>a {
//				background-color: #CFF;
			}
		}

		.cateArea {
//			margin-top: 10px;
			width: 100%;
			background-color: #FFF;
		/*	border-radius: 6px;*/

			.optioncode {
				display: none;
			    text-align: right;
			    font-size: 8px;
			}
			.pad {
				padding: 8px;
				border-top: dotted 1px #999;
				&:first-child {
					border: none;
				}
			}

			// プラン一覧
			.item {
				margin-bottom: 20px;
//				border-top: dotted 1px #999;
				.midashi {
					background: #036EB8;
					h4 {
						font-size: 122%;	//17px;
						text-shadow: 1px 1px 1px #BBF;
//						padding: 10px 10px 10px 36px;
//						background: url(/ski/osa/images/list_icon.png) no-repeat 0px 4px;
						padding: 10px 10px 10px 10px;
						border-left: 5px solid #6BF;
						a {
							color: #FFF;
						}
					}
				}
				.catch {
					padding: 10px 0;
				}
				.sub-img {
					margin-top: 6px;
				}
				.sub-img1,
				.sub-img2 {
				}
				.sub-img2 {
				}
				.data {
					.main-images {
						margin-bottom: 10px;
					}
					dt {
//						margin-top: 6px;
					}
					dd {
//						line-height: 1.3em;
					}
					.dl-info {
						dt {
							font-weight: normal;
							//dl-horizontal dt
							float: left;
							width: 70px;//160px;
							clear: left;
							text-align: right;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							&.price {
								font-size: 20px;
							}
						}
						dd {
							//dl-horizontal dd
							margin-left: 75px;//180px;
							&.price {
								font-size: 20px;
								color: #F36;
							}
						}
					}
//					.price {
//						margin-top: 15px;
//						strong {
//							font-size: 122%;	//17px;
//							color: #F5A;
//						}
//					}
					.tags {
//						margin-bottom: 6px;
						font-size: 13px;
						ul {
							padding:0;
							margin-left: -2px;
							img {
								margin-left: 2px;
							}
							li {
								display: inline-block;
								margin: 0 0 2px 2px;
								padding: 1px 6px;
								line-height: 14px;
								background-color: #2372e1;
								border-radius: 6px;
								color: #FFF;
								&.orange {
									background-color: #E90;
								}
								&.purple {
									background-color: #B39;
								}
								&.green {
									background-color: #228b22;
								}
								&.pink {
									background-color: #ff69b4;
								}
								&.brown {
									background-color: #a0522d;
								}
							}

						}
					}
					.check {
						display: block;
						width: 100%;
						padding: 6px 12px;
						color: #FFF;
						background: #5cb85c;
						border-color: #4cae4c;
						border-radius: 4px;
						font-size: 18px;
						font-weight: bold;
						text-align: center;
					}
					.url {
//						margin-top: 10px;
						ul {
//							margin-top: 8px;
							li {
								display: inline;
//								font-size: 108%;	//15px;
								&:before {
									font-size: 86%;	//12px;
									color: red;
									content: '▶';
								}
							}
						}
					}
					.more {
						margin-top: 10px;
					}
				}
				.data.plans {
//					list-style: none;
					padding-left: 1.5em;
					dl {
						margin-bottom: 10px;
					}
				}
			}

		}
		// /cateArea
	}
}

// ウェブページ＆カテゴリー共通

#beauty.webpage,
#beauty.category {
	#content {
	}
	ul.anchor-list {
		margin-top: 8px;
//		ul {
			min-height: 24px;
			padding: 0;
			margin-bottom: 0;
			background-color: #FFF;
			list-style: none;
			border-bottom: 3px dotted #036EB8;
			&:before {
				float: left;
				content: '▶';
			}
			li{
				float: left;
				font-size: 14px;
				font-weight: bold;
				margin-left: 5px;
				padding-bottom: 4px;
				color: #0096CE;
				.xl { font-size: 1.3em; }
			}
//		}
	}
}

// カテゴリー

#beauty.category {
	#content {
		.catebig {
			.desc {
				background-color: #333;
				color: #FFF;
			}
		}
	}
}

// エントリー

#beauty.entry {
	#content {
		.cateback {
			.optioncode {
				display: none;
				padding-right: 5px;
				text-align: right;
			}
			h1,h2 {
				font-size: 20px;
				padding: 10px;
				margin: 0 0 10px 0;
				border:solid 2px #ecd99a;
				background:#FFFFFF;
				text-align:left;
				/*white-space:nowrap;*/
				border-radius: 8px;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
			}
			//価格
			.dl-price {
				margin-bottom: 10px;
				dt {
					font-size: 18px;
					font-weight: normal;
					border-bottom: 1px dashed;
					margin-bottom: 8px;
				}
				.price {
					font-size: 24px;
					font-weight: bold;
					color: #F36;
				}
			}
			//基本情報
			.dl-basic {
				dt,dd {
					margin-bottom: 1px;
				}
				dt {
//					width: 70px;
					span {
						display: inline-block;
						background: #88F;
						border-radius: 8px;
						padding: 2px 5px 1px 5px;
						color: #FFF;
						font-weight: normal;
					}
				}
				dd {
//					margin-left: 80px;
					padding: 2px;
				}
			}
			.entry_text {
				clear: both;
				font-size: 14px;
				margin: 10px;
				line-height: 1.4em;
			}
		}
	}
	.ent_more {
		margin-bottom: 20px;
		h2,h3 {
			margin: 20px 0 10px;
			padding: 8px 8px;
			color: #333;
			font-size: 18px;
			border-left: solid 5px #09C;
		}
		.pad {
			padding: 10px;
		}
	}
	.ent_info {
		background-color: #FFF;
		margin-top: 10px;
//		padding: 10px;
		.op_price {
			font-size: 15px;
			color: red;
		}
		h3 {
			font-size: 18px;
			margin-top: 10px 0;
		}
		.ent_infottl1,
		.ent_infottl2,
		.ent_infottl3,
		.ent_infottl4 {
			margin: 0 0 10px;
			padding: 8px 8px;
			color: #FFF;
			font-size: 18px;
			text-align: center;
			background: #0AC;
			border-radius: 8px;
		}
		.ent_infottl1 {
			margin-top: 0;
		}

		// エントリー/詳細情報/設備/注意事項など
		section.info {
			.syusai {
				display: none;
			}
			dt {
				background: #DDEEEE;
				padding: 8px 4px 4px 4px;
			}
			dd {
//				background: #FFF6F0;
				padding: 8px;
			}
		}
		// エントリー/タイムスケジュール
		.tiback {
			.timeL:last-child {
				border-bottom: none;
//				padding-top: 0;
			}
			.timeL {
				background-color: #FDF8E1;
			/*	margin-top: 10px;*/
				border-bottom: 1px dotted #900;
				padding: 10px 0;
				.scbox {
//					float: left;
//					width: 66%;
				}
				.imgbox {
					text-align: center;
					img {
						display: inline-block;
					}
				}
				h3, h4 {
//					background: url(/common/img/op/category/watch.gif) no-repeat top left;
					background-color: #FFF;
				/*	height: 50px;*/
//					padding: 18px 0;
					font-size: 15px;
				}
				h3 .watch,h4 .watch {
//					width: 32%;
//					margin-right: 2%;
					text-align: left;
//					float: left;
					background-color: #FB6;
					min-height: 0;
					padding: 5px;
				}
				h3 .scttl,h4 .schttl {
//					width: 66%;
					text-align: left;
//					float: left;
					min-height: 0;
					padding: 5px;
				}
				.step {
					padding-left: 10px;
				}
				img {
//					float:right;
//					width: 33%;
//					height: auto;
				}
			}
		}

		//リクエスト
		#rs-form {
//			background: #F3FFF3;
			border: 6px double #494;
			border-radius: 12px;
			padding: 20px 10px;
			margin-bottom: 20px;
			dl {
				margin-bottom: 10px;
				dt {
					margin-bottom: 8px;
					border-bottom: 1px dashed #BDB;
				}
				dd {
					.date {
						max-width: 240px;
					}
					label {
						margin-bottom: 8px;
					}
				}
			}
			.btn-success {
				display:block;
				margin: 0 auto;
				font-size: 22px;
				font-weight: bold;
				padding: 13px 18px;
			}
		}

		#rs-form {
//			margin-bottom: 20px;
//			border: 5px solid #494;
			h3 {
				padding: 8px;
				background: #6B5;
				font-size: 18px;
				color: #FFF;
				line-height: 1.4em;
				text-align: center;
				margin: 0;
			}
			.mailsubmit {
				padding: 15px 0 10px;
				text-align: center;
//				border: 5px solid #6C7;
				margin: 0;
				p {
					margin-bottom: 10px;
				}
				.btn-success {
					font-size: 22px;
					font-weight: bold;
					padding: 15px;
				}
			}
			table {
				width: 100%;
//				margin-bottom: 10px;
				caption {
					text-align: center;
					img {
						margin-bottom: -8px;
					}
				}
				th {
//					width: 20%;
					padding: 8px;
					border-top: 1px dotted #FFF;
				}
				td {
					padding: 8px;
					border-top: 1px dotted #FFF;
					//テーブル入れ子の初期化
					table {
						font-size: 10px;
						th,td {
							padding: 4px;
							border: 1px solid #999;
						}
					}
				}
				tr:first-child th,
				tr:first-child td {
//					border-top: none;
//					padding-top: 20px;
				}
			}
		}
	}
}

#beauty.entry.shops {
	#content {
		.cateback {
			h2 {
				margin: 0;
				border: 0;
				border-radius: 0;
				border-left: 5px solid #6BF;
			}
		}
	}
}

// ウェブページ
#beauty.webpage {
	#content {
		.catebig {
			.desc {
				background-color: #333;
				color: #FFF;
			}
		}
	}
}

#beauty.webpage {
	//会社概要
	&.company {
		#company {
			dl {
				dt {
					margin-top: 10px;
					color:#47A;
				}
				dd {
					.groups {
						margin-left: 10px;
						dt {
						}
						dd {
						}
					}
				}
			}
		}
	}
}


.aka {
	color: #C32;
}

a.opa:hover {
	opacity: 0.75;
}

.text-center {
	text-align: center;
}


/* WidePhone
------------------------- */
@media (max-width: 767px) {
}

/* Landscape phones
------------------------- */
//@media (max-width: 480px) {
@media (max-width: 768px) {
	//ヘッダーメニューのフローティング化
	.navbar {
	  position: fixed;
	  z-index: 999;
	  top: 44px;
	  right: 0;
		.container {
			background-color: transparent;
		}
	}
	.navbar-inverse .navbar-toggle {
		background: #9CF;//FB0;
		border-radius: 22px;
		min-width:44px;
		min-height:44px;
	}
	.navbar-inverse .navbar-collapse {
		background: #9CF;//FB0;
		border-radius: 22px;
	}
	//フローティング化メニューの文字色修正
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}
	#beauty.top {
		#content {
			#text-pickup {
				//表示行数を５行に強制
				li { display:none }
				li:nth-child(1),
				li:nth-child(2),
				li:nth-child(3),
				li:nth-child(4),
				li:nth-child(5) { display:list-item; }
			}
		}
	}

	#beauty {
		#content {
			#side {
				.op_sideli {
					border: 2px dotted #7BF;
					border-radius: 12px;
					padding: 7px;
//					margin: -4px -4px 16px -4px;
					h3:first-child {
						margin: 8px 0;
					}
				}
			}
		}
	}
}


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Tablet to desktop
------------------------- */
// Small devices (tablets, 768px and up)
@media (min-width: 768px) {
	#header {
		h1 {
//			display: block;
			text-align: left;
			margin-top: 0;
			color: #70a8de;
			font-size: 86%;	//12px;
			font-weight: bold;
			line-height: 1.5em;
		}
		#top_navi {
			#header_logo {
				width: 255px;
				height: 60px;
			}
			#header-right {
				width: 190px;
				height: 60px;
			}
		}
	}

	#beauty {
		#main {
			h2.ttl {
				display: block;
				font-size: 12px;
				margin: 0;
			}
		}
	}

	#beauty.top,
	#beauty.category
/*
	#beauty.miyako,
	#beauty.ishigaki
*/
	{
		#content {
			#opmenu {
				dt {
					width: 130px;
//					padding: 10px 10px 10px 15px;
				}
				dd {
					margin-left: 130px;
					border-radius: 0 14px 14px 0;
				}
			}
		}
	}

	#beauty.webpage,
	#beauty.category,
	#beauty.entry {
		#alpha {
			.main-contents {
				margin-left: 0;
				margin-right: 0;
			}
		}

		#content {
			.cateArea {
				.item {
					.data {
						.main-images {
							margin-bottom: 0;
						}
					}
				}
			}
		}

	}

	#beauty.category {
		.cateArea {
			.item {
				.main-img {
					margin-bottom: 4px;
				}
			}
		}
	}

	#beauty.entry {
		#content {
			.cateback {
				.dl-basic {
					dt {
						width: 70px;
					}
					dd {
						margin-left: 80px;
					}
				}
			}
		}
	}
}

// Medium devices (desktops, 992px and up)
@media (min-width: 992px) {

	//body
	#beauty,
	#mt-blog {
		background-image: url(/beauty/img/background.jpg);
		background-position: center top;
		background-repeat: repeat-x;
		background-size: auto 100%;
		background-attachment:fixed;	// 背景画像を固定する
	}

}

// Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}