@charset "UTF-8";
body, input, textarea, select, button{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga", "kern";}
*{margin:0;padding:0;border:none;}
html,body{overflow-x:hidden;}
body{font-family: "adobe-caslon-pro","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;/* word-break: break-all; */font-size:14px;color:#fff;/* padding: 56px 0 0; */background:#000;}
.font,.font *,time,time *{/* font-family:'Source Sans Pro', sans-serif; */}
a{color:#fff;text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
a:link{text-decoration:none;}
a:hover, a:active{text-decoration:none;}
a:hover{text-decoration:none;opacity:.5;filter:alpha(opacity=50);-moz-opacity:0.5;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
a:visited{text-decoration:none;/* color:#000;*/}
.newslist p a,.newslist p a:link{
    border-bottom: 1px rgba(0, 0, 0, 0.65) solid;
    line-height: 14px;
    display: inline-block;
    padding: 0 4px;
    color: #000;
}

p iframe {
    max-width: 100%;
    height: auto;
    min-height: 270px;
    margin: 24px auto;
    display: block;
}

p img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: auto;
    display: block;
}

.none{display:none;}

*[data-show="on-scroll"]
	{transform:scale(.9) translateY(40px);opacity:.2;filter:alpha(opacity=20);filter:-\9;transition-timing-function:ease-out;}

*[data-show="on-scroll"].in-view,
.haika .newslist:first-of-type *[data-show="on-scroll"]:nth-child(-n+15)
	{transform:scale(1) translateY(0);transition-duration:1s;opacity:1;filter:alpha(opacity=100);filter:-\9}

.topimg			{transform:scale(.9);opacity:0;filter:alpha(opacity=0);filter:-\9;transition-timing-function:ease-out;}
.loaded .topimg {transform:scale(1);transition-duration:2s;opacity:1;filter:alpha(opacity=100);filter:-\9}


#load{position: fixed;z-index: 99999999999999;top;0; left: 0;width:100vw;height:100vh;margin:auto;text-align:center;background: rgba(255,255,255,.3);}
#load::before{
    content:'';
    background: url(/static/lampinterren/official/images/logo_lamp1.svg) center center no-repeat;
    background-size:50%;
    display: block;
    width:100px;
    height:100px;
    margin: 0 0 0 -50px;
    position: absolute;
    bottom:46%;
    left: 50%;
}
#load::after{
    content:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2040.76%2080%22%3E%3Ctitle%3Ehonou%3C%2Ftitle%3E%3Cpath%20d%3D%22M24.15%2040a3.76%203.76%200%200%201-1.71%203.39c-1.58.85-.17-1.82-1.4-2.43a1.38%201.38%200%200%200-1.89.79c-.14.52.68%201.6.34%201.86-.83.66-2.16-1.35-2.48-2a6.64%206.64%200%200%201-.11-5c.41-1.28%201.43-3.2%202.8-3.65s1.17%202.07%201.83%202.94%201.42%201.14%201.93%201.92a4.34%204.34%200%200%201%20.68%202.1z%22%2F%3E%3C%2Fsvg%3E);
    display: block;
    width: 50px;
    height: 100px;
    margin: 0 0 0 -25px;
    position: absolute;
    bottom:46%;
    left:50%;
    overflow:hidden;
	filter: contrast(60%) brightness(100%);-webkit-filter: contrast(60%) brightness(100%);
    -webkit-animation: sk-rotateplane 7s infinite ease-in-out;
    animation: sk-rotateplane 7s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
	0% {
	    filter: contrast(60%) brightness(20%);-webkit-filter: contrast(60%) brightness(20%);
	    transform: rotate(4deg) skewX(8deg); -webkit-transform: rotate(4deg) skewX(8deg);
	} 30% {
	    filter: contrast(60%) brightness(120%);-webkit-filter: contrast(60%) brightness(120%);
	    transform: rotate(-2deg) skewX(-9deg); -webkit-transform: rotate(-2deg) skewX(-9deg);
	} 50% {
	    filter: contrast(60%) brightness(90%);-webkit-filter: contrast(60%) brightness(90%);
	    transform: rotate(3deg) skewX(1deg); -webkit-transform: rotate(3deg) skewX(1deg);
	} 60% {
	    filter: contrast(60%) brightness(140%);-webkit-filter: contrast(60%) brightness(140%);
	    transform: rotate(-3deg) skewX(-13deg); -webkit-transform: rotate(-3deg) skewX(-13deg);
	} 100% {
	    filter: contrast(60%) brightness(20%);-webkit-filter: contrast(60%) brightness(20%);
	    transform: rotate(5deg) skewX(8deg); -webkit-transform: rotate(5deg) skewX(8deg);
	}
}
@keyframes sk-rotateplane {
	0% {
	    filter: contrast(60%) brightness(20%);-webkit-filter: contrast(60%) brightness(20%);
	    transform: rotate(4deg) skewX(8deg); -webkit-transform: rotate(4deg) skewX(8deg);
	} 30% {
	    filter: contrast(60%) brightness(120%);-webkit-filter: contrast(60%) brightness(120%);
	    transform: rotate(-2deg) skewX(-9deg); -webkit-transform: rotate(-2deg) skewX(-9deg);
	} 50% {
	    filter: contrast(60%) brightness(90%);-webkit-filter: contrast(60%) brightness(90%);
	    transform: rotate(3deg) skewX(1deg); -webkit-transform: rotate(3deg) skewX(1deg);
	} 60% {
	    filter: contrast(60%) brightness(140%);-webkit-filter: contrast(60%) brightness(140%);
	    transform: rotate(-3deg) skewX(-13deg); -webkit-transform: rotate(-3deg) skewX(-13deg);
	} 100% {
	    filter: contrast(60%) brightness(20%);-webkit-filter: contrast(60%) brightness(20%);
	    transform: rotate(5deg) skewX(8deg); -webkit-transform: rotate(5deg) skewX(8deg);
	}
}



