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

/*====================
reset
====================*/
figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*概要に空いてしまう空白回避*/
p, h1, h2, h3, h4, h5, h6, a, li, caption, td, th, dt, dd, input, textarea, select, address {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
div:after, dl:after, ul:after {
	content: none;
}
/*====================
基本
====================*/
body{
	position: relative;
}
.contents_wrap * {
	box-sizing: border-box;
}
.contents_wrap img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
/*====================
ローディング
====================*/
#loading {
	background: #38110e url(/sweets/chocolate/chocokoka/images/loading.gif) no-repeat center;
	z-index: 9999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}
/*====================
共通
====================*/
.contents_wrap{
	background: #fbf8f2;
	-webkit-font-smoothing: antialiased;
}
.contents_wrap header {
	background: #353535;
}

#first_contents .main_area{
	position: relative;
}
#first_contents .main_area ul{
	display: flex;
	position: absolute;
	justify-content: center;
	width: 100%;
}
/*--------商品詳細-------*/	
#first_contents {
	background: #0a9b7d;
	text-align: center;
}
#first_contents .product_list li {
	background: #f8f5ef;
	overflow: hidden;
}
#first_contents .product_list li.cacao72 .product_category {
	background: #07493b;
}
#first_contents .product_list li.cacao86 .product_category {
	background: #36201f;
}
#first_contents .product_list li.cacao95 .product_category {
	background: #2c2f2e;
}
#first_contents .note {
	font-weight: bold;
}
/*--------商品トピックス --------*/	
#products {
	background-color: #fff;
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_products.jpg);
	background-repeat: no-repeat;
	background-position: center -200px;
}
#products .products_overview p.catch .em {
	color: #48291e;
	font-weight: bold;
	background: linear-gradient(transparent 50%, #ffef00 50%, #ffef00 80%, transparent 80%);
}
#products .explain {
	border-radius: 6px 6px 0 0;
	background: #f4f4f4;
	text-align: center;
	overflow: hidden;
	color: #48291e;
	border: solid 1px #cc0a1d;
}
#products .explain h3 {
	background: #cc0a1d;
}
#products #movie {
	width: 795px;
	margin: 60px auto 0;
}
/*--------ポリフェノールはカラダにとどめておけない！？ --------*/	
#polyphenols {
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_polyphenols.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#polyphenols .section_inner {
	background: rgba(255, 255, 255, 0.9);
}
#polyphenols .section_inner .wrap {
	text-align: center;
}
#polyphenols .section_inner .wrap .sub_title span > span {
	color: #725445;
}
#polyphenols .section_inner p.txt {
	text-align: left;
}
#polyphenols .section_inner p.txt span {
	color: #e67d20;
}
#polyphenols .graph {
	background: #fff;
	border: solid 1px #48291e;
	width: 490px;
	margin: 0 auto;
	text-align: center;
	padding: 25px 40px 20px 40px;
}
/*--------1日どれくらい食べればいいの？--------*/	
#intake {
	text-align: center;
}
#intake h3 {
	margin-bottom: 20px;
}
#intake p.txt {
	text-align: left;
	line-height: 1.9;
}
#intake p.txt span {
	color: #e67d20;
}
#intake p.txt span.em {
	font-weight: bold;
	color: #e67d20;
	line-height: 1;
}
/*--------大容量だからこそ、こんな方におススメ！--------*/	
#target {
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_target.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#target .section_inner {
	background: rgba(255, 255, 255, 0.9);
	padding: 9px;
	border-radius: 3px;
	margin: 0 auto;
}
#target .section_inner .wrap {
	border: solid 5px #cec09c;
}
#target .section_inner .wrap h3 {
	text-align: center;
	position: relative;
}
#target ul li p.check {
	background: url(/sweets/chocolate/chocokoka/large_capacity/images/icon_chekbox.png) no-repeat;
	padding-left: 58px;
	font-size: 24px;
	height: 75px;
}
#target ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#target ul li {
	width: 50%;
	margin-bottom: 5px;
}
#target ul li figure {
	text-align: center;
}
/*--------購入ボタン--------*/	
.shopping {
	box-shadow: 0px 3px 3px 0px #606060;
	text-align: center;
}
.shopping h2 {
	margin-bottom: 18px;
}
.shopping ul{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
/*--------ブランドサイトリンク-------*/	
.bland_link {
	text-align: center;
}

/* 641px～ For PC
================================ */

@media screen and (min-width: 641px), print {
.is_sp {
	display: none !important;
}
body {
	min-width: 1080px;
}
.contents_wrap {
	padding-bottom: 60px;
}
.contents_wrap a:hover {
	opacity: 0.75;
}
.large_capacity_wrap {
	width: 1080px;
	margin: 0 auto;
	font-size: 16px;
	color: #333;
}
/*--------固定購入ボタン--------*/	
.scroll_bnr {
	position: fixed;
	right: 0;
	top: 200px;
	z-index: 500;
	width: 106px;
	height: 253px;
	background: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_scroll_bnr.png) no-repeat;
	color: #fff;
	padding: 22px 0 0 10px;
}
.scroll_bnr p{
	line-height: 1.8;
    padding-left: 10px;
    margin-bottom: 7px;
}
/*--------ヘッダー--------*/	
.contents_wrap header {
	height: 50px;
	padding-top: 11px;
}
.contents_wrap header .header_inner {
	width: 963px;
	margin: 0 auto;
	position: relative;
}
.contents_wrap header .header_inner .meiji {
	width: 67px;
}
.contents_wrap header .header_inner h1 {
	right: 43px;
	top: 0;
	width: 198px;
	position: absolute;
	line-height: 1;
}
/*--------商品説明 --------*/	
#first_contents {
	padding: 24px 0 50px;
	text-align: center;
}
	#first_contents .main_area ul{
		bottom: 58px;	
	}
	#first_contents .main_area ul li{
		width: 199px;
	}
