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

/*  Reset

/* ------------------------------------------------------------------------ */
html {
	overflow-y	: scroll;
	/*height		: 100%;*/
	font-size	: 62.5%; /* sets the base font to 10px for easier math */
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display	: inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

.content{
	margin: 0px !important;
	background: #fff;
	padding: 20px !important;
	min-height: 900px;
}

/*
table {
	border-collapse	 : collapse;
	border-spacing	 : 0;
}
*/

body/**/table {
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	max-width	: 100%;
}

i {
	padding	: 5px 5px 2px 0;
}

p {
	line-height: 1.8 !important;
}

.pcStyle{
	display: block;
}

.spStyle{
	display: none;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;　/*IE8のみ適用*/
}

/* iPhone submitボタン初期化*/
submit	{ -webkit-appearance		: none;}
body	{ -webkit-text-size-adjust	: 100%;}

/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */


body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family: "Source Han Serif JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, sans-serif;
	font-size	: 1.2rem;  /* =12px */
	font-size	: 12px;
	line-height	: 1.5;
	text-align	: center;
	color		: #444;
	background	:#000000;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	overflow-wrap:break-word;
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : 100%;}


/*IE*/
@font-face {
font-family: 'Source Han Serif JP';
src: url('../fonts/SourceHanSerifJP-Regular-Alphabetic.eot');
}

@font-face{
  font-family:'Source Han Serif JP';
  src: url('../fonts/SourceHanSerifJP-Regular.otf'); /* everyone else take this */
  font-weight: normal;
  font-style: normal;
}
/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	background-color: rgba(0,0,0,0.2);
}

a:link	{
	text-decoration	: none;
	color			: #fff;
}

a:visited	{
	text-decoration	: none;
	color			: #fff;
}

a:hover	{
	text-decoration	: underline;
}


/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */
header {
	margin: 0 auto;
	height: 56px;
	overflow: visible;
	z-index: 999;
	position: relative;
	padding-bottom: 10px;
	background:rgba(0,0,0,0.4);
}

.logobg{
	padding: 10px;
	float: left;
}
	.logobg img{
		width: 70%;
	}

.header-area{
	width: 1270px;
	margin: 0 auto;
	overflow: hidden;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.7);
}

/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */
.cate_navi{
	overflow: hidden;
	float:left;
	padding: 35px 0 0 218px;
}

.cate_navi ul{
    list-style-type: none;
    margin: 0px auto 0;
    text-align:center;
	overflow: hidden;
}

.cate_navi li{
    float:left;
    padding: 0 30px;
	font-size: 16px;
	line-height: 1.1;
	color: #fff;
}

.cate_navi li:first-child{
    float:left;
    padding: 0 20px 0 0;
	font-size: 16px;
	line-height: 1.1;
}

.cate_navi li:last-child{
    float:left;
    padding: 0 0px 0 20px;
	font-size: 16px;
	line-height: 1.1;
}


.cate_navi ul li span{
	font-size:10px;
	color: #82a3d9;
}


/*パンくずリスト*/
#contentsBlock ol{
	text-align: right;
	padding-bottom: 10px
}

#contentsBlock ol li{
	display: inline;
	list-style-type: none;
	color: #999999;
}
	#contentsBlock ol li a:link{
		display: inline;
		list-style-type: none;
		color: #999999;
	}

	#contentsBlock ol li a:visited{
		display: inline;
		list-style-type: none;
		color: #999999;
	}

	#contentsBlock ol li:after{
		content: "\f105";
		font-family: FontAwesome;
		color: #999999;
		padding: 0 2px 0 4px;
	}

	#contentsBlock ol li:last-child:after{
		content: none;
	}


