@charset "UTF-8";
@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	*{
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.fixed{
		overflow: hidden;
		height: 100%;
	}
}

body{
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "Meiryo UI" , "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #4b4b4b;
	-webkit-text-size-adjust: 100%;
	position: static;
}

@media screen and (orientation: portrait){
	body{
		min-height: 1300px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	body{
		min-height: initial;
		min-height: auto;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.fixed body{
		overflow: hidden;
		height: 100%;
	}
}

p{
	padding: 0;
	margin: 0;
}

a{
	outline: none;
}

ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

dl{
	margin: 0;
	padding: 0;
}

dt,dd{
	display: inline-block;
	margin: 0;
	padding: 0;
}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	img{
		width: 100%;
	}
}

h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	a{
		text-decoration: none;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	br{
		display: none;
	}
}

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}

.hidden{
	display: none!important;
}

.contents{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.contents{
		margin: 0;
		padding: 0 16px;
		width: 100%;
	}
}

.contents .sp-img img{
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.contents .sp-img img{
		display: none;
	}
}

.contents .sp-img img.sp{
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.contents .sp-img img.sp{
		display: inline;
	}
}


.contents2{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.contents2{
		margin: 0;
		padding: 0 16px;
		width: 100%;
	}
}

.contents2 .sp-img img{
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.contents2 .sp-img img{
		display: none;
	}
}

.contents2 .sp-img img.sp{
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.contents2 .sp-img img.sp{
		display: inline;
	}
}

#front{
	position: relative;
	background: white;
	width: 100%;
	min-width: 960px;
	z-index: 10;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#front{
		min-width: initial;
		min-width: auto;
		max-width: 100%;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.fixed #front{
		position: fixed;
	}
}

.pic-flot {
	float: left;
	margin-right: 60px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.pic-flot{
		margin-right: 0;
	}
	
	.on-br br{
		display: inherit;
	}
}


/***** bxSlider *****/
.bx-wrapper .bx-viewport{
	border: none;
	left: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/***** language *****/
ul.language{
	height: 22px;
}

ul.language li{
	display: inline-block;
	width: 78px;
	margin-left: 8px;
	height: 20px;
	border: 1px solid #3f3531;
	position: relative;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	ul.language li{
		height: 22px;
		width: 71px;
		margin-left: 6px;
	}
}

ul.language li a{
	display: block;
	font-size: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: white;
	color: #3f3531;
}

ul.language li:hover a{
	background: #3f3531;
	color: white;
}

ul.language li.ja a{
	text-align: left;
	text-indent: -9999px;
	background: white url(../images/languages/jp_brown.png) no-repeat;
}

ul.language li.ja:hover a{
	background: #3f3531 url(../images/languages/jp_white.png) no-repeat;
}

ul.language li.en a{
	text-align: left;
	text-indent: -9999px;
	background: white url(../images/languages/en_brown.png) no-repeat;
}

ul.language li.en:hover a{
	background: #3f3531 url(../images/languages/en_white.png) no-repeat;
}

ul.language li.cn a{
	text-align: left;
	text-indent: -9999px;
	background: white url(../images/languages/cn_brown.png) no-repeat;
}

ul.language li.cn:hover a{
	background: #3f3531 url(../images/languages/cn_white.png) no-repeat;
}

ul.language li.ko a{
	text-align: left;
	text-indent: -9999px;
	background: white url(../images/languages/ko_brown.png?ver=20161014) no-repeat;
}

ul.language li.ko:hover a{
	background: #3f3531 url(../images/languages/ko_white.png?ver=20161014) no-repeat;
}

/***** スマホメニュー *****/
#sp-menu{
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu{
		position: fixed;
		top: 90px;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.add-fixed #sp-menu,
	html.fixed #sp-menu{
		display: block;

	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.fixed #sp-menu{
		z-index: 11;

	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.remove-fixed #sp-menu{
		z-index: 1;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title{
		text-align: center;
		background: #3f3531;
		height: 90px;
		padding: 12px 0 0;
		position: fixed;
		z-index: 11;
		top: 0;
		right: 0;
		width: 240px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title img{
		width: 60px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language{
		line-height: 22px;
		margin: 5px auto 0;
		text-align: center;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language li{
		border: 1px solid #ccc;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language.disabled li{
		border: 1px solid #666666;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language li:first-child{
		margin-left: 0;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language li a{
		line-height: 20px;
		background: #3f3531;
		color: #ccc;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language.disabled li a{
		color: #666666;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language li.ja a{
		background: #3f3531 url(../images/languages/jp_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language li.en a{
		background: #3f3531 url(../images/languages/en_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language li.cn a{
		background: #3f3531 url(../images/languages/cn_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu h2.title ul.language li.ko a{
		background: #3f3531 url(../images/languages/ko_sp.png?ver=161014) no-repeat;
		background-size: 100%;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu > .inner{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		z-index: 1;
		
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu{
		padding-bottom: 100px;
		width: 240px;
		min-height: 100%;
		background: #eae1cc;
		margin-left: auto;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li{
		border-bottom: 1px solid #3f3531;
		
		vertical-align: middle;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li a{
		display: table;
		padding: 0 15px 0 15px;
		width: 100%;
		min-height: 58px;
		text-decoration: none;
		color: #3f3531;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li a:before{
		content: '';
		display: block;
		height: 58px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li a .inner{
		display: table-cell;
		vertical-align: middle;
		background: url(../images/sp_arrow_01.png) no-repeat center right;
		background-size: 15px 15px;
		position: relative;
		padding: 11px 16px 10px 0;
		font-size: 14px;
		line-height: 18px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li a .inner span{
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li a .inner span br{
		display: inline;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li a .inner div{
		margin-top: 2px;
		font-size: 12px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#sp-menu ul.menu li a .inner div span.notice{
		border: 1px solid #3f3531;
		padding: 1px 4px;
		display: inline-block;
	}
}

/***** 一番上にスクロールする *****/
#page-top{
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 60px;
	z-index:99999;
}

@media screen and (min-width: 960px){
	#page-top{
		left: 50%;
		margin-left: 420px;
	}
}

#page-top img{
	width: 60px;
	height: 60px;
}

/***** スマホのみ電話番号リンク表示 *****/
@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.tel-number{
		display: none;
	}
}

.tel-number.sp-tel-link{
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.tel-number.sp-tel-link{
		display: initial;
	}
}

/***** attention *****/
.attention > span{
	padding: 4px 8px;
	background: #3f3531;
	color: white;
	line-height: 20px;
}

/***** ヘッダー *****/
#header{
	width: 100%;
	height: 244px;
	background: white;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header{
		height: 90px;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 100%;
		z-index: 20;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
		overflow:hidden;
	}
}

#header .contents{
	height: 100%;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header .contents{
		padding: 0;
	}
}

#header .contents a{
	color: #3f3531;
	text-decoration: none;
}

#header .contents ul.top-navi{
	text-align: right;
	padding-top: 10px;
	height: 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header .contents ul.top-navi{
		display: none;
	}
}

#header .contents ul.top-navi li{
	display: inline-block;
	padding-left: 16px;
	margin-left: 16px;
	height: 15px;
	line-height: 15px;
	background: url(../images/arrow_01.png) no-repeat;
}

#header .contents ul.top-navi li a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
}

#header .contents ul.top-navi li a:hover{
	text-decoration: underline;
}

#header .contents ul.language{
	text-align: right;
	margin-top: 16px;
	/* visibility: hidden; */
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header .contents ul.language{
		display: none;
	}
}

#header .contents ul.language > li:hover a{
	color: white;
} 

#header .contents > div{
	text-align: center;
}