#first_contents h2 {
	width: 878px;
	margin: 0 auto;
	position: relative;
}
#first_contents h2:before {
	content: url(/sweets/chocolate/chocokoka/large_capacity/images/cacao_right.png);
	position: absolute;
	top: -20px;
	right: -28px;
}
#first_contents h2:after {
	content: url(/sweets/chocolate/chocokoka/large_capacity/images/cacao_left.png);
	position: absolute;
	bottom: -23px;
	left: -58px;
}
#first_contents .catchcopy {
	margin: 37px 0 20px;
}
#first_contents .product_list {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
#first_contents .product_list li {
	width: 290px;
	margin: 0 2px;
	border-radius: 8px;
	padding-bottom: 15px;
	box-shadow: 0px 3px 3px 0px #215248;
}
#first_contents .product_list li .product_category {
	padding: 18px 0 13px;
	margin-bottom: 20px;
}
#first_contents .product_list li .product_category img {
	height: 32px;
}
#first_contents .product_list li .name {
	margin-bottom: 10px;
}
#first_contents .product_list li .gram {
	margin-bottom: 5px;
}
#first_contents .product_list li .gram img {
	height: 65px;
	width: auto;
}
#first_contents .product_list li figure {
	margin-bottom: 5px;
}
#first_contents .note {
	font-size: 14px;
	margin-top: 15px;
}
/*--------商品トピックス --------*/	
#products {
	padding: 80px 60px;
}
#products .products_overview {
	border: solid 4px #48291e;
	padding: 65px 35px 45px;
	position: relative;
	height: 856px;
}
#products .products_overview .img_photo {
	top: -20px;
    right: 20px;
    position: absolute;
    z-index: 40;
}
#products .products_overview p.catch {
	font-size: 20px;
	line-height: 1.8;
	position: relative;
	z-index: 50;
}
#products .products_overview p.catch .em {
	font-size: 32px;
	color: #48291e;
	font-weight: 900;
	background: linear-gradient(transparent 50%, #ffef00 50%, #ffef00 80%, transparent 80%);
}
#products .explain {
	width: 327px;
	padding-bottom: 30px;
	font-size: 14px;
	margin-top: 65px;
	box-shadow: 0px 3px 3px 0px #606060;
}
#products .explain h3 {
	padding: 17px 0 13px;
	margin-bottom: 28px;
}
#products .explain .normal_pkg span {
	font-size: 16px;
}
#products .explain .normal_pkg:after {
	content: "";
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/icon_arrow_yellow.png);
	background-repeat: no-repeat;
	background-size: 35px 20px;
	background-position: top center;
	width: 100%;
	height: 20px;
	display: block;
	margin: 4px 0;
}
#products .explain .txt_largepack {
	font-size: 22px;
}
#products .explain .txt_largepack img {
	margin-bottom: 5px;
}
#products .point_list {
	position: absolute;
	bottom: 60px;
	right: 45px;
}
#products .point_list ul {
	position: relative;
	width: 530px;
	height: 495px;
}
#products .point_list li:first-child {
	position: absolute;
	top: 0;
	left: 0;
}
#products .point_list li:nth-child(2) {
	position: absolute;
	top: 160px;
	right: 0;
}
#products .point_list li:nth-child(3) {
	position: absolute;
	bottom: 0;
	left: 20px;
}
.sub_nav ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 65px;
}
/*--------サブナビ--------*/	
.sub_nav li {
}
.sub_nav li a {
	display: block;
	font-size: 18px;
	color: #fff;
	padding: 0 46px 0 20px;
	width: 296px;
	height: 89px;
	background: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_nav.png) no-repeat;
}
.sub_nav li a span {
	display: table-cell;
	vertical-align: middle;
	height: 89px;
}
/*--------ポリフェノールはカラダにとどめておけない！？ --------*/	
#polyphenols {
	padding: 40px 0 55px;
}
#polyphenols .section_inner {
	padding: 9px;
	width: 880px;
	margin: 0 auto;
}
#polyphenols .section_inner .wrap {
	border: solid 5px #cec09c;
	padding: 60px 30px;
}
#polyphenols .section_inner .wrap h3 {
	text-align: center;
	margin-bottom: 30px;
}
#polyphenols .section_inner .wrap .sub_title {
	font-size: 24px;
	color: #155849;
	border-bottom: solid 2px #ffef00;
	display: inline-block;
	margin-bottom: 30px;
	line-height: 1.2;
}
#polyphenols .section_inner .wrap .sub_title span {
	font-size: 34px;
}
#polyphenols .section_inner .wrap .sub_title span > span {
	font-size: 34px;
	color: #725445;
}
#polyphenols .section_inner p.txt {
	font-size: 16px;
	text-align: left;
	margin-bottom: 20px;
}
#polyphenols .section_inner p.txt span {
	font-size: 22px;
	font-weight: bold;
	color: #e67d20;
}
/*--------1日どれくらい食べればいいの？--------*/	
#intake {
	text-align: center;
	padding: 147px 0 135px;
}
#intake h3 {
	margin-bottom: 20px;
}
#intake .sub_title {
	margin-bottom: 30px;
}
#intake p.txt {
	font-size: 16px;
	width: 790px;
	margin: 0 auto 20px;
}
#intake p.txt span.em {
	font-size: 22px;
	border-bottom: solid 2px #5fcb71;
	display: inline-block;
}
#intake figure {
	margin-top: -10px;
}
/*--------大容量だからこそ、こんな方におススメ！--------*/	
#target {
	padding: 40px 0 55px;
}
#target .section_inner .wrap {
	padding: 60px 45px 40px 50px
}
#target .section_inner .wrap h3 {
	margin-bottom: 50px;
}
#target h3:before {
	content: url(/sweets/chocolate/chocokoka/large_capacity/images/deco_target_left.png);
	position: absolute;
	top: 40px;
	left: 0;
}
#target h3:after {
	content: url(/sweets/chocolate/chocokoka/large_capacity/images/deco_target_right.png);
	position: absolute;
	top: 40px;
	right: 0;
}
#target .section_inner {
	padding: 9px;
	width: 880px;
	margin: 0 auto;
}
#target ul li figure {
	height: 160px;
	display: table-cell;
	vertical-align: middle;
	width: 400px;
}
/*--------購入ボタン--------*/	
.shopping {
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_shopping.jpg);
	background-repeat: no-repeat;
	height: 239px;
	padding-top: 36px;
	margin-bottom: 100px;
}
.shopping ul {
	padding-left: 15px;
}
.shopping ul li {
	margin-right: 5px;
	}
