/************
	pc用
******************/


/************
	共通
******************/
#Container {
	overflow-y: hidden;
}
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
#Container .nav_2 {
	display: none;
}
#sp_menu {
	display: none !important;
}
.glay {
	background-color: #F5F6F6;
}
.inner1000 {
	width: 1000px;
	margin: 0 auto;
}
.sp_br {
	display: none;
}
.sp_area {
	display: none;
}
.fixed {
	position: fixed !important;
	top: 0;
	left: 0;
	bottom: auto !important;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.red {
	color: red;
}
/************
	header
******************/

header {
	width: 100%;
	position: relative;
	background-color: #fff;
	height: 40px;
	z-index: 1000;
}
header .headerwrapper {
	width: 100%;
	margin: 5px 0px;
}
header #headertop {
	width: 100%;
	margin: 0px auto;
	z-index: 1000;
}
header #headertop .logoArea {
	width: 280px;
	float: left;
	margin-left: 20px;
}
header #headertop h1 img {
	display: block;
}
header #headertop p {
	float: left;
    margin-left: 21px;
    font-weight: 400;
    line-height: 20px;
}
header .menuBtn {
	display: none;
}
header #headertop .nav {
	display: block;
	float: right;
	font-size: 0;
	text-align: right;
    margin-right: 30px;
	    margin-top: 5px;
}
header #headertop .nav ul {
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
header #headertop .nav ul li {
	float: left;
	font-size: 11px;
	    letter-spacing: 0.04em;
}
header #headertop .nav ul li::before {
	    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    background: #000;
    margin-left: 21px;
}
.gnavi_cart_btn {
	padding: 0px 20px;
	border-right: #000 1px solid;
}
.gnavi_cart_btn::before {
	display: none !important;
}
.sp_navi_cart {
	display: none;
}
header #headertop .nav ul #product_nav {
}
header #headertop .nav ul li:first-child {
	border-left: 1px solid #000;
	height: 20px;
}
header #headertop .nav .nav_sns {
	margin: 0 auto;
	text-align: center;
	display: inline-block;
	    margin-left: 5px;
	vertical-align: middle;
	margin-top: -3px;
}
header #headertop .nav .nav_sns a {
	margin-left: 11px;
}
header #headertop .nav .nav_sns a img {
	width: 20px;
}
/*header  #headertop .nav ul li .navchild{
	width: 100%;
	height: 220px;
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 70px;
	left: 0px;
	z-index: 1;
	display: block;
}*/

.navchild {
	background-color: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 40px;
	    left: 50%;
    transform: translate(-50%,0%);
	z-index: 1;
	display: none;
	padding: 20px;
	text-align: left;
}
header #headertop .nav ul li .navchild ul {
	width: 750px;
	margin: 10px auto;
	font-size: 0;
}
/* header #headertop .nav ul li .navchild ul li{
	float: left;
	border-left: none;
	border-right: none;
	font-size: 13px;
	margin: 10px 20px;
}*/

header #headertop .navchild ul li {
	display: inline-block;
	    width: 15%;
	margin-right: 6%;
	vertical-align: top;
	font-size: 12px;
	margin-bottom: 11px;
	line-height: 1.1em;
}
header #headertop .navchild ul li::before {
	content: "";
	display: none;
}
header #headertop .navchild ul li:first-child {
	border-left: 0px;
}
header #headertop .navchild ul li:nth-child(5) {
	margin-right: 0px;
}
header #headertop .navchild ul li dl dt {
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 2em;
}
header #headertop .navchild ul li dl dt dd{
	margin-top: -5px;
}
header #headertop .navchild ul li dl dd ul li {
	clear: both;
	margin-bottom: 10px;
}
header #headertop .navchild ul li dl dd ul li::before {
	content: "";
	display: none;
}
header #headertop .navchild ul li dl dd ul li:first-child {
	border-left: 0px;
}

/* header #headertop .nav ul li .navchild ul li::before{
	 content: "";
	 display: inline-block;
	 width: 0;
	 height: 0;
	 background: none;
 }*/

/* header #headertop .nav ul li .navchild ul li dl dt{
	 width: 100%;
	 border-bottom: 1px solid #000;
 }*/

 /* header #headertop .nav ul li .navchild ul li dl dd{
	  width: 206px;
	  float: left;
  }*/

/*   header #headertop .nav ul li .navchild ul li dl dd ul li{
	   float: none;
	   margin: 10px 0;
   }*/