#header .contents div.menu-btn{
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header .contents div.menu-btn{
		display: block;
		position: absolute;
		top: 0;
		right: 12px;
		margin: auto;
		width: 56px;
		height: 90px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header .contents div.menu-btn a{
		text-indent: -9999px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		width: 56px;
		height: 56px;
		background: url(../images/sp_btn_menu.png) no-repeat center center;
		background-size: 56px 56px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.fixed #header .contents div.menu-btn a{
		background: url(../images/sp_btn_menu_close.png) no-repeat center center;
		background-size: 56px 56px;
	}
}

#header .contents div.logo{
	margin-top: -23px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header .contents div.logo{
		margin-top: 0;
		padding-top: 20px;
	}
}

#header .contents div.logo img{
	width: 170px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header .contents div.logo img{
		width: 100px;
	}
}

#header #main-navi{
	height: 82px;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header #main-navi{
		display: none;
	}
}

#header #main-navi li{
	display: inline-block;
	width: 192px;
	height: 100%;
	background: white;
	position: relative;
}

#header #main-navi li:hover{
	background: url(../images/bg_gv_underline.png) no-repeat;
}

#header #main-navi li:first-child:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-left: 1px solid #3f3531;
}

#header #main-navi li:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border-right: 1px solid #3f3531;
}

#header #main-navi li a{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	color: #3f3531;
	text-align: center;
}

#header #main-navi li a div{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
}

#header #main-navi li a div.middle{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
}

#header #main-navi li a div.top{
	top: 8px;
	font-size: 12px;
}

#header #main-navi li a div.bottom{
	bottom: 8px;
	font-size: 11px;
	color: #666;
}

#header #main-navi li a div.bottom span.notice{
	border: 1px solid #3f3531;
	color: #3f3531;
	padding: 1px 4px;
}


/***** フッター *****/
#footer{
	padding: 30px 0;
	background: #3f3531;
	min-width: 960px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer{
		min-width: initial;
		min-width: auto;
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents{
		padding: 0 10px;
	}
}

#footer .contents ul.sitemap{
	text-align: center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents ul.sitemap{
		text-align: left;
	}
}

#footer .contents ul.sitemap li{
	display: inline-block;
	margin-left: 40px;
	margin-bottom: 16px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents ul.sitemap li{
		display: block;
		margin: 8px 0 0;
		min-height: 40px;
		border: 1px solid #b3b3b3;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents ul.sitemap li.on{
		border: 1px solid #ccc;
	}
}

#footer .contents ul.sitemap li:first-child{
	margin-left: 0;
}

#footer .contents ul.sitemap li a{
	color: #b3b3b3;
	font-size: 14px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents ul.sitemap li a{
		display: block;
		padding: 8px 20px 8px 10px;
		line-height: 22px;
		position: relative;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents ul.sitemap li.on a{
		color: #ccc;
		
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents ul.sitemap li a:after{
		content: '';
		background: url(../images/sp_arrow_01.png) no-repeat center center;
		background-size: 15px 15px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 5px;
		margin: auto 0;
		width: 15px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents ul.sitemap li.on a:after{
		content: '';
		background: none;
	}
}

#footer .contents ul.sitemap li a:hover{
	color: #ccc;
}

#footer .contents div{
	text-align: center;
	color: white;
	font-size: 12px;
}

#footer .contents div.logo{
	margin-top : 40px;
}

#footer .contents div.logo img{
	width: 140px;
}

#footer .contents div.address{
	margin-top: 40px;
	font-size: 14px;
}

#footer .contents div.address span.tel{
	margin-left: 10px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents div.address span.tel{
		margin-top: 4px;
		margin-left: 0;
		display: block;
	}
}

#footer .contents div.address span.tel a{
	color: #ccc;
	text-decoration: underline;
}


#footer .contents div.copyright{
	margin-top: 10px;
	line-height: 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#footer .contents div.copyright span.br:before{
		content: "\A";
		white-space: pre;
	}
}

#body{
	min-width: 960px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body{
		min-width: initial;
		min-width: auto;
	/*	margin-top: 90px;*/
	}
}

#body h2.title{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body h2.title{
/*		height: 80px;  */
		line-height: 80px;
	}
}

#body .wrap{
	margin-bottom: 80px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body .wrap{
		margin-bottom: 40px;
	}
}

#body .wrap div.contents p.informations-link{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 150px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: 1px solid black;
	background: white;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body .wrap div.contents p.informations-link{
		height: 40px;
		line-height: 40px;
	}
}

#body .wrap div.contents p.informations-link:hover{
	background: #3f3531;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body .wrap div.contents p.informations-link:hover{
		background: none;
	}
}

#body .wrap div.contents p.informations-link a{
	display: block;
	font-size: 14px;
	width: 100%;
	height: 100%;
	color: #4b4b4b;
	text-decoration: none;
	background: url(../images/arrow_01.png) no-repeat;
	background-position: 8px center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body .wrap div.contents p.informations-link a{
		background: none;
	}
}

#body .wrap div.contents p.informations-link:hover a{
	color: white;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body .wrap div.contents p.informations-link:hover a{
		color: #4b4b4b;
	}
}

/***** お知らせ *****/
#body .info-data{
	background: white;
	width: 260px;
	height: 200px;
}

#body .info-data .wrapper{
	display: block;
	position: relative;
	width: 230px;
	height: 170px;
	padding: 15px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body .info-data .wrapper{
		width: 260px;
		height: 200px;
	}
}

#body .info-data a.wrapper{
	text-decoration: none;
}

#body .info-data a.wrapper:hover:after{
	content: '';
	display: block;
	border: 5px solid #ccc;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body .info-data a.wrapper:hover:after{
		display: none;
	}
}

#body .info-data .wrapper .inner{
	
	height: 100%;
}

#body .info-data a.wrapper .inner{
	background: url(../images/arrow_02.png) no-repeat;
	background-position: right bottom;
}

#body .info-data .wrapper p.date{
	text-align: right;
	font-size: 12px;
	color: #4d4d4d;
}

#body .info-data .wrapper h3.title{
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	font-weight: bold;
	color: #333;
	margin: 18px 0 0 0;
	overflow: hidden;
}

#body .info-data .wrapper div.content{
	font-size: 13px;
	line-height: 20px;
	height: 80px;
	color: #4d4d4d;
	margin-top: 10px;
	overflow: hidden;
}

/***** トップページ *****/
#header.top{
	position: relative;
	height: 880px;
	background: black;
}


@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top{
		height: 500px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.fixed #header.top{
		z-index: 5;
	}
}

#header.top #main-visual{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

#header.top #main-visual ul.slider{
	height: 100%;
	background: black;
}

#header.top #main-visual ul.slider li{
	height: 100%;
	position: relative;
}

#header.top #main-visual ul.slider li img{
	position: absolute;
	top: 0;
	left: -1000px;
	max-width: none;
	margin-left: 50%;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top #main-visual ul.slider li img{
		width: 800px;
		top: 150px;
		left: -400px;
		margin-left: 50%;
	}
}

#header.top #main-visual .bx-wrapper{
	height: 100% !important;
}

#header.top #main-visual .bx-wrapper .bx-viewport{
	height: 100% !important;
}


#header.top .contents{
	position: relative;
	z-index: 10;
}

#header.top .contents a{
	color: white;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language{
		margin: 0 auto;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		display: block;
	}
}

#header.top .contents ul.language li{
	border: 1px solid #999;
}

#header.top .contents ul.language li a{
	background: #3f3531;
	color: #ccc;
}

#header.top .contents ul.language li:hover a{
	background: #3f3531;
	color: white;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li:hover a{
		color: #ccc;
	}
}

#header.top .contents ul.language li.ja a{
	background: #3f3531 url(../images/languages/jp_gray.png) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.ja a{
		background: #3f3531 url(../images/languages/jp_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

#header.top .contents ul.language li.ja:hover a{
	background: #3f3531 url(../images/languages/jp_white.png) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.ja:hover a{
		background: #3f3531 url(../images/languages/jp_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

#header.top .contents ul.language li.en a{
	background: #3f3531 url(../images/languages/en_gray.png) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.en a{
		background: #3f3531 url(../images/languages/en_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