.sp #header{position:fixed;top:0;left:0;width:100%;z-index:999;border-bottom: 1px rgba(255, 255, 255, 0.5) solid;height: 56px;background: rgba(0, 0, 0, 0.8);}
#header h1{margin: 0;padding: 0;display: block;line-height: normal;/* width: 70%; */float: left;display: inline-block;/* max-width: 240px; */}
#header h1 a{display: block;font-size: 20px;padding: 14px 0 24px 22px;}

.sp #header h1 a img {
display: none;
}

.pc #header h1 a img {
    width: 120px;
    height: auto;
    display: block;
    margin: 8px 0 0 0;
}

.pc #header h1 a span {
    display: none;
}

#header p {margin: 0;padding: 0;width: 80px;height: 99%;float: right;text-align: left;}

#header p a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999em;
display:block;
position: relative;
margin: auto;
}
#header p a:before,#header p a:after{display:block;content:"";position: absolute;top: 50%;left: 25%;width: 50%;height:2px;background: #ffffff;transition:.3s;margin: auto;}
#header p a:before{margin-top: -3px;box-shadow: 0 -10px  #fff;}
#header p a:after{margin-top:7px;}

/* popup */
.sp .overlay {height: 98vh;width: 98vw;position: fixed;top: 1vh;bottom: 0;left: 1vw;right: 0;background: rgba(255, 255, 255, 0.9);border: 8px #000 solid;transition: opacity 200ms;visibility: hidden;opacity: 0;box-sizing: border-box;z-index: 999;}

.overlayphoto {height: 98vh;width: 98vw;position: absolute;top: 1vh;bottom: 0;left: 1vw;right: 0;background: rgba(255, 255, 255, 0.9);border: 8px #000 solid;transition: opacity 200ms;visibility: hidden;opacity: 0;box-sizing: border-box;z-index: 999;}

.overlayphoto .img {
    height: 86%;
    width: 92%;
    margin: 4%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}
.overlay .cancel {position: absolute;width: 100%;height: 100%;cursor: default;z-index: 9998;}

.overlay .cancel:before {content: '×';position: absolute;bottom: 10px;right: 10px;color: #999;font-size: 40px;line-height: 14px;text-align: center;}
.overlay:target {
visibility: visible;
opacity: 1;
}
.popup {
margin: 75px auto;
padding: 20px;
background: #fff;
border: 1px solid #666;
width: 300px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
position: relative;
}
.light .popup {
border-color: #aaa;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
.popup h2 {
margin-top: 0;
color: #666;
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
width: 20px;
height: 20px;
top: 20px;
right: 20px;
opacity: 0.8;
transition: all 200ms;
font-size: 24px;
font-weight: bold;
text-decoration: none;
color: #666;
}
.popup .close:hover {
opacity: 1;
}
.popup .content {
max-height: 400px;
overflow: auto;
}
.popup p {
margin: 0 0 1em;
}
.popup p:last-child {
margin: 0;
}

#header h1 a svg{height:100%;}
.sp #header nav{padding: 24px;box-sizing:border-box;margin:auto;height: 100%;}

.sp #header nav ul {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-content: center;
align-items: center;
height: 100%;
}

.sp #header nav ul li {
display: block;
text-align: center;
margin: 0;
padding: 0;
line-height: normal;
}

.sp #header nav ul li a {display: block;margin: 0;padding: 2px 12px;color: #000;font-size: 15px;position: relative;z-index: 99999;}
#header nav a{/* width:90px;*/ display:block;}
#header nav a.sai{float:left;width:60px;}
#header nav a#gofooter{float:right;text-align:right;position:relative;color:#fff;font-size: 22px;line-height:0px;top: 8px;width: 96px;}
#header nav a#gofooter span{color:#fff;text-align:center;display:block;position:absolute;top:-1px;left:0;width:28px;height:2px;margin:0;background:#fff;transition:.2s;}
#header nav a#gofooter span:before,#header nav a#gofooter span:after{ display:block;content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;transition:.3s;}
#header nav a#gofooter span:before{margin-top:-9px;}
#header nav a#gofooter span:after{margin-top:7px;}
#header nav a#gofooter:hover span:before{ transform:translateY(2px);}
#header nav a#gofooter:hover span:after{ transform:translateY(-2px);}

#header nav ul li svg{fill: #000;/* display: block; */width: 100%;height: 100%;max-width: 24px;min-height: 28px;vertical-align:top;}

#header nav ul li span {
display: none;
}
#header .menu{display:none;}
#footer nav ul.sns{display:flex;flex-direction:row;max-width:240px;margin:auto;}
.sns li{width:80px;float:left;display:block;list-style:none;}
.sns li a{padding:8px;display:block;margin:4px;}
.sns li a svg{vertical-align:baseline;fill:#000;width:85%;}
#footer{padding:24px 0 0;}
#footer p{text-align:center;padding:0 24px 24px;}
#footer p img{max-width: 100%;}
#footer nav{padding:0 0 24px 0;}
#footer nav ul{display:flex;list-style:none;clear:both;flex-wrap:wrap;justify-content:center;align-content:center;align-items:flex-start;}
#footer small{display:block;text-align:center;clear:both;font-size:10px;padding:0 0 40px 0;}
#footer nav ul.font{padding:0 0 24px 0;}
#footer nav ul.sns li{width:25%;}
#footer nav ul li{display:block;list-style:none;text-align:center;}
#footer nav ul.font li{width:50%;float:left;font-size:24px;text-transform:uppercase;padding:10px 0;}
a#gotop{padding:16px 0 8px;background:#141414;display:block;margin:0;box-sizing:border-box;}
a#gotop span{width:40px;height:40px;display:block;margin:auto;overflow:hidden;position:relative;}
a#gotop span::before{content:" ";width:40px;height:40px;display:block;margin:auto;border:2px solid #fff;position:absolute;top:15px;left:-1px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.artistbox{ padding:4px 0 1px 24px;margin:32px 0;border-left:2px #ccc solid;}
.artistbox:hover,.artist:focus{border-left:2px #f00 solid;}
#youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 0 24px 0;clear:both;}

#twitterBox {
text-align: center;
}
#youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#topbanerfancy:target {
    display: block !important;
    position: fixed;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
}

#topbanerfancy .fancyboxin {
    max-width: 640px;
    margin: auto;
    padding: 64px 24px;
    position: relative;
    z-index: 9999;
}