/* header #headertop .nav ul li .navchild ul .raingearnav{
	 width: 690px;
 }*/

 /* header #headertop .nav ul li .navchild ul .umbrellanav{
	  width: 206px;
  }*/


@media( max-width:1220px ) {
header #headertop .logoArea {
	width: 80px;
}
header #headertop .nav {
	width: 720px;
	margin-right: 20px;
}
header #headertop .nav .nav_sns {
	display: none;
}
header #headertop .nav ul li:last-child {
	border-right: 1px solid #000;
}
}

@media( max-width:1000px ) {
header .headerwrapper {
	width: 1000px;
}
}
/**************
	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 .screen_top {
	width: 100%;
	height: auto;
	min-height: 75%;
	background-size: cover;
	position: absolute;
	top: 70px;
	left: 0;
}
#allscreen .screen_detail {
	width: 100%;
	height: auto;
	min-height: 22%;
	background-color: #4D4D4D;
	position: absolute;
	bottom: 0;
	left: 0;
}
#allscreen .product_top {
	width: 100%;
	height: auto;
	min-height: 75%;
	background-size: cover;
	position: absolute;
	top: 70px;
	left: 0;
}
#allscreen .top_top {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-height: calc( 100% - 40px );
	background-position: 50% 50%;
	background-size: cover;
	position: absolute;
	top: 0;
	overflow: hidden;
}
#allscreen .top_top_sp {
	display: none;
}
#allscreen .top_top .sm-slider {
	overflow: hidden;
	background-color: #efefef;
}
#allscreen .top_top h2 {
	width: 40%;
	min-width: 522px;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
#allscreen .top_top h2 img {
	display: block;
	width: 100%;
	height: auto;
}
#allscreen .top_logo_sp {
	display: none;
}
#allscreen .top_logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 25%;
}
#allscreen .concept_top {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-height: calc( 100% - 60px );
	background: url(/common/images/top/top_top1.jpg) 50% 50%;
	background-size: cover;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
/**************
main img sp
***************/

.cb-slideshow, .cb-slideshow:after {
	display: none;
}
/**************
	footer
***************/

footer {
	clear: both;
	width: 100%;
	background-color: #F5F6F6;
}
footer .ft_top {
	width: 100%;
    min-width: 1200px;
    padding: 30px 0;
    position: relative;
    background: #E9E9E9;
}
footer .productbox{
	width: 700px;
	    margin: 0 auto;
}
footer .productbox ul {
	font-size: 0;
}
footer .productbox ul li {
    width: 16%;
    vertical-align: top;
    margin: 0 4% 0 0;
	  font-size: 10px;
	display: inline-block;
}
footer .productbox ul li:nth-child(5) {
	margin-right: 0px;
}
footer .productbox ul li dl dt {
	    margin: 0 0 10px 0;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
    font-weight: 500;
    color: #000000;
    font-family: Montserrat, sans-serif;
    letter-spacing: 0.01em;
}
footer .productbox ul li dl dd ul li{
	display: block;
	width: 100%;
	    margin-bottom: 10px;
}
footer .otherbox {
	text-align: center;
	margin: 30px 0 30px 0;
}
footer .otherbox li {
	display: inline-block;
	margin: 0 60px;
	vertical-align: top;
}
footer .otherbox li a {
	    display: block;
    width: 150px;
    padding: 10px 0 0 0;
    background: none;
    border: #999 1px solid;
    text-align: center;
    color: #000;
    font-family: Montserrat, sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 7px;
    letter-spacing: 0.1em;
}
footer .otherbox li a:hover {
	border: #333 1px solid;
}
footer .otherbox li a .sub {
	    display: block;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, Geneva, sans-serif;
    color: #7b7b7b;
    font-size: 10px;
    line-height: 18px;
    font-weight: normal;
    letter-spacing: 0.07em;
    transform: scale(0.8);
}

footer .snsbox {
	width: 100%;
	text-align: center;
}
footer .snsbox ul {
}
footer .snsbox ul li {
	display: inline-block;
	margin: 0 10px;
}
footer .snsbox ul li a img{
	width: 28px
}