/* TOP_side Navigation

/* ------------------------------------------------------------------------ */
aside{
	background: #000;
	width: 192px;
	height: auto;
	min-height: 100vh;
	float: left;

}
	aside h1{
		padding: 35px 8px 10px;
	}

	hr.style01 {
		width: 177px;
		margin: 20px auto 0;
		border: 0;
		height: 1px;
		background-image: -webkit-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
		background-image: -moz-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
		background-image: -ms-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
		background-image: -o-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
	}

	hr.style02 {
		width: 177px;
		margin: 25px auto 17px;
		border: 0;
		height: 1px;
		background-image: -webkit-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
		background-image: -moz-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
		background-image: -ms-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
		background-image: -o-linear-gradient(left, #dbaa46, #fee7b8, #dbaa46);
	}

/*グローバルナビゲーション*/
nav ul li{
	padding: 16px;
}

nav ul li:first-child{
	padding:26px 0 10px;
}

nav ul li:last-child{
	padding: 10px 0 0px;
}

ul li a:hover{
text-decoration: none;
opacity: 0.6;
}

/*企画展*/
.exhi{
	margin: 0 10px;
	box-sizing: border-box;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#20381a+0,2f5126+24,375f2c+50,2f5126+77,20381a+100 */
	background: rgb(32,56,26); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(32,56,26,1) 0%, rgba(47,81,38,1) 24%, rgba(55,95,44,1) 50%, rgba(47,81,38,1) 77%, rgba(32,56,26,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(32,56,26,1) 0%,rgba(47,81,38,1) 24%,rgba(55,95,44,1) 50%,rgba(47,81,38,1) 77%,rgba(32,56,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(32,56,26,1) 0%,rgba(47,81,38,1) 24%,rgba(55,95,44,1) 50%,rgba(47,81,38,1) 77%,rgba(32,56,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20381a', endColorstr='#20381a',GradientType=1 ); /* IE6-9 */
}

	.exhi p{
		color: #fff;
		text-align: center;
	}

	.exhi a:link{
		display:block;
		line-height: 1.7;
	}

/*次回企画展*/
span.nextopen{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #5a9e93;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

/*企画展*/
span.plan01{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #7cccbf;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

span.plan02{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #c8742e;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

span.plan03{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #A04675;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

span.plan04{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #265e3a;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

span.plan06{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #4342ff;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

span.plan05{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #bb9339;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}
span.plan07{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #ffa3a3;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

span.plan08{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #2A4073;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}
/*次回展覧会*/
span.openplan{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #165636;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

span.openplan02{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #98AF9F;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

/*関連イベント*/
span.related_event{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #7cccbf;
	color: #222;
	display: inline-block;
	padding: 5px;
}

/*講演会*/
span.lecture_event{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #7cccbf;
	color: #222;
	display: inline-block;
	padding: 5px;
}

/*12月2日まで開催*/
span.open_1202{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #00acdb;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}

/*次回企画展*/
span.next_event{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #d1966a;
	color: #fff;
	display: inline-block;
	padding: 5px;
	min-width: 70px;
	text-align: center;
}


.calendar_area{
	margin:0 0 20px;
	display: inline-block;
}

.calendar_area ul li{
	padding: 0 !important;
}


.timeBox{
	margin: 5px;
}

.timeBox p{
	text-align: left;
	color: #999999 !important;
	letter-spacing: -0.3px;
}

/*サイドバナー*/
.bnr-area{
	text-align: left;
	color: #999999;
	margin: 5px;
}

.bnr-area a{
	font-weight: bold;
}
.bnr-area a:hover{
	opacity: 0.8;
}

/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock{
	/*height: 100%;*/
	overflow: hidden;

}

#page-top {
	text-align: right;
}
#page-top a {
    text-decoration: none;
    color: #000;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}
#page-top a:hover {
	opacity: 0.5;
}

.pagearea{
	width:814px;
	overflow: hidden;
}

.sns_area div{
	display: inline-block;
	margin-top: 20px;
	margin-right: 10px;
    margin-left: 10px;
}

	.sns_area div a:hover{
		display: block;
		opacity: 0.8;
	}

#global-nav .sns_area{
	margin: 10px 0 15px;
}

#global-nav .sns_area div{
	margin-top: 0px;
	margin-right: 2px;
    margin-left: 2px;
}

/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	min-width: 1320px;
	background: #000;
	height: 150px;
	border-top: #4d4d4d 1px solid;
}

.footer_top{
	align-items: center;
}


.footer_logo{
	text-align: left;
	padding: 15px 0 0 15px;
	box-sizing: border-box;
	overflow: hidden;
}

.addbox01{
	overflow: hidden;
	display: flex;
	align-items: center;
}

.address{
	color: #fff !important;
	float: left;
	padding: 2px 0 0 20px;
}

.address2{
	max-width:980px;
	width: 100%;
	color: #fff !important;
	float: left;
	padding: 0;
}

.addtxt{
	color: #fff !important;
	background: #4d4d4d;
	float: left;
	padding: 2px 5px;
	margin: 5px 5px 5px 0;
}


	.address br{
		display:none;
	}


.copy{
	width: 400px;
	color: #999999 !important;
	text-align: center;
	margin-top: 30px;
	float: left;
}

@media screen and (max-width: 1024px) {
	.content{
		margin: 0px !important;
		background: #fff;
		padding: 20px;
		min-height: auto;
	}

	.mc-cycle{
		left: 83px !important;
	}

	.mc-image{
		background-size: cover;
	}

	footer{
		min-width: 100%;
		min-height: 100px;
		height: 150px;
	}

	.copy{
		text-align: left;
		width: 40%;
		padding: -18px;
		float: left;
		margin: 10px 0 5px;
	}

	#page-top {
		text-align: right;
	}
	#page-top a {
		text-decoration: none;
		color: #000;
		text-align: center;
		display: inline-block;
		border-radius: 5px;
	}
	#page-top a:hover {
		opacity: 0.5;
	}

	.pagearea{
		width:814px;
		overflow: hidden;
	}

	.ttl_open{
		color: #fff;
		text-align: left;
		font-size: 20px;
		font-weight: bold;
	}

.sp_topicks{
	width: 100%;
	margin: 10px auto 0;
}


/*オープン企画*/
.plan_line{
	border-bottom: 1px solid #4d4d4d;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


span.open{
	margin: 0 10px 5px 0;
	box-sizing: border-box;
	background: #7d7820;
	display: inline-block;
}

	.open p{
		color: #fff;
		text-align: center;
	}

	.open a:link{
		display:block;
		line-height: 1.7;
	}

.openplan{
	padding: 10px;
}
	.openplan p.detailstxt{
		text-align: left;
		color: #fff;
		padding-top: 5px;
	}

	.openplan p.daytxt{
		text-align: left;
		color:#999999;
		font-size: 10px;
		padding: 5px 0;
	}




}

/* デフォルト：980px以上用（PC用）の記述 */
@media screen and (max-width: 930px) {
/* 979px以下用（タブレット用）の記述 */

/*.pcStyle{
	display: none;
}*/

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

header {}


/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */
aside{
	background: rgba(0,0,0,0.8);
	width: 220px;
	height: auto;
	min-height: 100vh;

}

/*グローバルナビゲーション*/
nav ul li{
	padding: 10px;
	line-height: 1.6;
}

nav ul li:first-child{
	padding: 10px;
}

nav ul li:last-child{
	padding: 10px;
	border-bottom: none;
}

.inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

/* header */
#top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
}
#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    float: left;
    font-size: 36px;
}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
}
#global-nav ul li a {
    padding: 0 30px;
}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255,255,255,.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
	z-index: 10000;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 8px;
    width: 10%;
    height: auto;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

/*パンくずリスト*/
#contentsBlock ol{
	display:none;
}

/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

#mainBlock{
	height: 100%;
}


/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	min-width: 100%;
	clear : both;
}

.sp_flogo img{
	width:40%;
}

.telbtn{
	margin: 10px 0;
}
.telbtn img{
	width: 80%;
}

#page{
	text-align: right;
	width: 100%;
}


.sp_pagetop{
	padding: 10px 0;
}

.sp_pagetop img{
	width: 40%;
}

}

@media screen and (max-width: 899px) {
/* 767px以下用（タブレット／スマートフォン用）の記述 */

.pcStyle{
	display: none;
}

.spStyle{
	display: block;
}

.content{
	margin: 0px !important;
	background: #fff;
	padding: 0px !important;
	min-height: auto;
}

/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 4px;
    width: 12%;
    height: auto;
    cursor: pointer;
    z-index: 101;
}

#top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        background:#000;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }

	#mobile-head h1.logo img{
		width:50%;
	}

    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: -62px;
        top: 10px;
        color: #333;
		display: inline-block;
    }

    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: rgba(0,0,0,0.8);
        width: 100%;
        text-align: center;
        padding: 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 10px 0;
    }
    #nav-toggle {
        display: block;
		padding: 0;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }

