@charset "UTF-8";
/*======================================================================
Reset
=======================================================================*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-size: 100%;
}

body{
	line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display: block;
}

nav ul{
	list-style: none;
}

blockquote, q{
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after{
	content: "";
	content: none;
}

a{
	margin: 0;
	padding: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}

/* change colours to suit your needs */
ins{
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark{
	background-color: #ff9;
	color: #000;
	font-weight: bold;
	font-style: italic;
}

del{
	text-decoration: line-through;
}

abbr[title], dfn[title]{
	border-bottom: 1px dotted;

	cursor: help;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr{
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #cccccc;
}

input, select{
	vertical-align: middle;
}

/*======================================================================
slick.css
======================================================================*/
/* Slider */
.slick-slider{
	position: relative;
	display: block;
	 -khtml-user-select: none;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: pan-y;
	    touch-action: pan-y;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.slick-list{
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after{
	content: "";
	display: table;
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}

.slick-slide{
	float: left;
	display: none;
	height: 100%;
	min-height: 1px;
}
[dir="rtl"] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
	display: none;
}

/*======================================================================
slick-theme.css
======================================================================*/
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list{
	background: #fff url("/jack-frost/img/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face{
	font-family: "slick";
	font-weight: normal;
	font-style: normal;
	src: url("/jack-frost/fonts/slick.eot");
	src: url("/jack-frost/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/jack-frost/fonts/slick.woff") format("woff"), url("/jack-frost/fonts/slick.ttf") format("truetype"), url("/jack-frost/fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next{
	position: absolute;
	top: 50%;
	z-index: 10;
	        transform: translate(0, -50%);
	display: block;
	padding: 0;
	background: transparent;
	background-size: 100%;
	border: none;
	outline: none;
	color: transparent;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	-webkit-transform: translate(0, -50%);
	    -ms-transform: translate(0, -50%);
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	outline: none;
	color: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
	opacity: 0.25;
}

/*
.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/

.slick-prev{
	left: 10px;
	width: 50px;
	height: 51px;
	background-image: url(/jack-frost/img/slick-right.png);
}
[dir="rtl"] .slick-prev{
	right: -25px;
	left: auto;
}
.slick-prev:before{
	content: "←";
}
[dir="rtl"] .slick-prev:before{
	content: "→";
}

.slick-next{
	right: 10px;
	width: 51px;
	height: 51px;
	background-image: url(/jack-frost/img/slick-left.png);
}
[dir="rtl"] .slick-next{
	right: auto;
	left: -25px;
}
.slick-next:before{
	content: "→";
}
[dir="rtl"] .slick-next:before{
	content: "←";
}

/* Dots */
.slick-dotted.slick-slider{
	margin-bottom: 30px;
}

.slick-dots{
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;

	list-style: none;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;

	cursor: pointer;
}
.slick-dots li button{
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	background: transparent;
	border: 0;
	outline: none;
	color: transparent;
	font-size: 0;
	line-height: 0;

	cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
	opacity: 1;
}
.slick-dots li button:before{
	content: "•";
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	color: black;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	opacity: 0.25;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	color: black;
	opacity: 0.75;
}


/*======================================================================
Layout
======================================================================*/
html{
	overflow: auto;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	font-size: 62.5%;
}

body{
	color: #333333;
}

img{
	max-width: 100%;
}

.table{
	display: table;
}

.table-row{
	display: table-row;
}

.table-cell{
	display: table-cell;
}

.wrapper{
	overflow: hidden;
	min-height: 100vh;
	background-image: url(/jack-frost/img/bg_white.png);
}

/*======================================================================
Section
======================================================================*/
.section{
	position: relative;
	width: auto;
}
.section.jagged:before{
	content: "";
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
}
.section.jagged_blue:before{
	background-image: url(/jack-frost/img/jagged_blue.png);
}
.section.jagged_white:before{
	background-image: url(/jack-frost/img/jagged_white.png);
}
.section .section-inner{
	width: 1400px;
	max-width: 100%;
	margin: auto;
}
.section .area{
	position: relative;
}
.section .area-title{
	position: relative;
	padding-left: 70px;
}
.section .area-title:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 45px;
	height: 48px;
	background-image: url(/jack-frost/img/icon_title.png);
	background-size: 100%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
@media screen and (max-width: 1400px){
	.section .section-inner{
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
}
@media screen and (max-width: 480px){
	.section .area-title{
		padding-left: 15.2173913043%;
	}
	.section .area-title:before{
		width: 9.78260869565%;
		height: 0;
		padding-top: 10.4347826087%;
	}
}

/*======================================================================
Header
======================================================================*/
#Header{
	background-color: #345dae;
	border-bottom: 10px solid #f5e513;
}
#Header.fixed{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	-webkit-animation: header_fixed 0.8s;
	        animation: header_fixed 0.8s;
}
#Header .area{
	height: 80px;
}
#Header .area-logo{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#Header .area-nav{
	position: absolute;
	top: 50%;
	right: -20px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#Header .area-nav ul{
	font-size: 0;
}
#Header .area-nav li{
	display: inline-block;
	padding: 0 20px;
	border-left: 2px solid #fff;
}
#Header .area-nav li:first-child{
	border-left: 0;
}
#Header .area-nav a{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
@media screen and (max-width: 768px){
	#Header .area{
		height: auto;
	}
	#Header .area-logo{
		position: relative;
		top: 0;
		left: 0;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		padding: 10px 0;
	}
	#Header .area-nav{
		top: 100%;
		right: auto;
		left: -10px;
		z-index: 100;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		overflow: hidden;
		display: block;
		width: 100%;
		height: 0;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #345dae;
		-webkit-transition: 0.4s;
		        transition: 0.4s;
	}
	#Header .area-nav.active{
		height: 100vh;
	}
	#Header .area-nav ul{
		margin-top: 30px;
	}
	#Header .area-nav li{
		display: block;
		padding: 0;
		border-bottom: 1px solid #fff;
		border-left: 0;
		text-align: center;
	}
	#Header .area-nav li:first-child{
		border-top: 1px solid #fff;
	}
	#Header .area-nav a{
		display: block;
		padding: 20px;
		font-size: 2.4rem;
	}
}
@-webkit-keyframes header_fixed{
	0%{
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
	}
	100%{
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}
@keyframes header_fixed{
	0%{
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
	}
	100%{
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

/* ハンバーガーメニュー */
.hamburger_button{
	display: none;
}
@media screen and (max-width: 768px){
	.hamburger_button{
		position: absolute;
		top: 50%;
		right: 0;
		z-index: 10;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
		display: block;
		width: 48px;
		height: 48px;
		background-color: transparent;
		border: transparent;
		border-radius: 100%;

		cursor: pointer;
	}
	.hamburger_button:focus{
		outline: 0;
	}
	.hamburger_button [class^="line_"]{
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(0);
		    -ms-transform: translate(-50%, -50%) rotate(0);
		        transform: translate(-50%, -50%) rotate(0);
		width: 60%;
		height: 6%;
		background-color: #fff;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}
	.hamburger_button [class^="line_"].line_top{
		-webkit-transform: translate(-50%, -50%) translateY(-300%) rotate(0deg);
		    -ms-transform: translate(-50%, -50%) translateY(-300%) rotate(0deg);
		        transform: translate(-50%, -50%) translateY(-300%) rotate(0deg);
	}
	.hamburger_button [class^="line_"].line_bottom{
		-webkit-transform: translate(-50%, -50%) translateY(300%) rotate(0deg);
		    -ms-transform: translate(-50%, -50%) translateY(300%) rotate(0deg);
		        transform: translate(-50%, -50%) translateY(300%) rotate(0deg);
	}
	.hamburger_button [class^="line_"]{
		-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	}
	.hamburger_button.active [class^="line_"].line_top{
		-webkit-transform: translate(-50%, -50%) rotate(135deg);
		    -ms-transform: translate(-50%, -50%) rotate(135deg);
		        transform: translate(-50%, -50%) rotate(135deg);
	}
	.hamburger_button.active [class^="line_"].line_bottom{
		-webkit-transform: translate(-50%, -50%) rotate(-135deg);
		    -ms-transform: translate(-50%, -50%) rotate(-135deg);
		        transform: translate(-50%, -50%) rotate(-135deg);
	}
	.hamburger_button.active [class^="line_"].line_middle{
		opacity: 0;
	}
}

/*======================================================================
Main
======================================================================*/
#Main{
	z-index: 2;
	height: auto;
	background-image: url(/jack-frost/img/bg_main.png);
	background-position: bottom center;
	background-size: 2233px 652px;
	color: #fff;
}
#Main .area-visual{
	padding: 20px 0;
}
#Main .area-catch{
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transform: translateY(52.57731959%);
	    -ms-transform: translateY(52.57731959%);
	        transform: translateY(52.57731959%);
}

/*======================================================================
About
======================================================================*/
#About{
	background-image: url(/jack-frost/img/bg_blue.png);
}
#About .area{
	padding-top: 9.28571429%;
	padding-bottom: 5%;
}
#About .area-content{
	position: relative;
	margin-top: 27px;
	padding: 35px;
	background-color: #fff;
	border: 4px solid #33b5e1;
	border-radius: 20px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.5;
	font-family: "Rounded Mplus 1c";
}
#About .area-content:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translateY(-100%) translateY(13px);
	    -ms-transform: translateY(-100%) translateY(13px);
	        transform: translateY(-100%) translateY(13px);
	width: 339px;
	height: 130px;
	background-image: url(/jack-frost/img/chara_about.png);
}
@media screen and (max-width: 1400px){
	#About .area-content:after{
		display: none;
	}
}
@media screen and (max-width: 768px){
	#About .area{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	#About .area-content{
		padding: 25px;
	}
}
@media screen and (max-width: 480px){
	.section .area-title{
		padding-left: 15.2173913043%;
	}
}