.ft_btm {
	width: 100%;
	min-width: 1200px;
	padding: 20px 0 10px 0;
	background: #231815;
	text-align: center;
}
.footer_navi {
	margin: 0 auto 10px auto;
	text-align: center;
}
.footer_navi li {
	display: inline-block;
	padding: 0;
	margin: 0;
	text-align: center;
}
.footer_navi li:first-child {
	border-right: #FFF 1px solid;
}
.footer_navi li:last-child {
	border-left: #FFF 1px solid;
}
.footer_navi li li:first-child, .footer_navi li li:last-child {
	border: none;
}
.footer_navi li a {
	display: inline-block;
	padding: 0 15px;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
	line-height: 14px;
}
.footer_navi li a:hover {
	color: #CCC;
	text-decoration: none;
}
.footer_logo {
	display: none;
}
.copyright {
	margin: 0;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
	color: #999;
	font-family: Montserrat, sans-serif;
	letter-spacing: normal;
}

/************
	TOP
******************/

#top {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#top #allscreen header {
	height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#top #main {
	text-align: center;
	margin: 0 auto;
}
#top #main .introarea {
	padding: 80px 0 50px;
}
#top #main .introarea .movie_area {
	width: 820px;
	margin: 50px auto;
}
#top #main .introarea #movie {
	width: 295px;
	height: auto;
	float: left;
}
video {
	max-width: 100%;
	height: auto;
}
#top #main .introarea .intro_article {
	float: left;
	margin-left: 30px;
	text-align: left;
}
#top #main .introarea .intro_article p {
	line-height: 2em;
}
#top #main .introarea ul {
	width: 460px;
	margin: 0 auto;
	overflow: hidden;
}
#top #main .introarea ul li {
	float: left;
}
#top #main .introarea ul li:last-child {
	float: right;
}
#top #main .introarea ul li em {
	display: block;
	font-size: 12px;
	text-align: center;
}
#top #main .newscontents {
	margin: 70px auto 0;
	padding-bottom: 20px;
}
#top #main .newscontents .newsWrapper {
	width: 1000px;
	margin: 0 auto 10px;
	overflow: hidden;
}
#top #main .newscontents dl {
	width: 333px;
	/*min-height: 160px*/;
	margin: 0 auto;
	float: left;
	font-size: 13px;
}
#top #main .newscontents dl:nth-of-type(2) {
	width: 332px;
	border-left: 1px dashed #000;
	border-right: 1px dashed #000;
}
#top #main .newscontents dl dt {
	width: 90%;
	padding: 5px 0;
	margin: 0 auto;
	margin-top: 4px;
	text-align: left;
	color: #646464;
}
#top #main .newscontents dl dd {
	width: 90%;
	margin: 0 auto;
	padding: 5px 0px;
	text-align: left;
}
#top #main .newscontents dl dd a {
	text-overflow: ellipsis;
	width: 298px;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}
#top #main .newscontents dl dd p {
	color: #646464;
}
#top #main .newscontents em {
	display: block;
	width: 80px;
	margin: 30px auto 50px auto;
	padding: 5px 15px;
	border: solid 1px #000;
	font-size: 13px;
}
#top #main .bigtopics {
	width: 1140px;
	margin: 0 auto;
	/*	border: solid 1px #ccc;*/
	margin-top: 100px;
}
#top #main .title {
	font-weight: bold;
}
#top #main .subtitle {
	font-size: 9pt;
	margin-bottom: 50px;
}
#top #main .topics_area {
	width: 1140px;
	margin: 100px auto;
	padding-bottom: 0px;
}
#top #main .topics_area ul {
	width: 1140px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 100px;
	overflow: hidden;
}
#top #main .topics_area .topicsList li {
	width: 220px;
	height: auto;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
