@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: style.css
 * Summary:   テーマ別スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    detail
 *     =2
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * detail
 * ========================================
 */

#detail {
}
#detail #contents #anchor{
	display:none;
}
#detail #contents #main article.mobile{
	display:none;
}
#detail #contents #main .gmap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#detail #contents #main .gmap iframe,
#detail #contents #main .gmap object,
#detail #contents #main .gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		#main article dl.map dt{
			width:70px;
			text-align:center;
			clear:both;
		}

	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		#main article dl.map dt{
			width:70px;
			float:left;
			text-align:center;
			clear:both;
		}
		#main article dl.map dd{
			padding:4px 0 4px 100px;
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		#detail #contents #anchor{
			display:block;
			position:relative;
			overflow:hidden;
			padding:5px 0;
		}
		#detail #contents #anchor ul{
			position:relative;
			left:50%;
			float:left;
		}
		#detail #contents #anchor ul li{
			position:relative;
			left:-50%;
			float:left;
			width:175px;
			height:60px;
			margin:0 8px;
		}
		#detail #contents #anchor ul li a{
			display:block;
			width:100%;
			height:auto;
			padding:10px 0;
			text-align:center;
			background:#129242;
			color:#FFF;
			text-decoration:none;
			font-weight:bold;
			border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
			 box-shadow: 0 0 0 2px #FFF, 0 0 0 4px #129242;
		}
		#detail #contents #anchor ul li a:hover{
			background:#FFF;
			color:#129242;
		}
		#detail #contents #main article.mobile{
			display:block;
		}
		#detail #main article dl.map dt{
			width:90px;
			float:left;
			text-align:center;
			clear:both;
		}
		#detail #main article dl.map dd{
			padding:4px 0 4px 120px;
		}
	}