@charset "utf-8";

body{min-width:1000px;}

/* sp_menu */
#checked,.menu-btn,.drawer-menu{display:none;}

.bg1{background:url(../img/bg1_2.jpg);
	background-size:cover;
	background-position:center center;
	/*background:rgba(0,0,0,1.00);*/
	width:100%;
	/*min-width:1000px;*/
	height:100%;
	position:fixed; top:0;
	z-index:-2;}

.blur{-webkit-filter: blur(10px);
    filter: blur(10px);}

@media all and (-ms-high-contrast: none){
  .blur{background:url(../img/bg1_3.jpg);
	background-size:cover;
	background-position:center center; /* IE10以上 */
  }
}

header{width:100%;
	height:60px;
	position:fixed; top:0;
	overflow:hidden;
	background:rgba(255,255,255,0.50);}

.cap_set_logo{height:50px;
	margin:5px 10px;
	float:left;}
	
.cap_set_logo img{height:100%;}

.menubtn{height:40px;
	margin:10px;
	float:right;}

.menubtn_inner{display:inline-block;
	overflow:hidden;}

.menubtn1{/*width:150px;*/
	height:40px;
	padding:0 2.5px;
	float:left;}
	
.menubtn_inner img{width:100%;
	height:100%;}
	
.menu_top{background:url(../img/menubtn_top1_2.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:93px;}
	
.menu_top:hover{background:url(../img/menubtn_top2_2.png);
	background-repeat:no-repeat;
	background-position:center center;}

.menu_cast{background:url(../img/menubtn_cast1.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:150px;}
	
.menu_cast:hover{background:url(../img/menubtn_cast2.png);
	background-repeat:no-repeat;
	background-position:center center;}

.menu_info{background:url(../img/menubtn_info1_2.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:110px;}
	
.menu_info:hover{background:url(../img/menubtn_info2_2.png);
	background-repeat:no-repeat;
	background-position:center center;}

.menu_ticket{background:url(../img/menubtn_ticket1_2.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:107px;}
	
.menu_ticket:hover{background:url(../img/menubtn_ticket2_2.png);
	background-repeat:no-repeat;
	background-position:center center;}
	
.menu_creator{background:url(../img/menubtn_creator1.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:150px;}
	
.menu_creator:hover{background:url(../img/menubtn_creator2.png);
	background-repeat:no-repeat;
	background-position:center center;}

.menu_goods{background:url(../img/menubtn_goods1_2.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:92px;}
	
.menu_goods:hover{background:url(../img/menubtn_goods2_2.png);
	background-repeat:no-repeat;
	background-position:center center;}
	
.menu_qa{background:url(../img/menubtn_qa1_2.png);
	background-repeat:no-repeat;
	background-position:center center;
	width:84px;}
	
.menu_qa:hover{background:url(../img/menubtn_qa2_2.png);
	background-repeat:no-repeat;
	background-position:center center;}

.top_logo{width:100%;
	text-align:center;
	padding:10px 0;
	margin-top:60px;
	background:rgba(14,28,73,1.00);}

.top_logo img{height:120px;}

.block1{width:100%;
	padding:50px 0 10px;}

.bg_white{background:rgba(255,255,255,0.50);
	padding-bottom:50px;}

.title2{width:100%;
	height:50px;}
	
.title2 img{height:100%;}

.title1{width:900px;
	height:50px;
	margin:0 auto 5px;}
	
.title1 img{height:50px;}

.window1{width:880px;
	padding:10px;
	margin:0 auto;
	line-height:20px;
	font-size:14px;
	color:rgba(255,255,255,1.00);
	background:url(../img/bg_window1.png) repeat;
	border-radius:5px;
	border:rgba(140,98,57,1.00) solid 2px;}

.border{width:100%;
	height:1px;
	margin:15px auto;
	background:rgba(255,255,255,0.50);}

.spacer{width:100%;
	height:30px;}

.item1_name{width:170px;
	padding:0 5px;
	height:0;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	border-bottom:25px solid rgba(170,0,0,1.00);
	border-right: 20px solid transparent;
	color:rgba(255,255,255,1.00);}
	
.item2_name{width:250px;
	padding:0 5px;
	height:0;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	border-bottom:25px solid rgba(14,28,73,1.00);
	border-right: 20px solid transparent;
	color:rgba(255,255,255,1.00);}
	
.item3_name{width:250px;
	padding:0 5px;
	height:0;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	border-bottom:25px solid rgba(170,0,0,1.00);
	border-right: 20px solid transparent;
	color:rgba(255,255,255,1.00);}
	
.item4_name{width:250px;
	padding:0 5px;
	height:0;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	border-bottom:25px solid rgba(14,28,73,1.00);
	border-right: 20px solid transparent;
	color:rgba(255,255,255,1.00);}
	
.item_detail1{line-height:24px;
	padding:10px 5px;
	font-size:16px;}

.item_detail1 p{color:rgba(255,118,0,1.00);}

ul.listmarker1 {
	list-style-type: none;
	margin-left:12px;
}
ul.listmarker1 li:before {
	content: '※'; 
	margin-left:-12px; 
}

footer{width:100%;
	padding:20px 0 10px;
	text-align:center;
	background:rgba(27,20,100,1.00);}

.footer_logo{width:300px;
	margin:0 auto;}
	
.footer_logo img{width:100%;}

.sns_link{padding:10px 0 20px;}

.sns_link_share{width:135px;
	margin:5px auto;
	font-size:10px;
	color:rgba(255,255,255,1.00);
	padding:1px 0;
	text-align:center;
	border:rgba(255,255,255,1.00) solid 1px;}

.sns_link img{height:30px;}

.sns_link img:hover{opacity:0.7;}
	
.copyright{font-size:12px;
	color:rgba(255,255,255,1.00);}

/* gotop */
.gotop{width:50px;
	height:50px;
	text-align:center;
	position:fixed; bottom:10px; right:10px;
	border-radius:5px;
	z-index:3;}

.gotop img{width:100%;
	height:100%;}

.gotop:hover{opacity:0.7;}

/* goticket */
.goticket{height:50px;
	position:fixed; bottom:10px; left:10px;
	z-index:3;}
	
.goticket img{height:100%;}

.goticket:hover{opacity:0.7;}

@media screen and ( max-width:1131px )
{
/* drawer menu */
.drawer-menu{display:block;}

.drawer-menu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 100%;
    width: 220px;
    height: 100vh;
    padding: 70px 0 70px;
    background:rgba(0,0,0,0.90);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
	border-left:rgba(255,255,255,0.10) solid 1px;
    /*-webkit-transform: perspective(500px) rotateY(90deg);
    transform: perspective(500px) rotateY(90deg);*/
	overflow-y:hidden;
    opacity: 1;
	z-index:8;
}

.drawer-menu li {
    text-align: left;
	margin:0;
	padding:0 0 0 10px;
}

.drawer-menu li img {height:40px;}

.sp_menu_spacer{width:200px;
	height:5px;}

.menu_head{font-size:28px;
	padding-bottom:10px;
	color:rgba(255,255,255,0.50);
	border-bottom:rgba(255,255,255,0.50) solid 1px;}

/*.drawer-menu li a:hover {
    color: #1a1e24;
    background: #fff;
}*/

/* checkbox */
.check {
    display: none;
}

/* menu button - label tag */
.menu-btn {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 40px;
    height: 40px;
	padding:10px;
    font-size:10px;
    text-align: center;
    cursor: pointer;
	background:rgba(0,113,188,1.00);
    z-index: 9;
}

.bar {
    position: absolute;
    top: 18px;
    left: 15px;
    display: block;
    width: 30px;
    height: 2px;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.bar.middle {
    top: 29px;
    opacity: 1;
}

.bar.bottom {
    top: 41px;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
}

.menu-btn_text {
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    visibility: visible;
    opacity: 1;
}

.menu-btn:hover .bar {
    background:rgba(255,255,255,1.00);
}

.menu-btn:hover .menu-btn__text {
    color:rgba(255,255,255,1.00);
}

.close-menu {
    position: fixed;
    top: 0;
    left: 220px;
    width: 100%;
    height: 100vh;
    /*background: rgba(0,0,0,0);
    cursor: url(http://theorthodoxworks.com/demo/images/cross.svg),auto;*/
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}

/* checked */
.check:checked ~ .drawer-menu {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(-220px);
    -ms-transform: translateX(-220px);
    transform:translateX(-220px);
    left: 100%;
	opacity: 1;
    z-index: 8;
}

.check:checked ~ .container {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.check:checked ~ .menu-btn .menu-btn__text {
    visibility: hidden;
    opacity: 0;
}

.check:checked ~ .menu-btn .bar.top {
    width: 36px;
	top:17px;
	left:17.5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check:checked ~ .menu-btn .bar.middle {
    opacity: 0;
}

.check:checked ~ .menu-btn .bar.bottom {
    width: 36px;
    top: 42px;
	left:17.5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.check:checked ~ .close-menu {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background: rgba(0,0,0,0);
    visibility: visible;
    opacity: 1;
    z-index: 3;
}
}

@media screen and ( max-width:736px )
{
body{min-width:320px;}
	
.bg1{min-width:320px;}

.cap_set_logo{height:50px;
	max-width:420px;
	margin:10px 0 0 10px;}
	
.block1{width:100%;
	padding:15px 0;}
	
.title2{width:100%;
	height:50px;}
	
.title2 img{height:100%;}

.title1{width:90%;
	max-width:420px;}
	
.title1 img{height:50px;}
	
.window1{width:90%;
	max-width:420px;}

.item1_name{width:150px;
	line-height:25px;
	font-size:14px;}
	
.item2_name{width:250px;
	line-height:25px;
	font-size:14px;}
	
.item3_name,.item4_name{width:250px;
	line-height:25px;
	font-size:14px;}
	
.item_detail1{line-height:24px;
	padding:10px 0;
	font-size:14px;}
	
footer{padding-bottom:70px;}

.sns_link img:hover{opacity:1.0;}
		
.gotop:hover{opacity:1.0;}

.goticket:hover{opacity:1.0;}
	
}