#topbanerfancy .fancyboxin > p {
    margin: 1.6em 0;
    font-size: 12px;
}
#topbanerfancy .cancel {position: fixed;width: 100%;height: 100%;cursor: default;z-index: 10000;}
#topbanerfancy .cancel:hover {opacity: 1;}
#topbanerfancy .cancel:before {content: '×';position:fixed;bottom: 28px;right: 20px;color: #fff;font-size: 80px;line-height: 14px;text-align: center;cursor: pointer;z-index: 999;}



/* form */
form{max-width:520px;margin:auto;}
form fieldset{border:none;background:#fff;display:block;position:relative;width:100%;padding:80px 24px 24px 24px;box-sizing:border-box;margin:24px 0;border-radius:8px;background:-moz-linear-gradient(top,  rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(top,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,  rgba(0,0,0,0.08) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#14000000', endColorstr='#00000000',GradientType=0 );}
form legend{display:block;margin:0;padding:16px 24px 0;position:absolute;right:0px;top:0;box-sizing:border-box;width:100%;font-size:24px;color:#fff;font-weight:bold;line-height:normal;text-align:right;}
form legend::first-letter{ font-size:200%;}
form .box{margin:12px 60px;padding:4px 0;clear:both;}
form .box h5{margin:8px 0 8px -23px;padding:1px 0 1px 8px;font-size:15px;border-left:5px solid #149154;line-height:17px;display:block;}
form input,form textarea{padding:4px 8px;font-size:14px;border-radius:5px;letter-spacing:1px;margin:0;box-sizing:border-box;}
form textarea{ height:90px;}
form input[type=radio]{ width:16px;height:16px;vertical-align:middle;}
input.hidden{display:none;}
form input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;top:0px;width:240px;font-size:18px;height:50px;margin:24px auto 40px;display:block;line-height:50px;padding:0;background:#900;color:#fff;border:none;border-radius:6px;box-shadow:0 3px 0px 0 #aaa;letter-spacing:3px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;}
form input[type=submit]:hover{top:2px;box-shadow:0 2px 0px 0 #aaa;opacity:.80;filter:alpha(opacity=80);-moz-opacity:0.80;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
form p{color:#999;font-size:11px;margin:0 0 8px 0;padding:0;line-height:16px;}
form label{display:block;margin:0 0 14px 0;font-size:13px;line-height:normal;padding:1px 0;line-height:16px;cursor:pointer;}
form p.setumei{padding:34px 0 0 0;margin:0;}
form sup{margin:16px 0 0 0;color:red;display:inline-block;vertical-align:top;padding:0;font-size:16px;}
form fieldset.off{ background:#149154;cursor:pointer;border-radius:4px;display:block;}
form fieldset.off .box{ display:none;}
form fieldset.off legend{ color:#fff;font-weight:normal;}
form fieldset.off legend:before{ content:" › ";font-size:25px;vertical-align:sub;line-height:normal;padding:0 0 0 8px;margin:0;}
form input[type="text"], form input[type="datetime-local"], form input[type="email"], form input[type="tel"], form input[type="file"], form select, form textarea{display:block;width:96%;margin:6px 0 0 4%;outline:none;border:1px solid #aaa;-webkit-transition:all .3s;transition:all .3s;}
form .star{float:right;margin-right:2px;}
form input[type="text"]:focus, form input[type="datetime-local"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="file"]:focus, form select:focus, form textarea:focus{box-shadow:0 0 2px #f00;border:1px solid #f00;}
.tyuui{font-size:13px;}
.tyuui dd{ height:auto !important;margin-left:24px;text-indent:-18px;line-height:normal;}
.tyuui dt{}

/*____________________ トップページ ____________________*/
#main{background:#141414;padding:0;}
section h1, section h2, section h3, section h4, section h5, section p,dt{padding: 10px 0;margin: 0;letter-spacing: .06em;line-height: 1.5;}

section p {
    text-align: justify;
    text-justify: inter-ideograph;
}
.midashi{letter-spacing:1px;font-size: 24px;border-bottom: 1px rgba(255, 255, 255, 0.65) solid;line-height: 22px;padding: 4px 4px 0 4px;margin: 8px 2px;text-transform: uppercase;display: inline-block;}

.midashi a {
    color: #fff;
}
section h1.midashi a{color:#fff;}
.newslist{margin: 0 auto 32px;}
.newslist dt a{display:block;}
time{color: #00a5e2;display:block;font-size: 13px;font-family: sans-serif;margin: 0 0 2px;}
.newslist dt{padding: 0;line-height: 26px;display: block;/* overflow:hidden; *//* text-overflow:ellipsis; *//* white-space:nowrap; */margin: 8px 0;}

.haika .newslist dt {
    border-left: 1px rgba(255, 255, 255, 0.65) solid;
    padding: 0 0 0 12px;
    margin: 24px 0 0;
    padding: 0 0 0 12px;
}
dt.acc_open:target{
    padding-top:200px;
}

dt.acc_open:target + .acc_inner {
    display: block !important;
    margin-bottom:160px;
}




.disco .newslist dt{text-align: center;display: block;font-size: small;font-weight: bold;letter-spacing: 3px;border-top: 2px solid rgba(97, 81, 52, 0.1);margin: 0 auto;padding: 24px 0;}

.disco .newslist dt img {
display: block;
margin: 0 auto 4px;
max-height: 140px;
}
.top .newslist dt:nth-child(4), .top .newslist dt:nth-child(5), .top .newslist dt:nth-child(6), .top .newslist dt:nth-child(7), .top .newslist dt:nth-child(8), .top .newslist dt:nth-child(9), .top .newslist dt:nth-child(10), .top .newslist dt:nth-child(11), .top .newslist dt:nth-child(12), .top .newslist dt:nth-child(13), .top .newslist dt:nth-child(14), .top .newslist dt:nth-child(15), .top .newslist dt:nth-child(16), .top .newslist dt:nth-child(17), .top .newslist dt:nth-child(18), .top .newslist dt:nth-child(19), .top .newslist dt:nth-child(20),.top .newslist dt:nth-child(21),.top .newslist dt:nth-child(22),.top .newslist dt:nth-child(23),
.top .newslist dt:nth-child(24),.top .newslist dt:nth-child(25),.top .newslist dt:nth-child(26),.top .newslist dt:nth-child(27),.top .newslist dt:nth-child(28),.top .newslist dt:nth-child(29),.top .newslist dt:nth-child(30),.top .newslist dt:nth-child(31),.top .newslist dt:nth-child(32),
.top .newslist dt:nth-child(33),.top .newslist dt:nth-child(34),.top .newslist dt:nth-child(35),.top .newslist dt:nth-child(36),.top .newslist dt:nth-child(37),.top .newslist dt:nth-child(38),.top .newslist dt:nth-child(39),.top .newslist dt:nth-child(40),.top .newslist dt:nth-child(41)
{display:none;}

.newslist dd{margin: 16px auto 80px;display:block;padding: 16px;background: #ececec;color: #000;}

.newslist dd .jk {
text-align: center;
}
.newslist dd a{/* display:block;*//* padding:16px 0;*/}
.topmonthly{background:#fff;padding:80px 24px 40px;}
.topmonthly p{text-align:center;margin:16px 0;}
.monthlylist  dd{clear:both;margin:16px 0;padding:0;}
.monthlylist  dd a{display:block;overflow:hidden;margin:0;padding:0;font-size:14px;}
.monthlylist  dd a img{float:right;width:72px;box-shadow:0 0 4px rgba(0,0,0,0.13);}
#main{padding: 24px;min-height:40vh;max-width: 960px;margin: 0 auto;overflow: hidden;/* width: 100%; */}

.haika #main {
    max-width: 800px;
    margin-top: 56px;
}

.haika #main section {
    width: 100%;
}

.haika.video #main section iframe {
    max-width: 100%;
    width: 100%;
    clear: both;
    display: block;
    margin: 32px auto;
}

.notop #main section {
max-width: 800px;
margin: 80px auto;
}

.notop #main section.disco {
max-width: 560px;
}
.top .news{padding:0 0 24px 0;}
.topimg{margin: 56px 0 0 0;height: 90vw;width: 100vw;position: relative;max-height: 86vh;z-index: 1;}

.camera_wrap {height: 100% !important;width: 100vw !important;}

.cameraSlide,.cameraappended {
    height: 100% !important;
    width: 100% !important;
}

.camera_wrap img {
    height: 100% !important;
    width: auto !important;
    margin:0 !important;
}
.pc .camera_wrap img {
    height: auto !important;
    width: 100% !important;
    margin:0 !important;
}

.topimg img{width:70%;max-width: 400px;margin:auto;display:block;}

#publicity {position: absolute;z-index: 3;top: 0px;left: 0;height: 90vw;max-height: 86vh;width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#publicity p,.publicitybox p {padding:0;margin:auto;}
.publicitybox{border: 4px solid #000;text-align: center;width: 80%;max-width: 290px;font-size: 14px;line-height: 21px;background-color: #fff;color: #000;display: block;padding: 24px 6px 18px;margin:auto;box-sizing: border-box;white-space: nowrap;}

.topbn {
    margin: 0 auto 32px;
    /* clear: both; */
    text-align: center;
}

.topblog {
    margin: 0 auto 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
}

.topblog ul,.topblog ul li {
    display: inline;
    margin: 0;
    padding: 0;
    width: 100%;
}

.topblog ul li a {
    width: 46%;
    float: left;
    display: block;
    border: 2px #fff solid;
    margin: 0 2%;
    box-sizing: border-box;
    padding: 8px;
}

.topblog ul li a h1 {
    font-size: 15px;
}

.topblog ul li a p {
    font-size: 10px;
}

.topblog dl {
    display: inline;
}

.topblog dl dt {}

#video {
    margin: 0 0 32px 0;
    clear: both;
    width: 100%;
}

#video p {
    margin: 16px 0;
    padding: 0;
}

#video p iframe {
    max-width: 100%;
    height: auto;
}

.topphoto {
    margin: 0 0 32px 0;
}

.topphoto ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
}

.topphoto ul .overlayphoto {
    /* display: none; */
}

.topphoto ul li {
    width: 98%;
    margin: 8px 0;
    min-height: 60px;
    display: block;
}

.topphoto ul li span p {
    display: block;
    margin: 0;
    padding: 6px 0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topphoto ul li a {
    height: 100%;
    min-height: 80px;
    width: 100%;
    border: 1px rgba(255, 255, 255, 0.5) solid;
    display: block;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}

.topphoto ul li:nth-child(n+12) {
    display: none;
}


.topprofile {
    margin: 0px 0 32px;
    padding: 5%;
    clear: both;
    overflow: hidden;
    background-position: 50% 74%;
    height: 60vh;
    width: 100vw;
    /* max-height: 100vh; */
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.31);
}

.topprofile .name {
    font-size: 12px;
    line-height: normal;
}

.topprofile ul {
    display: block;
    font-size: 14px;
    line-height: 0;
}

.topprofile ul li {
    display: inline;
}

.topprofile ul li a {
    font-size: 12px;
    line-height: normal;
}


.haika #main section.live {
    position: relative;
}
.haika #main section.live a.akv{
    position: absolute;
    right: 5px;
    border: 1px solid;
    border-radius: 5px;
    padding: 9px 8px 4px;
    display: block;
    top: 5px;
    line-height: 1;
    font-size: 15px;
    margin: 0;
    letter-spacing: 1px;
}
.haika #main section.live a.akv:hover {
    opacity: 0.5;
}
@media (max-width: 768px) {
  .haika #main section.live a.akv {
      margin: 2px 70% 0 0;
  }
}
@media (max-width: 500px) {
  .haika #main section.live a.akv {
      margin: 2px 0 0;
  }
}