/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */
.open{
	padding: 5px;
}
	.open p{
		color:#fff;
		font-size: 16px;
	}

.openplan p.detailstxt{
	font-size: 14px;
}

	.openplan p.detailstxt a{
		text-decoration: underline;
	}

.openplan p.daytxt{
	font-size: 12px;
}

.exhi{
	padding: 5px 10px;
}
	.exhi p{
		color:#fff;
		font-size: 16px;
	}


/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */
footer{
	height: auto;
}
	.footer_logo{
		padding: 10px;
	}

	.footer_logo div{
		width: 100%;
		float: none !important;
		text-align: center;
	}

	.address{
		float: none;
		text-align: center;
		padding: 5px;
		margin: 10px 0 0;
	}

	.addtxt {
		color: #fff;
		background: #4d4d4d;
		float: left;
		padding: 2px 5px;
		margin: 5px 5px 5px 0;
		width: 20%;
	}

	.address br{
		display:block;
	}

	.address2{
		padding: 0;
	}

	.address2 p{
		color: #fff !important;
		width: 77%;
		text-align: left;
		display: inline-block
	}

	.address2 span{
		color: #fff;
		background: #4d4d4d;
		float: left;
		text-align: center;
		padding: 2px 5px;
		margin-right: 5px;
		width: 15%;
	}

	.admission{
		color: #fff;
		background: #4d4d4d;
		float: left;
		text-align: center;
		padding: 2px 5px;
		margin-right: 5px;
		width: 34%;
	}

	.copy{
		width: 100%;
		text-align: center;
	}

	.sp_flogo img{
		width:40%;
	}