#header.top .contents ul.language li.en:hover a{
	background: #3f3531 url(../images/languages/en_white.png) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.en:hover a{
		background: #3f3531 url(../images/languages/en_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

#header.top .contents ul.language li.cn a{
	background: #3f3531 url(../images/languages/cn_gray.png) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.cn a{
		background: #3f3531 url(../images/languages/cn_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

#header.top .contents ul.language li.cn:hover a{
	background: #3f3531 url(../images/languages/cn_white.png) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.cn:hover a{
		background: #3f3531 url(../images/languages/cn_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

#header.top .contents ul.language li.ko a{
	background: #3f3531 url(../images/languages/ko_gray.png?ver=161014) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.ko a{
		background: #3f3531 url(../images/languages/ko_sp.png?ver=161014) no-repeat;
		background-size: 100%;
	}
}

#header.top .contents ul.language li.ko:hover a{
	background: #3f3531 url(../images/languages/ko_white.png) no-repeat;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents ul.language li.ko:hover a{
		background: #3f3531 url(../images/languages/ko_sp.png?ver=161013) no-repeat;
		background-size: 100%;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents div.menu-btn a{
		background: url(../images/sp_btn_menu_white.png) no-repeat center center;
		background-size: 56px 56px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.fixed #header.top .contents div.menu-btn a{
		background: url(../images/sp_btn_menu_close_white.png) no-repeat center center;
		background-size: 56px 56px;
	}
}

#header.top .contents div.logo{
	margin-top: 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents div.logo{
		position: static;
	}
}

#header.top .contents div.logo img{
	width: 230px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents div.logo img{
		width: 160px;
	}
}

#header.top .contents div.copy{
	margin-top: 60px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents div.copy{
		margin-top: 40px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#header.top .contents div.copy.sp-img img.sp{
		width: 250px;
	}
}

#header.top #main-navi{
	height: 82px;
	bottom: 60px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#header.top #main-navi li{
	background: url(../images/bg_black_80.png);
}

#header.top #main-navi li:first-child:before{
	border-left: 1px solid white;
}

#header.top #main-navi li:after{
	border-right: 1px solid white;
}

#header.top #main-navi li a{
	color: white;
}

#header.top #main-navi li:hover a{
	color: #b3b3b3;
}

#header.top #main-navi li a div.top{
	top: 10px;
}

#header.top #main-navi li:hover a div.top{
	color: #b3b3b3;
}

#header.top #main-navi li a div.bottom{
	bottom: 10px;
	color: #b3b3b3;
}

#header.top #main-navi li a div span.notice{
	color: white;
	border: 1px solid white;
}

#header.top #main-navi li:hover a div.bottom{
	color: #b3b3b3;
}

#header.top #main-navi li:hover a div.bottom.notice span{
	color: white;
}

#body.top .wrap{
	margin-top: 30px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap{
		margin-top: -65px;
		margin-bottom: 0;
		padding-bottom: 106px;
		overflow: hidden;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap .contents{
		padding: 0;
		
	}
}

#body.top .wrap div.contents h2.title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	margin: 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents h2.title{
		height: 80px;
		line-height: 80px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents p.informations-link{
		margin: 0 10px;
		left: 0;
		top: auto;
		bottom: -66px;
		width: auto;
	}
}

#body.top .wrap div.contents #info-slider{
	margin-top: 20px;
	position: relative;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider{
		margin-top: 0;
		background: #f2f2f2;
	}
}

#body.top .wrap div.contents #info-slider .sp-controls-direction{
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .sp-controls-direction{
		display: block;
		
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .sp-controls-direction div{
		height: 200px;
		width: 30px;
		position: absolute;
		top: 30px;
		background: #f2f2f2;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .sp-controls-direction div.prev{
		left: 0;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .sp-controls-direction div.next{
		right: 0;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .sp-controls-direction div a{
		display: block;
		position: absolute;
		width: 100%;
		height: 105px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 999;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .sp-controls-direction div.prev a{
		background: url(../images/sp_info-arrow_l.png) no-repeat center center;
		background-size: 19px 105px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .sp-controls-direction div.next a{
		background: url(../images/sp_info-arrow_r.png) no-repeat center center;
		background-size: 19px 105px;
	}
}

#body.top .wrap div.contents #info-slider .bx-wrapper{
	padding: 30px 60px;
	background: #f2f2f2;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .bx-wrapper{
		padding-left: 30px;
		padding-right: 30px;
		max-width: initial!important;
		max-width: auto!important;
		width: 900px;
		left: 50%;
		margin-left: -450px!important;
		position:relative;
	}
}

#body.top .wrap div.contents #info-slider .bx-viewport{
	background: transparent;
}



#body.top .wrap div.contents #info-slider .bx-controls .bx-controls-direction a{
	height: 105px;
	top: 0;
	bottom: 0;
	margin: auto;
	text-indent: -9999px;
	display: block;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .bx-controls .bx-controls-direction a{
		display: none;
	}
}

#body.top .wrap div.contents #info-slider .bx-controls .bx-controls-direction a.bx-prev{
	background: url(../images/info-arrow_l.png) no-repeat;
	left: 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .bx-controls .bx-controls-direction a.bx-prev{
		background: url(../images/sp_info-arrow_l.png) no-repeat;
		background-size: 19px 105px;
		width: 19px;
		left: 4px
	}
}

#body.top .wrap div.contents #info-slider .bx-controls .bx-controls-direction a.bx-next{
	background: url(../images/info-arrow_r.png) no-repeat;
	right: 8px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents #info-slider .bx-controls .bx-controls-direction a.bx-next{
		background: url(../images/sp_info-arrow_r.png) no-repeat;
		background-size: 19px 105px;
		width: 19px;
		right: 4px;
	}
}

#body.top .wrap .vr-movie{
	margin-top: 20px;
	text-align: center;
}

#body.top .wrap .vr-movie-j{
	margin-top: -70px;
	text-align: center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap .vr-movie{
		max-width: 100%;
		margin: 85px 10px 0;
	}
}

#body.top .wrap .vr-movie > h2{
	font-size: 18px;
	font-weight: bold;
}

#body.top .wrap .vr-movie > iframe{
	margin-top: 20px;
}

.grand-open {
    margin-left: 70px;
    margin-right: 70px;
}

.title2 {
	margin-top: 36px;
	margin-bottom:25px;
	line-height: 22px;
	font-size: 16px;
	font-weight: bold; 
	text-align: center; 
}

.title-jpan {
    margin-top: -51px;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-left: 0px;
    margin-bottom: 6px;

}

.vr_sp {
	display: none;
}

.vr_sp2 {
	display: none;
}

.vr-doga {
	margin-top:10px;
	text-align: center;
	margin-bottom: -25px;
}

.vr-doga-jpan {
    margin-top: 4px;
    text-align: center;
    margin-bottom: -30px;
}

.grand-open-sp {
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait){
	.title2 {
    	margin-top: 36px;
    	margin-bottom: -74px;
    	line-height: 22px;
    	margin-top: 88px;
	}
	
	.title-jpan {
    	margin-top: 36px;
    	margin-bottom: -74px;
    	line-height: 22px;
    	margin-top: 88px;
    	margin-left: 0;
	}
	.vr_pc {
		display: none;
	}
	
	.vr_sp {
		display: block;
		width: 100%;
		height: 200px;
		margin-top: 93px;
		text-align: center;
	}
	
	.vr_sp2 {
		display: block;
	}
	
	.vr-doga {
		margin-top: 10px;
		text-align: left;
		margin-bottom: 0;
	}
	
	.vr-doga-jpan {
		text-align: left;
		margin-bottom: 0;
		margin-left:0;
	    margin-top: 10px;
	}
	
	.grand-open-sp {
		display: inherit;
	}
}

