/************
	sp用
******************/
html, body {
}
.red {
	color: red;
}
/************
	共通
******************/
#Container {
	height: 100%;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
img {
	width: 100%;
	height: auto;
}
.pc_br {
	display: none;
}
.glay {
	background-color: #F5F6F6;
}
.sp_area {
	display: block;
}
.fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	bottom: auto;
	width: 100%;
}
#main .title {
	margin-top: 70px;
	text-align: center;
}
#main .subtitle {
	font-size: 12px;
	margin-bottom: 50px;
	text-align: center;
}
/**************
	footer
***************/

footer {
	clear: both;
	width: 100%;
}
footer .ftinner {
	font-size: 11px;
	font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}
footer .productbox, footer .otherbox {
	display: none;
}
footer .snsbox {
	width: 100%;
	text-align: center;
	background-color: #E9E9E9;
}
footer .snsbox ul {
	padding: 15px 0px;
}
footer .snsbox ul li {
	width: 6%;
	display: inline-block;
	margin: 0 10px;
}
.ft_btm {
	width: 100%;
	min-width: 200px;
	padding: 0 0 10px 0;
	background: #FFF;
	text-align: left;
}
.footer_navi {
	background: #231815;
	margin: 0 auto 10px auto;
	text-align: center;
}
.footer_navi li {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}
.footer_navi li:first-child {
	border: none;
}
.footer_navi li:last-child {
	border: none;
}
.footer_navi li li:first-child, .footer_navi li li:last-child {
	border: none;
}
.footer_navi li a {
	display: block;
	padding: 15px 5%;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	line-height: 14px;
	text-align: left;
	background: #3E3A39;
}
.footer_navi li a::after {
	position: relative;
	display: inline-block;
	float: right;
	content: "";
	vertical-align: middle;
	line-height: 20px;
	width: 8px;
	height: 8px;
	margin: 2px 0 0 0;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: none;
}
.footer_navi li a.footer_corporate_link {
	background: #231815;
}
.footer_navi li a.footer_corporate_link::after {
	position: relative;
	display: inline-block;
	float: right;
	content: "";
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin: 0;
	border: none;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	background: url(/common/images/icon_link.png) no-repeat 0 0;
	background-size: 14px;
}
.footer_navi li a:hover {
	color: #FFF;
	text-decoration: none;
}
.footer_logo {
	width: 200px;
	display: block;
	margin: 15px auto;
	text-indent: center;
}
.footer_logo img {
	width: 100%;
}
.copyright {
	width: 90%;
	margin: 0 auto;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	color: #000;
}
/************
	TOP
******************/

#top {
}
/******header**********/



header {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	z-index: 9999;
}
#top header {
	position: absolute;
	top: 0;
	left: 0;
}
header .headerwrapper {
	width: 100%;
	position: relative;
}
header #headertop {
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
}
header #headerinner {
	width: 90%;
	margin: 0px auto;
	overflow: hidden;
}
header .topInner {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
header .logoArea {
	width: 200px;
	height: auto;
	float: left;
}
header #headertop h1 {
	float: left;
	height: auto;
	margin-top: 12px;
}
header #headertop p {
	float: left;
	width: 140px;
	height: auto;
	margin-top: 12px;
	margin-left: 10px;
}
header #headertop .menuBtn {
	width: 36px;
	height: auto;
	float: right;
	margin-top: 12px;
}
header .nav {
	width: 100%;
	display: none;
}
/**************
	sp_menu
***************/


