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

body,h1,h2,h3,h4,ul,li,dl,dt,dd,p,a,div,span,address{margin:0;padding:0;}

body{
	color:#420;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media (min-width:768px) {html {overflow-y:scroll;}}

ul{list-style:none;}
div,img,a{border:none;}
a:link{outline:none;}
a:visited{outline:none;}
a:hover{outline:none;}
a:active{outline:none;}





/* =head_nav
------------------------------- */

header nav.navbar{margin-bottom:0;height:64px;}
header ul.navbar-nav{z-index: 100000;position: relative;}

.navbar .container{position:relative; z-index:100000;}

.navbar{
	background:url(../../img/bg/bg_bk.jpg) repeat;
	height:inherit;
	border:none;
	border-radius:0;
}
.navbar .navbar-brand{padding:13px 0 0 0;}
.navbar .navbar-header{height:64px;}
.navbar .navbar-nav{background:url(../../img/bg/bg_wh.jpg) repeat;margin:0;}
.navbar .navbar-nav li{border-top:solid 1px #dfdcd9;}
.navbar .navbar-nav li:first-child{border-top:none;}
.navbar .navbar-nav li a{margin:0;padding:0;transition:background 0.5s ease-in-out;}
.navbar .navbar-nav li .dropdown-menu a:hover{background:#f9a;}

header.hidden-xs{
	box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}
.hidden-xs .navbar-nav{margin:12px 0 0 0;border-radius:2px; background:#000;}
header>nav>.container>#navbar>ul.navbar-nav{
	margin-bottom:10px;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}
.hidden-xs .dropdown{width:200px;border-radius:2px;}
.hidden-xs .dropdown .dropdown-toggle{background:url(../../img/bg/bg_bk.jpg) repeat;}
.hidden-xs .dropdown .dropdown-toggle img{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
.hidden-xs .dropdown .dropdown-toggle img:hover{filter:alpha(opacity=50);opacity:0.5;}
.hidden-xs .dropdown-menu{
	margin:0;
	padding:0;
	border:none;
	background:url(../../img/bg/bg_wh.jpg) repeat;
	margin-bottom:10px;
	border-radius:2px;
}
.hidden-xs .dropdown-menu li:first-child{border-top:solid 1px #ccc;}

.hidden-sm .navbar .navbar-nav li img{margin:0 0 0 15px;}
.hidden-sm .navbar .navbar-nav li a:hover{background:#f9a;}
.top .hidden-sm .navbar .navbar-nav li img{margin:0 ;}
.top .hidden-sm .navbar .navbar-nav li{margin:0 ;}
.top header>nav>.container>#navbar>ul.navbar-nav{margin-bottom:0;}

.top .navbar{background:url(../../img/bg/bg_wh.jpg) repeat;margin:0;}
.top .navbar .navbar-header{background:url(../../img/bg/bg_bk.jpg) repeat;}
.top .navbar-special .navbar-nav li{border-top:solid 1px #dfdcd9;}
.top .navbar-special .navbar-nav li:first-child{border-top:none;}
.top .navbar-special .navbar-nav li a{margin:0;padding:0;transition:background 0.5s ease-in-out;}
.top .navbar-special .navbar-nav li a:hover{background:#f9a;}

.navbar-fixed-top .navbar-collapse{max-height:inherit;}
.navbar .navbar-nav li{margin:0;}
.navbar-collapse {padding-right:0px;padding-left:0px;border-top:none;}

.navbar-toggle{border-radius:2px;}

.navbar-nav li.disabled a{filter:alpha(opacity=30);opacity:0.3;}
.navbar .navbar-nav li .dropdown-menu li.disabled a:hover{background:transparent;}
.hidden-sm .navbar .navbar-nav li.disabled a:hover{background:transparent;}
.top .navbar-special .navbar-nav li.disabled a:hover{background:transparent;}

.navbar-toggle {
    padding:0;
    margin-top:13px;
    margin-right:11px;
    margin-bottom:0;
    border:none;
	transition:0.3s ease-in;
    filter:alpha(opacity=100);
    opacity:1;
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover,.navbar-special button{background-color:transparent;}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover,.navbar-special button:hover{filter:alpha(opacity=50);opacity:0.5;}

@media (min-width: 768px)
{
	.hidden-xs .navbar .container{position:static;}
	.hidden-xs .navbar-right{margin-right:0;position:absolute;right:12px;}
}





/* =container
-------------------------------------------------------------- */





/* =footer
-------------------------------------------------------------- */

#footer nav ul{padding:0;margin:0;}
#footer nav ul li{
	padding:0;
	display:inline-block;
	vertical-align:middle;
}

#footer nav ul li a:after{content:' / ';}
#footer nav ul li:last-child a:after{content:'';}

#footer .twitter-share-button{ margin-top:9px;}
#footer nav ul li{margin-left:0px;}
#footer nav ul li .twitter-share-button,
#footer nav ul li img{margin-left:5px;}
#footer nav ul li:first-child{margin-left:0;}
#footer nav ul li a{color:#afaca9;transition:color 0.5s ease-in-out;}
#footer nav ul li a:hover{color:#f9a;text-decoration:none;}
#footer nav ul li.disabled a{color:#5f5c59;cursor:not-allowed;}
#footer nav ul li.disabled a:hover{color:#5f5c59;}

#footer{
	padding-bottom:6px;
	font-size:11px;
	text-align:center;
	line-height:200%;
	padding-left:12px;
	min-height:60px;
	color:#afaca9;
	background:url(../../img/bg/bg_bk.jpg) repeat #000;
}

.top #footer{background:none;min-height:50px;}



/* =更新履歴閉じ対応
------------------------------- */
/*
@media (max-width: 767px)
{
.top #footer{ margin-top:16px}
}

@media (min-width:768px) 
{
.top #footer{position:fixed; bottom:0px; text-align:center; width:100%;}
}
*/



/* =media queries
-------------------------------------------------------------- */

@media (max-width: 767px)
{
body{overflow-x:hidden;}
.navbar .navbar-brand{padding-left:12px;}
}





/* =top page
-------------------------------------------------------------- */

body.top{background-image:url(../../img/ob/to_mainimg_01.jpg);}

.top .navbar .navbar-brand{padding-top:14px;}

.top #col-right .panel a,.top #col-right .nav a,.top #col-left .panel a{color:#420; text-decoration:underline;transition:color 0.5s ease-in-out;}
.top #col-right .panel a:hover,.top #col-right .nav a:hover,.top #col-left .panel a:hover{color:#f9a;}

.top .to_logo,.top .to_date,.top .to_copy{position:absolute;}
.top .to_logo{margin:0 0 0 0;top:0;left:-75px}
.top .to_date{margin:0 0 0 0;top:199px;left:122px;}
.top .to_copy{margin:0 0 0 170px;top:37px;left:50%;}





/* =menu
------------------------------- */

.top #col-right .nav{
	box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
}

.top #col-right .nav>li{
	padding:0;
	background:url(../../img/bg/bg_wh.jpg) #fff;
	max-height:41px;
}

.top #col-right .nav li a{padding:0;transition:background 0.5s ease-in-out;border-radius:0;}
.top #col-right .nav>li a:hover{background:#f9a;}

.top #col-right .nav>li:first-of-type{border-radius:2px 2px 0 0;}
.top #col-right .nav>li:last-of-type{border-radius:0 0 2px 2px;}

.top #col-right .nav>li:first-of-type a:hover{border-radius:2px 2px 0 0;}
.top #col-right .nav>li:last-of-type a:hover{border-radius:0 0 2px 2px;}

.top #col-right .nav>li:first-child{border-bottom:1px solid #ccc;}

.top #col-right .nav>li.navbar-brand{color:#fff;background:url(../../img/bg/bg_bk.jpg) repeat #000;}

.top #col-right .nav>li.disabled a{filter:alpha(opacity=30);opacity:0.3;}
.top #col-right .nav>li.disabled a:hover{background:none;}





/* =news
------------------------------- */

.top #col-right .panel{
	padding-bottom:12px;
	border:none;
	border-radius:2px;
	background:url(../../img/bg/bg_wh.jpg) #fff;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
}

.top #col-right .panel-heading{
	padding:0;
	background:url(../../img/bg/bg_bk.jpg) repeat #000;
	border-radius:2px 2px 0 0;
}

.top #col-right .panel-body{max-height:318px;font-size:12px;}

.top #col-right .panel-body time{color: #c68;border-right:1px solid #420;}

.list-group-item {background-color:transparent;text-align:justify;}




/* =topics
------------------------------- */

.top #col-left .panel{
	border:none;
	border-radius:2px;
	background:url(../../img/bg/bg_wh.jpg) #fff;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
}

.top #col-left .panel-heading{
	padding:0;
	text-align:center;
	background:url(../../img/bg/bg_bk.jpg) repeat #000;
	border-bottom:solid 1px #ccc;
	border-radius:2px 2px 0 0;
}

.top #col-left .panel:after{
	content:url(../../img/ob/to_topics_foot.png);
	margin-left: -20px;
	bottom:-27px;
}