@media screen and (max-width: 959px) and (orientation: landscape){
	.title2 {
    	margin-top: 36px;
    	margin-bottom: -74px;
    	line-height: 22px;
    	margin-top: 88px;
	}
	
	.title-jpan {
    	margin-top: 36px;
    	margin-bottom: -74px;
    	line-height: 22px;
    	margin-top: 88px;
    	margin-left: 0;
	}
	
	.vr_pc {
		display: none;
	}
	
	.vr_sp {
		display: block;
		width: 100%;
		margin-top: 93px;
		text-align: center;
	}
	.vr_sp2 {
		display: block;
	}
	
	.vr-doga {
		margin-top: 10px;
		text-align: left;
		margin-bottom: 0;
	}
	
	.vr-doga-jpan {
		text-align: left;
		margin-bottom: 0;
		margin-left:0;
		margin-top: 10px;
	}
	
	.grand-open-sp {
		display: inherit;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	.vr-movie a.portrait {
		height: 100%;
	}

	.vr-movie a.landscape {
		width: 100%;
	}
}


.section01 {
    max-width: 1200px;
	margin: 0 auto 3%;
}
.top-side {
	overflow: hidden;
	clear: both;
	width: 1220px;
}
.top-side li {
	float: left;
    width: 590px;
	margin: 0 20px 20px 0;
}

/***** バナー用 *****/

#body.top .wrap div.contents2 ul.banner {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 50px;
	text-align: center;
	letter-spacing: -0.4em;
}

#body.top .wrap div.contents2 ul.banner li {
	display: inline-block;
	margin-left: 7.5px;
	margin-right: 7.5px;
	margin-top: 12px;
	letter-spacing: normal;
}

#body.top .wrap {
	margin-bottom: 60px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents2 ul.banner {
	margin-top: 90px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents2 ul.banner li {
	display: inline-block;
	margin-top: 7px;
	letter-spacing: normal;
	text-align: center;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait) {
	#body.top .wrap div.contents2 ul.banner li a img{
	width: 98.4%;
	}
}

@media screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap div.contents2 ul.banner li a img{
	width: 300px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.top .wrap {
	margin-bottom: -80px;
	}
}

/***** VR動画ポップアップ *****/

#colorbox.movie{
	overflow: visible;
	outline: none;
	cursor: pointer;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie{
		max-height: 100%;
		overflow: auto;
		top: 0!important;
		bottom: 0!important;
		margin: auto;
		height: auto !important;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie.w16h9{
		padding-top: 56.25%;
		height: 120px !important;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie.w4h3{
		padding-top: 75%;
		height: 120px !important;
	}
}

#colorbox.movie #cboxContent{
	background: white;
	padding: 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie #cboxContent{
		margin-top: 60px;
		position: relative;
		height: auto !important;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie.w16h9 #cboxContent{
		padding-top: 56.25%;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie.w4h3 #cboxContent{
		padding-top: 75%;
	}
}

#colorbox.movie #cboxContent #cboxLoadedContent{
	position: relative;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie #cboxContent #cboxLoadedContent{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

#colorbox.movie #cboxWrapper{
	overflow: visible;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie #cboxWrapper{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

#colorbox.movie #cboxClose{
	border: none;
	background: url(../images/close.png) no-repeat center center;
	text-indent: -9999px;
	color: white;
	width: 48px;
	height: 48px;
	position: absolute;
	top: -48px;
	right: 0;
	outline: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie #cboxClose{
		background: url(../images/sp_close.png) no-repeat center center;
		background-size: 20px 20px;
		top: -60px;
		height: 60px;
	}
}

@media screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.movie #cboxClose{
		background: url(../images/sp_close.png) no-repeat center center;
		background-size: 20px 20px;
		top: -7px;
		right: 41px;
		height: 60px;
	}
}

/*
#cboxOverlay.movie {
    width: 1000px;
    height: 600px;
    left: 50%;
    margin-left: -500px;
    margin-top: -300px;
    top: 50%;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#cboxOverlay.movie {
    width: 100%;
    height: 100%;
    left: 0;
    margin: 0;
    top: 0;
	}
}
*/

/***** ニトリ小樽芸術村について *****/
#body.about .wrap{
}

#body.about .wrap > .picture{
	text-align: center;
}

#body.about .wrap .contents .inner{
	width: 780px;
	margin: 0 auto;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner{
		width: 100%;
	}
}

#body.about .wrap .contents .inner > .greeting-phrase{
	text-align: center;
	margin-top: 20px;
	color: #1A1A1A;
	font-size: 14px;
	line-height: 24px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .greeting-phrase{
		margin-top: 26px;
	}
}

#body.about .wrap .contents .inner > .greeting-phrase p{
	margin-top: 40px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .greeting-phrase p{
		text-align: left;
		margin-top: 0;
	}
}

#body.about .wrap .contents .inner > .greeting-phrase p:first-child{
	margin-top: 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .greeting-phrase p.signature{
		text-align: center;
		margin-top: 26px;
	}
}

#body.about .wrap .contents .inner > .greeting-phrase p.signature img{
	width: 228px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .greeting-phrase p.signature img{
	}
}

#body.about .wrap .contents .inner > .about{
	padding: 0 100px;
	margin-top: 80px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .about{
		padding: 0;
		margin-top: 26px;
	}
}

#body.about .wrap .contents .inner > .about h2.title{
	
}


#body.about .wrap .contents .inner > .about .text{
	margin: 30px auto 0;
	font-size: 14px;
	line-height: 24px;
	color: #4d4d4d;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .about .text{
		margin-top: 0;
	}
}

#body.about .wrap .contents .inner > .museums{
	margin-top: 60px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums{
		margin-top: 58px;
	}
}

#body.about .wrap .contents .inner > .museums .museum{
	margin-top: 40px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum{
		margin-top: 58px;
	}
}

#body.about .wrap .contents .inner > .museums .museum:first-child{
	margin-top: 0;
}

#body.about .wrap .contents .inner > .museums .museum h2.title{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum h2.title{
		height: auto;
		line-height: 1.5;
	}
}