#sp_menu {
	display: none;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background: #1E1E1E;
}
#sp_menu .topInner {
	width: 90%;
	margin: 0 auto;
}
#sp_menu .logoArea {
	width: 200px;
	height: auto;
	float: left;
}
#sp_menu h1 {
	float: left;
	height: auto;
	margin-top: 12px;
}
#sp_menu p {
	float: left;
	width: 140px;
	height: auto;
	margin-top: 12px;
	margin-left: 5%;
}
#sp_menu .closeBtn {
	width: 36px;
	height: auto;
	float: right;
	margin-top: 10px;
}
#sp_menu .sp_nav_inner {
	width: 100%;
	height: 100vh;
	overflow: auto;
	font-size: 14px;
}
#sp_menu .sp_nav {
	width: 90%;
	margin: 10px auto 30px;
	color: #fff;
	font-weight: lighter;
}
#sp_menu .sp_nav ul li {
	padding: 5px 0;
}
#sp_menu .sp_nav ul .underline {
	border-bottom: 1px solid #fff;
	margin-top: 20px;
	font-weight: 600;
}
#sp_menu .sp_nav ul li span {
	opacity: 0.4;
	float: right;
}
#sp_menu .sp_nav ul li ul li {
	border-bottom: none;
}
#sp_menu .sp_nav ul li::after {
	content: ">";
	margin-left: 10px;
	color: #7E7E7E;
}
#sp_menu .sp_nav ul .raingear::after, #sp_menu .sp_nav ul .underline::after {
	display: none;
}
#sp_menu .sp_nav ul li a {
	color: #fff;
}
#sp_menu .glay {
	width: 100%;
	padding: 20px 0 80px;
}
#sp_menu .nav_sns {
	text-align: center;
}
#sp_menu .nav_sns img {
	width: 10%;
	padding: 0 10px;
}
/* for OnlineShop */
.sp_navi_cart {
	width: 32px;
	display: block;
	height: 32px;
	margin: 8px 0 0 0;
	position: relative;
	float: right;
	box-sizing: border-box;
}
.sp_navi_cart a {
	width: 32px;
	display: block;
	height: 32px;
	padding: 20px 0 20px 0;
	cursor: pointer;
	position: relative;
	background: url(../images/btn_cart_normal.png) no-repeat center 50%;
	background-size: contain;
	box-sizing: border-box;
}
.sp_navi_cart.close {
	margin: 7px 0 0 0;
}
.sp_navi_cart.close a {
	background: url(../images/btn_cart_active.png) no-repeat center 50%;
	background-size: contain;
}
.gnavi_search {
	position: relative;
	margin: 15px 0;
}
.gnavi_search::after {
	display: none !important;
}
input.gnavi_search_kw {
	width: 100%;
	border-radius: 5px;
	height: 36px;
	border: #FFF 1px solid !important;
	padding: 3px 10px 3px 50px !important;
	color: #FFF;
	font-size: 16px;
	position: relative;
	z-index: 5;
	cursor: default !important;
	background-color: transparent !important;
	-webkit-appearance: none;
	box-sizing: border-box;
	vertical-align: middle;
	line-height: 1.2;
}
.gnavi_search_btn {
	width: 36px;
	height: 24px;
	background: url(../images/icon_search_wt.png) no-repeat 10px 4px;
	background-size: 16px;
	background-color: transparent !important;
	position: absolute;
	z-index: 8;
	left: 0;
	top: 10px;
	border: none;
	border-right: #FFF 1px solid;
	border-radius: 0;
	cursor: pointer;
	-webkit-appearance: none;
	box-sizing: border-box;
	vertical-align: middle;
}
.gnavi_link {
	padding: 5px 0;
}
.gnavi_link::after {
	content: ">";
	margin-left: 10px;
	color: #ffffff;
}
.toggles li::after {
	display: none !important;
}
.gnavi_toggle {
	display: block;
	overflow: hidden;
	height: auto;
	margin: 15px 0 0 0;
	padding: 0 0 8px 0;
	border-bottom: #FFF 1px solid;
	text-align: left;
	float: none;
	color: #FFF;
	position: relative;
	cursor: pointer;
}
.gnavi_toggle::before {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background: #FFF;
	right: 0;
	top: 8px;
	position: absolute;
}
div.gnavi_toggle::after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background: #FFF;
	right: 7px;
	top: 1px;
	position: absolute;
	visibility: visible;
}
.gnavi_toggle.active::after {
	display: none;
}
.gnavi_link.gnavi_toggle {
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: none;
	font-weight: normal;
}
.gnavi_toggle::before {
	content: "";
	display: block;
	width: 15px;
	height: 1px;
	background: #FFF;
	right: 0;
	top: 8px;
	position: absolute;
}
.gnavi_toggle::after {
	content: "";
	display: block;
	width: 1px;
	height: 15px;
	background: #FFF;
	right: 7px;
	top: 1px;
	position: absolute;
}
.gnavi_toggle.active::after {
	display: none;
}
.raingear .toggles {
	display: none;
}
.gnavi_categories.toggles {
	margin: 5px 0 10px 0;
}
.navi_block .gnavi_categories.toggles {
	margin: 0 0 15px 0px;
}
.gnavi_categories.toggles.active {
	display: block;
	-webkit-animation: show 0.2s ease 1 both;
	animation: show 0.2s ease 1 both;
}
.gnavi_categories.toggles li {
	margin: 0;
}
.gnavi_categories.toggles .noicon {
	padding-left: 37px;
}
.dd_navi {
	display: block;
}
.raingear .side_icon {
	display: table-cell;
	width: 30px !important;
	vertical-align: middle;
	max-width: 30px !important;
}
.side_icon img {
	max-width: 100%;
}
.raingear .side_icon_all {
	width: 30px !important;
	max-width: 30px !important;
	padding: 7px;
	box-sizing: border-box;
}
.gnavi_categories a {
	display: table !important;
}
.gnavi_categories a:after {
	display: none !important;
}
.gnavi_categories a span {
	display: table-cell;
	width: auto;
	padding: 0 0 0 7px;
	vertical-align: middle;
	text-align: left;
	opacity: 1 !important;
	float: none !important;
	font-size: 14px;
}
@-webkit-keyframes dropdown {
 0% {
 opacity: 0;
 top: 60px;
}
 100% {
 opacity: 1;
 top: 38px;
}
}
@keyframes dropdown {
 0% {
 opacity: 0;
 top: 60px;
}
 100% {
 opacity: 1;
 top: 38px;
}
}
@-webkit-keyframes show {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes show {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
/**************
main img sp
***************/

.cb-slideshow {
	/*    position: fixed;*/
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}
.cb-slideshow li span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	animation: imageAnimation 24s linear infinite 0s; /*list増えたら24Sに6足していく*/
}
.cb-slideshow li:nth-child(1) span {
	background-image: url(../images/top/top_top1_sp.jpg)
}
.cb-slideshow li:nth-child(2) span {
	background-image: url(../images/top/top_top2_sp.jpg);
	animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
	background-image: url(../images/top/top_top3_sp.jpg);
	animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
	background-image: url(../images/top/top_top4_sp.jpg);
	animation-delay: 18s;
}
.cb-slideshow li:nth-child(2) div {
	animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
	animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
	animation-delay: 18s; /*list増えたら6足していく*/
}
 @keyframes imageAnimation {
 0% {
opacity: 0;
animation-timing-function: ease-in;
}
 8% {
opacity: 1;
animation-timing-function: ease-out;
}
 17% {
opacity: 1
}
 25% {
opacity: 0
}
 100% {
opacity: 0
}
}
@keyframes titleAnimation {
 0% {
opacity: 0
}
 8% {
opacity: 1
}
 17% {
opacity: 1
}
 19% {
opacity: 0
}
 100% {
opacity: 0
}
}
.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}