.top #col-left .panel.panel_ban a img{
	border-radius:2px;
	background:#fff;
	transition:0.3s ease-in;
	filter:alpha(opacity=100);
	opacity:1;
}
.top #col-left .panel.panel_ban a img:hover{filter:alpha(opacity=70);opacity:0.7;}
.top #col-left .panel.panel_ban:after{content:inherit;}

.top #col-left .panel-body img{
	box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
}

.top #col-left .panel-body a{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
.top #col-left .panel-body a:hover{filter:alpha(opacity=70);opacity:0.7;}





/* =top footer
------------------------------- */

#footer nav ul li.disabled a{color:rgba(150,145,140,0.5);cursor:not-allowed;}
#footer nav ul li.disabled a:hover{color:rgba(150,145,140,0.5)}





/* =top media queries
------------------------------- */

@media (max-width: 767px)
{

body.top {background:url(../../img/bg/bg_wh.jpg) repeat;background-color:#fff;}

.top .to_logo,.top .to_date,.to_copy{display:none;}

.top #col-left .panel-body p{margin-left:10px;}

.top #footer{color:#5f5c59;}

.top #footer nav ul li a{color:#5f5c59;transition:color 0.5s ease-in-out;}
.top #footer nav ul li a:hover{color:#f9a;text-decoration:none;}
.top #footer nav ul li.disabled a{color:#afaca9;cursor:not-allowed;}
.top #footer nav ul li.disabled a:hover{color:#afaca9;}
}

@media (min-width:768px) and (max-width:992px)
{
.top .to_logo{
	margin:0 0 0 0;
	width:610px;
	position:absolute;
	top:0;
	left:-75px;
}
.top .to_date{
	margin:0 0 0 0;
	position:absolute;
	width:361px;
	top:165px;
	left:64px;
}
.top .to_copy{
	margin:0 0 0 120px;
	position:absolute;
	width:78px;
	top:40px;
	left:50%;
}
	
}





/* =products
-------------------------------------------------------------- */

body.products{
	background:url(../../img/bg/pr_bg.jpg) no-repeat;
	background-size:cover;
	background-attachment:fixed;
}

.products .navbar .navbar-brand{padding-top:12px;}

.products .col-xs-12 .pro_wrap{
	margin:36px auto 0 auto;
	width:95%;
	border-top:solid 1px rgba(223,220,217,0.5) ;
	clear:both;
}
.products .col-xs-12 .pro_wrap:first-child{border:none;}
.products .col-xs-12 .pro_wrap:last-child{margin-bottom:60px;}
.products .col-xs-12 .pro_wrap h2 img{margin:36px 0 0 -36px;}
.products .col-xs-12 .pro_wrap.pro_wrap_01 h2 img{margin:36px 0 0 -41px;}
.products .col-xs-12 dl{margin:24px 0 0 0;}
.products .col-xs-12 dt,.products .col-xs-12 dd{display:inline-block;padding:0;margin:0;}
.products .col-xs-12 dt{
	min-width:9em;
	color:#f9f6f3;
	font-size:11px;
	text-align:center;
	padding:0.2em 0;
	border-radius:3px;
	margin-right:1em;
	background-color:#442200;
}
.products .col-xs-12 dd{font-size:14px;}
.products .row .col-xs-12{letter-spacing:0;}
.products .col-xs-12 dd a{color:#420;}

.products .col-xs-12 .pro_wrap h3{
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.products .col-xs-12 .pri_wrap{
	margin:0 0 0 -21px;
	padding:0 0 0 15px;
	border-left:solid 6px #f89;
}
.products .col-xs-12 .pri_wrap h3{margin:36px 0 0 0;}
.products .col-xs-12 .pri_wrap h3 em{
	font-size:36px;
	font-style:normal;
	width:300px;
	display:inline-block;
}
.products .col-xs-12 .pri_wrap h3 small{
	font-size:24px;
	color:#420;
	display:inline-block;
}

.products .col-xs-12 .pro_wrap ul{
	margin:36px 0 0 0;
	max-width:660px;
	color:#a97;
	font-size:11px;
	line-height:20px;
	clear:both;
}
.products .col-xs-12 .pro_wrap ul li:first-child{margin-bottom:1em;}
.products .col-xs-12 .pro_wrap ul li a{color:#a97;text-decoration:underline;}
.products .col-xs-12 .pro_wrap ul li a:hover{color:#420;}

.products .col-xs-12 .pro_wrap .pri_type{
	margin:24px 0 0 0;
	padding:24px;
	max-width:100%;
	background:url(../../img/bg/bg_re.jpg) repeat;
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	clear:both;
}
.products .col-xs-12 .pro_wrap ul+.pri_type{margin-top:36px;}
.products .col-xs-12 .pro_wrap .pri_type_img{
	margin:0 2.5% 0 0;
	width:20%;
	background:rgba(100,20,0,0.06);
	border-radius:2px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.06) inset;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.06) inset;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.06) inset;
	float:left;
}
.products .col-xs-12 .pro_wrap .pri_type_txt{float:left;width:77.5%;}
.products .col-xs-12 .pro_wrap .pri_type h3{
	margin:0 0 12px 0;
	padding:0 0 12px 33px;
	font-size:24px;
	background:url(../../img/ob/pr_img/pr_type_head.png) no-repeat 0 3px;
	border-bottom:solid 1px #e3d3b3;
}
.products .col-xs-12 .pro_wrap .pri_type em{
	margin:0 0 0 12px;
	font-size:17px;
	font-style:normal;
}
.products .col-xs-12 .pro_wrap .pri_type p{
	color:#fff;
	text-align:justify;
	font-size:14px;
	line-height:25px;
}
.products .col-xs-12 .pro_wrap .pri_type p a{color:#fff;text-decoration:underline;}
.products .col-xs-12 .pro_wrap .pri_type p a:hover{color:#fe9;}

.products .col-xs-12 .pro_wrap .pri_type  a.item_sample{
	margin:9px 9px 0 0;
	padding:0;
	width:80px;
	height:24px;
	color:#420;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	line-height:22px;
	border:2px solid #420;
	border-radius:2px;
	display:inline-block;
	transition:background 0.5s ease-in-out;
}
.products .col-xs-12 .pro_wrap .pri_type  a.item_sample:hover{background:#e3d3b3;color:#420;}


.products .col-xs-12 .pro_wrap .pri_l,
.products .col-xs-12 .pro_wrap .pri_s{
	margin:36px 0 0 0;
	background:url(../../img/bg/bg_re.jpg) repeat;
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
	float:left;
}

.products .col-xs-12 .pro_wrap .pri_l_b,
.products .col-xs-12 .pro_wrap .pri_s_b,
.products .col-xs-12 .pro_wrap .pri_s_c,
.products .col-xs-12 .pro_wrap .pri_s_d
{margin-left:2%;}
.products .col-xs-12 .pro_wrap .pri_l{width:49%;}
.products .col-xs-12 .pro_wrap .pri_s{width:23.5%;}

.products .col-xs-12 .pro_wrap .pri_l+.pri_s{clear:both;}

.products .col-xs-12 .pro_wrap.pro_wrap_05 strong{
	margin:12px;
	padding:0 0 0 33px;
	height:34px;
	font-size:24px;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", serif;
	background:url(../../img/ob/pr_img/pr_type_head.png) no-repeat 0 7px;
	display:block;
}

.products .col-xs-12 .pro_wrap.pro_wrap_05 strong a{color:#420;transition:color 0.5s ease-in-out;}
.products .col-xs-12 .pro_wrap.pro_wrap_05 strong a:hover{color:#e3deb3; text-decoration:none;}
.products .col-xs-12 .pro_wrap.pro_wrap_05 strong.shof{
	padding-top:3px;
	font-size:20px;
	letter-spacing:-1px;
}

.products .col-xs-12 .pro_wrap .pri_img{
	width:100%;
	background:url(../../img/bg/bg_wh.jpg);
	position:relative;
}

.products .col-xs-12 .pro_wrap .pri_img img{width:100%;}

.products .col-xs-12 .pro_wrap .pri_img .pri_img_txt{
	margin:0 4%;
	padding:4px 0 0 0;
	width:92%;
	height:24px;
	color:#420;
	font-size:11px;
	text-align:center;
	background:rgba(255,255,255,0.75);
	border-radius:2px;
	overflow:hidden;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
	position:absolute;
	bottom:12px;
}
.products .col-xs-12 .pro_wrap .pri_img .pri_img_txt.pri_img_txt_02{bottom:48px;}
.products .col-xs-12 .pro_wrap .pri_img .pri_img_txt.pri_img_txt_03{bottom:84px;}
.products .col-xs-12 .pro_wrap .pri_s .pri_img .pri_img_txt{margin:0 6%;width:88%;}

.products .col-xs-12 .pro_wrap .pri_foot{
	padding:12px 0;
	height:48px;
	background:url(../../img/bg/bg_dot.jpg);
}
.products .col-xs-12 .pro_wrap .pri_s .pri_foot{height:120px;}

.products .col-xs-12 .pro_wrap .pri_foot a{
	margin:0 0 0 4%;
	padding:2px 0 0 0;
	height:24px;
	color:#420;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	border:solid 2px #420;
	border-radius:2px;
	display:inline-block;
	transition:background 0.5s ease-in-out;
	float:left;
}
.products .col-xs-12 .pro_wrap .pri_l .pri_foot a.pri_foot_hp{width:14%;}
.products .col-xs-12 .pro_wrap .pri_l .pri_foot a.pri_foot_le{width:28%;}
.products .col-xs-12 .pro_wrap .pri_l .pri_foot a.pri_foot_pp{width:42%;}
.products .col-xs-12 .pro_wrap .pri_s .pri_foot a{
	margin:12px 6% 0 6%;
	padding:2px 0 0 0;
	width:88%;
	height:24px;
	color:#420;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	border:solid 2px #420;
	border-radius:2px;
	display:inline-block;
	transition:background 0.5s ease-in-out;
}
.products .col-xs-12 .pro_wrap .pri_s .pri_foot a.pri_foot_hp{margin-top:0;}
.products .col-xs-12 .pro_wrap .pri_foot a:hover{color:#420;background:#f9a;}



@media (max-width: 525px)
{
.products .col-xs-12 .pro_wrap.pro_wrap_05 .pri_s strong{
	padding:0 0 0 28px;
	height:21px;
	font-size:15px;
	background-position:0 0;
}
.products .col-xs-12 .pro_wrap.pro_wrap_05 .pri_s strong.shof{font-size:11px;padding-top:3px;}
}

@media (min-width:526px) and (max-width:767px)
{
.products .col-xs-12 .pro_wrap.pro_wrap_05 .pri_s strong.shof{font-size:18px;padding-top:3px;}
}

@media (max-width: 767px)
{
.products .col-xs-12 .pro_wrap .pri_type_img{float:none;width:100%;margin:0 0 24px 0;}
.products .col-xs-12 .pro_wrap .pri_type_txt{float:none;width:100%;}
.products .col-xs-12 .pro_wrap img{margin-left:0;}
.products .col-xs-12 .pro_wrap .pri_l{width:100%;}
.products .col-xs-12 .pro_wrap .pri_s{width:49%;}
.products .col-xs-12 .pro_wrap .pri_l_b,
.products .col-xs-12 .pro_wrap .pri_s_c{margin-left:0;}
}

@media (min-width:768px) and (max-width:992px)
{
.products .col-xs-12 .pro_wrap_01 img{width:450px;}	
.products .col-xs-12 .pro_wrap.pro_wrap_05 .pri_s strong{
	padding:0 0 0 28px;
	height:21px;
	font-size:15px;
	background-position:0 0;
}
.products .col-xs-12 .pro_wrap.pro_wrap_05 .pri_s strong.shof{font-size:11px;padding-top:3px;}
}

@media (min-width: 992px) and (max-width: 1199px)
{
.products .col-xs-12 .pro_wrap.pro_wrap_05 .pri_s strong{
	padding:0 0 0 28px;
	height:30px;
	font-size:21px;
	background-position:0 4px;
}
.products .col-xs-12 .pro_wrap.pro_wrap_05 .pri_s strong.shof{font-size:16px;padding-top:3px;}
}




/* =story
-------------------------------------------------------------- */

body.story{background:url(../../img/bg/bg_wh.jpg) repeat;}

.story .navbar .navbar-brand{padding-top:12px;}

.story #body.container{height:900px;background:url(../../img/bg/st_cont_bg.png) repeat-x; width:100%;overflow:hidden;}

.story .st_img_txt{ margin:0 0 0 -600px; position:absolute; left:50%;}

.story #body #col-center{padding:0;}

@media (min-width: 768px) and (max-width: 992px)
{
	.story .st_img_txt{ margin:0 0 0 -480px;width:960px;}
	.story #body.container{height:720px;}
}


@media (max-width: 767px)
{
	.story #body.container{height:inherit;}
}




/* =character
-------------------------------------------------------------- */

body.character{background:url(../../img/bg/bg_wh.jpg) repeat;overflow-x:hidden;}

.character #col-area-1{
	background:url(../../img/bg/bg_dot.jpg) repeat #eee;
	height:147px;
}

.character #col-area-1 ul{
	padding-top:11px;
	width:504px;
	height:63px;
	position:relative;
	z-index:10;
}
.character #col-area-1 ul li{
	margin:1px 1px 0 0;
	width:62px;
	height:62px;
	float:left;
}
.character #col-area-1 ul li.menu_aka{background:url(../../img/bt/ch_menu_bt/ch_menu_aka_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_kan{background:url(../../img/bt/ch_menu_bt/ch_menu_kan_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_kot{background:url(../../img/bt/ch_menu_bt/ch_menu_kot_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_hot{background:url(../../img/bt/ch_menu_bt/ch_menu_hot_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_els{background:url(../../img/bt/ch_menu_bt/ch_menu_els_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_shi{background:url(../../img/bt/ch_menu_bt/ch_menu_shi_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_mut{background:url(../../img/bt/ch_menu_bt/ch_menu_mut_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_yuz{background:url(../../img/bt/ch_menu_bt/ch_menu_yuz_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_roc{background:url(../../img/bt/ch_menu_bt/ch_menu_roc_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_tak{background:url(../../img/bt/ch_menu_bt/ch_menu_tak_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_tok{background:url(../../img/bt/ch_menu_bt/ch_menu_tok_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_sek{background:url(../../img/bt/ch_menu_bt/ch_menu_sek_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_war{background:url(../../img/bt/ch_menu_bt/ch_menu_war_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_kaz{background:url(../../img/bt/ch_menu_bt/ch_menu_kaz_bg.png) no-repeat;}
.character #col-area-1 ul li.menu_soj{background:url(../../img/bt/ch_menu_bt/ch_menu_soj02_bg.png) no-repeat;width:62px;}
.character #col-area-1 ul li:last-child{margin-right:0;}
.character #col-area-1 ul li a{
	margin:2px 0 0 3px;
	transition:0.3s ease-in;
    filter:alpha(opacity=100);
    opacity:1;
	display:block;
}
.character #col-area-1 ul li a:hover{filter:alpha(opacity=0);opacity:0;}

.character .body h1{
	margin-top:48px;
	height:100px;
	margin-bottom:0;
	position:relative;
}
.character .body h1:before{
	content:url(../../img/ob/ch_name_head.png);
	width:21px;
	height:19px;
	position:absolute;
	left:-1em;
}

.character.ch_hot .body h1 img{margin-top:1px;}
.character.ch_els .body h1 img{margin-top:5px;}
.character.ch_shi .body h1 img{margin-top:3px;}
.character.ch_yuz .body h1 img{margin-left:-2px;}
.character.ch_roc .body h1 img{margin-top:4px;}
.character.ch_war .body h1 img{margin-top:5px;}

.character .body section dl{margin-top:10px;}
.character .body section dl:first-child{margin-top:0;}
.character .body section dt{font-size:11px;}
.character .body section dd{font-size:12px;}
.character .body section p{min-height:340px;margin-top:20px;font-size:12px;line-height:24px;}
.character .body section p:last-of-type {margin-bottom:19px;}
.character .body section ul{margin:0 auto 36px auto;width:280px;height:125px;}
.character .body section li{float:left;}
.character .body section li a{
	margin:5px 5px 0 0;
	width:52px;
	height:120px;
	background:#f9f6f3;
	border-radius:2px;
	display:block;
	transition:0.3s ease-in;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.character .body section li a:hover{background:#f89;}
.character .body section li:last-child a{margin-right:0;}
.character #col-area-2.body section dt{background:url(../../img/bg/bg_re.jpg) repeat;}
.character #col-area-2 .ch_copy{
	margin:0 0 0 -125px;
	width:135px;
	position:absolute;
	top:25px;
	left:50%;
}

#col-area-2{
	min-height:750px;
	clear:both;
	box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
}

.character.ch_roc .body section p,
.character.ch_tak .body section p,
.character.ch_tok .body section p,
.character.ch_sek .body section p,
.character.ch_war .body section p,
.character.ch_kaz .body section p,
.character.ch_soj .body section p{margin-top:0;margin-bottom:30px;}

.ch_aka #col-area-2{background-image:url(../../img/ch/ch_aka_fl.png);background-repeat:no-repeat;}
.ch_kan #col-area-2{background-image:url(../../img/ch/ch_kan_fl.png);background-repeat:no-repeat;}
.ch_kot #col-area-2{background-image:url(../../img/ch/ch_kot_fl.png);background-repeat:no-repeat;}
.ch_hot #col-area-2{background-image:url(../../img/ch/ch_hot_fl.png);background-repeat:no-repeat;}
.ch_els #col-area-2{background-image:url(../../img/ch/ch_els_fl.png);background-repeat:no-repeat;}
.ch_shi #col-area-2{background-image:none;}
.ch_mut #col-area-2{background-image:none;}
.ch_yuz #col-area-2{background-image:none;}
.ch_roc #col-area-2{background-image:none;}
.ch_tak #col-area-2{background-image:none;}
.ch_tok #col-area-2{background-image:none;}
.ch_sek #col-area-2{background-image:none;}
.ch_war #col-area-2{background-image:none;}
.ch_kaz #col-area-2{background-image:none;}
.ch_soj #col-area-2{background-image:none;}

.character #col-area-3{
	color:#a45;
	background-image:url(../../img/bg/bg_re.jpg);
	clear:both;
	box-shadow: 0px 8px 6px -6px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow: 0px 8px 6px -6px rgba(0,0,0,0.15) inset;
	-moz-box-shadow: 0px 8px 6px -6px rgba(0,0,0,0.15) inset;
}

.character #col-area-3 .a3_close dt{color:#865;}
.character #col-area-3 .a3_close dd{color:#a45;}
.character #col-area-3 .a3 h2{
	color:#820;
	font-size:16px;
	font-weight:bold;
	line-height:0;
	vertical-align:middle;
	display:inline-block
}
.character #col-area-3 dd a{margin:0 6px 0 0;}

.character #col-area-3 .a3 a{transition:opacity 0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
.character #col-area-3 .a3 a:hover{filter:alpha(opacity=50);opacity:0.5;}

.ch_aka #col-area-1 .container:after{margin:0 0 0 -319px;width:940px;height:974px;left:50%;top:55px;}
.ch_kan #col-area-1 .container:after{margin:0 0 0 -475px;width:1214px;height:966px;left:50%;top:63px;}
.ch_kot #col-area-1 .container:after{margin:0 0 0 -290px;width:872px;height:972px;left:50%;top:57px;}
.ch_hot #col-area-1 .container:after{margin:0 0 0 -230px;width:746px;height:981px;left:50%;top:48px;}
.ch_els #col-area-1 .container:after{margin:0 0 0 -230px;width:756px;height:988px;left:50%;top:41px;}
.ch_shi #col-area-1 .container:after{margin:0 0 0 -105px;width:550px;height:957px;left:50%;top:72px;}
.ch_mut #col-area-1 .container:after{margin:0 0 0 -135px;width:554px;height:967px;left:50%;top:62px;}
.ch_yuz #col-area-1 .container:after{margin:0 0 0 -230px;width:748px;height:920px;left:50%;top:109px;}
.ch_roc #col-area-1 .container:after{margin:0 0 0 -160px;width:574px;height:963px;left:50%;top:66px;}
.ch_tak #col-area-1 .container:after{margin:0 0 0 -302px;width:858px;height:965px;left:50%;top:64px;}
.ch_tok #col-area-1 .container:after{margin:0 0 0 -269px;width:792px;height:961px;left:50%;top:68px;}
.ch_sek #col-area-1 .container:after{margin:0 0 0 -271px;width:796px;height:966px;left:50%;top:63px;}
.ch_war #col-area-1 .container:after{margin:0 0 0 -406px;width:1066px;height:963px;left:50%;top:66px;}
.ch_kaz #col-area-1 .container:after{margin:0 0 0 -603px;width:1460px;height:992px;left:50%;top:37px;}
.ch_soj #col-area-1 .container:after{margin:0 0 0 -200px;width:654px;height:985px;left:50%;top:44px;}

@media (max-width: 550px)
{
	.character #col-area-1{height:212px;}
	.character #col-area-1 ul{width:315px;height:125px;}
	.character #col-area-1 ul li.menu_roc{margin-left:0;}
}

@media (max-width: 415px)
{
	.character #col-area-1{height:277px;}
	.character #col-area-1 ul{width:252px;height:190px;}
	.character #col-area-1 ul li.menu_war{margin-left:30px;}
	.character .body section ul{width:171px;height:250px;}
	.character.ch_shi .body section ul,
	.character.ch_mut .body section ul,
	.character.ch_yuz .body section ul{height:120px;}
	.character.ch_els .body h1 img{width:255px;height:46px;}
	.character.ch_shi .body h1 img{width:255px;height:49px;}
}

@media (max-width: 768px)
{
	.character #col-area-1 ul{padding-top:6px;}
	.character #col-area-2 {padding-top:12px;}
	.character #col-area-2 .ch_copy{left:175px;top:0;width:20%;}
	.ch_aka.character .carousel-inner > .item > a > img,
	.ch_aka.character .carousel-inner > .item > img,
	.ch_aka.character .img-responsive, .thumbnail a > img,
	.ch_aka.character .thumbnail > img {margin-left:4%;max-width:100%;}
	.ch_kan.character .carousel-inner > .item > a > img,
	.ch_kan.character .carousel-inner > .item > img,
	.ch_kan.character .img-responsive, .thumbnail a > img,
	.ch_kan.character .thumbnail > img {margin-left:-14%;max-width:129%;}
	.ch_kot.character .carousel-inner > .item > a > img,
	.ch_kot.character .carousel-inner > .item > img,
	.ch_kot.character .img-responsive, .thumbnail a > img,
	.ch_kot.character .thumbnail > img {margin-left:5%;max-width:93%;}
	.ch_hot.character .carousel-inner > .item > a > img,
	.ch_hot.character .carousel-inner > .item > img,
	.ch_hot.character .img-responsive, .thumbnail a > img,
	.ch_hot.character .thumbnail > img {margin-left:13%;max-width:79%;}
	.ch_els.character .carousel-inner > .item > a > img,
	.ch_els.character .carousel-inner > .item > img,
	.ch_els.character .img-responsive, .thumbnail a > img,
	.ch_els.character .thumbnail > img {margin-left:10%;max-width:80%;}
	.ch_shi.character .carousel-inner > .item > a > img,
	.ch_shi.character .carousel-inner > .item > img,
	.ch_shi.character .img-responsive, .thumbnail a > img,
	.ch_shi.character .thumbnail > img {margin-left:23%;max-width:59%;}
	.ch_mut.character .carousel-inner > .item > a > img,
	.ch_mut.character .carousel-inner > .item > img,
	.ch_mut.character .img-responsive, .thumbnail a > img,
	.ch_mut.character .thumbnail > img {margin-left:21%;max-width:59%;}
	.ch_yuz.character .carousel-inner > .item > a > img,
	.ch_yuz.character .carousel-inner > .item > img,
	.ch_yuz.character .img-responsive, .thumbnail a > img,
	.ch_yuz.character .thumbnail > img {margin-top:50px;margin-left:11%;max-width:80%;}
	.ch_roc.character .carousel-inner > .item > a > img,
	.ch_roc.character .carousel-inner > .item > img,
	.ch_roc.character .img-responsive, .thumbnail a > img,
	.ch_roc.character .thumbnail > img {margin-left:20%;max-width:61%;}
	.ch_tak.character .carousel-inner > .item > a > img,
	.ch_tak.character .carousel-inner > .item > img,
	.ch_tak.character .img-responsive, .thumbnail a > img,
	.ch_tak.character .thumbnail > img {margin-left:6%;max-width:91%;}
	.ch_tok.character .carousel-inner > .item > a > img,
	.ch_tok.character .carousel-inner > .item > img,
	.ch_tok.character .img-responsive, .thumbnail a > img,
	.ch_tok.character .thumbnail > img {margin-left:9%;max-width:84%;}
	.ch_sek.character .carousel-inner > .item > a > img,
	.ch_sek.character .carousel-inner > .item > img,
	.ch_sek.character .img-responsive, .thumbnail a > img,
	.ch_sek.character .thumbnail > img {margin-left:8%;max-width:85%;}
	.ch_war.character .carousel-inner > .item > a > img,
	.ch_war.character .carousel-inner > .item > img,
	.ch_war.character .img-responsive, .thumbnail a > img,
	.ch_war.character .thumbnail > img {margin-left:-7%;max-width:113%;}
	.ch_kaz.character .carousel-inner > .item > a > img,
	.ch_kaz.character .carousel-inner > .item > img,
	.ch_kaz.character .img-responsive, .thumbnail a > img,
	.ch_kaz.character .thumbnail > img {margin-left:-29%;max-width:155%;}
	.ch_soj.character .carousel-inner > .item > a > img,
	.ch_soj.character .carousel-inner > .item > img,
	.ch_soj.character .img-responsive, .thumbnail a > img,
	.ch_soj.character .thumbnail > img {margin-left:16%;max-width:70%;}
	.character .body section p{min-height:inherit;}
}

@media (min-width: 768px) and (max-width: 992px)
{
	.character .container{padding-left:15px;padding-right:15px;}
	.character #col-area-1 .container:after{display:block;background-size:contain;}
	.ch_aka.character #col-area-1 .container:after{margin-left:-28px;width:470px;height:782px;top:89px;}
	.ch_kan.character #col-area-1 .container:after{margin-left:-105px;width:607px;height:718px;top:123px;}
	.ch_kot.character #col-area-1 .container:after{margin-left:-23px;width:436px;height:768px;top:94px;}
	.ch_hot.character #col-area-1 .container:after{margin-left:10px;width:373px;height:793px;top:83px;}
	.ch_els.character #col-area-1 .container:after{margin-left:6px;width:378px;height:782px;top:88px;}
	.ch_shi.character #col-area-1 .container:after{margin-left:60px;width:275px;height:782px;top:88px;}
	.ch_mut.character #col-area-1 .container:after{margin-left:50px;width:277px;height:782px;top:88px;}
	.ch_yuz.character #col-area-1 .container:after{margin-left:6px;width:364px;height:782px;top:210px;}
	.ch_roc.character #col-area-1 .container:after{margin-left:50px;width:574px;height:875px;top:66px;}
	.ch_tak.character #col-area-1 .container:after{margin-left:-10px;width:429px;height:886px;top:60px;}
	.ch_tok.character #col-area-1 .container:after{margin-left:-5px;width:396px;height:827px;top:90px;}
	.ch_sek.character #col-area-1 .container:after{margin-left:-4px;width:398px;height:795px;top:106px;}
	.ch_war.character #col-area-1 .container:after{margin-left:-78px;width:533px;height:903px;top:53px;}
	.ch_kaz.character #col-area-1 .container:after{margin-left:-170px;width:730px;height:955px;top:26px;}
	.ch_soj.character #col-area-1 .container:after{margin-left:30px;width:327px;height:907px;top:50px;}
	.character #col-area-2 .ch_copy{margin-left:-30px;top:20px;width:121px;}
	.character .hidden-xs .navbar-nav{z-index:0;}
	.character .hidden-xs .navbar-nav:hover{z-index:10;}
	.character .hidden-xs .dropdown-menu{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
	.character .hidden-xs .dropdown-menu{filter:alpha(opacity=50);opacity:0.5;}
	.character .hidden-xs .dropdown-menu:hover{filter:alpha(opacity=100);opacity:1;}
}

@media (min-width: 992px)
{
	.character .container{padding-left:15px;padding-right:15px;}
	#col-area-1 .container:after{display:block;}
}

@media (max-width: 768px)
{
	.character.ch_shi .body section ul{width:223px;}
	.character.ch_mut .body section ul,
	.character.ch_yuz .body section ul{width:166px;}
}

@media (min-width: 551px)
{
	.character #col-area-1 ul li.menu_roc{ margin-left:30px;}
}

@media (min-width: 1380px)
{
	.character #col-area-1 ul{padding-top:11px;width:auto;}
	.character #col-area-1{height:86px;}
	.character #col-area-1 ul li.menu_roc{ margin-left:0;}
}





/* =foot
------------------------------- */

.character #footer{
	min-height:60px;
}





/* =character media queries
------------------------------- */

@media (max-width: 768px)
{
/* =メニュー一列
------------------------------- */
/*
.character #col-area-1 ul{margin:11px auto 0 auto;}
*/
.character #col-area-1 ul{margin:5px auto 0 auto;}
}

@media (min-width: 1400px)
{
.character #col-area-2{background-position:10% 0;}
}





/* =world
-------------------------------------------------------------- */

body.world{background:url(../../img/bg/bg_dot.jpg) repeat;}

.world .navbar .navbar-brand{padding-top:17px;}

.world .row .col-xs-12{padding:12px;}
.world .cell{
	margin:12px 3px 12px 23px;
	width:255px;
	height:226px;
	letter-spacing:normal;
	float:left;
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}
.world .cell img{border-radius:2px;transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
.world .cell img:hover{filter:alpha(opacity=60);opacity:0.6;}
.cell > a{
	display:block;
	width:100%;
	height:100%;
}

.world .featherlight:last-of-type {background:rgba(19, 25, 31, 0.75) none repeat scroll 0% 0%;}

.world .featherlight {
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: transparent none repeat scroll 0% 0%;
	overflow:auto;
}

.world .featherlight .featherlight-content{
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
	overflow:inherit;
    padding:11px 9px 24px 9px;
    border-bottom:none;
    margin-left: 24px;
    margin-right: 24px;
    cursor: auto;
    white-space: normal;
	max-width:800px;
	background:url(../../img/bg/bg_wh.jpg);
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}

.world .featherlight .featherlight-content img{
	margin:0 auto;
	border-radius:2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.world .featherlight .featherlight-content .lb_img{text-align:center;}
.world .featherlight .featherlight-content .lb_img_s img{width:100%;}
.world .featherlight .featherlight-content .lb_img_m img{margin:0 0 0 1%;width:49.5%;float:left;}
.world .featherlight .featherlight-content .lb_img_m img:first-child{margin:0 0 0 0;}
.world .featherlight .featherlight-content .lb_img_l img{margin:1% 0 0 1%;width:49.5%;float:left;}
.world .featherlight .featherlight-content .lb_img_l img:first-child{margin:0 0 0 0; width:100%;}
.world .featherlight .featherlight-content .lb_img_l img:first-child+img{margin:1% 0 0 0;}

.world .featherlight .featherlight-content h2{
	margin:20px 15px 0 15px;
	padding:0 0 9px 32px;
	font-size:30px;
	font-weight:bold;
	background:url(../../img/ob/wo_img/wo_img_txt_head.png) no-repeat 0 2px;
	border-bottom: dashed 1px #654;
	clear:both;
}
.world .featherlight .featherlight-content p{
	margin:8px 15px 0 15px;
	font-size:14px;
	line-height:24px;
}

.world .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
	top:auto;
    bottom: 0px;
    right: 0px;
    line-height: 25px;
    width: 25px;
	height:25px;
    cursor: pointer;
    text-align: center;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
    color: #000;
}

.world_head{
	margin:24px 12px 12px 24px;
	width:1098px;
	height:360px;
	background: url(../../img/ob/wo_img/wo_img_head.jpg) no-repeat 100% 50%;
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}

@media (max-width: 500px)
{
	.world .featherlight .featherlight-content{width:auto;}
	.world .featherlight .featherlight-content .lb_img_m img{margin:2% 0 0 0;width:100%;float:none;}
	.world .featherlight .featherlight-content .lb_img_m img:first-child{margin:0 0 0 0;}
	.world .featherlight .featherlight-content .lb_img_l img{margin:2% 0 0 0;width:100%;float:none;}
	.world .featherlight .featherlight-content .lb_img_l img:first-child{margin:0 0 0 0;}
}

@media (max-width: 768px)
{
	.lightbox{width:auto;}
	.world_head{width:auto;}
}

@media (min-width: 768px) and (max-width: 991px)
{
		.world_head{width:536px;}
}

@media (min-width: 992px) and (max-width: 1199px)
{
		.world_head{width:817px;}
}





/* =gallery
-------------------------------------------------------------- */

body.gallery{background:url(../../img/bg/bg_dot.jpg) repeat;}

.gallery .navbar .navbar-brand{padding-top:17px;}

.gallery .row .col-xs-12{padding:12px 36px 60px 36px;}

.gallery_head{
	margin:24px 0 0 0;
	width:1098px;
	height:360px;
	background: url(../../img/ob/ev_img_head.jpg) no-repeat 100% 50%;
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}

.gallery .dl_wrap{margin-top:0px;}
.gallery .dl_wrap li{position:relative; z-index:10}
.gallery .gallery_hidden{display:none;}
.gallery .ev_list:after{
	width:40px;
	height:40px;
	content:url(../../img/ob/ev_listicon.png);
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	line-height:0;
	position:absolute;
	z-index:0;
	bottom:-2px;
	right:-2px;
}

@media (max-width: 1199px)
{
	.gallery_head{width:auto;}
}






/* =download_trial
-------------------------------------------------------------- */

body.download{background:url(../../img/bg/bg_dot.jpg) repeat;}

.download .navbar .navbar-brand{padding-top:15px;}

.download .row .col-xs-12{padding:0 36px 60px 36px;}

.dl_wrap{
	margin:76px 0 0 0;
	width:auto;
	letter-spacing:normal;
	clear:both;
}

.dl_wrap+.dl_wrap{
	margin:76px 0 0 0;
	padding:76px 0 0 0;
	border-top:solid 1px #420 ;
}

.dl_wrap .dl_wrap_head{margin:0 0 0 -36px;}

.dl_wrap .dl_wrap_img{
	margin:36px 0 0 0;
	width:100%;
	height:360px;
	border-radius:2px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
}

.dl_wrap.tmo_wrap .dl_wrap_img{background: url(../../img/ob/dl_img/dl_tmo_img.jpg) no-repeat 50% 50%;}
.dl_wrap.wat_wrap .dl_wrap_img{background: url(../../img/ob/dl_img/dl_wat_img.jpg) no-repeat 50% 50%;}
.dl_wrap.pv2_wrap .dl_wrap_img{background: url(../../img/ob/dl_img/dl_pv2_img.jpg) no-repeat 50% 50%;}
.dl_wrap.nat_wrap .dl_wrap_img{background: url(../../img/ob/dl_img/dl_nat_img.jpg) no-repeat 50% 50%;}

.dl_wrap ul{
	margin:18px 0 12px 0;
	padding:0 0 24px 0;
	border-bottom:dotted 1px #420;
}

.dl_wrap ul li{
	margin:18px 0 0 0;
	width:50%;
	font-size:13px;
	float:left;
}

.dl_wrap a{
	color:#420;
	text-decoration:underline;
	transition:background 0.5s ease-in-out,color 0.5s ease-in-out;
}
.dl_wrap a:hover{color:#f9a;}

.dl_wrap ul li a.dl_wrap_bt{
	margin:0 12px 0 0;
	padding:2px 0 0 0;
	width:98px;
	height:24px;
	font-size:11px;
	text-align:center;
	text-decoration:none;
	border:solid 2px #420;
	border-radius:2px;
	display:inline-block;
}
.dl_wrap ul li a.dl_wrap_bt:hover{color:#420;background:#f9a;}

.dl_wrap.nat_wrap p{
	margin:24px 0 0 0;
	padding:12px 0 0 0;
	border-top:dotted 1px #420;
	clear:both;
}
.dl_wrap.nat_wrap .nat_form form,.dl_wrap.nat_wrap .nat_form div{float:left;}
.dl_wrap.nat_wrap .nat_form form input{
	margin:24px 12px 0 0;
	padding:3px 6px 0 6px;
	width:180px;
	height:30px;
	font-size:12px;
	border:1px solid #420;
	border-radius:2px;
	transition:0.3s ease-in;
}
.dl_wrap.nat_wrap .nat_form form input+input{margin-left:0;width:120px;background:none;}
.dl_wrap.nat_wrap .nat_form form input+input:hover{background:#f89;}
.dl_wrap.nat_wrap .nat_form div{ margin:24px 0 0 0;padding:6px 0 0 9px; height:30px;}

.download.trial .navbar .navbar-brand{padding-top:13px;}

.dl_wrap.tr_dl_wrap .dl_wrap_img{background: url(../../img/ob/tr_img/tr_dl_img.jpg) no-repeat 50% 50%;}
.dl_wrap.tr_dl_wrap.dl_ol_wrap .dl_wrap_img{background: url(../../img/ob/tr_img/tr_dl_ol_img.jpg) no-repeat 50% 50%;}

.dl_wrap.dl_ol_wrap ul li{
	margin:18px 0 0 2%;
	width:32%;
	transition:0.3s ease-in;
	filter:alpha(opacity=100);opacity:1;
}
.dl_wrap.dl_ol_wrap ul li:first-child{margin-left:0;}
.dl_wrap.dl_ol_wrap ul li:hover{filter:alpha(opacity=50);opacity:0.5;}

.dl_wrap.dl_ol_wrap .dl_wrap_img+ul+p{text-align:center;}
.dl_wrap.dl_ol_wrap p+ul img{border-radius:2px;}

.dl_wrap.tr_ss_wrap ul,
.dl_wrap.dl_ol_wrap .dl_wrap_img+ul{
	margin:18px 0 0 0;
	padding:0 0 0 0;
	border-bottom:none;
}
.dl_wrap.wat_wrap.tr_ss_wrap ul,
.dl_wrap.dl_ol_wrap .dl_wrap_img+ul+p{
	margin:18px 0 12px 0;
	padding:0 0 24px 0;
	border-bottom:dotted 1px #420;
}

.dl_wrap.tr_ss_wrap ul li{
	margin:18px 0 0 2%;
	width:23.5%;
	background:#fff;
	border-radius:2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}
.dl_wrap.tr_ss_wrap ul .tr_ss_f{margin-left:0;}

.dl_wrap.tr_ss_wrap ul li img{
	background:#fff;
	border-radius:2px;
	transition:0.3s ease-in;
	filter:alpha(opacity=100);opacity:1;
}

.dl_wrap.tr_ss_wrap ul li img:hover{filter:alpha(opacity=50);opacity:0.5;}

#ma_dtm_cont_wrap{
	margin:36px 0 0 0;
	padding:18px;
	color:#f9f6f3;
	line-height:150%;
	background: url(../../img/bg/bg_bk_02.jpg) repeat #111;
	border-radius:2px;
}

#ma_dtm_cont_head{
	width:100%;
}

#ma_dtm_cont_img{
	margin:0 24px 0 0;
	width:500px;
	float:left;
}

#ma_dtm_cont_txt{
	width:538px;
	text-align:justify;
	float:right;
}

.dl_wrap #ma_dtm_cont_txt p:first-child{padding-top:0;}
.dl_wrap #ma_dtm_cont_txt p strong{color:#a97;font-size:18px;}

#ma_dtm_cont_middle img{
	margin:0 auto;
	padding:36px 0;
	text-align:center;
}

#ma_dtm_cont_foot #ma_dtm_cont_img{margin:0 0 0 24px;float:right;}
#ma_dtm_cont_foot #ma_dtm_cont_txt{float:left;}

.ma_pri_dl_wrap{
	width:100%;
}

.ma_pri_wrap dl{
	margin:60px 0 0 0;
	padding:0 0 0 18px;
	width:100%;
	text-align:justify;
	line-height:150%;
	border-left:6px solid #a97;
	float:left;
}

.ma_pri_wrap dl.ma_pri_gr{margin-top:0;padding-top:60px;}

.ma_pri_wrap dt{
	padding:0 18px 0 0;
	margin:0 0 0 2%;
	width:48%;
	float:left;
}

.ma_pri_wrap dd{
	margin:12px 0 0 2%;
	padding:6px 0 0 0;
	width:48%;
	float:left;
}

.ma_pri_wrap dd img{margin:36px auto 0 auto;width:66%;}

dl.ma_pri_l{margin-left:0;}

@media (max-width: 768px)
{
	.dl_wrap{width:auto;}
	.download .row .col-xs-12{padding:0 24px 60px 24px;}
	.dl_wrap .dl_wrap_head{margin-left:0;}
	.dl_wrap ul li{width:100%;}
	.dl_wrap.tr_ss_wrap ul li{margin:18px 0 0 3%;width:48.5%;}
	.dl_wrap.tr_ss_wrap ul .tr_ss_f,
	.dl_wrap.tr_ss_wrap ul .tr_ss_sf{margin-left:0;}
	#ma_dtm_cont_img{padding:0 0 18px 0;width:100%;}
	#ma_dtm_cont_img img{width:100%;}
	#ma_dtm_cont_txt{width:100%;}
	.ma_pri_wrap dl{margin-top:120px;margin-left:0;margin-bottom:0;padding-bottom:0;width:100%;}
	.ma_pri_wrap dl:first-child{margin-top:60px;}
	.ma_pri_wrap dl.ma_pri_gr{padding-top:120px;}
	.ma_pri_wrap dt,
	.ma_pri_wrap dd{margin-left:4%;width:96%;float:none;}
}

@media (min-width: 768px) and (max-width: 991px)
{
		#ma_dtm_cont_img{width:450px;}
		#ma_dtm_cont_txt{width:168px;}
		.manual .hidden-xs .navbar-nav{z-index:0;}
		.manual .hidden-xs .navbar-nav:hover{z-index:10;}
		.manual .hidden-xs .dropdown-menu{transition:0.3s ease-in;filter:alpha(opacity=50);opacity:0.5;}
		.manual .hidden-xs .dropdown-menu:hover{filter:alpha(opacity=100);opacity:1;}
		.ma_pri_wrap dd img{margin-top:15px;width:84%;}
}

@media (min-width: 992px) and (max-width: 1199px)
{
		#ma_dtm_cont_txt{width:338px;}
		#ma_dtm_cont_head #ma_dtm_cont_txt{margin-right:150px;width:188px;}
}

@media (min-width: 1200px) and (max-width: 1299px)
{
		#ma_dtm_cont_head #ma_dtm_cont_txt{margin-right:150px;width:388px;}
}





/* =support
-------------------------------------------------------------- */

body.support{background:url(../../img/bg/bg_dot.jpg) repeat;}

.support .navbar .navbar-brand{padding-top:14px;}

.support .row .col-xs-12{padding:0 36px 60px 36px;}

.su_head{
	margin:36px 0 0 0;
	padding:30px;
	color:#f9f6f3;
	letter-spacing:normal;
	background:url(../../img/bg/bg_bk_02.jpg) repeat;
	border-radius:2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.su_head,.su_wrap h3{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho","ＭＳ Ｐ明朝", "MS PMincho", serif;}
.su_head dl,.su_head .su_head_img{float:left;}
.su_head .su_head_img img{
	border-radius:2px;
	box-shadow: 0px 1px 3px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,1);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,1);
}

.su_head dl{margin:0 5% 0 0;width:55%; text-align:justify;}
.su_head dt strong,.su_head dt small{display:block;}
.su_head dt strong{font-size:48px;line-height:50px;}
.su_head dt small{margin:6px 0 0 0;font-size:12px;line-height:21px;}
.su_head dd{
	margin:27px 0 0 0;
	color:#f89;
	font-size:24px;
	line-height:26px;
}
.su_head dt+dd{margin-top:24px;}

.su_head .su_head_img{width:40%;}
.su_head .su_head_img img{margin:0 auto;}

.su_wrap{
	margin:76px 0 0 0;
	width:auto;
	letter-spacing:normal;
	clear:both;
}

.su_wrap+.su_wrap{margin:48px 0 0 0;padding:48px 0 0 0;border-top:solid 1px rgba(68,34,0,0.2);}

.su_wrap h3{
	margin:0 0 30px 0;
	padding:6px;
	width:100%;
	min-height:60px;
	color:#a97;
	font-size:24px;
	background:url(../../img/bg/bg_bk.jpg) repeat;
	border-radius:30px;
	position:relative;
}
.su_wrap h3 img{margin:-24px 0 0 0;position:absolute;top:50%;}
.su_wrap h3 div{padding:11px 11px 11px 54px;text-align:justify;}

.su_wrap h4{
	margin:24px 0 0 0;
	padding:0 24px;
	font-size:18px;
	font-weight:bold;
}

.su_wrap ul{
	margin:18px 0 0 0;
	padding:0 24px 0 42px;
	list-style:circle;
	clear:both;
}
.su_wrap ul li{margin:6px 0 0 0;font-weight:bold;font-size:14px;}
.su_wrap ul li:first-child{margin-top:0;}
.su_wrap ul li a{color:#420;}

.su_head+.su_wrap ul{margin-top:36px;padding-left:24px;list-style:none;}
.su_head+.su_wrap ul li{margin-top:18px;font-size:18px;}

.su_wrap p{margin-top:17px;padding:0 42px;line-height:150%;}
.su_wrap p a{color:#420; font-weight:bold;}

@media (max-width: 768px)
{
	.su_head dl{margin-right:0;width:100%;}
	.su_head .su_head_img{margin-top:26px;width:100%;}
	.su_head .su_head_img img{width:100%;}
}

@media (min-width: 1200px)
{
	.su_head .su_head_img img{max-height:300px;}
}





/* =go_top
-------------------------------------------------------------- */

.go_top a{
	width:50px;
	height:55px;
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:100010;
}

.go_top img{
	transition:0.3s ease-in;
    filter:alpha(opacity=100);
    opacity:1;
}

.go_top img:hover{filter:alpha(opacity=50);opacity:0.5;}





/* =common
-------------------------------------------------------------- */

.pink{color:#f89;}
.gold{color:#a97;}