#body.about .wrap .contents .inner > .museums .museum h2.title span.notice{
	border: 1px solid red;
	color: red;
	padding: 1px 4px;
	font-weight: normal;
	display: inline-block;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum h2.title span.notice{
		line-height: 1;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail{
	margin-top: 26px;
	padding-top: 30px;
	border-top: 1px solid black;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum .detail{
		margin-top: 20px;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail .picture{
	float: left;
	width: 300px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum .detail .picture{
		float: none;
		width: initial;
		width: auto;
		margin: 0 -16px;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail .picture img{
	width: 100%;
}

#body.about .wrap .contents .inner > .museums .museum .detail .data{
	float: right;
	width: 454px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum .detail .data{
		float: none;
		width: 100%;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .description{
	font-size: 12px;
	line-height: 20px;
	padding: 0 26px 16px;
	border-bottom: 1px solid black;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum .detail .data .description{
		padding: 10px 0;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .overview{
	padding: 0 26px 16px;
	margin-top: 16px;
	border-bottom: 1px solid black;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum .detail .data .overview{
		padding : 10px 0;
		margin-top: 0;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .overview dl{
	display: table;
	width: 100%;
	margin-top: 4px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum .detail .data .overview dl{
		display: block;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .overview dl:first-child{
	margin-top: 0;
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .overview dt{
	display: table-cell;
	font-size: 11px;
	font-weight: bold;
	width: 90px;
	vertical-align: middle;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .museums .museum .detail .data .overview dt br{
		display: inline;
	}
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .overview dd{
	display: table-cell;
	font-size: 11px;
	vertical-align: middle;
	padding-left: 10px;
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .remarks{
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .remarks > li{
	margin-top: 4px;
}

#body.about .wrap .contents .inner > .museums .museum .detail .data .remarks > li:first-child{
	margin-top: 0;
}

#body.about .wrap .contents .inner > .overview{
	width: 450px;
	margin-top: 60px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .overview{
		width: 100%;
	}
}

#body.about .wrap .contents .inner > .overview h3.title{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#body.about .wrap .contents .inner > .overview .data{
	width: 100%;
	margin-top: 10px;
	display: table;
	border-collapse: collapse;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .overview .data{
		display: block;
		border-top: 1px solid black;
	}
}

#body.about .wrap .contents .inner > .overview .data dl{
	font-size: 12px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	display: table-row;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .overview .data dl{
		display: block;
		padding: 5px; 0;
		border-top: none;
	}
}

#body.about .wrap .contents .inner > .overview .data dl dt{
	line-height: 20px;
	width: 126px;
	display: table-cell;
	vertical-align: middle;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .overview .data dl dt{
		width: 100%;
		display: block;
	}
}

#body.about .wrap .contents .inner > .overview .data dl dd{
	line-height: 20px;
	padding: 5px 0 6px;
	display: table-cell;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.about .wrap .contents .inner > .overview .data dl dd{
		display: block;
		padding: 0;
	}
}

#body.about .wrap .contents .inner > .overview .data dl dd span a{
	color: #4d4d4d;
	text-decoration: underline;
}

/***** 美術館ページ *****/
#body.museum .wrap{
	position: relative;
	margin-bottom: 0;
}

#body.museum.stained-glass-museum .wrap{
	background: black url(../images/stained-glass-museum/stainedglass_mv4.jpg) no-repeat fixed center 0;
	padding-top: 785px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.stained-glass-museum .wrap{
		padding-top: 340px;
		background-size: 750px 440px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.add-fixed #body.museum.stained-glass-museum .wrap,
	html.fixed #body.museum.stained-glass-museum .wrap{
		background-attachment: scroll;
	}
}

#body.museum.art-nouveau-glass-museum .wrap{
	background: black url(../images/art-nouveau-glass-museum/art-nouveau_mv4.jpg) no-repeat fixed center 0;
	padding-top: 745px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.art-nouveau-glass-museum .wrap{
		padding-top: 340px;
		background-size: 1000px 440px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.add-fixed #body.museum.art-nouveau-glass-museum .wrap,
	html.fixed #body.museum.art-nouveau-glass-museum .wrap{
		background-attachment: scroll;
	}
}

/* 作業中　似鳥美術館用 */

#body.museum.nitori-art-museum .wrap{
	background: black url(../images/nitori-art-museum/nitori-art-museum_mv.png) no-repeat fixed center 0;
	padding-top: 745px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.nitori-art-museum .wrap{
		padding-top: 340px;
		background-size: 1000px 440px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	html.add-fixed #body.museum.nitori-art-museum .wrap,
	html.fixed #body.museum.nitori-art-museum .wrap{
		background-attachment: scroll;
	}
}

/* 作業中　似鳥美術館用end */

#body.museum .wrap h1.title{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #ccc;
	background: #3f3531;
	padding: 20px 0 18px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap h1.title{
		min-height: 80px;
		font-size: 16px;
		padding: 15px 0;
	}
}

#body.museum .wrap h1.title img{
	height: 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap h1.title img{
		height: auto;
		width: 300px;
	}
}

#body.museum .wrap h1.title p{
	margin-top: 9px;
}

#body.museum .wrap .container{
	background: url(../images/bg_black_80.png);
	padding: 60px 0 80px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container{
		padding: 20px 0 0;
	}
}

#body.museum .wrap .container .contents h2.title{
	color: white;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	display: block;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents h2.title{
		height: auto;
		line-height: 26px;
	}
}

#body.museum .wrap .container .contents .text{
	width: 800px;
	margin: 60px auto 0;
	color: white;
	font-size: 14px;
	line-height: 28px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .text{
		margin-top: 20px;
		width: 100%;
	}
}

#body.museum .wrap .container .contents .text.signature{
	text-align: right;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .text.signature{
		font-size: 12px;
		margin-top: 26px;
	}
}

#body.museum .wrap .container .contents .collections{
	margin-top: 60px;
}

#body.museum .wrap .container .contents .collections ul.collection-list{
	margin: 40px 0 -30px -90px;
	letter-spacing: -0.5em;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .collections ul.collection-list{
		margin-left: -45px;
	}
}

#body.museum .wrap .container .contents .collections ul.collection-list li{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px 90px;
	width: 260px;
	letter-spacing: normal;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .collections ul.collection-list li{
		margin-left: 45px;
	}
}

#body.museum .wrap .container .contents .collections ul.collection-list li a.picture{
	display: block;
	position: relative;
	width: 260px;
	height: 260px;
	overflow: hidden;
	background: black;
	outline: none;
}

#body.museum .wrap .container .contents .collections ul.collection-list li a.picture:after{
	content: '';
	display: block;
	border: 1px solid white;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../images/plus_btn_white.png) no-repeat 231px 231px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .collections ul.collection-list li a.picture:after{
		background: url(../images/sp_plus_btn_white2.png) no-repeat 231px 231px;
		background-size: 24px 24px;
	}
}

#body.museum .wrap .container .contents .collections ul.collection-list li a.picture:hover:after{
	border: 2px solid white;
	background: url(../images/plus_btn_white.png) no-repeat 230px 230px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .collections ul.collection-list li a.picture:hover:after{
		border: 1px solid white;
		background: url(../images/sp_plus_btn_white2.png) no-repeat 231px 231px;
		background-size: 24px 24px;
	}
}

#body.museum .wrap .container .contents .collections ul.collection-list li a.picture img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#body.museum .wrap .container .contents .collections ul.collection-list li a.picture img.portrait{
	height: 100%;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .collections ul.collection-list li a.picture img.portrait{
		width: auto;
	}
}

#body.museum .wrap .container .contents .collections ul.collection-list li a.picture img.landscape{
	width: 100%;
}

#body.museum .wrap .container .contents .collections ul.collection-list li .data{
	margin-top: 10px;
}

#body.museum .wrap .container .contents .collections ul.collection-list li .data p{
	color: white;
	font-size: 14px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.stained-glass-museum .wrap .container .contents .collections ul.collection-list li .data p{
		text-align: center;
	}
}

#body.museum .wrap .container .contents .collections ul.collection-list li .data .details{
	display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){

	#body.museum .wrap .container .contents .collections{
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 870px;
	}
	
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 901px){

	#body.museum .wrap .container .contents .collections{
		width: 565px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait) and (max-width: 596px), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 596px){
	#body.museum .wrap .container .contents .collections{
		width: 260px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .collections ul.collection-list{
		width: 915px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 901px){
	#body.museum .wrap .container .contents .collections ul.collection-list{
		width: 610px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait) and (max-width: 596px), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 596px){
	#body.museum .wrap .container .contents .collections ul.collection-list{
		width: 305px;
	}
}

#body.museum .wrap .container .contents .introductions{
	width: 780px;
	margin: 80px auto 0;
	color: #ccc;
	background: black;
	padding: 50px 90px 44px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .introductions{
		margin-left: -16px;
		margin-right: -16px;
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
}

#body.museum .wrap .container .contents .introductions h2.title{
	text-align: center;
}

#body.museum .wrap .container .contents .introductions ul.introduction-list li{
	border-top: 1px solid #ccc;
	margin-top: 44px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .introductions ul.introduction-list li{
		padding: 0 16px;
	}
}

#body.museum .wrap .container .contents .introductions ul.introduction-list li .author{
	text-align: center;
	margin-top: 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .introductions ul.introduction-list li .author{
		margin-top: 30px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .introductions ul.introduction-list li .author h3.picture{
		padding: 0 0;
	}
}

#body.museum .wrap .container .contents .introductions ul.introduction-list li .author h3.picture img{
	width: 344px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum .wrap .container .contents .introductions ul.introduction-list li .author h3.picture img{
		max-width: 100%;
	}
}