/*======================================================================
News
======================================================================*/
#News{
	background-color: #fdfaf5;
	background-image: url(/jack-frost/img/bg_news.png);
}
#News .section-inner{
	padding-top: 3.57142857%;
	padding-bottom: 3.57142857%;
}
#News .area{
	padding: 45px 0;
	border-width: 4px 0 2px;
	border-style: solid;
	border-color: #efd6cc;
}
#News .area-title{
	height: 45px;
	border-width: 2px 0;
	border-style: inherit;
	border-color: inherit;
}
#News .area-title img, #News .area-title:before{
	position: absolute;
	top: -2px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#News .area-title img{
	max-width: calc(100% - 70px);
}
#News .area-content{
	position: relative;
	margin-top: 45px;
	border-width: 2px 0 0;
	border-style: inherit;
	border-color: inherit;

	list-style: none;
}
#News .area-content:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
	width: 340px;
	height: 181px;
	background-image: url(/jack-frost/img/chara_news.png);
}
#News .area-content .item{
	min-height: 45px;
	padding-left: 65px;
	padding-right: 65px;
	border-width: 0 0 2px;
	border-style: inherit;
	border-color: inherit;
	font-size: 0;
}
#News .area-content [class^="item-"]{
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 45px;
	font-family: "Rounded Mplus 1c";
}
#News .area-content .item-date{
	position: relative;
	margin-right: 20px;
	padding-right: 20px;
}
#News .area-content .item-date:after{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 2px;
	height: 15px;
	background-color: #000;
}
#News .area-content .item-content a{
	color: #345dae;
}
@media screen and (max-width: 1400px){
	#News .area-content:after{
		display: none;
	}
}
@media screen and (max-width: 768px){
	#News .section-inner{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	#News .area{
		padding: 30px 0;
	}
	#News .area-title{
		height: 30px;
	}
	#News .area-content{
		margin-top: 30px;
	}
	#News .area-content .item{
		padding: 10px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#News .area-content [class^="item-"]{
		line-height: 1.4;
	}
}