#top #main .topics_area .topicsList li:nth-child(5n) {
	margin-right: 0px;
}
#top #main .topics_area ul li a {
	display: block;
	width: 100%;
	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 .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: 13px;
}
#top #main .topics_area .topics_txt em {
	color: #646464;
	font-size: 13px;
}
#moreBtn {
	display: none;
}
#top #main .product_area {
	width: 1000px;
	margin: 50px auto;
	padding-top: 30px;
}
#top #main .product_area .title {
}
#top #main .product_area ul {
	width: 1004px;
	margin-left: -2px;
	margin-right: -2px;
	overflow: hidden;
}
#top #main .product_area ul li {
	position: relative;
	float: left;
	margin: 2px;
	padding-bottom: 0;
	transition: 1s;
	transition-delay: .5s;
}
#top #main .product_area ul li+li {
}
#top #main .product_area ul li:nth-of-type(2) {
}
#top #main .product_area ul li:nth-of-type(3) {
	transition-delay: 1s;
}
#top #main .product_area ul li:nth-of-type(5) {
	transition-delay: 1s;
}
#top #main .product_area ul li:nth-of-type(8) {
	transition-delay: 1s;
}
#top #main .product_area ul li:nth-of-type(10) {
	transition-delay: 1s;
}
#top #main .product_area ul li:nth-of-type(11) {
	transition-delay: 1.2s;
}
#top #main .product_area ul li:nth-of-type(12) {
	transition-delay: 1.5s;
}
#top #main .product_area ul li:nth-of-type(14) {
	transition-delay: 1s;
}
#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 {
	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: 0;
}
#top #main .product_area ul li .overray:hover {
	opacity: 1;
}
#top #main .product_area ul li .overray p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
#top #main .guide_area {
	width: 1000px;
	margin: 0 auto 50px;
}
#top #main .guide_area ul {
	width: 1004px;
	margin-left: -2px;
	margin-right: -2px;
	overflow: hidden;
}
#top #main .guide_area ul li {
	width: 498px;
	margin: 2px;
	float: left;
	background-color: #F5F6F6;
}
#top #main .support_area {
	padding-top: 50px;
}
#top #main .support_area ul {
	width: 1140px;
	margin: 0 auto;
	padding: 25px 0;
	background-color: #fff;
	overflow: hidden;
}
#top #main .support_area ul li {
	float: left;
	/*border: solid 1px #C8C8C8;*/
	margin-right: 36px;
	margin-bottom: 50px;
}
#top #main .support_area ul li:nth-child(6n) {
	margin-right: 0px;
}
#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;
}
#main {
	width: 100%;
	margin: 100px auto;
}
#main .subtitle {
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 13px;
}
#main .title {
	margin: 5px auto;
	text-align: center;
}
/**************
	concept
***************/

#Container #concept #main {
	margin-top: 50px;
}
#Container #concept #main .about {
	text-align: center;
}
#Container #concept #main .about .title {
	margin: 5px auto;
	text-align: center;
}
#Container #concept #main .about .subtitle {
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 13px;
}
#Container #concept #main .about .borderbox {
	margin-top: 30px;
	background: #f9f9f9;
	padding: 5px;
}
#Container #concept #main .about .copy {
	width: 40%;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-top: 70px;
}
#Container #concept #main .about p {
	line-height: 3em;
	margin-bottom: 50px;
	font-size: 14px;
}
#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 {
	float: right;
	width: 700px;
}
#Container #concept #main .origin .origin_detail h3 {
	margin-bottom: 40px;
}
#Container #concept #main .origin .origin_detail p {
	font-size: 14px;
	line-height: 3em;
}
#Container #concept #main .origin .imgarea {
	width: 270px;
	height: auto;
	float: left;
	margin-right: 30px;
}
/**************
	storelist
***************/

#Container #storelist #main .title {
	margin: 5px auto;
	text-align: center;
}
#Container #storelist #main .subtitle {
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 13px;
}
#Container #storelist #main .list_top {
	width: 1000px;
	margin: 0 auto;
}
#Container #storelist #main p {
	text-align: center;
	padding: 20px 0;
	font-size: 13px;
}
#Container #storelist #main .store_card {
	width: 900px;
	overflow: hidden;
	font-size: 0;
	margin: 0 auto;
	margin-bottom: 100px;
}
/********************************************************
	ストアページあとから追加したもの
 ********************************************************/

#Container #storelist #main .store_card li {
	width: 240px;
	height: 155px;
	float: left;
	margin: 20px auto;
	margin-right: 90px;
	box-shadow: 0 0 0 1px #ccc inset;
	position: relative;
}
#Container #storelist #main .store_card li:nth-child(3n) {
	margin-right: 0;
}
#Container #storelist #main .store_card li a {
	display: block;
	width: 100%;
	height: auto;
}
#Container #storelist #main .store_card li a img {
	position: absolute;
	width: 200px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
}
#Container #storelist #main .inner900{
	width: 900px;
	margin: 20px auto 100px auto;
}
#Container #storelist #main .leftbox{
	display: inline-block;
	width: 395px;
	margin: 0 auto;
	vertical-align: top;
}
#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: inline-block;
	width: 500px;
	vertical-align: top;
}
#Container #storelist #main #map{
	width: 500px;
	    height: 300px;
    background: #d0d0d0;
}
/**************
	news
***************/




