html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color:#333;
	line-height:1.5rem;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height:1.5rem;
	scroll-behavior: smooth;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	font-family: dnp-shuei-gothic-kin-std, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul,li{
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
a{
	text-decoration:none;
	color:#3367c9;
	outline:none;
}
a:hover{
	text-decoration:underline;
}
a:focus {
	
}

a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}
.white{color:#f5f5f5;}
.black{color:#383b4c;}
.navy{color:#1b2e62;}
.blue{color:#3f5ea0;}
.red{color:#c2004f;}

.both{
	clear:both;
}
.both hr{
	display:none;
}

p,li,a{
	font-size:1rem;
}
img {
	max-width:100%;
	display:block;
}
input[type="submit"]{
	border-radius:0;
	-webkit-appearance: none;
}
html,body,#page{
	width:100%;
}
body{
	opacity:0;
	overflow: hidden;
	transition: opacity 0.3s ease 0s;
}
body.v{
	overflow:visible;
	opacity:1;
}
body.b{
	position:relative;
	min-width: 1100px;
}
body.home{
	overflow: visible;
	opacity:1;
}
.site-inner{
	min-width:1100px;
}
.inview{
	position:relative;
	top:20px;
	transition: all 1s ease-out 0s;
	opacity: 0;
}
.td1{transition-delay: 0.1s;}
.td2{transition-delay: 0.2s;}
.td3{transition-delay: 0.3s;}
.td4{transition-delay: 0.4s;}
.td5{transition-delay: 0.5s;}
.td6{transition-delay: 0.6s;}
.td7{transition-delay: 0.7s;}
.td8{transition-delay: 0.8s;}
.td9{transition-delay: 0.9s;}
.td10{transition-delay: 1s;}
.td11{transition-delay: 1.1s;}
.td12{transition-delay: 1.2s;}
.td13{transition-delay: 1.3s;}
.td15{transition-delay: 1.5s;}
.td25{transition-delay: 2.5s;}
.td30{transition-delay: 3s;}
.td35{transition-delay: 3.5s;}
@keyframes fade-in {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fade-in1 {
  0% {opacity: 0;top:20px;}
  100% {opacity: 1;top:0px;}
}
.confirm-content{
	
}
.confirm-content .confirm-content-box{
	background:transparent url(images/asayoru-MV.jpg) no-repeat scroll center top;
	background-size:cover;
	min-height:1280px;
	/*height:100vh;*/
	position:relative;
	opacity:0;
	animation: fade-in 1s ease-out 0s 1 normal forwards;
}
.confirm-content .confirm-content-box .wrapper{
	display: flex;
	align-items: center;
	height: 100vh;
}
.confirm-content .confirm-content-box .wrapper .wrap{
	position: absolute;
	right: 10%;
	margin: -80px 0 0 0;
}
.confirm-content .confirm-content-box .wrapper .wrap .logo{
	margin:0 0 9px;
	position:relative;
	opacity:0;
	animation: fade-in1 1s ease-out .5s 1 normal forwards;
}
.confirm-content .confirm-content-box .wrapper .wrap .confirm{
	background:transparent url(images/enter-18b.png) no-repeat scroll left top;
	width: 464px;
	height: 222px;
	margin: 0 auto;
	padding:50px 0 0 0;
	position:relative;
	opacity:0;
	animation: fade-in1 1s ease-out 1s 1 normal forwards;
}
.confirm-content .confirm-content-box .wrapper .wrap .confirm > img{
	margin:0 auto 34px;
}
.confirm-content .confirm-content-box .wrap .confirm > ul{
	display:flex;
	justify-content:space-between;
	width: 190px;
	margin: 0 auto;
}
#colophon{
	background-color:#fff;
	padding:50px 0 40px;
}
#colophon .logo-m{margin:0 auto 50px;}
#colophon .logo-c{margin:0 auto 50px;}
#colophon small{display:table;margin:0 auto;font-family: dnp-shuei-gothic-kin-std, sans-serif;}

.main-menu{
	position: relative;
	margin: -79px 0 0 0;
	padding: 30px 0;
	background-color: #fff;
	/*position: fixed;
	width: 100%;
	top: 79px;
	z-index: 11;*/
}
.main-menu .main_menu{
	max-width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.main-menu .main_menu li{
	
}
.main-menu .main_menu li a{
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.main-menu .main_menu li:nth-of-type(1) a{
	background:transparent url(images/News.png) no-repeat scroll left top;
	width:47px;
	height:15px;
}
.main-menu .main_menu li:nth-of-type(2) a{
	background:transparent url(images/Introduction.png) no-repeat scroll left top;
	width:108px;
	height:16px;
}
.main-menu .main_menu li:nth-of-type(3) a{
	background:transparent url(images/Story.png) no-repeat scroll left top;
	width:46px;
	height:19px;
}
.main-menu .main_menu li:nth-of-type(4) a{
	background:transparent url(images/Character.png) no-repeat scroll left top;
	width:86px;
	height:15px;
}
.main-menu .main_menu li:nth-of-type(5) a{
	background:transparent url(images/Gallery.png) no-repeat scroll left top;
	width:62px;
	height:19px;
}
.main-menu .main_menu li:nth-of-type(6) a{
	background:transparent url(images/Special.png) no-repeat scroll left top;
	width:62px;
	height:19px;
}
.main-menu .main_menu li:nth-of-type(7) a{
	background:transparent url(images/Product.png) no-repeat scroll left top;
	width:69px;
	height:16px;
}
.main-menu .main_menu li:nth-of-type(8) a{
	background:transparent url(images/support.png) no-repeat scroll left top;
	width:70px;
	height:19px;
}
/*.main-menu .main_menu li:nth-of-type(1) a:hover,.main-menu .main_menu li:nth-of-type(1).active a{background:transparent url(images/News-on.png) no-repeat scroll left top;}*/
.main-menu .main_menu li a:hover{
	text-decoration:none;
}
.main-menu #menu-line {
    position: absolute;
    bottom: 20px;
    height: 2px;
    background-color: #6399ae;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top_content{
	
}
.top_content .main{
	background:transparent url(images/asayoru-MV-top.jpg) no-repeat scroll left top / cover;
	opacity: 0;
	animation: fade-in 0.6s ease-out 0s 1 normal forwards;
	min-height: 100vh;
	position: relative;
}
.nav_menu{
	position: fixed;
	right: 30px;
	top: 15px;
	z-index: 111;
}
.nav_menu .menu_btn{
	background: rgba(25,64,151,0.7) url(images/menu.png) no-repeat scroll center center / 36px 25px;
	width: 58px;
	height: 58px;
	position: relative;
	z-index: 1;
	border-radius: 8px;
	cursor:pointer;
}
.nav_menu .menu_btn.active{
	background: rgba(25,64,151,0.7) url(images/menu-batu.png) no-repeat scroll center / 32px 34px;
}
.nav_menu .menu_btn:hover{
	opacity:0.8;
}
.nav_menu .menu{
	background-color:rgba(63,94,160,0.9);
	height:100vh;
	position: fixed;
	width: 300px;
	top: 0;
	right: -300px;
	
	transition: all 0.5s cubic-bezier(0.000, 0.890, 0.650, 0.995) 0s;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav_menu .menu.active{
	right: 0;
}
.nav_menu .menu ul{
	
}

@keyframes ani{
  0% {
    transform:  translate(0px,20px)  ;
  }
  58% {
    transform:  translate(0px,-3px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes ani{
  0% {
    -moz-transform:  translate(0px,20px)  ;
  }
  58% {
    -moz-transform:  translate(0px,-3px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes ani {
  0% {
    -webkit-transform:  translate(0px,20px)  ;
  }
  58% {
    -webkit-transform:  translate(0px,-3px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes ani {
  0% {
    -o-transform:  translate(0px,20px)  ;
  }
  58% {
    -o-transform:  translate(0px,-3px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes ani {
  0% {
    -ms-transform:  translate(0px,20px)  ;
  }
  58% {
    -ms-transform:  translate(0px,-3px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}

.nav_menu .menu.active ul li{
	animation: ani ease 0.5s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: ani ease 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: ani ease 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: ani ease 0.5s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: ani ease 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	opacity:1;
}
.nav_menu .menu.active ul li:nth-of-type(1){animation-delay:0.15s;transition-delay:0.15s;}
.nav_menu .menu.active ul li:nth-of-type(2){animation-delay:0.2s;transition-delay:0.2s;}
.nav_menu .menu.active ul li:nth-of-type(3){animation-delay:0.25s;transition-delay:0.25s;}
.nav_menu .menu.active ul li:nth-of-type(4){animation-delay:0.3s;transition-delay:0.3s;}
.nav_menu .menu.active ul li:nth-of-type(5){animation-delay:0.35s;transition-delay:0.35s;}
.nav_menu .menu.active ul li:nth-of-type(6){animation-delay:0.4s;transition-delay:0.4s;}
.nav_menu .menu.active ul li:nth-of-type(7){animation-delay:0.45s;transition-delay:0.45s;}
.nav_menu .menu.active ul li:nth-of-type(8){animation-delay:0.5s;transition-delay:0.5s;}
.nav_menu .menu.active ul li:nth-of-type(9){animation-delay:0.55s;transition-delay:0.55s;}
.nav_menu .menu ul li{
	margin: 0 0 34px;
	padding: 0 0 0 65px;
	opacity:0;
	transition: opacity 1s ease 0s;
}
.nav_menu .menu ul li.active a{
	opacity:0.5;
}
.nav_menu .menu ul li:nth-of-type(1) a{
	background:transparent url(images/side-top.png) no-repeat scroll left top;
	width:33px;
	height:18px;
}
.nav_menu .menu ul li:nth-of-type(2) a{
	background:transparent url(images/side-news.png) no-repeat scroll left top;
	width:45px;
	height:15px;
}
.nav_menu .menu ul li:nth-of-type(3) a{
	background:transparent url(images/side-introduction.png) no-repeat scroll left top;
	width:103px;
	height:15px;
}
.nav_menu .menu ul li:nth-of-type(4) a{
	background:transparent url(images/side-story.png) no-repeat scroll left top;
	width:44px;
	height:18px;
}
.nav_menu .menu ul li:nth-of-type(5) a{
	background:transparent url(images/side-character.png) no-repeat scroll left top;
	width:82px;
	height:14px;
}
.nav_menu .menu ul li:nth-of-type(6) a{
	background:transparent url(images/side-gallery.png) no-repeat scroll left top;
	width:60px;
	height:18px;
}
.nav_menu .menu ul li:nth-of-type(7) a{
	background:transparent url(images/side-special.png) no-repeat scroll left top;
	width:59px;
	height:18px;
}
.nav_menu .menu ul li:nth-of-type(8) a{
	background:transparent url(images/side-product.png) no-repeat scroll left top;
	width:65px;
	height:15px;
}
.nav_menu .menu ul li:nth-of-type(9) a{
	background:transparent url(images/side-support.png) no-repeat scroll left top;
	width:66px;
	height:18px;
}
.nav_menu .menu ul li:nth-of-type(10) a{
	background:transparent url(images/twitter-mellowsoft_info.png) no-repeat scroll left top;
	width: 206px;
    height: 36px;
}
.nav_menu .menu ul li a{
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
.top_content .main .announce{
	/*padding: 300px 0 0 0;*/
	display: table;
	position: absolute;
	right: 10%;
	top: 26%;
}
.top_content .main .announce .copy{
	margin:0 auto 30px;
}
.top_content .main .announce .copy.o{
	opacity:0 !important;
	transition-delay: 1s;
	margin-bottom:0;
}
.top_content .main .announce .n{
	max-width: 370px;
	margin: 0 auto;
}
.top_content .main .announce .n > img{
	margin: 0 0 34px;
}
.top_content .main .announce .n > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 18px;
}
.top_content .main .announce .n > div .l{
	display: flex;
	align-items: center;
}
.top_content .main .announce .n > div .l a{
	display:block;
	margin:0 21px 0 0;
}
.top_content .main .announce .n > div .l a:hover{
	opacity:0.8;
}
.top_content .main .announce .n > div > img{
	 
}
.top_content .main .announce .n > div a.t{
	display:block;
	background:transparent url(images/top-title-twt-logo-default.png) no-repeat scroll left top;
	width: 34px;
height: 34px;
}
.top_content .main .announce .n > div a.t:hover{
	background:transparent url(images/top-title-twt-logo-onmouse.png) no-repeat scroll left top;
}
.top_content .u_wrap{
	padding:44px 50px;
	background: #2a3b6c; /* Old browsers */
	background: -moz-linear-gradient(top,  #2a3b6c 0%, #425c96 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2a3b6c 0%,#425c96 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2a3b6c 0%,#425c96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3b6c', endColorstr='#425c96',GradientType=0 ); /* IE6-9 */
	position: relative;
}
.top_content .u_wrap .topic_box{
	margin:0 0 55px;
}
.top_content .u_wrap .topic_box ul{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	max-width:1190px;
	margin:0 auto;
}
.top_content .u_wrap .topic_box ul::after{
	display:block;
	width:31.85%;
	content:"";
}
.safari .top_content .u_wrap .topic_box ul li {
	top: 0px !important;
}
.top_content .u_wrap .topic_box ul li{
	width:31.85%;
	margin:0 0 25px;
}
.top_content .u_wrap .topic_box ul li a{
	display:block;
	overflow:hidden;
}
.top_content .u_wrap .topic_box ul li a img{
	transform:scale(1);
	transition: all 0.5s ease-out 0s;
}
.top_content .u_wrap .topic_box ul li a:hover img{
	transform:scale(1.05);
}

.top_content .u_wrap .topic_box ul li a::after{
	content:"";
	display: block;
	position: absolute;
	z-index: 1;
	right: 10px;
	margin: auto;
	bottom: 5px;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(1) a::after{
	background:transparent url(images/top-topic-bn-t.png) no-repeat scroll left top / contain;
	padding: 17.89% 0 0 0;
	width: 69.39313984168865%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(2) a::after{
	background:transparent url(images/topic-patch-bn-text.png) no-repeat scroll left top / contain;
	padding: 17.905% 0 0 0;
	width: 55.409%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(3) a::after{
	background:transparent url(images/topic-fanza-bn-text.png) no-repeat scroll left top / contain;
	padding: 17.72486772486772% 0 0 0;
	width: 98%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(4) a::after{
	background:transparent url(images/topic-tenpo-bn-text.png) no-repeat scroll left top / contain;
	padding: 17.89% 0 0 0;
	width: 42.74406332453826%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(5) a::after{
	background:transparent url(images/topic-op-bn_tx.png) no-repeat scroll left top / contain;
	padding: 30.07915567282322% 0 0 0;
	width: 100%;
	left: 0;
	top: 0;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(6) a::after{
	background:transparent url(images/top-topic-ost-bn-t.png) no-repeat scroll left top / contain;
	padding: 9.2% 0 0 0;
	width: 81.2664907651715%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(7) a::after{
	background:transparent url(images/topic-twt-txt.png) no-repeat scroll left top / contain;
	padding: 14.03% 0 0 0;
	width: 61.47757255936675%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(8) a::after{
	background:transparent url(images/topic-tw2-txt.png) no-repeat scroll left top / contain;
	padding: 14.03% 0 0 0;
	width: 61.47757255936675%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(9) a::after{
	background:transparent url(images/topic-tw3-txt.png) no-repeat scroll left top / contain;
	padding: 14.03% 0 0 0;
	width: 61.47757255936675%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(10) a::after{
	background:transparent url(images/topic-trial-txt.png) no-repeat scroll left top / contain;
	padding: 13.03% 0 0 0;
	width: 36.36363636363636%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(11) a::after{
	background:transparent url(images/topic-tw4-txt.png) no-repeat scroll left top / contain;
	padding: 14.03% 0 0 0;
	width: 61.47757255936675%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(12) a::after{
	background:transparent url(images/topic-twsozai-bn-txt.png) no-repeat scroll left top / contain;
	padding: 12.288% 0 0 0;
	width: 67.81002638522427%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(13) a::after{
	background:transparent url(images/topic-master-bn-txt.png) no-repeat scroll left top / contain;
	padding: 19.75% 0 0 0;
	width: 63.3245382585752%;
}
.top_content .u_wrap .topic_box ul li:nth-of-type(14) a::after{
	background:transparent url(images/topic-tw5-txt.png) no-repeat scroll left top / contain;
	padding: 19.03% 0 0 0;
	width: 76.2532981530343%;
}
.top_content .u_wrap .news_box{
	max-width:912px;
	margin:0 auto;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:13px 34px;
	height:109px;
	overflow:hidden;
}
.top_content .u_wrap .news_box ul{
	height: 100%;
}
.top_content .u_wrap .news_box ul li{
	display:flex;
	margin: 0 0 5px;
}
.top_content .u_wrap .news_box ul li:last-of-type{
	margin: 0;
}
.top_content .u_wrap .news_box ul li p{
	color:#fff;
	font-weight: 600;
}
.top_content .u_wrap .news_box ul li h3{
	margin: 0 0 0 21px;
	color:#fff;
}
.top_content .u_wrap .news_box .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    width: 5px;
	border-radius: 0;
}
.top_content .u_wrap .news_box .download-main .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #C2004F;
    width: 5px;
}
.top_content .u_wrap .news_box .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #C2004F;
    width: 5px;
	border-radius: 0;
}
.top_content .u_wrap .news_box .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #C2004F;
}
.top_content .u_wrap .news_box .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.top_content .u_wrap .news_box .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.top_content .u_wrap .news_box .mCustomScrollBox:hover > .mCSB_scrollTools,.top_content .u_wrap .news_box .mCustomScrollBox:hover ~ .mCSB_scrollTools,.top_content .u_wrap .news_box .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.top_content .u_wrap .news_box .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity:0.8;
}
.top_content .u_wrap .news_box .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.top_content .u_wrap .news_box  .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #C2004F;
}
.top_content .intro_box{
	background-color:#fff;
}
.top_content .intro_box .wrap{
	background:transparent url(images/intro-bg.png) no-repeat scroll center top / cover;
	padding: 80px 0;
}
.top_content .intro_box .wrap img{
	display: table;
	margin: 0 auto 60px;
}
.top_content .intro_box .wrap a{
	background:transparent url(images/intro-mes-button.png) no-repeat scroll left top;
	display:block;
	width:344px;
	height:69px;
	margin:0 auto;
	cursor: pointer;
}
.top_content .intro_box .wrap a:hover{
	background:transparent url(images/intro-mes-button-onmouse.png) no-repeat scroll left top;
}
.message {
	display: none;
	position:absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.message .bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
/*
.top_content .intro_box .t{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 918px;
	max-width: 918px;
	background-color: #fff;
	max-height: 90vh;
	overflow: auto;
}*/
.message .t {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,5.5%);
	max-height: 90vh;
	overflow: auto;
	width: 918px;
}
.message p {
	background:transparent url(images/interview_img-bg2.jpg) no-repeat scroll top left / cover;
	padding: 90px 70px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
	line-height: 2rem;
	
}
.message p span{
	display: block;
	text-align: right;
	margin: 55px 0 0;
}
.newspopup{
	display: none;
	position:absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newspopup .bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
.newspopup > img{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,5.5%);
	max-height: 90vh;
	overflow: auto;
	width: auto;
}
.newspopup > p{
	position: absolute;
	width: 37px;
	height: 35px;
}
.top_content .story_box{
	padding:80px 13px;
	position: relative;
	background: transparent url(images/story-bg.png) no-repeat fixed center top / cover;
	color: #fff;
}
.top_content .story_box .story{
	margin:0 0 60px;
}
.top_content .story_box .story h2{
	margin: 0 auto 50px;
	display: table;
}
.top_content .story_box .story p{
	color:#fff;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
	max-width:835px;
	margin:0 auto;
	line-height: 4.5rem;
}
.top_content .story_box .story p span{
	color:#fff;
	text-align: right;
	line-height: 4.5rem;
	display: block;
}
.top_content .story_box .story p ruby,.top_content .story_box .story p rt{
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.top_content .story_box .world{
	background:transparent url(images/story-world-base.png) no-repeat scroll left center;
	max-width: 638px;
	margin: 0 auto;
}
.top_content .story_box .world ul{
	display: flex;
	padding: 0px 0 0 220px;
}
.top_content .story_box .world ul li{
	margin: 0 50px 0 0;
	position:relative;
}
.top_content .story_box .world ul li a::after{
	content:"";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	right: 0;
	margin: auto;
	bottom: 0;
}
.top_content .story_box .world ul li:nth-of-type(1) a::after{
	background:transparent url(images/story-world-kinka-text.png) no-repeat scroll left top;
	width: 67px;
	height: 24px;
}
.top_content .story_box .world ul li:nth-of-type(2) a::after{
	background:transparent url(images/story-world-sana-text.png) no-repeat scroll left top;
	width: 137px;
	height: 21px;
}
.top_content .story_box .world ul li a{
	display:block;
	overflow:hidden;
	cursor:pointer;
}
.top_content .story_box .world ul li a img{
	transform:scale(1);
	transition: all 0.5s ease-out 0s;
}
.top_content .story_box .world ul li a:hover img{
	opacity:0.8;
	transform:scale(1.05);
}
.top_content .story_box .world .w_box {
	display: none;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top_content .story_box .world .w_box .bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
.top_content .story_box .world .w_box{
	
}
.top_content .story_box .world .w_box .b{
	background:transparent url(images/story-world-kinka-cg.png) no-repeat scroll left top; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 811px;
	max-width: 918px;
	overflow: auto;
}
.top_content .story_box .world .w_box .b img{
	
}
.top_content .story_box .world .w_box .b p{
	background-color:#f5f5f5;
	padding: 13px 20px;
	font-size: 0.875rem;
	letter-spacing: 3px;
}
.c_box{
	padding:60px 0;
	position: relative;
	background-color:#fff;
}
.c_box > h2{
	margin:0 0 68px;
}
.c_box > h2 img{
	margin:0 auto;
}
.c_box .c-select{
	display: flex;
	justify-content: space-between;
	max-width:890px;
	margin:0 auto 100px;
}
.c_box .c-select li{
	height: 203px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	cursor:pointer;
}
.c_box .c-select li a{
	display: flex;
	overflow: hidden;
	height: 203px;
	align-items: flex-end;
	justify-content: flex-end;
	transition: all 0.3s ease-out 0s;
}
.c_box .c-select li.select a,.c_box .c-select li:hover a{
}
.c_box .c-select li:last-of-type a{
	align-items: center;
	justify-content: center;
}
.c_box .c-select li a img{
	transform:scale(1);
	transition: all 0.3s ease-out 0s;
}
.c_box .c-select li:hover img,.c_box .c-select li.select a img{
	transform:scale(1.1);
}

.c_box .c-select li:nth-of-type(1){width: 167px;}
.c_box .c-select li:nth-of-type(2){width: 164px;}
.c_box .c-select li:nth-of-type(3){width: 162px;}
.c_box .c-select li:nth-of-type(4){width: 165px;}
.c_box .c-select li:nth-of-type(5){width: 164px;}
.c_box .c-select li::before{
	content:"";
	height: 203px;
	display: block;
	position: absolute;
	z-index: 1;
}
.c_box .c-select li:nth-of-type(1)::before{
	background:transparent url(images/chara-asa-frame.png) no-repeat scroll left top;
	width: 167px;
}
.c_box .c-select li:nth-of-type(2)::before{
	background:transparent url(images/chara-koto-frame.png) no-repeat scroll left top;
	width: 164px;
}
.c_box .c-select li:nth-of-type(3)::before{
	background:transparent url(images/chara-miko-frame.png) no-repeat scroll left top;
	width: 162px;
}
.c_box .c-select li:nth-of-type(4)::before{
	background:transparent url(images/chara-ric-frame.png) no-repeat scroll left top;
	width: 165px;
}
.c_box .c-select li:nth-of-type(5)::before{
	background:transparent url(images/chara-aoi-frame.png) no-repeat scroll left top;
	width: 164px;
}
.c_box .c-select li:nth-of-type(1) a{width: 125px;}
.c_box .c-select li:nth-of-type(2) a{width: 140px;}
.c_box .c-select li:nth-of-type(3) a{width: 138px;}
.c_box .c-select li:nth-of-type(4) a{width: 140px;}
.c_box .c-select li:nth-of-type(5) a{width: 138px;}

.c_area{
	max-width: 1030px;
	margin: 0 auto;
	position:relative;
	display:flex;
	z-index: 1;
}
.c_area::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.c_area .chara{
	display: none;
	position: absolute;
	width: 100%;
}
.c_area .chara > div{
	display: flex;
	justify-content: space-between;
}
.c_area .chara > div::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.c_area .chara > div .left{
	width: 282px;
}
.c_area .chara > div .left > img{
	margin: 0 0 50px;
}
.c_area .chara > div .left > .voice{
	margin: 0 0 20px;
	display: flex;
	align-items: center;
}
.c_area .chara > div .left > .voice > img{
	height: 22px;
	margin: 0 21px 0 0;
}
.c_area .chara > div .left > .voice > ul{
	display: flex;
}
.c_area .chara > div .left > .voice > ul li{
	margin:0 13px 0 0;
}
.c_area .chara > div .left > .voice > ul li:last-of-type{
	margin:0;
}
.c_area .chara > div .left > .voice > ul li a{
	display:block;
	background:transparent url(images/voice-play-off.png) no-repeat scroll left top;
	width: 32px;
	height: 27px;
	cursor:pointer;
}
.c_area .chara > div .left > .voice > ul li a:hover{
	opacity:0.8;
}
.c_area .chara > div .left > .voice > ul li a.select{
	display:block;
	background:transparent url(images/voice-play-on.png) no-repeat scroll left top;
}
.c_area .chara > div .left > .voice > ul li a.select:hover{
	opacity: 1;;
}
.c_area .chara > div .left > .voice > ul li:nth-of-type(3) a{
	background:transparent url(images/voice-play-h-off.png) no-repeat scroll left top;
}
.c_area .chara > div .left > .voice > ul li:nth-of-type(3) a.select{
	background:transparent url(images/voice-play-h-on.png) no-repeat scroll left top;
}
.c_area .chara > div .left > .cos{
	display: flex;
	align-items: center;
}
.c_area .chara > div .left > .cos > img{
	height:22px;
	margin: 0 21px 0 0;
}
.c_area .chara > div .left > .cos > ul{
	display: flex;
}
.c_area .chara > div .left > .cos > ul li{
	margin:0 13px 0 0;
	
}

.c_area .chara > div .left > .cos > ul li:last-of-type{
	margin:0;
}
.c_area .chara > div .left > .cos > ul li a{
	width:77px;
	height:38px;
	display:block;
	cursor:pointer;
	overflow:hidden;
	transition: all 0.3s ease-out 0s;
}
.c_area .chara > div .left > .cos > ul li.select a,.c_area .chara > div .left > .cos > ul li a:hover{
	
}
.c_area .chara > div .left > .cos > ul li a img{
	transform:scale(1);
	transition: all 0.3s ease-out 0s;
}
.c_area .chara > div .left > .cos > ul li a:hover img,.c_area .chara > div .left > .cos > ul li.select a img{
	opacity:0.6;
	transform:scale(1.05);
}

.c_area .chara > div > ul.img{
	width:229px;
	position:relative;
}
.c_area .chara > div.koto > ul.img{width:294px;}
.c_area .chara > div.miko > ul.img{width:348px;}
.c_area .chara > div.ric > ul.img{width:336px;}
.c_area .chara > div > ul.img li{
	position: absolute;
	left: 0;
	top: 0;
	display:none;
}
.c_area .chara > div > ul.img li.select{
	display:block;
}
.c_area .chara > div.aoi > ul.img{
	width:98px;
}
.c_area .chara > div.aoi > ul.img li.select{
	top: 35%;
	right: 0;
	margin: auto;
	display: table;
}

.c_area .chara > div > ul.img li img{
	
}
.c_area .chara > div > .text{
	width:373px;
	margin: 49% 0 0 0;
	border-top: 1px solid #000;
	padding: 13px 0 0 0;
	line-height: 1.75rem;
}
.c_area .chara > div.koto > .text{
	width:369px;
}
.back{
	position: absolute;
width: 100%;
top: 50%;
display: flex;
align-items: center;
margin: auto;
left: 0;
right: 0;
max-width: 1030px;
justify-content: space-between;
}
.back .prev,.back .next{
	position:relative;
	z-index:11;
	cursor: pointer;
}
.back .prev:hover,.back .next:hover{
	opacity:0.8;
}
.gallery_box{
	background: #2a3b6c; /* Old browsers */
	background: -moz-linear-gradient(top,  #2a3b6c 0%, #425c96 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2a3b6c 0%,#425c96 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2a3b6c 0%,#425c96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3b6c', endColorstr='#425c96',GradientType=0 ); /* IE6-9 */
	padding:80px 0;
}
.gallery_box > h2{
	margin: 0 auto 50px;
	display: table;
}
.gallery_box > ul{
	max-width:1035px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.gallery_box > ul::before{
	content:"";
	display: block;
	width:23.38%;
	order:1;
}
.gallery_box > ul::after{
	content:"";
	display: block;
	width:23.38%;
}
.gallery_box > ul li{
	margin: 0 0 21px;
	width:23.38%;
}
.gallery_box > ul li a{
	display:block;
	overflow:hidden;
	cursor:pointer;
}
.gallery_box > ul li a img{
	transform:scale(1);
	transition: all 0.5s ease-out 0s;
}
.gallery_box > ul li a:hover img{
	transform:scale(1.05);
}
.m_box {
	display:none;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.m_box .bg{
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.8);
}
.m_box  .slider_wrap{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width:1280px;
}
.m_box  .slider_wrap > img{
	position: absolute;
	transform: translateY(-60%);
	cursor:pointer;
}
.m_box  .slider_wrap > img.prev{
	left: -40px;
}
.m_box  .slider_wrap > img.next{
	right: -40px;
}
.m_box .ul_box{
	width:1280px;
}
.m_box ul{
	opacity:0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(100%,0%);
	width:1280px;
}
.m_box ul li img{
	margin:0 auto;
}
.slick-slider{
	position:relative;
}
.slick-slider > button{
	display: block;
	position: absolute;
	height: 21px;
	width: 21px;
	bottom: -37px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 11;
}
.slick-slider > button:hover{
	opacity:0.8;
}
.slick-slider .slick-prev{
	right: 29px;
	top: unset;
	left: unset;
	background: transparent url("images/gallery-big-sabun-left.png") no-repeat scroll left top !important;
}
.slick-slider .slick-next{
	right: 0;
	top: unset;
	background: transparent url("images/gallery-big-sabun-lright.png") no-repeat scroll left top !important;	
}
.slick-track{
	min-width:3840px;
}
.slick-initialized .slick-slide {
    width:1280px !important;
}
.gallery_box .fancybox-hidden{
	opacity:0;
	height:0;
}
.g-bxslider {
    height: 720px;
}
.g-bxslider li {
	width: 1280px;
}
.fancybox-outer .bx-wrapper {
    box-shadow: none;
    border: none;
    background-color: transparent;
	margin: 0 auto !important;
}
.bx-wrapper .bx-viewport {
    height: 720px;
}
.bxslider.bbxslider > li {
    height: 100%;
    width: 100%;
}

.special_box{
	
}
.special_box > h2{
	
}
.special_box{
	padding:70px 0;
	background-color:#fff;
}
.special_box > h2{
	margin: 0 auto 80px;
	display: table;
}
.special_box > ul{
	max-width:1080px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.special_box > ul li{
	margin:0 0 21px;
	width: 48.7962962962963%;
}
.special_box > ul li a{
	display:block;
	overflow:hidden;
	position: relative;
}
.special_box > ul li a img{
	transform:scale(1);
	transition: all 0.5s ease-out 0s;
}
.special_box > ul li a:hover img{
	transform:scale(1.05);
}
.special_box > ul li a::after{
	content:"";
	display: block;
	position: absolute;
	z-index: 1;
	right: 10px;
	margin: auto;
	bottom: 5px;
}
.special_box > ul li:nth-of-type(1) a::after{
	background:transparent url(images/special-yoyaku-bn-tx.png) no-repeat scroll left top / contain;
	width: 57.1157495256167%;
	padding: 14.29% 0 0 0;
}
.special_box > ul li:nth-of-type(2) a::after{
	background:transparent url(images/special-tenpo-bn-text.png) no-repeat scroll left top / contain;
	width: 35.29411764705882%;
	padding: 14.29% 0 0 0;
}
.special_box > ul li:nth-of-type(3) a::after{
	background:transparent url(images/special-op-bn_tx.png) no-repeat scroll left top / contain;
	width: 100%;
	padding: 26.9449715370019% 0 0 0;
	left: 0;
	top: 0;
}
.special_box > ul li:nth-of-type(4) a::after{
	background:transparent url(images/special-ost-t.png) no-repeat scroll left top / contain;
	width: 68.69070208728653%;
	padding: 7.2% 0 0 0;
}
.special_box > ul li:nth-of-type(5) a::after{
	background:transparent url(images/special-twt-txt.png) no-repeat scroll left top / contain;
	width: 65.84440227703985%;
	padding: 14.037% 0 0 0;
}
.special_box > ul li:nth-of-type(6) a::after{
	background:transparent url(images/special-tw2-txt.png) no-repeat scroll left top / contain;
	width: 65.84440227703985%;
	padding: 14.037% 0 0 0;
}
.special_box > ul li:nth-of-type(7) a::after{
	background:transparent url(images/special-tw3-txt.png) no-repeat scroll left top / contain;
	width: 65.84440227703985%;
	padding: 14.037% 0 0 0;
}
.special_box > ul li:nth-of-type(8) a::after{
	background:transparent url(images/special-trial-txt.png) no-repeat scroll left top / contain;
	width: 30.74003795066414%;
	padding: 11.3% 0 0 0;
}
.special_box > ul li:nth-of-type(9) a::after{
	background:transparent url(images/special-tw4-txt.png) no-repeat scroll left top / contain;
	width: 65.84440227703985%;
	padding: 14.037% 0 0 0;
}
.special_box > ul li:nth-of-type(10) a::after{
	background:transparent url(images/special-twsozai-bn-txt.png) no-repeat scroll left top / contain;
	width: 100%;
	padding: 26.9449715370019% 0 0 0;
	left: 0;
	top: 0;
}
.special_box > ul li:nth-of-type(11) a::after{
	background:transparent url(images/special-tw5-txt.png) no-repeat scroll left top / contain;
	width: 64.13662239089184%;
	padding: 14.4% 0 0 0;
}
/*
.special_box > ul li:nth-of-type(3) a::after{
	background:transparent url(images/special-syusei101-bn-tx.png) no-repeat scroll left top / contain;
	width: 36.4326375711575%;
	padding: 14.29% 0 0 0;
}
.special_box > ul li:nth-of-type(4) a::after{
	background:transparent url(images/special-taiken-bn-tx.png) no-repeat scroll left top / contain;
	width: 22.96015180265655%;
	padding: 8.399% 0 0 0;
}*/
.product_box{
	background:transparent url(images/product-bg.png) no-repeat scroll left top / cover;
	padding:50px 0;
}
.product_box h2{
	margin:0 auto 60px;
	display: table;
}
.product_box table{
	margin:0 auto 60px;
	position: relative;
	right: 20px;
}
.product_box table th{
	text-align: right;
	padding: 8px 13px 8px 0;
}
.product_box table td{
	text-align: left;
	padding: 8px 0px 8px 13px;
}
.product_box table th,.product_box table td{
	color:#fff;
	width: 50%;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.product_box table th,.product_box table td ruby,.product_box table th,.product_box table td rt{
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.site-branding {
	padding:70px 0 90px;
}
.site-branding a{
	display:table;
	margin:0 auto;
}
.site-branding a:hover img{
	opacity:0.8;
}
.topic-content{
	padding: 0 0 89px;
}
.topic-content h2{
	margin:0 auto;
	display: table;
}
.topic-content > .content{
	max-width:1150px;
	margin: 0 auto;
}
.topic-content > .content > div{
	border-bottom:1px solid #000;
	padding:89px 0;
}
.topic-content .yoyaku_content{
	max-width:850px;
	margin:0 auto;
}
.topic-content .yoyaku_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 70px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .yoyaku_content h4{
	text-align:center;
	margin:0 0 55px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
	font-size:1.5rem;
}
.topic-content .yoyaku_content h4.download{
	font-size:1.75rem;
}
.topic-content .yoyaku_content h4.download a{
	font-size:1.75rem;
	text-decoration: underline;
}
.topic-content .yoyaku_content h4.download a:hover{
	text-decoration: none;
}
.topic-content .yoyaku_content .p{
	margin:0 0 21px;
}
.topic-content .yoyaku_content .r{
	color:#ff0000;
	margin:0 0 55px;
}
.topic-content .yoyaku_content .img1{
	margin:0 auto 8px;
}
.topic-content .yoyaku_content .d{
	margin:0 0 89px;
	text-align:center;
}
.topic-content .yoyaku_content .img2{
	margin:0 auto;
	max-width: 540px;
}




.topic-content .tenpo_content{
	max-width:840px;
	margin:0 auto;
}
.topic-content .tenpo_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 120px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .tenpo_content .box{
	margin:0 0 120px;
	display: flex;
	justify-content: space-between;
}
.topic-content .tenpo_content .box > a{
	display:block;
	width:38.8%;
	height: 100%;
}
.topic-content .tenpo_content .box > a:hover{
	opacity:0.8;
}
.topic-content .tenpo_content .box > a img{

}
.topic-content .tenpo_content .box > div{
	width:50%;
}
.topic-content .tenpo_content .box > div h4{
	font-size:1.75rem;
	margin: 0 0 50px;	
}
.topic-content .tenpo_content .box > div p{
	line-height: 2rem;
	margin: 0 0 70px 50px;
}
.topic-content .tenpo_content .box > div a{
	color: #383B4C;
	display: table;
	border: 1px solid #383B4C;
	padding: 8px 45px;
	border-radius: 5px;
	margin: 0 0 21px 50px;
}
.topic-content .tenpo_content .box > div a:hover{
	background-color:#383B4C;
	color:#fff;
	text-decoration:none;
}
.topic-content .tenpo_content .box > div .n{
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.topic-content .original_content{
	max-width:1150px;
	margin:0 auto;
}
.topic-content .original_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 55px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .original_content > p{
	padding: 0 0 0 21px;
	margin: 0 0 55px;
}
.topic-content .original_content .content{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0 21px;
}
.topic-content .original_content .content .box{
	width:43%;
	margin: 0 0 89px;
}
.topic-content .original_content .content .box .img{
	display:block;
	margin:0 0 34px;
}
.topic-content .original_content .content .box .img:hover{
	opacity:0.8;
}
.topic-content .original_content .content .box h4{
	text-align:center;
	margin:0 0 34px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
	font-size:1.5rem;
}
.topic-content .original_content .content .box p {
    line-height: 2rem;
	text-align: center;
	margin: 0 0 21px;
}
.topic-content .original_content .content .box .link{
	color: #383B4C;
	display: table;
	border: 1px solid #383B4C;
	padding: 8px 45px;
	border-radius: 5px;
	margin: 0 auto;
}
.topic-content .original_content .content .box .link:hover{
	background-color:#383B4C;
	color:#fff;
	text-decoration:none;
}

.topic-content .ost_content{
	max-width:950px;
	margin:0 auto;
}
.topic-content .ost_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 70px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .ost_content .p{
	margin:0 0 21px;
}
.topic-content .ost_content .p a{
	text-decoration: underline;
}
.topic-content .ost_content .p a:hover{
	text-decoration: none;
}
.topic-content .ost_content a.booth{
	display: block;
	margin:0 0 21px;
	max-width: 200px;
}
.topic-content .ost_content a.booth:hover{
	opacity: 0.6 !important;
}
.topic-content .ost_content .box{
	display: flex;
	justify-content: space-between;
}
.topic-content .ost_content .box ul{
	width:32%;
}
.topic-content .ost_content .box ul:nth-of-type(1){width:37%;}
.topic-content .ost_content .box ul:nth-of-type(2){width:31%;}
.topic-content .ost_content .box ul:nth-of-type(3){width:28%;}

.topic-content .ost_content .box ul li{
	margin: 0 0 13px;
}
.topic-content .ost_content .box2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:0 auto 55px;
}
.topic-content .ost_content .box2 img{
	width:43%;
}
.topic-content .ost_content .box2 iframe{
	display: block;
	width:52%;
}
.topic-content .op_content{
	max-width:840px;
	margin:0 auto;
}
.topic-content .op_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 70px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .op_content iframe{
	display:block;
	margin:0 auto;
}
.support-content{
	max-width:810px;
	margin:0 auto 89px;
}
.support-content h2{
	margin:0 auto 120px;
	display:table;
}
.support-content .des{
	margin:0 0 78px;
}
.support-content table{
	border-top: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
	width:100%;
	margin: 0 0 34px;
}
.support-content table tr{
	display: flex;
	justify-content: space-between;
}
.support-content table tr:nth-of-type(4) th,.support-content table tr:nth-of-type(5) th{
	align-items:flex-start;
}
.support-content table th{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 35%;
	padding: 8px 13px;
	background-color:#CCCCCC;
}
.support-content table th span{
	background-color:#FF0F00;
	color:#fff;
	font-size: 0.875rem;
	display: block;
	padding: 0 5px;
}
.support-content table td{
	display: block;
	width: 65%;
	padding: 5px;
}
.support-content table th,.support-content table td{
	border-right: 1px solid #B2B2B2;
	border-bottom: 1px solid #B2B2B2;
	
}
.support-content table td input,.support-content table td textarea{
	display:block;
	width:100%;
	padding: 0 5px;
	font-size: 1rem;
	border:none;
	outline:none;
}
.support-content .submit{
	
}
.support-content .submit input[type="submit"]{
	color: #383B4C;
	display: table;
	border: 1px solid #383B4C;
	padding: 5px 70px;
	border-radius: 5px;
	margin: 0 auto;
	background-color: #fff;
	font-size: 1.125rem;
	cursor: pointer;
}
.support-content .submit input[type="submit"]:hover{
	background-color:#383B4C;
	color:#fff;
	text-decoration:none;
}
.fancybox-lock body {
    position: relative;
}
.topic-content .trial_content{
	max-width:840px;
	margin:0 auto;
}

.topic-content .trial_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 70px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .trial_content p{
    line-height: 2rem;
}
.topic-content .trial_content p a{
	text-decoration: underline;
}
.topic-content .trial_content p a:hover{
	text-decoration: none;
}


.topic-content .patch_content{
	max-width:840px;
	margin:0 auto;
}

.topic-content .patch_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 70px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .patch_content p{
    line-height: 2rem;
}
.topic-content .patch_content p a{
	text-decoration: underline;
}
.topic-content .patch_content p a:hover{
	text-decoration: none;
}


.topic-content .twitter_content{
	max-width:1000px;
	margin:0 auto;
}
.topic-content .twitter_content h3{
	font-size:2.25rem;
	text-align:center;
	margin:0 0 70px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .twitter_content h4{
	font-size:1.5rem;
	text-align:center;
	margin:0 0 34px;
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
}
.topic-content .twitter_content .img_box{
	display:flex;
	justify-content: space-between;
	flex-wrap:wrap;
	margin:0 0 89px;
}
.topic-content .twitter_content .img_box a{
	width: 49%;
	margin: 0 0 2%;
	overflow: hidden;
}
.topic-content .twitter_content .img_box a img{
	transition: all 0.5s ease-out 0s;
}
.topic-content .twitter_content .img_box a:hover img{
	transform:scale(1.05);
}
.topic-content .twitter_content .img_box2{
	justify-content:unset;
}
.topic-content .twitter_content .img_box2 a{
	width:unset;
	flex-basis: 19%;
	margin-right: calc(5% / 4);
}
.topic-content .twitter_content .img_box2 a:nth-of-type(5n){
	margin:0;
}
.topic-content .twitter_content .img_box2 a:hover img{
	opacity:0.7;
	transform:unset;
}
.digital_content{
	max-width:812px;
	margin:0 auto 200px;
}
.digital_content > h2{
	margin: 0 0 55px;
}
.digital_content > h2 img{
	margin:0 auto;
}
.digital_content > .box{
	
}
.digital_content > .box .code{
	background-color:#3C4B5A;
	max-width:440px;
	margin:0 auto;
}
.digital_content > .box .code .wrap{
	
}
.digital_content > .box .code .wrap form{
	display: flex;
    flex-direction: column;
	margin: 0 0 55px;
    padding: 34px 55px;
}
.digital_content > .box .code .wrap form input:first-of-type{
	margin:0 0 21px;
	padding: 8px 5px;
	text-align: center;
}
.digital_content > .box .code .wrap form input:first-of-type::placeholder{
	text-align:center;
}
.digital_content > .box .code .wrap form input:last-of-type{
	width: 100px;
    margin: 0 auto;
	cursor: pointer;
}
.digital_content > .box .code .wrap form input:last-of-type:hover{
	opacity:0.8;
}
.digital_content > .box .des{
	
}
.digital_content > .box .des p{
	line-height: 1.75rem;
}
@media screen and (max-width : 768px){
	html,body,#page{
		width:1100px;
	}
	.top_content .main {
		min-height: 800px;
	}
	.fancybox-wrap .fancybox-skin .fancybox-next span,.fancybox-wrap .fancybox-skin .fancybox-prev span {
		background-size: 14px 27px;
	}
	.fancybox-wrap .fancybox-skin .fancybox-prev span {
		left: -25px;
	}
	.fancybox-wrap .fancybox-skin .fancybox-next span {
		right: -16px;
	}
	.fancybox-wrap .fancybox-skin .fancybox-nav span {
		height: 27px;
		width: 14px;
	}
	.iphone .fancybox-wrap .fancybox-skin .fancybox-nav span{
		height: 55px;
		width: 28px;
	}
	.iphone .fancybox-wrap .fancybox-skin .fancybox-next span,.iphone .fancybox-wrap .fancybox-skin .fancybox-prev span {
		background-size: 28px 55px;
	}
	.iphone .fancybox-wrap .fancybox-skin .fancybox-next span {
		right: -45px;
	}
	.iphone .fancybox-wrap .fancybox-skin .fancybox-prev span {
		left: -54px;
	}
	/*.fancybox-wrap .fancybox-close {
		display: none;
	}*/
	.top_content .intro_box .t {
		height: auto;
	}
	.nav_menu {
		overflow:hidden;
		right: 20px;
		top: 20px;
	}
	.nav_menu .menu {
		height: 100%;
	}
	.top_content .intro_box .t{
		height: auto;
		max-height: unset;
	}
	.iphone .top_content .story_box {
		background: transparent url(images/story-bg.png) no-repeat scroll center top / cover;
	}
	.message .t {
		max-height: unset;
		overflow: visible;
		height: 996px;
		transform: translate(-50%,50%);
	}
	.newspopup > img {
		max-height: unset;
		overflow: visible;
		height: 1010px;
		transform: translate(-50%,50%);
	}
	.newspopup > p {
		max-height: unset;
		overflow: visible;
		height: 915px;
		transform: translate(-50%,50%);
		left: 95.5% !important;
	}
	/*
	.iphone .top_content .story_box::before {
		background: url(images/story-bg.png) no-repeat center center / cover;
		content: "";
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: -1;
	}*/
	.m_box .slider_wrap{
		width: 897px;
	}
	.m_box .ul_box{
		width: 897px;
	}
	.m_box ul{
		width: 897px;
	}
	.slick-initialized .slick-slide {
		width: 897px !important;
	}
	.m_box .slider_wrap > img.prev {
		left: -60px;
	}
	.m_box .slider_wrap > img.next {
		right: -60px;
	}
	.slick-slider .slick-prev {
		right: 60px;
		background: transparent url("images/gallery-big-sabun-left.png") no-repeat scroll left top / 42px 42px !important;
	}
	.slick-slider .slick-next {
		background: transparent url("images/gallery-big-sabun-lright.png") no-repeat scroll left top / 42px 42px !important;
	}
	.slick-slider > button {
		height: 42px;
		width: 42px;
		bottom: -75px;
	}
}