/*======================================================================
Goods
======================================================================*/
#Goods.goodspage{
	min-height: calc(100vh - 190px);
}
#Goods .area-content{
	position: relative;
}
#Goods .area-content:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: translateY(-100%) translateY(13px);
	    -ms-transform: translateY(-100%) translateY(13px);
	        transform: translateY(-100%) translateY(13px);
	width: 340px;
	height: 169px;
	background-image: url(/jack-frost/img/chara_goods.png);
}
@media screen and (max-width: 1400px){
	#Goods .area-content:after{
		display: none;
	}
}


#Goods._list{
	background-image: url(/jack-frost/img/bg_blue.png);
}
#Goods._list .area{
	padding-top: 4.28571429%;
	padding-bottom: 5.71428571%;
}
#Goods._list .area-content{
	margin-top: 35px;
}
#Goods._list .area-content ul{
	overflow: hidden;
	width: auto;
	text-align: left;
	font-size: 0;
}
#Goods._list .area-content li{
	display: inline-block;
	width: 31.42857143%;
	height: 0;
	margin-bottom: 2.85714286%;
	margin-right: 2.85714286%;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.3s;
	        transition: 0.3s;
	opacity: 0;
}
#Goods._list .area-content li:nth-child(3n){
	margin-right: 0;
}
#Goods._list .list-item{
	display: block;
	border: 4px solid #345dae;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
}
#Goods._list .list-item .item-image{
	background-color: rgba(255, 255, 255, 0.2);
}
#Goods._list .list-item .item-name{
	min-height: 84px;
	padding: 18px 5px 14px;
	background-color: #345dae;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.18181818;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-family: "Rounded Mplus 1c";
}
#Goods._list .list-item .item-price{
	margin-top: 3.18181818%;
	font-size: 1.2rem;
}
#Goods._list .area-button{
	display: block;
	height: 0;
	margin-top: 40px;
	padding-top: 6.14285714286%;
	background-image: url(/jack-frost/img/go_goodspage.png);
	background-size: cover;
	text-indent: -9999px;
}
#Goods._list.goodspage.section.jagged:before{
	display: none;
}
#Goods._list.goodspage .area{
	padding: 2.5% 0 7.14285714%;
}
@media screen and (max-width: 768px){
	#Goods._list .area{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	#Goods._list .area-content li{
		width: 48.69791667%;
		margin-bottom: 2.60416667%;
		margin-right: 2.60416667%;
	}
	#Goods._list .area-content li:nth-child(3n){
		margin-right: 2.60416667%;
	}
	#Goods._list .area-content li:nth-child(2n){
		margin-right: 0;
	}
	#Goods._list .area-button{
		padding-top: 19.6524064171%;
		background-image: url(/jack-frost/img/go_goodspage_sp.png);
	}
	#Goods._list.goodspage .area{
		padding-top: 40px;
		padding-bottom: 50px;
	}
}
@media screen and (max-width: 414px){
	#Goods._list .area-content li{
		width: 100%;
		margin-bottom: 20px;
		margin-right: auto;
	}
}