@media screen and (max-width: 1140px) {
.cb-slideshow li div h3 {
	font-size: 140px
}
}

@media screen and (max-width: 600px) {
.cb-slideshow li div h3 {
	font-size: 80px
}
}
#allscreen .top_logo {
	display: none;
}
#allscreen .top_logo_sp img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
}
/**************
	loading
***************/
#loading {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translate(-50%, 0%);
}
#loading img {
	width: 50px;
}
/**************
	allscreen
***************/

#allscreen {
	width: 100%;
	min-height: 100%;
	min-height: 100vh;
	position: relative;
}
#allscreen .section {
}
#top #allscreen {
	width: 100%;
	height: auto;
}
#top #allscreen .top_top {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	margin-top: 0px;
	margin-bottom: 0;
	display: none;
}
#concept #allscreen {
	width: 100%;
	height: auto;
	min-height: 0;
}
#concept #allscreen .concept_top {
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	margin: 0 auto;
	min-height: 0;
	background: url(/common/images/top/top_top1.jpg) 50% 50%;
	background-size: cover;
	position: relative;
}
#top #allscreen .top_top .sm-slider {
	width: 100%;
	height: 0;
	padding-bottom: 64%;
	margin-top: 60px;
}
#allscreen .screen_top {
	width: 100%;
	height: auto;
	min-height: 35%;
	background-size: cover;
	position: absolute;
	top: 50px;
	left: 0;
}
#allscreen .screen_detail {
	width: 100%;
	height: auto;
	min-height: calc( 65% - 40px );
	background-color: #4D4D4D;
	position: absolute;
	bottom: 0;
	left: 0;
}
#allscreen .product_top {
	width: 100%;
	min-height: 45%;
	background-size: cover;
	position: absolute;
	top: 50px;
	left: 0;
}
#allscreen .product_title01 {
	background: url(/common/images/products/raingear/01_rainponcho_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title02 {
	background: url(/common/images/products/raingear/02_kids_poncho.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title03 {
	background: url(/common/images/products/raingear/03_rain_zipiup_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title04 {
	background: url(/common/images/products/raingear/04_pocho_3rdediton_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title05 {
	background: url(/common/images/products/raingear/05_rain_jacket_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title06 {
	background: url(/common/images/products/raingear/06_safari_hat_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title07 {
	background: url(/common/images/products/raingear/07_bucket_hat_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title08 {
	background: url(/common/images/products/raingear/08_rain_totebag_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title09 {
	background: url(/common/images/products/raingear/09_2WAY_shoulderbag_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title10 {
	background: url(/common/images/products/raingear/10_waterproof_bodybag_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title11 {
	background: url(/common/images/products/raingear/11_packble_rainbackpack_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title12 {
	background: url(/common/images/products/raingear/12_packable_rainbackpack_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title13 {
	background: url(/common/images/products/raingear/13_2way_backpackcover_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title14 {
	background: url(/common/images/products/raingear/14_packable_rainboots_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title15 {
	background: url(/common/images/products/umbrella/15_ajump_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title16 {
	background: url(/common/images/products/umbrella/16_tiny_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title17 {
	background: url(/common/images/products/umbrella/17_tiny_silicone_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title18 {
	background: url(/common/images/products/umbrella/18_air_light_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_title19 {
	background: url(/common/images/products/umbrella/19_air-lightlarge_top.jpg) 50% 50%;
	background-size: cover;
}
#allscreen .product_detail {
	width: 100%;
	min-height: calc( 55% - 40px );
	background-color: #4D4D4D;
	position: absolute;
	bottom: 0;
	left: 0;
}
#allscreen .product_detail .inner1000 {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
}
#allscreen .product_detail .inner1000 ul {
	width: 60%;
	margin: 10px auto;
	overflow: hidden;
}
#allscreen .product_detail .inner1000 ul li {
	color: #fff;
	text-align: center;
}
#allscreen .product_detail .inner1000 ul li span {
	font-size: 12px;
}
#allscreen .product_detail .inner1000 ul .detail_left p {
	font-size: 1.4em;
	margin: 5px auto;
}
#allscreen .product_detail .inner1000 ul .detail_right {
	display: none;
}
#allscreen .product_detail .inner1000 ul li+li::before {
	content: "";
	display: block;
	width: 60%;
	height: 1px;
	background-color: #fff;
	margin: 10px auto;
}
#allscreen .product_detail .inner1000 ul li+li em {
	display: block;
	width: 10%;
	height: auto;
	margin: 10px auto;
}
#allscreen .product_detail .inner1000 ul li+li span {
	display: block;
}
/******nav*********/


#Container .nav_2 {
	width: 100%;
	height: 100%;
	background-color: #1E1E1E;
	position: absolute;
	top: 0;
	z-index: 100;
	display: none;
}
#Container .nav_top {
	width: 90%;
	margin: 10px auto;
}
#Container .nav_2 h1 {
	width: 20%;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
#Container .nav_2 .menuBtn {
	width: 10%;
	height: auto;
	float: right;
	margin-top: 10px;
}
#Container .nav_2 ul {
	clear: both;
	width: 90%;
	margin: 20px auto;
}
#Container .nav_2 ul li {
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #646464;
	padding: 10px 0;
}
#Container .nav_2 ul li a {
	color: #fff;
}
#Container .nav_2 ul li .navchild {
	margin-left: 80px;
	margin-top: -20px;
}
#Container .nav_2 ul li .navchild dt {
	float: left;
	clear: left;
	font-size: 12px;
	margin-top: 5px;
	font-family: 'Roboto', sans-serif;
}
#Container .nav_2 ul li .navchild dd {
	margin-left: 10px;
	float: left;
	font-size: 14px;
}
#Container .nav_2 ul li .navchild dd a {
	display: block;
	padding: 5px 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
/********main********/




#top {
	margin: 0 auto;
	padding: 0;
}
#top #allscreen header {
}
#top #main {
	text-align: center;
	margin: 0 auto;
}
#top #main .introarea {
	padding: 80px 0 50px;
}
#top #main .introarea h3 {
	width: 70%;
	margin: 0 auto;
}
#top #main .introarea .movie_area {
	width: 90%;
	margin: 50px auto;
}
#top #main .introarea #movie {
	width: 295px;
	height: auto;
	margin: 20px auto;
}
video {
	max-width: 100%;
	height: auto;
}
#top #main .introarea .intro_article {
	text-align: center;
}
#top #main .introarea .intro_article p {
	line-height: 2em;
}
#top #main .introarea ul {
	width: 50%;
	margin: 0 auto;
	overflow: hidden;
}
#top #main .introarea ul li {
	margin: 20px auto;
}
#top #main .introarea ul li:last-child {
}
#top #main .introarea ul li em {
	display: block;
	font-size: 12px;
	text-align: center;
}
#top #main .newscontents {
	margin: 70px auto 50px auto;
}
#top #main .newscontents dl {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px 0;
	font-size: 14px;
}
#top #main .newscontents dl dt {
	font-size: 12px;
	text-align: left;
	padding: 5px 0;
}
#top #main .newscontents dl dd {
	width: 100%;
	float: left;
	border-bottom: 1px dashed #000;
	text-align: left;
	padding-bottom: 10px;
	line-height: 1.5em;
}
#top #main .newscontents dl dd p {
	display: none;
}
#top #main .newscontents em {
	display: block;
	margin: 20px auto;
	cursor: pointer;
	border: 1px solid;
	padding: 10px;
	width: 85%;
}
#top #main .bigtopics {
	width: 90%;
	margin: 0 auto;
	/*border: solid 1px #ccc;*/
	margin-top: 100px;
}
#top #main .title {
	margin: 50px auto 0px;
	text-align: center;
}
#top #main .subtitle {
	font-size: 13px;
	margin-top: -2px;
	font-weight: lighter;
	margin-bottom: 10px;
}
#top #main .topics_area {
	width: 90%;
	margin: 0 auto;
}
/*#top #main .topics_area .slide{
	width: 321px;
	margin: 0 auto;
	height: 191px;
	position: relative;
}

#top #main .topics_area .slideInner{
	width: 1024px;
	position: absolute;
	left: 50%;
	margin-left: -512px
}*/