#body.museum .wrap .container .contents .introductions ul.introduction-list li .author h4{
	font-size: 16px;
	margin-top: 15px; 
}

#body.museum .wrap .container .contents .introductions ul.introduction-list li .author h4 p{
	font-size: 12px;
}

#body.museum .wrap .container .contents .introductions ul.introduction-list li .author h4 span.lifetime{
	font-size: 12px;
}

#body.museum .wrap .container .contents .introductions ul.introduction-list li .description{
	font-size: 12px;
	line-height: 20px;
	margin-top: 26px;
	padding: 0 20px 0;
}

/***** 美術館ページ（おすすめコレクションポップアップ） *****/
#colorbox.collection{
	overflow: visible;
	outline: none;
	cursor: pointer;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.collection{
		max-height: 100%;
		overflow: auto;
	}
}

#colorbox.collection #cboxContent{
	background: white;
	padding: 20px 26px 20px 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.collection #cboxContent{
		padding: 20px 16px;
			margin-top: 60px;
	}
}

#colorbox.collection #cboxContent #cboxLoadedContent{
	position: relative;
}

#colorbox.collection #cboxContent #cboxLoadedContent a{
}

#colorbox.collection #cboxContent #cboxLoadedContent a.picture{
	float: left;
	width: 360px;
	height: 360px;
	position: relative;
	background: #ccc;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.collection #cboxContent #cboxLoadedContent a.picture{
		float: none;
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.collection #cboxContent #cboxLoadedContent a.picture{
		content: '';
		display: block;
		padding-top: 100%;
	}
}

#colorbox.collection #cboxContent #cboxLoadedContent a.picture img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

#colorbox.collection #cboxContent #cboxLoadedContent a.picture img.portrait{
	height: 100%;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.collection #cboxContent #cboxLoadedContent a.picture img.portrait{
		width: auto;
	}
}

#colorbox.collection #cboxContent #cboxLoadedContent a.picture img.landscape{
	width: 100%;
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data{
	float: left;
	width: 268px;
	padding: 30px 0 0 26px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#colorbox.collection #cboxContent #cboxLoadedContent div.data{
		float: none;
		width: 100%;
		padding: 20px 0 0;
	}
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data .heading{
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data .details{
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 20px;
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data .details .technique{
	display: block;
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data .details dl.technique > dt,
#colorbox.collection #cboxContent #cboxLoadedContent div.data .details dl.technique > dd{
	display: block;
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data .details dl.technique > dd{
	font-weight: normal;
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data .details dl.technique > dd dl > dt,
#colorbox.collection #cboxContent #cboxLoadedContent div.data .details dl.technique > dd dl > dd{
	display: block;
}

#colorbox.collection #cboxContent #cboxLoadedContent div.data .details .description{
	font-weight: normal;

}

#cboxWrapper{
	overflow: visible;
}

#cboxOverlay{
	background: black;
}

#cboxClose{
	border: none;
	background: url(../images/close.png) no-repeat center center;
	text-indent: -9999px;
	color: white;
	width: 48px;
	height: 48px;
	position: absolute;
	top: -48px;
	right: 0;
	outline: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#cboxClose{
		background: url(../images/sp_close.png) no-repeat center center;
		background-size: 20px 20px;
		top: -60px;
		height: 60px;
	}
}

/***** 美術館ページ（日本近代絵画美術館） *****/
#body.museum.modern-art-museum .wrap{
	margin-top: 60px;
	margin-bottom: 80px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.modern-art-museum .wrap{
		margin-top: 0;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.modern-art-museum .wrap h2.title{
		
		margin: 0 -16px;
	}
}

#body.museum.modern-art-museum .wrap h2.title img{
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.modern-art-museum .wrap h2.title img{
		vertical-align: middle;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.modern-art-museum .wrap h2.title.sp-img img.sp{
		width: 195px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait){
	#body.museum.modern-art-museum .wrap h2.title.sp-img {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.modern-art-museum .wrap h2.title.sp-img {
		margin-bottom: 80px;
	}
}

#body.museum.modern-art-museum .wrap .picture{
	margin-top: 40px;
	text-align: center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.modern-art-museum .wrap .picture{
		margin: 0 -16px;
	}
}

#body.museum.modern-art-museum .wrap .text{
	margin-top: 40px;
	text-align: center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.museum.modern-art-museum .wrap .text{
	}
}

#body.museum.modern-art-museum .wrap .text h3.title{
	font-size: 18px;
	font-weight: bold;
}

#body.museum.modern-art-museum .wrap .text div{
	font-size: 18px;
	margin-top: 10px;
}

/***** ご利用案内・アクセスページ *****/
#body.access .wrap{
	margin-top: 40px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap{
		margin-top: 0;
	}
}

#body.access .wrap .contents{
}

#body.access .wrap .contents .guide .data{
	display: table;
	border-collapse: collapse;
	width: 680px;
	margin: 50px auto 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .guide .data{
		margin-top: 0;
		width: 100%;
		display: block;
	}
}

#body.access .wrap .contents .guide .data dl{
	display: table-row;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .guide .data dl{
		display: block;
		padding: 6px 0;
		border-top: none;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .guide .data dl:first-child{
		border-top: 1px solid black;
	}
}

#body.access .wrap .contents .guide .data dl dt{
	display: table-cell;
	width: 120px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	vertical-align: middle;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .guide .data dl dt{
		display: block;
		width: 100%;
		font-weight: normal;
	}
}

#body.access .wrap .contents .guide .data dl dd{
	display: table-cell;
	font-size: 14px;
	line-height: 22px;
	padding: 11px 0 12px;
	vertical-align: middle;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .guide .data dl dd{
		display: block;
		width: 100%;
		padding: 0;
	}
}

#body.access .wrap .contents .guide .data dl dd span a{
	text-decoration: underline;
	color: #4b4b4b;
}

#body.access .wrap .contents .guide .data dl dd div.message{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid black;
}

#body.access .wrap .contents .guide .data dl dd div.toi2{
	border: 1px solid black;
    width: 298px;
    height: 25px;
    line-height: 21px;
    text-align: center;
    font-size: 14px;
    padding-top: 6px;
}

#body.access .wrap .contents .guide .data dl dd div p span.heading{
    font-weight: bold;
    margin-right: 10px;
}

#body.access .wrap .contents .guide .data dl dd div p {
    margin:10px;
}

#body.access .wrap .contents .guide .data dl dd div.message span.heading{
	font-weight: bold;
}

#body.access .wrap .contents .attention{
	display: inline-block;
}

#body.access .wrap .contents .attention > span{
	padding: 2px 4px;
}

#body.access .wrap .contents .guide .data dl dd div.message span.body{
	font-size: 12px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .guide .data dl dd div.message br{
		display: inline;
	}
}

#body.access .wrap .contents .access{
	margin-top: 40px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access{
		margin-top: 0;
	}
}

#body.access .wrap .contents .access .map{
	margin: 50px auto 0;
	width: 680px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .map{
		width: auto;
		margin: 0 -16px;
	}
}

#body.access .wrap .contents #map-canvas{
	margin: 50px auto 0;
	width: 678px;
	height: 398px;
	background: #f2f2f2;
	border: 1px solid #ccc;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents #map-canvas{
		width: auto;
		margin: 26px -16px 0;
		height: 240px;
		overflow: hidden;
		position: relative;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents #map-canvas iframe,
	#body.access .wrap .contents #map-canvas object,
	#body.access .wrap .contents #map-canvas embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

#body.access .wrap .contents .access .data{
	width: 680px;
	margin: 30px auto 0;
	display: table;
	border-collapse: separate;
	border-spacing: 0 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data{
		margin-top: 26px;
		display: block;
		width: 100%;
	}
}

#body.access .wrap .contents .access .data dl{
	display: table-row;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data dl{
		display: block;
		margin-top: 20px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data dl:first-child{
		margin-top: 0;
	}
}