#Goods._detail{
	background-image: url(/jack-frost/img/bg_blue.png);
}
#Goods._detail .area{
	padding: 2.5% 0 7.14285714%;
}
#Goods._detail .area-content{
	margin-top: 2.85714286%;
	padding: 2.5%;
	background-color: #fff;
	border: 4px solid #345dae;
	border-radius: 20px;
}
#Goods._detail .item-name{
	font-size: 3.6rem;
	font-weight: bold;
	line-height: 1.19444444;
	font-family: "Rounded Mplus 1c";
}
#Goods._detail .item-wrap{
	overflow: hidden;
	margin-top: 20px;
	border: 2px solid #345dae;
	border-radius: 20px;
	font-size: 0;
}
#Goods._detail .item-wrap .col{
	display: inline-block;
	width: 50%;
	margin-bottom: -2px;
	border-style: solid;
	border-color: #345dae;
	vertical-align: top;
}
#Goods._detail .item-wrap .col._1st{
	margin-right: -2px;
	border-right-width: 2px;
}
#Goods._detail .item-wrap .col._2nd{
	border-left-width: 2px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#Goods._detail .item-images{
	margin: auto;
	padding: 3.03030303% 0;
}
#Goods._detail .item-catch{
	padding: 16px 20px;
	font-size: 2.4rem;
	line-height: 1.4;
	font-family: "Rounded Mplus 1c";
}
#Goods._detail .item-table{
	width: 100%;
	margin-left: -1px;
	border-bottom: 2px solid #345dae;
	border-left: 2px solid #345dae;
}
#Goods._detail .item-table .table-row:first-child .table-cell:first-child{
	border-color: #345dae;
}
#Goods._detail .item-table .table-cell{
	padding: 24px 24px;
	vertical-align: middle;
	font-size: 1.6rem;
	line-height: 1.375;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#Goods._detail .item-table .table-cell a{
	color: #345dae;
}
#Goods._detail .item-table .table-cell:first-child{
	width: 24.35312024%;
	background-color: #345dae;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff #345dae #345dae;
	color: #fff;

	white-space: nowrap;
}
#Goods._detail .item-table .table-cell:nth-child(2){
	border-top: 2px solid #345dae;
}
#Goods._detail .area-content:after{
	-webkit-transform: translateY(-100%) translateY(9px);
	    -ms-transform: translateY(-100%) translateY(9px);
	        transform: translateY(-100%) translateY(9px);
}
@media screen and (max-width: 980px){
	#Goods._detail .item-wrap .col{
		width: 100%;
	}
	#Goods._detail .item-wrap .col._1st{
		border-right-width: 0;
	}
	#Goods._detail .item-wrap .col._2nd{
		border-left-width: 0;
	}
}
@media screen and (max-width: 768px){
	#Goods._detail .area{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	#Goods._detail .area-content{
		margin-top: 20px;
	}
	#Goods._detail .item-name{
		font-size: 2.4rem;
	}
	#Goods._detail .item-catch{
		font-size: 1.8rem;
	}
	#Goods._detail .item-table .table-cell{
		padding: 15px;
	}
}