#Container #news #main {
	width: 1000px;
	margin: 50px auto;
}
#Container #news #main .newstitle {
	margin: 50px auto;
	padding-top: 50px;
	text-align: center;
}
#Container #news #main .newssection article {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 100px;
}
#Container #news #main .newssection .title {
	margin: 5px auto;
	text-align: center;
}
#Container #news #main .newssection .subtitle {
	text-align: center;
	margin: 0 auto;
	display: block;
	font-size: 13px;
}
#Container #news #main .newssection article dl {
	width: 100%;
}
#Container #news #main .newssection article .media::after {
	content: "";
	display: block;
	clear: both;
}
#Container #news #main .newssection article .media {
	border-bottom: 1px solid #000;
}
#Container #news #main .newssection article dl dt {
	width: 250px;
	margin: 25px auto;
	float: left;
	clear: left;
}
#Container #news #main .newssection article dl dt img {
	width: 238px;
	height: 238px;
}
#Container #news #main .newssection article dl dd {
	width: 720px;
	margin: 10px auto;
	color: #323232;
	float: left;
	margin-left: 30px;
}
#Container #news #main .newssection article dl dd dl dt {
	width: 100%;
	font-size: 17px;
	text-align: left;
	margin: 25px 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 {
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
}
#Container #news .pager span {
	padding: 0 5px;
}
#Container #news .pager a {
	padding: 0 5px;
}
/**************
	products
***************/

#products #main {
	position: relative;
}
#products #main .linkBtn {
	width: 140px;
	height: 230px;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#cardcontent {
	width: 100%;
	position: relative;
	margin: 0 auto 100px;
}
.card {
	width: 100%;
	margin: 0 auto;
}
.card::after {
	/*content: "";*/
	display: block;
	clear: both;
	width: 100%;
	padding-bottom: 100px;
}
.cardlist {
	width: 256px;
	margin: 25px;
	float: left;
}
#products #main .card .imgbox {
	width: 256px;
	height: 568px;
	position: relative;
}
#products #main .card800 .imgbox {
	width: 256px;
	height: 400px;
	position: relative;
}
#products #main .card600 .imgbox {
	width: 256px;
	height: 300px;
	position: relative;
}
#products #main .card li .zoomBtn {
	position: absolute;
	right: 10px;
	bottom: 110px;
}
#products #main .card li .zoomBtn span {
	width: 35px;
	height: 30px;
	display: inline-block;
	cursor: pointer;
}
#products #main .card li .zoomBtn span img {
	width: 100%;
	height: auto;
}
#products #main .card li img {
	display: block;
	width: 100%;
	height: 100%;
}
#products #main .card li dl {
}
#products #main .card li dl dt {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	border-bottom: 1px solid #000;
}
#products #main .card li dl dt em {
	display: block;
	font-size: 12px;
}
li dl dd {
}
#products #main .card li dl dt em+em {
	margin-bottom: 5px;
}
#products #main .card li dl dd {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0;
}
#products #main .card li dl dd:nth-child(1) {
}
#products #main .card li dl .onst {
	margin-bottom: 50px;
}
#products #main .card li dl .onst a {
	display: block;
	width: 256px;
	height: 35px;
}
#products #main .card li dl .onst a:hover {
}
#products #main .card li dl .onst a img {
	display: block;
	width: 256px;
	height: 35px;
}
#products #main .card li dl .onst p {
	font-size: 12px;
	margin: 5px auto;
	font-weight: 400;
}
/**************
	csr
***************/

#csr #main {
	margin-bottom: 0;
}
#csr #main .whats {
	display: block;
	border-bottom: solid 7px #DCDDDD;
	width: 700px;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-top: 40px;
}
#csr #main .whats img {
	width: 200px;
}
#csr #main .greenbg {
}
#csr #main .greenInner {
	width: 700px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
}
#csr #main .greenInner::before {
	/*content: "";*/
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 38px 59px 0 59px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	top: -50px;
	left: calc( 50% - 59px );
}
#csr #main .greenInner p {
	color: #000;
	margin: 30px auto;
	font-size: 14px;
	line-height: 1.9em;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#csr #main .action {
	margin: 50px auto;
	width: 700px;
}
#csr #main .action .csrtitle {
	margin-top: 100px;