#body.access .wrap .contents .access .data dl dt{
	border: 1px solid black;
	display: table-cell;
	width: 102px;
	height: 68px;
	padding-left: 76px;
	padding-right: 6px;
	font-size: 16px;
	vertical-align: middle;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data dl dt{
		display: block;
		width: 100%;
		font-size: 14px;
		height: auto;
		min-height: 54px;
		line-height: 28px;
		padding-top: 13px;
		padding-bottom: 13px;
	}
}

#body.access .wrap .contents .access .data dl dt p.top{
	font-size: 12px;
	margin-bottom: 2px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data dl dt p.top{
		font-size: 14px;
		margin-bottom: 0;
		margin-right: 10px;
		display: inline;
	}
}

#body.access .wrap .contents .access .data dl dd{
	display: table-cell;
	padding-left: 20px;
	vertical-align: middle;
	height: 70px;
	font-size: 12px;
	line-height: 20px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data dl dd{
		display: block;
		height: auto;
		margin-top: 20px;
		padding: 0;
	}
}

#body.access .wrap .contents .access .data dl.car dt{
	background: url(../images/access/access_car.png) no-repeat left center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data dl.car dt{
		background: url(../images/access/sp_access_car.png) no-repeat left center;
		background-size: 54px 54px;
	}
}

#body.access .wrap .contents .access .data dl.train dt{
	background: url(../images/access/access_train.png) no-repeat left center;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .data dl.train dt{
		background: url(../images/access/sp_access_train.png) no-repeat left center;
		background-size: 54px 54px;
	}
}

#body.access .wrap .contents .access .picture{
	width: 680px;
	margin: 30px auto 0;
	background: #f2f2f2;
	height: 320px;
	position: relative;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .picture{
		width: auto;
		margin: 26px -16px 0;
		height: auto;
	}
}

#body.access .wrap .contents .access .picture img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.access .wrap .contents .access .picture img{
		position: static;
		padding: 16px;
	}
}

/***** お問合せページ *****/

#body.contact .wrap{
	margin-top: 40px;

}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap{
		margin-top: 0px;
	}
}

#body.contact .wrap .contents{

}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents{
		width: 100%;
	}
}

#body.contact .wrap .contents .attention{
	text-align: center;
	margin-top: 16px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents .attention{
		margin-top: -16px;
	}
}

#body.contact .wrap .contents .attention > span{
	display: inline-block;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents .attention + div{
		margin-top: 16px;
	}
}

#body.contact .wrap .contents .text{
	width: 480px;
	margin: 40px auto 0px;
	font-size: 16px;
	line-height: 26px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents .text{
		width: 100%;
		margin: 0;
	}
}

#body.contact .wrap .contents ul.type{
	margin-top: 40px;
}

#body.contact .wrap .contents ul.type > li{
	width: 300px;
	float: left;
	margin-left: 30px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents ul.type > li{
		width: 100%;
		margin-top: 26px;
		margin-left: 0;
		float: none;
	}
}

#body.contact .wrap .contents ul.type > li:first-child{
	margin-left: 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents ul.type > li:first-child{
		margin-top: 0;
	}
}

#body.contact .wrap .contents .toi{
	border: 1px solid black;
	width: 298px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 14px;
}

#body.contact .wrap .contents .toi2{
	border: 1px solid black;
	width: 298px;
	height: 46px;
	line-height: 21px;
	text-align: center;
	font-size: 14px;
	padding-top:6px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents .toi2 br{
		display: inline;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents ul.type > li dl dt{
		width: 100%;
		height: 54px;
	}
}

#body.contact .wrap .contents ul.type > li.tel dl dt{
	background: url(../images/contact/contact_tel-mail.png) no-repeat;
	background-position: 8px -1px;
	
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents ul.type > li.tel dl dt{
		display: block;
		background: url(../images/contact/sp_contact_tel-mail.png) no-repeat;
		background-position: 8px -1px;
		background-size: 54px 54px;
	}
}

#body.contact .wrap .contents ul.type > li dl dd{
	margin-top: 20px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 14px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents ul.type > li dl dd{
		margin-top: 26px;
		display: block;
	}
}

#body.contact .wrap .contents ul.type > li dl dd p{
	margin-top: 10px;
}

#body.contact .wrap .contents ul.type > li dl dd p:first-child{
	margin-top: 0;
}

#body.contact .wrap .contents ul.type > li dl dd p.message{
	padding-top: 10px;
	border-top: 1px solid black;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.contact .wrap .contents ul.type > li dl dd div.message br{
		display: inline;
	}
}

#body.contact .wrap .contents ul.type > li dl dd p span.heading{
	font-weight: bold;
	margin-right: 10px;
}

#body.contact .wrap .contents ul.type > li dl dd p span.body{
	font-size: 12px;
}

#body.contact .wrap .contents ul.type > li dl dd p a{
	color: #4b4b4b;
	text-decoration: underline;
}

#body.contact .wrap .contents ul.type > li.mail dl dd p a{
	color: #4b4b4b;
	text-decoration: underline;
}

/***** お知らせ一覧・詳細共通 *****/
#body.info .wrap{
	margin-top: 60px;
	margin-bottom: 0;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.info .wrap{
		margin-top: 0;
	}
}

#body.info .wrap h2.title{
	height: 34px;
	line-height: 34px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.info .wrap h2.title{
		height: 80px;
		line-height: 80px;
	}
}

#body.info .wrap .bgwrap{
	background: #f2f2f2;
	padding: 60px 0;
	margin-top: 60px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.info .wrap .bgwrap{
		padding: 40px 0;
		margin-top: 0;
	}
}

#body.info .wrap .contents{
	width: 870px;
	margin: 0 auto;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.info .wrap .contents{
		width: 100%;
		margin: 0;
	}
}

/***** お知らせ一覧ページ *****/

#body.info .wrap .bgwrap > .contents ul.info-list{
	margin-left: -45px;
	margin-bottom: -50px;
	letter-spacing: -0.5em;
	
}

#body.info .wrap .bgwrap > .contents ul.info-list > li.info-data{
	display: inline-block;
	margin: 0 0 50px 45px;
	letter-spacing: normal;
	vertical-align: middle;
}

#body.info .wrap .bgwrap > .contents div.paginate{
	margin-top: 60px;
	text-align: center;
	letter-spacing: -0.5em;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.info .wrap .bgwrap > .contents div.paginate{
		margin-top: 40px;
	}
}

#body.info .wrap .bgwrap > .contents div.paginate .page-numbers{
	display: inline-block;
	border: 1px solid #808080;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: white;
	text-decoration: none;
	color: #4b4b4b;
	letter-spacing: normal;
	margin-left: 10px;
}

#body.info .wrap .bgwrap > .contents div.paginate .page-numbers:first-child{
	margin-left: 0;
}

#body.info .wrap .bgwrap > .contents div.paginate span.page-numbers.current{
	color: white;
	background: #808080;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.informations .wrap .bgwrap > .contents{
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 870px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 901px){
	#body.informations .wrap .bgwrap > .contents{
		width: 565px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait) and (max-width: 596px), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 596px){
	#body.informations .wrap .bgwrap > .contents{
		width: 260px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.informations .wrap .bgwrap > .contents ul.info-list{
		width: 915px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 901px){
	#body.informations .wrap .bgwrap > .contents ul.info-list{
		width: 610px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait) and (max-width: 596px), screen and (max-width: 959px) and (orientation: landscape) and (max-width: 596px){
	#body.informations .wrap .bgwrap > .contents ul.info-list{
		width: 305px;
	}
}

/***** お知らせ詳細ページ *****/
#body.info .wrap .bgwrap > .contents div.info-data{
	width: auto;
	height: auto;
	min-height: 280px;
}