@media all and (min-width:414px){

}
@media all and (min-width:768px){

.goods_button img {
	width:300px;
}


	.topimg{margin:0;}
    body{font-size: 16px;padding: 0;}

	#header{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
	#header:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}

    #main {
        padding: 40px 24px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: flex-start;
        align-items: flex-start;
    }

.haika #main {
    margin-top: 0;
}
    #publicity {}
    .publicitybox{
        max-width: 520px;
        font-size: 27px;
        line-height: 36px;
        margin: auto;
    }
    .top .news, .top .live, .top .media, .top .media, .top .topblog, .top .topphoto, .top #video
    {
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 0 24px 40px;
    }

    .top .media {
        clear: both;
    }

    .topprofile .name {
        top:32px;
        left:64px;
        font-size:20px;
    }

    .topprofile ul {
        top:72px;
        font-size:18px;
        left:72px;
    }
    .topprofile ul li a {
        font-size:18px;
    }
    .topphoto ul li a{min-height: 140px;}
    .haika #main{margin: 159px auto 0;}

    .topblog{
        width: 96% !important;
    }
    .topblog ul li a h1 {
        font-size: 16px;
    }

    .topblog ul li a p {
        font-size: 13px;
    }

    .topphoto ul li:nth-child(n+18) {
        display: none;
    }

}