#top #main .topics_area ul {
	width: 100%;
	margin: 0 auto 10px;
	overflow: hidden;
}
#top #main .topics_area ul li {
	width: 48%;
	height: auto;
	float: left;
	margin: 10px 2%;
}
#top #main .topics_area ul li:nth-child(odd) {
	margin-left: 0;
}
#top #main .topics_area ul li:nth-child(even) {
	margin-right: 0;
}
#top #main .topics_area ul li a {
	display: block;
	width: calc( 100% - 2px );
	height: auto;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#top #main .topics_area ul li a img {
	display: block;
	width: 100%;
	height: auto;
}
#top #main .product_area {
	width: 100%;
	margin: 0px auto 50px;
}
#top #main .topics_area .topics_txt {
	text-align: left;
	margin: 10px auto;
}
#top #main .topics_area .topics_txt p {
	padding: 5px 0;
	line-height: 1.25em;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	max-height: 2em;
	position: relative;
	min-height: 2em;
}
#top #main .topics_area .topics_txt p::before {
	content: "...";
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	background-color: #ffffff;
}
#top #main .topics_area .topics_txt p::after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #ffffff;
}
#top #main .topics_area .topics_txt em {
	color: #646464;
	font-size: 13px;
}
#moreBtn {
	cursor: pointer;
	display: block;
	border: 1px solid;
	padding: 10px;
}
#top #main .product_area .title {
	width: 30%;
}
#top #main .product_area ul {
	width: 100%;
	overflow: hidden;
}
#top #main .product_area ul li {
	width: 100%;
	position: relative;
	margin: 2px auto;
	padding-bottom: 0;
	transition: 1s;
	transition-delay: .5s;
}
#top #main .product_area ul li a {
	display: block;
	width: 100%;
	height: auto;
}
#top #main .product_area ul li a:hover {
	opacity: 1;
}
#top #main .product_area ul li a img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0;
}
#top #main .product_area ul li .overray {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1;
}
#top #main .product_area ul li .overray p {
	width: 45%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