.sp_pagetop img{
	width: 25%;
}

}

@media screen and (max-width: 668px) {
	/*グローバルナビゲーション*/
	nav ul li{
		padding: 5px;
		line-height: 1.6;
	}

	nav ul li:first-child{
		padding: 5px;
	}

	nav ul li:last-child{
		padding: 5px;
		border-bottom: none;
	}

	#global-nav .sns_area{
		margin: 10px 0 15px;
	}

	#global-nav .sns_area div{
		margin-top: 0px;
		padding: 0 5px;
	}

	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		padding: 5px 0;
	}
}

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
	.spStyle{
		display: block;
	}

	/*グローバルナビゲーション*/
	nav ul li{
		padding: 5px;
		line-height: 1.6;
	}

	nav ul li:first-child{
		padding: 5px;
	}

	nav ul li:last-child{
		padding: 5px;
		border-bottom: none;
	}


	/* Toggle Button */
	#nav-toggle {
		position: absolute;
		right: 12px;
		top: 10px;
		width: 20%;
		height: auto;
		cursor: pointer;
		z-index: 101;
	}

	/*パンくずリスト*/
	#contentsBlock ol{
		display: none;
	}

	.sp_flogo img{
		width:50%;
	}

	.telbtn{
		margin: 10px 0;
	}
	.telbtn img{
		width: 80%;
	}

	.sp_pagetop img{
		width: 40%;
	}



}


@media screen and (max-width: 479px) {
	.address2 span{
		color: #fff;
		background: #4d4d4d;
		float: left;
		text-align: center;
		padding: 2px 2px;
		margin-right: 5px;
		width: 19%;
	}
}