section.contact {
    padding: 24px 0 32px 0;
    background: #141414;
    display: block;
    margin: 0 0 40px 0;
    box-sizing: border-box;
    text-align: center;
}

section.contact p {
    text-align: center;
}

section.contact p a {
    margin: 8px auto;
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.54);
}

.pc #header p {}

.pc #header p {
    display: none;
}

.pc #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 0 8px;
    box-sizing: border-box;
}

.pc #popup1 {
    float: right;
}

.pc #popup1 .cancel {
    display: none;
}

.pc #popup1 ul {
    display: block;
    text-align: right;
    padding: 24px 16px;
}

.pc #popup1 ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

.pc #popup1 ul li a {
    display: inline;
    padding: 8px 6px;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    text-shadow: 0 1px 0 #000;
}
.pc #header nav ul li svg{fill:#fff;width: 100%;height: 20px;max-width:20px;vertical-align: top;}


@media (max-width: 768px) {
.goods_button img {
    width: 100%;
}
}


section p.bnrGds {
    line-height: 0;
    margin: 0;
    text-align: left;
    padding: 20px 0 10px;
}
section p.bnrGds a{
    margin: 0;
    padding: 0;
    text-align: left;
    display: block;
    width: 300px;
}
section p.bnrGds a img{
    display: inline-block;
}

@media (max-width: 768px) {
  section p.bnrGds a {
      width: 100%;
  }
}