#top #main .product_um_area ul li .overray p {
	width: 55%
}
#top #main .guide_area {
	width: 100%;
	margin: 0 auto 50px;
}
#top #main .guide_area .title {
	width: 18%;
}
#top #main .guide_area ul {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
#top #main .guide_area ul li {
	width: 100%;
	margin: 5px auto;
	background-color: #F5F6F6;
}
#top #main .support_area {
	width: 100%;
}
#top #main .support_area .title {
}
#top #main .support_area ul {
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
	background-color: #fff;
	overflow: hidden;
}
#top #main .support_area ul li {
	width: 29%;
	float: left;
	margin: 2%;
}
#top #main .support_area ul li a {
	display: block;
	width: 100%;
	height: auto;
}
#top #main .support_area ul li a img {
	display: block;
	width: 100%;
	height: auto;
}
/**************
	concept
***************/
#Container #concept #main .borderbox {
	margin-top: 30px;
	background: #f9f9f9;
	padding: 20px;
	text-align: left;
}
#Container #concept #main {
	margin-top: 100px;
	text-align: center;
}
#Container #concept #main .about {
}
#Container #concept #main .about .copy {
	width: 80%;
	margin: 0 auto 30px auto;
}
#Container #concept #main .about h3 {
	width: 80%;
	margin: 0 auto;
}
#Container #concept #main .about p {
	line-height: 2em;
	font-size: 13px;
}
#Container #concept #main .about #movie_area {
	margin: 50px auto;
}
#Container #concept #main .origin {
	width: 100%;
	overflow: hidden;
	padding-top: 50px;
}
#Container #concept #main .origin .origin_detail {
}
#Container #concept #main .origin .origin_detail h3 {
	width: 30%;
	margin: 0 auto;
	margin-bottom: 40px;
}
#Container #concept #main .origin .origin_detail p {
	font-size: 13px;
	line-height: 2em;
	text-align: left;
	width: 90%;
	margin: 0 auto;
}
#Container #concept #main .origin .imgarea {
	margin: 30px auto 50px;
}
/**************
	storelist
***************/
#Container #storelist #main .title {
	margin: 50px auto 0px auto;
	padding-top: 60px;
	text-align: center;
}
#Container #storelist #main .subtitle {
	text-align: center;
}
#Container #storelist #main p {
	font-size: 12px;
}
#Container #storelist #main .store_card {
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
	font-size: 0;
	margin-top: 20px;
}
#Container #storelist #main .store_card li {
	width: 48%;
	height: auto;
	float: left;
	margin: 20px 2%;
	border: solid 1px #666;
	box-sizing: border-box;
}
#Container #storelist #main .store_card li:nth-child(even) {
	margin-right: 0;
}
#Container #storelist #main .store_card li:nth-child(odd) {
	margin-left: 0;
}
#Container #storelist #main .inner900{
	width: 90%;
	margin: 20px auto 50px auto;
}
#Container #storelist #main .leftbox{
	display: block;
	margin: 0 auto;
}
#Container #storelist #main .leftbox h3{
	font-size: 14px;
}
#Container #storelist #main .leftbox dl{
	font-size: 13px;
}
#Container #storelist #main .leftbox dt{
	margin-top: 10px;
}
#Container #storelist #main .leftbox .linkboxmore{
	background: #000000;
    margin-top: 10px;
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
}
#Container #storelist #main .leftbox .linkboxmore a {
	color: #ffffff;
	font-weight: bold;
}
#Container #storelist #main .rightbox{
	display: block;
	width: 100%;
	margin: 20px auto 0 auto;
	vertical-align: top;
}
#Container #storelist #main #map{
	width: 100%;
	    height: 300px;
    background: #d0d0d0;
}
/**************
	news
***************/