/*======================================================================
Footer
======================================================================*/
#Footer{
	background-color: #345dae;
}
#Footer .area{
	position: relative;
	height: 100px;
}
#Footer .area-company{
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#Footer .area-company .copylight{
	margin-top: 10px;
	color: #fff;
	font-size: 1.4rem;
}
#Footer .area-nav{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#Footer .area-nav li{
	display: inline-block;
	margin-left: 30px;
}
#Footer .area-nav li a{
	color: #fff;
	font-size: 1.6rem;
	text-decoration: none;
}

@media screen and (max-width: 980px){
	#Footer .area{
		height: auto;
		padding: 20px 0;
	}
	#Footer .area-company{
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
		margin-top: 20px;
	}
	#Footer .area-company .copylight{
		margin-top: 10px;
		color: #fff;
		font-size: 1.4rem;
	}
	#Footer .area-nav{
		position: relative;
		top: 0;
		-webkit-transform: translateY(0);
		    -ms-transform: translateY(0);
		        transform: translateY(0);
	}
	#Footer .area-nav li{
		display: block;
		margin-top: 10px;
		margin-left: auto;
	}
}

/*======================================================================
404
======================================================================*/
#NotFound{
	display: table;
	width: 100%;
	height: calc(100vh - 190px);
	background-image: url(/jack-frost/img/bg_blue.png);
}
#NotFound .notfound_image{
	display: table-cell;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.atlus-cookie-message .wrapper,
.atlus-cookie-modal .wrapper {
    min-height: auto;
    background: none;
}