#body.info .wrap .bgwrap > .contents div.info-data .wrapper{
	width: auto;
	height: auto;
	padding: 30px 40px 40px 60px;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.info .wrap .bgwrap > .contents div.info-data .wrapper{
		padding: 20px 24px;
	}
}

#body.info .wrap .bgwrap > .contents div.info-data .wrapper .inner p.date{
	font-size: 14px;
}

#body.info .wrap .bgwrap > .contents div.info-data .wrapper .inner h3.title{
	font-size: 16px;
	font-weight: bold;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.info .wrap .bgwrap > .contents div.info-data .wrapper .inner h3.title{
		text-align: center;
	}
}

#body.info .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content{
	font-size: 14px;
	height: auto;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.information .wrap{
		position: relative;
		margin-bottom: 106px;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.information .wrap > .contents{
		position: static;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.information .wrap > .contents p.informations-link{
		margin: 0 16px;
		width: auto;
		top: auto;
		bottom: -66px;
		left: 0;
		right: 0;
	}
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.information .wrap .bgwrap{
	}
}

#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content a{
	color: #4d4d4d;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
	#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content a{
		text-decoration: underline;
	}
}

#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content a:visited{
	color: #4d4d4d;
}

#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content p{
	margin-top: 20px;
}

#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content p:first-child{
	margin-top: 0;
}

#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content ul.links{
	margin-top: 20px;
}

#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content ul.links li{
	margin-top: 10px;
}

#body.information .wrap .bgwrap > .contents div.info-data .wrapper .inner div.content ul.links li:first-child{
	margin-top: 0;
}

#body.access .wrap .contents .guide .data dl dd .to-dantai-btn span a {
    display:block;
    width: 240px;
    height: 36px;
    background-color: #3f3531!important;
    color: #fff;
    border: 1px solid black;
    text-decoration: none;
    line-height: 34px;
    text-align: left;
    font-size: 14px;
    padding-left: 12px;
    margin-bottom: 20px;
    background: url(../images/contact/access_arrow_w.png) no-repeat;
        background-position-x: 95%;
        background-position-y: 50%;
        background-size: 6.5px 10px;
}

#body.access .wrap .contents .guide .data dl dd .to-dantai-btn span a:hover {
    background-color: #fff!important;
    text-decoration: none;
    color: #3f3531;
    background: url(../images/contact/access_arrow_b.png) no-repeat;
        background-position-x: 95%;
        background-position-y: 50%;
        background-size: 6.5px 10px;
}

.contents .sp-only {
    display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){

    .contents .pc-only{
        display: none;
    }
    .contents .sp-only{
        display: inline;
    }

    #body.access .wrap .contents .guide .data dl dd .to-dantai-btn span a {
        /*width: 55%;*/
        line-height: 34px;
        margin-top: 20px;
    }

    #body.access .wrap .contents .guide .data dl dd .to-dantai-btn span a:hover {
        background-color: #3f3531!important;
        color: #fff;
        background-image: url(../images/contact/access_arrow_w.png); no-repeat;
            background-position-x: 95%;
            background-position-y: 50%;
            background-size: 6.5px 10px;
    }

    #body.access .wrap .contents .guide .data dl dd .to-dantai-btn span a:active {
        background-color: #fff!important;
        color: #3f3531;
        background-image: url(../images/contact/access_arrow_b.png); no-repeat;
            background-position-x: 95%;
            background-position-y: 50%;
            background-size: 6.5px 10px;
    }
}

.w-100 {
    width: 100%!important;
}

.mou_title {
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.mou .toi, .mou .toi2{
    margin-bottom: 20px;
}

.common-text { 
    line-height: 26px;
}

.contents .pc-only .onegai {
    margin-top: 15px!important;
    line-height: 20px;
}

.contents .pc-only .onegai .body {
    letter-spacing: 1px;
}

.contents .pc-only .method {
    margin-top: 0px!important;
    line-height: 20px;
}

.contents .pc-only .method .body {
    letter-spacing: 1px;
}

#body.contact .wrap .contents ul.type > li.mou {
    width: 278px;
    border-left: 1px solid black;
    margin-left: 30px;
    padding-left: 28px;
}

#body.contact .wrap .contents ul.type > li.mou:first-child {
    border: none;
    margin-left: 2px;
    padding-left: 0px;
}

#body.contact .wrap .contents ul.type > li.mou dl dt.toi {
    width: 100%;
}

#body.contact .wrap .contents ul.type > li.mou dl dt.toi2 {
    width: 100%;
    background: url(../images/contact/contact_icon_document_g.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
}

.annai {
    background-color: #3f3531!important;
    color: #fff;
}

.annai:hover {
    background-color: #fff!important;
    color: #3f3531;
}
.form-btn {
    background-color: #fff!important;
    color: #3f3531;
}

.form-btn:hover {
    background-color: #3f3531!important;
    color: #fff;
}

.mou a, .mou a:visited, .mou a:link, .mou a:active {
    color: #4b4b4b;
}

.dl-btn:hover {
    background-color: #3f3531!important;
    color: #fff;
    background-image: url(../images/contact/contact_icon_document_w.png)!important;
        background-position-x: 0%;
        background-position-y: 0%;
}

#dantai {
    padding-top: 40px;
    margin-top: -40px;
}

.contents .sp-only, .contents .accordion-menu {
    display: none;
}

@media screen and (max-width: 599px) and (orientation: portrait), screen and (max-width: 959px) and (orientation: landscape){
    .contents .pc-only{
        display: none;
    }
    .contents .sp-only{
        display: inline;
    }

    #sp_dantai {
        padding-top: 20px;
        margin-top: -20px;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu {
        margin-top: 30px;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu .sp-text {
        line-height: 20px;
        letter-spacing: 1px;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu .sp-text .onegai{
        margin-top: 30px;
        margin-bottom: 40px;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu .mou_title {
        margin-top: 30px;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu .method {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    #body.contact .wrap .contents ul.type .sp-only .sp-toggle-text {
        margin-bottom: 50px;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu dl dt {
        width: 80%;
        height: 54px;
        margin-left: 10%;
        margin-bottom: 15px;
    }


    #body.contact .wrap .contents ul.type .sp-only .accordion-menu div.mou dl {
        border-top: 1px solid black;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu div.mou dl:first-child {
        border: none;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu span.br::before {
        content: "\A";
        white-space: pre;
    }

    #body.contact .wrap .contents ul.type .sp-only div.mou dt.dl-btn {
        background: url(../images/contact/sp_contact_icon_document_g.png) no-repeat;
            background-position-x: 0%;
            background-position-y: 0%;
        background-size: 44px 54px;
    }

    .dl-btn:hover {
        background-color: transparent!important;
        color: #3f3531;
        background-image: url(../images/contact/sp_contact_icon_document_g.png)!important;
            background-position-x: 0%;
            background-position-y: 0%;
        background-size: 44px 54px;
    }

    .dl-btn:active {
        background-color: #3f3531!important;
        color: #fff;
        background-image: url(../images/contact/sp_contact_icon_document_w.png)!important;
            background-position-x: 0%;
            background-position-y: 0%;
        background-size: 44px 54px;
    }

    .annai, .annai:hover {
        background-color: #3f3531!important;
        color: #fff;
    }

    .annai:active {
        background-color: #fff!important;
        color: #3f3531;
    }

    .form-btn, .form-btn:hover {
        background-color: #fff!important;
        color: #3f3531;
    }

    .form-btn:active {
        background-color: #3f3531!important;
        color: #fff;
    }
}

@media screen and (max-width: 959px) and (orientation: landscape){

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu dl dt {
        width: 44%;
        height: 54px;
        margin-bottom: 15px;
        float: left;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu dl a:nth-child(even) dt {
        margin-left: 5%;
        margin-right: 1%;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu dl a:nth-child(odd) dt {
        margin-left: 1%;
        margin-right: 5%;
    }

    #body.contact .wrap .contents ul.type .sp-only .accordion-menu .method {
        clear:both;
    }

}