#main .inner1000 {
	width: 90%;
	margin: 0 auto;
}
#Container #news #main .newstitle {
	clear: both;
	width: 30%;
	margin: 100px auto 50px;
	padding: 30px 0 0;
}
#Container #news #main {
	margin: 50px auto;
	text-align: center;
}
#Container #news #main .newssection article {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 100px;
}
#Container #news #main .newssection article .media {
	border-bottom: 1px solid #000;
	margin: 25px auto;
}
#Container #news #main .newssection article dl {
	width: 100%;
}
#Container #news #main .newssection article dl dt {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 10px;
}
#Container #news #main .newssection article dl dd {
	width: 100%;
	margin: 10px auto;
	color: #323232;
}
#Container #news #main .newssection article dl dd dl dt {
	width: 100%;
	font-size: 17px;
	text-align: left;
	margin: 0 auto;
	margin-bottom: 10px;
}
#Container #news #main .newssection article dl dd dl dt em {
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
}
#Container #news #main .newssection article dl dd dl dd {
	font-size: 14px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 30px;
}
#Container #news .pager span {
	padding: 0 5px;
}
#Container #news .pager a {
	padding: 0 5px;
}
/**************
	products
***************/



#products #main {
	width: 90%;
	margin: 20px auto;
}
#products #main .card {
	width: 100%;
	margin: 20px auto;
	overflow: hidden;
}
#products #main .card li {
	width: 47%;
	float: left;
	margin: 5px 3%;
}
#products #main .card li:nth-child(even) {
	margin-right: 0;
}
#products #main .card li:nth-child(odd) {
	margin-left: 0;
}
#products #main #right .card li img {
	display: block;
	width: 100%;
	height: auto;
}
#products #main .card li dl {
}
#products #main .card li dl dt {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	border-bottom: 1px solid #000;
	line-height: 1.25em;
	font-family: 'Roboto', 'Hiragino Kaku Gothic Pro', 'メイリオ'
}
#products #main .card li dl dt em {
	display: block;
	font-size: 10px;
	font-family: 'Hiragino Kaku Gothic Pro', 'メイリオ';
}
#products #main .card li dl dt em+em {
	margin-bottom: 5px;
}
#products #main .card li dl dd {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}
#products #main .linkBtn {
	width: 70px;
	height: auto;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#products #main .linkBtn .spec {
	width: 70%;
	text-align: right;
	margin-right: 0;
	margin-left: auto;
}
/**************
	csr
***************/