,
}
#csr #main .action h3 {
	display: inline;
	background: #3a3a3a;
	padding: 5px 12px;
	color: #fff;
	border-radius: 8px;
	letter-spacing: 0.1em;
	margin-right: 10px;
}
　 #csr #main .csr_article {
	margin: 50px auto;
}
#csr #main .csr_article .csr_detail {
	margin: 50px 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 .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 {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
#csr #main .action dl dd .upper .card p {
	display: inline-block;
	font-size: 24px;
	text-align: left;
	vertical-align: middle;
}
#csr #main .action dl dd .bottom {
	padding: 30px 0;
}
#csr #main .action dl dd .bottom article {
	margin-bottom: 70px;
}
#csr #main .action dl dd .bottom article p {
	margin: 30px auto;
}
#csr #main .action dl dd .bottom article p.overview {
	margin: 0 0 0 15px;
}
#csr #main .action dl dd .bottom article p.overview span.indent {
	display: block;
	text-indent: 15px;
}
#csr #main .link {
	width: 228px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #000;
	background-color: #fff;
	display: block;
	padding: 20px 0px;
}
#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 {
	padding: 0px 0px 0px 0px;
	margin-top: -20px;
	margin-bottom: -100px;
}
#csr #main .all_donation {
	text-align: center;
	padding: 30px;
	letter-spacing: 0.04em;
	width: 70%;
	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;
	min-height: 54%;
}
#other .spec_um_top {
	background: url(/common/images/spec/spec_umbrella_top.jpg) 50% 50%;
	background-size: cover;
	min-height: 54%;
}
#other .spec_detail {
	min-height: 40%;
}
#other .spec_detail .inner1000 {
	position: relative;
	padding-top: 2%;
	min-height: 250px;
}
#other .spec_detail p {
	color: #fff;
	font-size: 32px;
}
#other .spec_detail p em {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
#other .spec_detail .plist {
	width: 100%;
	height: 200px;
	position: absolute;
	top: 60px;
	left: 0px;
	margin-top: 20px;
}
#other #main .speclist {
	padding: 20px 0;
	border-bottom: 1px dashed #000;
	margin-top: -70px;
	padding-top: 70px;
}
#other #main .speclist h3 {
	font-size: 28px;
	margin: 25px auto;
}
#other #main .speclist .speclist_inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
#other #main .speclist .top {
	width: 490px;
	margin: 25px auto;
}
#other #main .speclist .under {
}
#other #main .speclist .left {
	float: left;
}
#other #main .speclist .right {
	float: right;
}
.plist ul {
	width: 1000px;
	margin: 0px auto;
}
.plist ul li {
	float: left;
	border-right: none;
	font-size: 13px;
	margin: 10px 0px;
}
.plist ul li dl dt {
	width: 100%;
	border-bottom: 1px solid #000;
	color: #000;
	padding-bottom: 5px;
}
.plist ul li dl dd {
	width: 230px;
	float: left;
}
.plist ul li dl dd ul {
	width: 100%;
}
.plist ul li dl dd ul li {
	width: 100%;
	float: none;
	margin: 10px 0;
}
.plist ul li a {
	color: #fff;
}
.plist .raingearnav {
	width: 690px;
}
.plist ul .umbrellanav {
	width: 206px;
	float: right;
}
/**************
	coming soon
***************/
#main .comingsoon {
	padding: 50px 0px;
}
#main .comingsoon .title {
	font-size: 40px;
	text-align: left;
}
#main .comingsoon .subtitle {
	font-size: 20px;
	text-align: left;
}
#main .comingsoon p {
	margin-top: 40px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
#main .onlinebox em {
	background: #161616;
	padding: 6px 10px;
	color: #fff;
	margin: 10px 10px 0px 0px;
	display: inline-block;
	height: 15px;
	vertical-align: top;
	line-height: 1.4em;
	font-size: 12px;
}
#main .snsbox ul {
	padding: 60px 0;
}
#main .snsbox ul li {
	display: inline-block;
	margin: 0 10px 0px 0px;
}
/**************
	error
***************/
#error .errorpage {
	width: 1000px;
	margin: 0 auto;
}
#error .errorpage p {
	margin-top: 20px;
}
#error .errorpage a {
	padding: 10px;
	background: #333;
	color: #fff;
	letter-spacing: 0.1em;
	font-size: 14px;
}
/**************
	movieをトップに入れた時の追加css
***************/
.videobox{
	width: 100%;
    height: calc(100vh - 40px);
	overflow: hidden;
}
.videobox iframe{
    width: 100%;
    height: calc(100vh - 40px);
}