.shopping ul li:last-child {
	margin-left: 16px;
}
.shopping.foot{
	margin-bottom: 160px;
}
}

/* ～640px For SP
================================ */

@media screen and (max-width: 640px), print {
.is_pc {
	display: none;
}
.contents_wrap {
	font-size: 12px;
	padding-bottom: 1px;
	position: relative;
}
/*--------ヘッダー-------*/	
.contents_wrap header {
	height: 36px;
	padding: 0 5%;
	/* position: fixed; */
	/* top: 0; */
	width: 100%;
	z-index: 500;
}
.contents_wrap header .header_inner {
	position: relative;
}
.contents_wrap header .meiji {
	width: 44px;
	top: 8px;
	position: absolute;
	left: 0;
}
.contents_wrap header .menu_sp {
	position: absolute;
	right: 0;
	width: 22px;
	height: 22px;
	top: 6px;
}
.contents_wrap header h1 {
	width: 115px;
	left: 50%;
	margin-left: -57px;
	top: 8px;
	position: absolute;
	line-height: 0;
	z-index: 50;
}
/*--------商品説明-------*/		
#first_contents {
	background-color: #0a9b7d;
	padding: 30px 5% 50px;
}
#first_contents .catchcopy {
	width: 76%;
	margin: 10px auto 20px;
}
#first_contents .product_list li {
	margin-bottom: 15px;
	border-radius: 5px;
	background: #f8f5ef;
	padding-bottom: 5px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
}
#first_contents .product_list li .product_category {
	padding: 7px 0;
	margin-bottom: 4px;
	width: 100%;
}
#first_contents .product_list li .product_category img {
	height: 20px;
	width: auto;
}
#first_contents .product_list li figure {
	width: 30%;
	margin-right: 10px;
}
#first_contents .product_list li .name, #first_contents .product_list li .gram {
	margin-bottom: 7px;
}
#first_contents .product_list li .gram img {
	height: 35px;
	width: auto;
}
#first_contents .note {
	font-size: 8px;
}