#csr #main {
	margin-bottom: 0;
}
#csr #main .whats {
	width: 60%;
	text-align: center;
	margin: 20px auto 20px auto;
}
#csr #main .greenbg {
	width: 100%;
	height: auto;
}
#csr #main .greenInner {
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}
#csr #main .greenInner p {
	margin: 15px auto;
}
#csr #main .action {
	margin: 0px auto;
	padding: 20px;
}
#csr #main .action h3 {
	background: #3a3a3a;
	padding: 5px 12px;
	color: #fff;
	border-radius: 8px;
	letter-spacing: 0.1em;
	margin-right: 10px;
	text-align: center;
}
　 #csr #main .action .csrtitle {
	text-align: center;
	margin-bottom: 20px;
}
#csr #main .action .csrtitle p {
	font-size: 13px
}
#csr #main .action h3 {
	margin: 0px auto 20px;
}
　 #csr #main .action em {
	font-size: 14px;
}
#csr #main .csr_article {
	margin: 20px auto;
}
#csr #main .csr_article .csr_detail {
	margin: 20px auto;
}
#csr #main .action dl dt {
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 15px 0;
	position: relative;
	cursor: pointer;
}
#csr #main .action dl dt::before {
	content: "";
	background: url(../images/arrow.png) no-repeat center center;
	width: 6px;
	height: 9px;
	display: block;
	float: left;
	position: absolute;
	top: calc(50% - 5px);
	left: 10px;
}
#csr #main .action dl dt span {
	display: block;
	text-align: left;
	font-size: 13px;
	color: #646464;
	margin-left: 30px;
}
#csr #main .action dl dt .headline {
	font-size: 14px;
	color: #000;
}
#csr #main .action dl dt em {
	display: block;
	font-size: 13px;
	color: #646464;
	position: absolute;
	bottom: 15px;
	right: 0;
}
#csr #main .action dl dd {
	display: none;
}
#csr #main .action dl dd {
}
#csr #main .action dl dd .upper {
	border-bottom: 1px dashed #000;
	padding: 30px 0;
}
#csr #main .action dl dd .upper .card {
	text-align: center;
}
#csr #main .action dl dd .upper .card img {
	width: 50%;
	height: auto;
	display: block;
	margin: 20px auto;
}
#csr #main .action dl dd .upper .card p {
	display: block;
	font-size: 1.2em;
}
#csr #main .action dl dd .bottom {
	padding: 20px 0;
}
#csr #main .action dl dd .bottom article {
}
#csr #main .action dl dd .bottom article p {
	margin: 15px auto;
	line-height: 1.8em;
}
#csr #main .action dl dd .bottom article p.overview {
	padding-left: 15px;
}
#csr #main .action dl dd .bottom article p.overview span.indent {
	display: block;
	text-indent: 15px;
}
#csr #main .link {
	width: 228px;
	margin: 50px auto;
	text-align: center;
	border: 1px solid #000;
	background-color: #fff;
}
#csr #main .link a::before {
	content: "";
	background: url(../images/arrow.png) no-repeat center center;
	width: 6px;
	height: 9px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
#csr #main .greenbg {
}
#csr #main .greenbg .link {
}
#csr #main .link a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0px;
}
#csr #main .all_donation {
	text-align: center;
	padding: 30px;
	letter-spacing: 0.04em;
	margin: 0 auto;
	background-color: #f5f6f6;
}
#csr #main .all_donation h2 {
	font-size: 14px;
	margin: 0 auto;
	margin-bottom: 15px;
	border-bottom: solid 2px #696969;
	padding-bottom: 5px;
	width: 5em;
}
#csr #main .all_donation .year {
	font-size: 14px;
	line-height: 2.3em;
	margin-bottom: 10px;
}
#csr #main .all_donation .year span {
	margin-left: 40px;
	font-weight: bold;
	color: #777777;
}
#csr #main .all_donation .all {
	font-size: 17px;
	padding-top: 20px;
	border-top: solid 8px #ffffff
}
/**************
	spec
***************/

#other .spec_top {
	background: url(/common/images/spec/spec_top.jpg) 50% 50%;
	background-size: cover;
}
#other .spec_um_top {
	background: url(/common/images/spec/spec_umbrella_top.jpg) 50% 50%;
	background-size: cover;
	min-height: 54%;
}
#other .spec_detail {
}
#other .spec_detail .inner1000 {
	position: relative;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
#other .spec_detail p {
	color: #fff;
	padding-top: 10px;
	font-size: 1.3em;
}
#other .spec_detail p em {
	display: block;
	width: 10%;
	margin: 10px auto;
}
#other .spec_detail span {
	font-size: 0.9em;
	color: #fff;
	padding-top: 15px;
}
#other .spec_detail .specnav_sp {
	width: 65%;
	margin: 0 auto 45px;
}
#other .spec_detail .specnav_sp p {
	font-size: 1em;
}
#other .spec_detail .specnav_sp dl {
	text-align: left;
	font-size: 0.9em;
	background-color: #3B3B3B;
	border: 2px solid #fff;
	border-bottom: 1px solid #fff;
	position: relative;
}
#other .spec_detail .specnav_sp dl dt {
	color: #fff;
	padding-left: 5px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #fff;
}
/*#other .spec_detail .specnav_sp dl .slideBtn::before{
	content: "";
	display: inline-block;
	width: 2px;
	height: 30px;
	background-color: #fff;
}*/

#other .spec_detail .specnav_sp dl .slideBtn {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 0;
	border-left: 2px solid #fff;
}
#other .spec_detail .specnav_sp dl dd {
	padding: 2px 0 2px 5px;
	display: none;
}
#other .spec_detail .specnav_sp dd ul {
}
#other .spec_detail .specnav_sp dd ul li {
}
#other .spec_detail .specnav_sp dd ul li a {
	color: #fff;
}
#other #main .inner1000 {
	width: 90%;
	margin: 0 auto 100px;
}
#other #main .speclist {
	padding: 20px 0;
	border-bottom: 1px dashed #000;
	margin-top: -60px;
	padding-top: 60px;
}
#other #main .speclist h3 {
	font-size: 1.2em;
	margin: 25px auto;
}
#other #main .speclist .speclist_inner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#other #main .speclist .top {
	width: 100%;
	margin: 25px auto;
}
#other #main .speclist .under {
}
#other #main .speclist .left {
	float: none;
}
#other #main .speclist .right {
	float: none;
}
.specnav {
	display: none;
}
/**************
	coming soon
***************/
#main .comingsoon {
	padding: 20px 0px;
}
#main .comingsoon .title {
	font-size: 30px;
}
#main .comingsoon .subtitle {
	font-size: 20px;
}
#main .comingsoon p {
	margin-top: 30px;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	font-size: 15px;
	text-align: left;
}
#main .onlinebox em {
	background: #161616;
	padding: 6px 10px;
	color: #fff;
	margin: 10px 10px 0px 0px;
	display: inline-block;
	height: 30px;
	vertical-align: top;
	line-height: 2em;
	width: 90%;
}
#main .snsbox ul {
	padding: 0px 0;
}
#main .snsbox ul li {
	display: inline-block;
	margin: 0 10px 0px 0px;
}
/**************
	error
***************/
#error .errorpage {
	margin: 0 auto;
	margin-top: 160px;
	margin-bottom: 100px;
	width: 90%;
}
#error .errorpage p {
	margin-top: 20px;
}
#error .errorpage a {
	padding: 10px;
	background: #333;
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 14px;
}
/**************
	movieをトップに入れた時の追加css
***************/
#allscreen {
min-height: auto;
}
#top #allscreen {
height: auto;
}
.videobox{
	padding-top: 60px;
}
#player{
	width: 100%;
	min-height: 200px;
height: auto;
}
}