#first_contents .main_area ul{
	bottom: 16%;
}
#first_contents .main_area ul li{
	width: 23.5%;
	margin-left: 1%;
}
#first_contents .main_area ul li:first-child{
	margin-left: 3%;
}

	
/*--------商品トピックス --------*/
	
#products {
	line-height: 1.8;
	background-size: 110% auto;
	background-position: center bottom;
	padding: 45px 5% 30px;
}
#products .products_overview {
	border: solid 2px #48291e;
	padding: 35px 3%;
	text-align: center;
}
#products .products_overview:after {
	content: "";
}
#products .products_overview .img_photo {
	margin: 15px 0;
}
#products .products_overview p.catch .em {
	font-size: 17px;
	color: #48291e;
	font-weight: 900;
	background: linear-gradient(transparent 50%, #ffef00 50%, #ffef00 80%, transparent 80%);
}
#products .explain {
	border-radius: 6px 6px 0 0;
	background: #f4f4f4;
	text-align: center;
	overflow: hidden;
	color: #48291e;
	border: solid 1px #cc0a1d;
	padding-bottom: 10px;
	font-size: 11px;
	margin-bottom: 20px;
	line-height: 1.2;
}
#products .explain h3 {
	padding: 10px 8px 12px;
	margin-bottom: 10px;
}
#products .explain .normal_pkg span {
	font-size: 14px;
}
#products .explain .normal_pkg:after {
	content: "";
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/icon_arrow_yellow.png);
	background-size: 23px 13px;
	background-repeat: no-repeat;
	display: block;
	width: 23px;
	height: 13px;
	margin: 4px auto;
}
#products .explain .txt_largepack {
	font-size: 13px;
}
#products .explain .txt_largepack img {
	margin-bottom: 5px;
	width: 60%;
}
#products .point_list li {
	/* margin-bottom: 1%; */
}
#products #movie {
	padding-top: 30px;
	width: 100%;
	position: relative;
	margin: 0 !important;
}
#products #movie:before {
	content: "";
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/border_products_sp.png);
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 7%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: inherit !important;
}
/*--------ポリフェノールはカラダにとどめておけない！？ --------*/	
#polyphenols {
	padding: 30px 5% 32px;
}
#polyphenols .section_inner {
	padding: 4px;
}
#polyphenols .section_inner .wrap {
	border: solid 2px #cec09c;
	padding: 35px 9px 25px;
}
#polyphenols .section_inner .wrap h3 {
	text-align: center;
	margin-bottom: 5%;
}
#polyphenols .section_inner .wrap .sub_title {
	font-size: 11px;
	color: #155849;
	border-bottom: solid 2px #ffef00;
	display: inline;
	line-height: 1.5;
}
#polyphenols .section_inner .wrap .sub_title span {
	font-size: 19px;
}
#polyphenols .section_inner .wrap .sub_title span > span {
	font-size: 19px;
	color: #725445;
}
#polyphenols .section_inner p.txt {
	font-size: 12px;
	margin: 12px 0;
	line-height: 1.8;
}
#polyphenols .section_inner p.txt span {
	font-weight: bold;
}
#polyphenols .graph {
	width: 100%;
	padding: 5%;
}
/*--------1日どれくらい食べればいいの？--------*/	
#intake {
	padding: 75px 5% 70px;
}
#intake .sub_title {
	margin: 0 auto 15px;
	width: 60%;
	text-align: center;
}
#intake p.txt {
	font-size: 12px;
	text-align: left;
	margin: 0 14px 20px;
	line-height: 1.8;
}
#intake p.txt span {
	color: #e67d20;
}
#intake p.txt span.em {
	font-size: 14px;
	display: inline;
	border-bottom: solid 1px #5fcb71;
}
/*--------大容量だからこそ、こんな方におススメ！--------*/	
#target {
	padding: 27px 5% 32px;
}
#target .section_inner {
	padding: 4px;
}
#target .section_inner .wrap {
	border: solid 2px #cec09c;
	padding: 35px 9px 25px;
}
#target .section_inner .wrap h3 {
	text-align: center;
	width: 66%;
	margin: 0 auto 20px;
}
#target h3:before {
	display: block;
	content: "";
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/deco_target_left.png);
	background-size: 25px 32px;
	background-repeat: no-repeat;
	width: 25px;
	height: 32px;
	position: absolute;
	bottom: 0px;
	left: -28px;
}
#target h3:after {
	display: block;
	content: "";
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/deco_target_right.png);
	background-size: 25px 32px;
	background-repeat: no-repeat;
	width: 25px;
	height: 32px;
	position: absolute;
	bottom: 0px;
	right: -28px;
}
#target ul li {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-bottom: 10px;
}
#target ul li p.check {
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/icon_chekbox.png);
	background-repeat: no-repeat;
	background-size: auto 14px;
    padding-left: 20px;
	font-size: 9px;
	margin-bottom: 10px;
	height: auto;
	min-height: 20px;
}
#target ul li figure {
	margin-top: auto;
}
#target ul li figure img {
	height: 62px;
}
#target ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#target ul li {
	width: 50%;
}
/*--------購入ボタン-------*/		
.shopping {
	background-image: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_shopping_sp.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	padding: 6.5% 5%;
}
.shopping ul {
	-ms-flex-wrap: wrap; /*IE10*/
	-webkit-flex-wrap: wrap; /*safari*/
	flex-wrap: wrap;
}
.shopping ul li:first-child {
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2;
	width: 32%;
}
.shopping ul li:nth-child(2) {
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
	width: 32%;
	margin: 0 2%;
}
.shopping ul li:nth-child(3) {
	-ms-flex-order: 4;
	-webkit-order: 4;
	order: 4;
	width: 32%;
}
.shopping ul li:last-child {
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.shopping ul li:last-child img {
	width: 70%;
}
/*IEバグ用*/
/*_:-ms-lang(x), .shopping ul li {
width:50%;
}*/
/*--------ブランドサイトリンク-------*/		
.bland_link {
	margin: 26% 14%;
	text-align: center;
}
/*--------固定購入ボタン-------*/	
.fixed_bnr {
	z-index: 100;
	position: fixed;
	width: 100%;
	bottom: 0;
	transform: translate3d(0, 0, 0);
	background: url(/sweets/chocolate/chocokoka/large_capacity/images/bg_footer.png) no-repeat bottom /100% 100%;
	padding: 5.5vw 5vw 4vw;
}
.fixed_bnr p{
	margin-bottom: 3vw;
}
.fixed_bnr ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.fixed_bnr ul li{
	width: 32.5%;
}
/*--------SPナビ--------*/	
.chocokoka {
	display: none;
	position: absolute;
	/* top: 35px; */
	/* left: 4px; */
	/* right: 4px; */
	width: 100%;
	/* margin: 0 auto; */
	text-align: center;
	z-index: 500;
}
.chocokoka ul li {
	border-bottom: 1px solid #0b4c3e;
	background: #015a49;
	text-align: center;
}
.chocokoka ul li.current, .chocokoka ul li:hover {
	background: #518c80;
}
.chocokoka ul li > a {
	position: relative;
	display: block;
	padding: 15px 20px 15px;
	font-size: 0.81em;
	color: #fff;
}
.chocokoka ul li span:after {
	content: "";
	width: 4.5px;
	height: 7.5px;
	background: url(/sweets/chocolate/chocokoka/images/arrow_right.png) no-repeat;
	background-size: 4.5px auto;
	display: inline-block;
	margin-left: 10px;
}
#nav-layer {
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    background: #000;
    z-index: 10;
}
/*------nav OUT------*/
}

@media screen and (min-width: 641px), print {
.is_sp {
	display: none !important;
}
}