@charset "utf-8";
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, 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, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}									

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

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: middle; text-align:left;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: middle; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;margin-top: 10px;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, input:focus, select:focus, option:focus, textarea:focus {outline: none;}

strong, th {font-weight: bold;}

td, td {vertical-align: top;} 
img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a:hover {color: #00468C;text-decoration:none;}

ins {background-color: #333; color: #FFF; text-decoration: none;}
mark {background-color: #333; color: #FFF; font-style: italic; font-weight: bold;}




@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, .imgs img {
		width: 100%
	}
	*::-ms-backdrop, #pagetit {
		height: 150px
	}
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box
}
html {
	font-size: 62.5%;
}
body {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	color: #000;
	line-height: 1.5;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px){
	body{
		font-size: 1.3rem;
	}
}
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden
}
img {
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
}
li{
	list-style: none;
}
.serif {
	font-family: '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'Noto Serif JP', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
.gothic{
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.tCenter {
	text-align: center;
}
.tleft {
	text-align: left;
}
.tRight {
	text-align: right;
}
.bold{
	font-weight: bold;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.ofi img{
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.ofi.contain img{
	object-fit: contain;
	font-family: 'object-fit: contain;'
}
.font16{
	font-size: 16px !important;
}
.font18{
	font-size: 18px !important;
}

@media screen and (min-width: 768px) {
	.sp {
		display: none
	}
	a,
	button{
		transition: all .3s;
	}
	a:hover,
	button:hover{
		opacity: .7;
	}
	a[href^="tel:"] {
		cursor: text;
		pointer-events: none;
	}
}
@media screen and (max-width: 768px) {
	input[type="submit"],
	input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		outline: none;
		background: transparent;
	}
	input,
	textarea{
	-webkit-appearance: none;
	}
	button,
	input[type="submit"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 0;
		border: none;
		outline: none;
		background: transparent;
	}
	input[type="radio"] {
		display: none;
	}
	input[type="radio"]:checked + label {
		background: #ff0000;
	}
}
a {
	color: #222;
}
a:hover {
	color: #222;
}
/* common */
.red{
	color: #D22C48;
}
.green{
	color: #32B200;
}
.large{
	font-size: 133%;
}
.xlarge{
	font-size: 166%;
}
.en{
	font-family: 'Montserrat', serif;
	font-weight: 500;
	letter-spacing: .05em;
}
.btn{
	text-align: center;
	font-weight: bold;
	margin-top: 3.5%;
}
.btn a,
.btn button{
	border: none;
	border-bottom: 2px solid #222;
	text-decoration: none;
	min-width: 200px;
	font-size: 1.6rem;
	display: inline-block;
	padding-bottom: 10px;
	background: none;
}
.btn a i,
.btn button i{
	font-size: 1.4rem;
}
.copyTxt{
	display: none;
}
.copyImg{
	border: none;
	padding: 0;
	background: none;
}
@media screen and (max-width: 768px) {
	.btn{
		margin-top: 6%;
	}
}
#pageTit{
	background: #F1F3F5;
	text-align: center;
}
#path ol{
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
}
#path li:not(:last-child):after{
	content: ">";
	margin: 0 10px;
}
.contentsInner{
	width: 1300px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
@media screen and (max-width:768px){
  
  .contentsInner{
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
	#pageTit{
		padding: 60px 0;
		font-size: 2.8rem;
	}
	#path{
		width: 1300px;
		max-width: 100%;
		margin: 10px auto 4.7%;
		padding: 0 20px;
	}
	#detail #path{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 768px) {
	#pageTit{
		padding: 40px 0;
		font-size: 2.1rem;
	}
	#path{
		padding: 0 4%;
		margin-bottom: 6%;
	}
}
#pageNav,
#childNav{
	background: #F1F3F5;
	padding: 10px 10px 20px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 4.7%;
}
#pageNav li,
#childNav li{
	margin: 10px 20px 0;
}
#pageNav li:before,
#childNav li:before{
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}
#pageNav li:before{
	content: "\f078";
}
#childNav li:before{
	content: "\f054";
}
#pageNav li a,
#childNav li a{
	text-decoration: none;
}
#pageNav li a:hover,
#childNav li a:hover{
	text-decoration: underline;
}
.sec:not(:first-child){
	margin-top: 4.7%;
}
.sec .tit{
	border-bottom: 2px solid #EEE;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 2.1rem;
}
.childSec{
	margin-top: 35px;
}
.childSec .childTit{
	background: #F1F3F5;
	padding: 15px 20px 12px;
	font-size: 1.8rem;
	margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
	.col2{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 35px;
	}
	.col2 > *{
		width: 610px;
		max-width: 48.413%;
	}
	.col2 > *:nth-child(-n+2){
		margin-top: 0;
	}
}
/* header */
#header #hNav li a,
#gNav ul li a{
	text-decoration: none;
}
#header #logo{
	font-weight: 500;
}
#header #hNav li a{
	position: relative;
}
#header #hNav li a .cartNum span:not(:last-child){
	display: none;
}
#header #hNav li a .cartNum span:last-child{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #C52733;
	color: #FFF;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 10px;
	bottom: -5px;
	font-size: 1rem;
	
}
@media screen and (min-width: 769px){
	#header{
		padding: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#header #logo{
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-end;
		font-size: 14px;
	}
	#header #logo img{
		width: 123px;
		margin-right: 20px;
	}
	#header #hNav{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	#header #hNav li{
		margin-left: 20px;
	}
	#header #hNav li a:hover,
	#gNav ul li a:hover{
		text-decoration: underline;
	}
	#header #hNav li a i{
		margin-right: 5px;
	}
}
@media screen and (max-width: 768px){
	#header{
		padding: 15px 60px 25px 15px ;
		display: flex;
		position: relative;
		align-items: flex-end;
		justify-content: space-between;
	}
	#header #logo{
		font-size: 12px;
	}
	#header #logo span{
		display: block;
		font-size: 1rem;
	}
	#header #logo img{
		width: 100px;
		margin-top: 5px;
	}
	#header #hNav{
		display: flex;
	}
	#header #hNav li{
		margin-left: 10px;
		line-height: 1;
	}
	#header #hNav li .txt{
		display: none;
	}
	#header #hNav li i{
		font-size: 2.2rem;
	}
	#header #btnSpNav{
		position: absolute;
		width: 30px;
		height: 21px;
		right: 15px;
		z-index: 1010;
	}
	#header #btnSpNav:before,
	#header #btnSpNav:after,
	#header #btnSpNav span{
		content: "";
		width: 30px;
		height: 2px;
		position: absolute;
		left: 0;
		background: #222;
		transition: all .3s;
	}
	#header #btnSpNav:before{
		top: 0;
	}
	#header #btnSpNav:after{
		bottom: 0;
	}
	#header #btnSpNav span{
		top: 50%;
		transform: translateY(-50%);
	}
	body.navOpen #header #btnSpNav span{
		display: none;
	}
	body.navOpen #header #btnSpNav:before{
		top: 50%;
		transform: translateY(-50%) rotate(135deg);
	}
	body.navOpen #header #btnSpNav:after{
		bottom: 50%;
		transform: translateY(50%) rotate(-135deg);
	}
	#header #hNav li a .cartNum span:last-child{
		left: 16px;
	}
}
#gNav{
	z-index: 1001;
}
#gNav ul li.navSale a{
	color: #C52733;
}
#gNav ul li .children{
	display: none;
}
@media screen and (min-width: 768px) {
	#gNav{
		border-top: 2px solid #EBEBEB;
		border-bottom: 2px solid #EBEBEB;
		position: relative;
		display: block !important;
	}
	#gNav .memberNav{
		display: none !important;
	}
	#gNav ul{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#gNav > ul > li{
    padding: 0 2%;
    background: url("https://www.arakawa.shop/s/images/arakawa/common/nav_line.png") no-repeat left center;
	}
  #gNav > ul > li:last-child{
    background: url("https://www.arakawa.shop/s/images/arakawa/common/nav_line.png") no-repeat left center, url("https://www.arakawa.shop/s/images/arakawa/common/nav_line.png") no-repeat right center;
  }
	#gNav ul li a{
		padding: 20px 0;
		box-sizing: content-box;
		display: block;
		position: relative;
		z-index: 100;
	}
	#gNav ul li.active > a:after{
		border-top: 20px solid #FFF;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		content: "";
		display: block;
		position: absolute;
		left: 50%;
		top: 100%;
		transform: translateX(-50%);
		z-index: 100;
	}
	#gNav ul li .children{
		position: absolute;
		background: #EEE;
		width: 100%;
		left: 0;
		top: 100%;
		padding: 30px 10% 50px;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	#gNav ul li .children li{
		width: 180px;
		margin: 20px 40px 0 0;
		border-bottom: 2px solid #DDD;
		padding-bottom: 5px;
	}
	#gNav ul li .children li:before{
	}
	#gNav ul li .children li a{
		display: inline;
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
	#gNav{
		width: 100%;
		height: 100%;
		background: #FFF;
		position: absolute;
		text-align: center;
		padding: 20px;
		border-bottom: 2px solid #EEE;
		display: none;
	}
	#gNav .memberNav{
		background: #F1F3F5;
		display: flex;
		justify-content: space-around;
		margin-bottom: 10px;
	}
	#gNav .memberNav li{
		text-align: center;
	}
	#gNav .memberNav li i{
		margin-right: 5px;
	}
	#gNav ul li a{
		font-size: 1.6rem;
		padding: 10px 0;
		display: block;
	}
}


/* footer */
#guideNav{
	border-top: 2px solid #EEE;
	margin-top: 8%;
}
body#home #guideNav{
	border-top: none;
	margin-top: 0;
}
#guideNav ul{
	display: flex;
	flex-wrap: wrap;
}
#guideNav ul li{
	border-bottom: 2px solid #EEEEEE;
}
#guideNav ul li a{
	display: block;
	text-decoration: none;
	color: #AAA;
	font-weight: bold;
	line-height: 1.4;
	background: url("https://www.arakawa.shop/s/images/arakawa/home/guide_arrow.png") no-repeat right bottom 20px;
	background-size: 20px auto;
}
#guideNav ul li a .en{
	color: #212121;
	display: block;
}
#footer{
  margin-top: 100px;
  padding-top: 50px;
	position: relative;
}
@media screen and (max-width:767px){
  #footer{
    margin-top: 50px;
    position: relative;
  }  
}
#footer #pagetop{
	text-align: center;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
}
#footer #pagetop a{
	text-decoration: none;
}
#footer{
	background: #F7F7F7;
}
#footer #fInfo  h2{
	color: #000;
	font-size: 16px;
  border-bottom: 1px solid;
  padding-bottom: 5px;
	margin-bottom: 10px;
}
@media screen and (max-width:767px){
  #footer #fInfo  h2{
    padding-left: 5px;
  }  
}
#footer #fInfo .calendar{
	width: 50%;
}
@media screen and (max-width:767px){
  #footer #fInfo .calendar{
    width: 100%;
  }
}
#footer #fInfo .calendar .calendarWrap{
	display: flex;
	width: 200%;
	transition: all .5s;
	margin-bottom: 10px;
}
#footer #fInfo .calendar .calendarWrap.next{
	transform: translateX(-50%);
}
#footer #fInfo .calendar .calendarWrap .thisMonth,
#footer #fInfo .calendar .calendarWrap .nextMonth{
	width: 50%;
}
#footer #fInfo .calendar .calendarTableWrap{
	background: #FFF;
	padding: 10px;
	margin: 5px 0;
}
#footer #fInfo .calendar .calendarTableWrap table{
	width: 100%;
}
#footer #fInfo .calendar .calendarTableWrap table th,
#footer #fInfo .calendar .calendarTableWrap table td{
	text-align: center;
	border: 1px solid #FFF;
	padding: 10px 5px;
}
#footer #fInfo .calendar .calendarTableWrap table td.saturday,
#footer #fInfo .calendar .calendarTableWrap table td.sunday{
	background: #F9E9EA;
	color: #C52633;
}
#footer #fInfo .about dt{
	font-weight: bold;
	margin-top: 20px;
}
#footer #fInfo .support ul li{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DDDDDD;
}
#footer #fInfo .support ul li a{
	text-decoration: none;
}
#footer #fInfo .support ul li a[target="_blank"]:after{
	content: "";
	width: 10px;
	height: 10px;
	background: url("https://www.arakawa.shop/s/images/arakawa/common/icon_blank.png");
	background-size: 100% 100%;
	display: inline-block;
	margin-left: 10px;
}
#footer #fBar{
	background: #222222;
	padding: 20px 5%;
}
#footer #fBar #sns{
	display: flex;
}
#footer #fBar #sns dt{
	color: #FFF;
	margin-right: 10px;
}
#footer #fBar #sns dd{
	margin-left: 15px;
}
#footer #fBar #sns dd a{
	color: #FFF;
}
#footer #fBar #sns dd a img{
	width: 24px;
}
#footer #fBar #copyright{
	color: #FFF;
}
@media screen and (min-width: 768px) {
	#guideNav{
		padding: 6.5% 0;
	}
	#guideNav ul{
		justify-content: center;
		width: 1300px;
		max-width: 100%;
		padding: 0 20px;
		margin: -4% auto 0;
	}
	#guideNav ul li{
		width: 300px;
		margin: 4% 2% 0;
	}
	#guideNav ul li a{
		padding-bottom: 15px;
		font-size: 1.2rem;
	}
	#guideNav ul li a .en{
		font-size: 2.1rem;
	}
	#footer #fInfo{
		padding: 50px 5%;
		display: flex;
		justify-content: space-between;
	}
	#footer #fInfo > section{
		width: 22%;
	}
  #footer #fInfo > section.about{
    margin-right: 2%;
  }
	#footer #fInfo .support ul li a:hover{
		text-decoration: underline;
	}
	#footer #fBar{
		display: flex;
		justify-content: space-between;
	}
}
@media screen and (max-width: 768px) {
	#guideNav,
	#footer #fInfo{
		padding: 8% 4%;
	}
	#guideNav ul{
		justify-content: space-between;
		margin-top: -4%;
	}
	#guideNav ul li{
		width: 48%;
		margin-top: 4%;
	}
	#guideNav ul li a{
		font-size: .8rem;
		padding-bottom: 10px;
		background-position: right bottom 10px;
	}
	#guideNav ul li a .en{
		font-size: 1.4rem;
	}
	#footer #fInfo > section:not(:first-child){
		margin-top: 8%;
	}
	#footer #fInfo .support ul li{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#footer #fBar #sns{
		justify-content: center;
		align-items: center;
	}
	#footer #fBar #copyright{
		text-align: center;
	}
}

/* home */
#mv .slick-dotted.slick-slider{
	margin-bottom: 0;
}
#mv .slick-dots{
	bottom: 10px;
}
#mv .slick-dots li{
	width: 40px;
	height: 4px;
}
#mv .slick-dots li button{
	width: 40px;
	height: 4px;
	background: #eee;
	padding: 0;
}
#mv .slick-dots li.slick-active button{
	background: #222;
}
#mv .slick-dots li button:before{
	content: none;
}
@media screen and (max-width: 768px) {
	#mv .slick-dots li,
	#mv .slick-dots li button{
		width: 40px;
		height: 4px;
	}
}

.homeSec{
	padding: 6.5% 0;
}
.homeSec:nth-child(2n){
	background: #F1F3F5;
}
.homeSec .tit{
	text-align: center;
	font-size: 12px;
	margin-bottom: 4%;
	font-weight: 500;
}
.homeSec .tit .en{
	display: block;
	font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
	.homeSec{
		padding: 10% 4%;
	}
	.homeSec .tit{
		margin-bottom: 6%;
	}
	.homeSec .tit .en{
		font-size: 2.7rem;
	}
}
.homeBnr li.off00coupon,
.homeBnr li.col2{
	display: flex;
}
.homeBnr li.off00coupon > div,
.homeBnr li.col2 > div{
	width: 50%;
  max-width: none;
}
@media screen and (min-width: 768px) {
	.pajamaDayBnr{
		width: 1300px;
		padding: 0 20px;
		max-width: 100%;
		margin: 0 auto 3.175%;
		display: flex;
		justify-content: space-between;
	}
	.pajamaDayBnr li{
		width: 610px;
		max-width: 48.413%;
	}
	.homeBnr{
		display: flex;
    justify-content: space-between;
		flex-wrap: wrap;
		width: 1300px;
		padding: 0 20px;
		max-width: 100%;
		margin: -3.175% auto 0;
	}
	.homeBnr li{
		margin: 3.175% 0 0 0;
		width: 610px;
		max-width: 48.413%;
	}
}
@media screen and (max-width: 768px) {
	.pajamaDayBnr li,
	.homeBnr li{
		margin-bottom: 4%;
	}
	.homeBnr l{
		text-align: center;
	}
	.homeBnr li:last-child{
		margin-bottom: 0;
	}
}
.itemList,
.brandBnrList,
.themeList,
.itemCatList{
	display: flex;
	flex-wrap: wrap;
}
.itemList li a{
	text-decoration: none;
	display: block;
}
.itemList li a .img{
	margin-bottom: 10px;
}
.itemList li a span{
	display: block;
	margin-top: 3px;
}
.itemList li a .itemPrice{
	font-weight: bold;
}
@media screen and (min-width: 768px) {
	.itemList,
	.brandBnrList,
	.themeList,
	.itemCatList{
		margin: -2% auto 0;
	}
	.homeSec .itemList,
	.homeSec .brandBnrList,
	.homeSec .themeList,
	.homeSec .itemCatList{
		width: 1300px;
		padding: 0 20px;
		max-width: 100%;
		margin: -2% auto 0;
	}
	.itemList li,
	.brandBnrList li{
		width: 240px;
		max-width: 19.048%;
		margin-right: 1.190%;
		margin-top: 2%;
	}
	.brandBnrList li{
		margin-top: 1.190%;
	}
	.itemList li:nth-child(5n),
	.brandBnrList li:nth-child(5n){
		margin-right: 0;
	}
	.itemList li a:hover{
		text-decoration: underline;
	}
  #home .itemList li{
    width: 200px;
    max-width: 15.873%;
    margin-right: 0.95238%;
  }
  #home .itemList li:nth-child(5n){
    margin-right: 0.95238%;
  }
  #home .itemList li:nth-child(6n){
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
	.itemList,
	.brandBnrList{
		margin-top: -6%;
	}
	.itemList{
		justify-content: space-between;
	}
	.itemList li{
		width: 48%;
		margin-top: 6%;
	}
	.brandBnrList li{
		width: 32%;
		margin-right: 2%;
		margin-top: 4%;
	}
	.brandBnrList li:nth-child(3n){
		margin-right: 0;
	}
}
.rankingList{
	counter-reset: ranking;
}
.rankingList li{
	counter-increment: ranking;
}
.rankingList li a{
	position: relative;
}
.rankingList li a:before{
	content: counter(ranking)"";
	position: absolute;
	left: 10px;
	top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	background: #FFF;
	border-radius: 50%;
	font-family: 'Montserrat', serif;
	font-weight: 500;
}
.rankingList li:nth-child(1) a:before{
	background: #ECDB95;
}
.rankingList li:nth-child(2) a:before{
	background: #DDDDDD;
}
.rankingList li:nth-child(3) a:before{
	background: #E2B18D;
}
.themeList li a{
	display: block;
	position: relative;
}
.themeList li a .themeTit{
	position: absolute;
	width: 100%;
	color: #FFF;
	font-weight: bold;
	font-size: 2.1rem;
	text-align: center;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
	height: 60%;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 10px;
}
.themeList li a img{
  border-radius: 10px;
}
/*.themeList li:not(:nth-child(-n+6)){
  display: none;
}*/
.homeSec.arakawa1886 .txt{
  margin-bottom: 4%;
}
.homeSec.arakawa1886 .txt p:not(:first-child){
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
	.themeList li{
		width: 32%;
		margin-right: 2%;
		margin-top: 2%;
	}
	.themeList li:nth-child(3n){
		margin-right: 0;
	}
  .homeSec.arakawa1886 .txt{
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
	.rankingList li a:before{
		left: 5px;
		top: 5px;
	}
	.themeList{
		margin-top: -4%;
	}
	.themeList li{
		width: 48%;
		margin-right: 4%;
		margin-top: 4%;
	}
	.themeList li:nth-child(2n){
		margin-right: 0;
	}
	.themeList li a .themeTit{
		font-size: 1.4rem;
	}
}
.itemCatList .cat ul{
	display: flex;
}
.itemCatList .cat h3{
	text-align: center;
	border-bottom: 1px solid #222;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.itemCatList .cat ul li a{
	text-decoration: none;
}
@media screen and (min-width: 768px) {
	.itemCatList {
		justify-content: space-between;
	}
	.itemCatList .cat{
		width: 610px;
		max-width: 48.413%;
		margin-top: 3%;
	}
	.itemCatList .cat:last-child{
		width: 100%;
		max-width: 100%;
	}
	.itemCatList .cat h3{
		font-size: 1.6rem;
	}
	.itemCatList .cat ul{
		justify-content: space-around;
	}
	.itemCatList .cat ul li{
		text-align: center;
		font-size: 1.3rem;
	}
	.itemCatList .cat ul li a{
		display: block;
	}
	.itemCatList .cat ul li .img{
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 768px) {
	.itemCatList{
		display: block;
	}
	.itemCatList .cat{
		margin-top: 6%;
	}
	.itemCatList .cat ul{
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top: -4%;
	}
	.itemCatList .cat ul li{
		width: 48%;
		margin-top: 4%;
	}
	.itemCatList .cat ul li a{
		display: flex;
		align-items: center;
	}
	.itemCatList .cat ul li .img{
		width: 55px;
		margin-right: 10px;
	}
}

/* guide */

.guideSec .childSec p{
	margin-top: 20px;
}

/* size */
.ladiesSize{
	margin-top: 20px;
}
@media screen and (min-width: 768px) {
	.ladiesSize{
		display: flex;
		margin-top: 20px;
		justify-content: space-between;
	}
	.ladiesSize .size{
		width: 1000px;
	}
}
@media screen and (max-width: 768px) {
	.ladiesSize .img{
		margin: 0 0 20px;
		text-align: center;
	}
	.ladiesSize .size{
	}
}
.baseTable{
	width: 100%;
}
.baseTable caption{
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}
.baseTable th{
	background: #F7F7F7;
	border: 1px solid #E0E0E0;
	font-weight: 500;
}
.baseTable td{
	border: 1px solid #E0E0E0;
	font-weight: 500;
}
.baseTable.centerTable th,
.baseTable.centerTable td{
	text-align: center;
}
@media screen and (min-width: 768px) {
	.baseTable th,
	.baseTable td{
		padding: 15px;
	}
	.sizeSec .baseTable th:first-child{
		width: 200px;
	}
	#underware.sizeSec .baseTable{
		width: auto;
	}
	#underware.sizeSec .baseTable td{
		width: 110px;
	}
}
@media screen and (max-width: 768px) {
	.baseTable th,
	.baseTable td{
		padding: 10px;
	}
	.baseTable.spVertical,
	.baseTable.spVertical caption{
		display: block;
	}
	.baseTable.spVertical tr,
	.baseTable.spVertical th,
	.baseTable.spVertical td{
		display: block;
	}
	.baseTable.spVertical tbody{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.baseTable.spVertical tr{
		flex-grow: 1;
	}
	.baseTable.spVertical th,
	.baseTable.spVertical td{
		white-space: nowrap;
	}
	.baseTable.spVertical tr:not(:first-child) th,
	.baseTable.spVertical tr:not(:first-child) td{
		border-left: none;
	}
	.baseTable.spVertical tr th:not(:first-child),
	.baseTable.spVertical tr td:not(:first-child){
		border-top: none;
	}
	
}
.sizeList{
	display: flex;
	flex-wrap: wrap;
}
.sizeList li .sizeTit{
	background: #F7F7F7;
	display: block;
	padding: 10px;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.sizeList{
		margin-top: 10px;
	}
	.sizeList li{
		width: 300px;
		max-width: 23.809%;
		margin-right: 1.5873%;
		margin-top: 20px;
	}
	.sizeList li:nth-child(4n){
		margin-right: 0;
	}
	.sizeList li .sizeTit{
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 768px) {
	.sizeList{
		margin-top: 10px;
		justify-content: space-between;
	}
	.sizeList li{
		width: 48%;
		margin-top: 4%;
	}
	.sizeList li .sizeTit{
		margin-bottom: 10px;
	}
}
.bustSize > div{
	display: flex;
	justify-content: space-between;
}
.bustSize > div .img{
	width: 130px;
	margin-right: 20px;
}
.bustSize > div dl{
	flex: 1;
}
.bustSize > div dl dt{
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.bustSize > div:not(:first-child){
		margin-top: 20px;
	}
	.bustSize > div .img{
		max-width: 30%;
	}
}

/* item */
#catInfo .txt{
  line-height: 2;
}

#catInfo + .listMeta{
  border-top: 2px solid #EEE;
}
@media screen and (min-width: 768px) {
	#catInfo{
		margin-bottom: 20px;
    display: flex;
    align-items: center;
	}
  #catInfo .img{
    width: 40%;
  }
  #catInfo .img.logo{
    width: 300px;
  }
  #catInfo .img.movie{
    height: 253px;
  }
  #catInfo .img.movie iframe{
    width: 100%;
    height: 253px;
  }
	#catInfo .txt{
    flex: 1;
    margin-left: 30px;
		line-height: 2;
		font-size: 15px;
	}
  #catInfo + .listMeta{
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
	#catInfo{
		margin: 20px 0;
	}
  #catInfo .img.logo{
    text-align: center;
  }
  #catInfo .img.logo img{
    width: 200px;
  }
  #catInfo .img.movie{
    position: relative;
    height: 0;
    padding-top: 56.25%;
  }
  #catInfo .img.movie iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
	#catInfo .txt{
		margin-top: 20px;
	}
  #catInfo + .listMeta{
    padding-top: 20px;
  }
}
.listMeta{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.listMeta .sort{
	display: flex;
}
.listMeta .sort dd{
	margin-left: 10px;
}
#searchArea .txt span{
	display: block;
}
#searchArea dl > div{
	background: #F1F3F5;
	padding: 20px 20px 20px 0;
	margin-top: 2px;
	display: flex;
	align-items: center;
}
#searchArea dl > div dt{
	font-weight: bold;
	text-align: center;
}
#searchArea dl > div dd{
	flex: 1;
}
#searchArea dl > div dd input,
#searchArea dl > div dd select{
	border: none;
	background: #FFF;
	width: 100%;
	height: 32px;
}
#searchArea .searchBox{
	background: #F1F3F5;
	padding: 40px;
	text-align: center;
	margin-top: 30px;
}
#searchArea .searchBox .searchKeyword{
	width: 600px;
	max-width: 100%;
	height: 60px;
	padding: 10px;
	border: none;
}
@media screen and (max-width: 768px) {
	#searchArea .searchBox{
		padding: 20px;
		margin-top: 20px;
	}
	#searchArea .searchBox .searchKeyword{
		height: 46px;
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 768px) {
	#searchArea{
		margin-bottom: 5%;
	}
	#searchArea .txt{
		text-align: center;
	}
	#searchArea dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 30px;
	}
	#searchArea dl > div{
		width: calc(50% - 1px);
	}
	#searchArea dl > div dt{
		width: 120px;
	}
	#searchArea dl > div dd input,
	#searchArea dl > div dd select{
		max-width: 410px;
	}
	#searchArea dl > div dd input.price{
		max-width: 100px;
	}
}
@media screen and (max-width: 768px) {
	#searchArea{
		margin-bottom: 8%;
	}
	#searchArea .txt{
		text-align: center;
		margin-bottom: 20px;
	}
	#searchArea dl > div dt{
		width: 7em;
	}
	#searchArea dl > div dd input.price{
		max-width: 60px;
	}
	.fs-body-productImgs{
		margin-bottom: 30px;
	}
}
.fs-body-productImgs .main{
	width: 100%;
	height: 0;
	padding-top: 100%;
	background: #F1F3F5;
	position: relative;
}
.fs-body-productImgs .main .slick-list{
	height: 100%;
	overflow: visible;
	position: absolute !important;
	top: 0;
	width: 100%;
}
.fs-body-productImgs .main .slick-track{
	width: 100% !important;
	height: 100%;
}
.fs-body-productImgs .main .slick-track{
	width: 100% !important;
	height: 100%;
}
.fs-body-productImgs .main .slick-slide{
	left: 0 !important;
	top: 0 !important;
	height: 100%;
	position: absolute !important;
}
.fs-body-productImgs .main img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0 !important;
}
.fs-body-productImgs .thumbnail{
	margin-top: 13px;
}
.fs-body-productImgs .thumbnail .slick-track{
    width: calc(100% + 7px) !important;
	transform: none !important;
}
.fs-body-productImgs .thumbnail .slick-slide{
    cursor: pointer;
	margin: 7px 0 0 0;
	text-align: center;
	background: #F1F3F5;
	position: relative;
	width: calc((100% - 35px) / 5) !important;
	margin-right: 7px;
	height: 0;
	padding-top: calc((100% - 35px) / 5) !important;
}
.fs-body-productImgs .thumbnail .slick-cloned{
	display: none;
}
.fs-body-productImgs .thumbnail .slick-slide img{
	position: absolute;
	left: 0 !important;
	top: 0 !important;
	width: 100%;
	height: 100%;
}
.fs-body-productImgs .thumbnail .slick-slide.slick-current img{
	border: 2px solid #C52633;
}
.fs-body-product .itemTit{
	font-size: 2rem;
	border-bottom: 2px solid #EEE;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.fs-body-product .itemPrice{
	margin: 20px 0 10px;
}
.fs-body-product .itemPrice .price{
	font-size: 2.4rem;
	font-weight: bold;
}
.fs-body-product .beforePrice{
	margin-top: 20px;
}
.fs-body-product .cartArea{
	background: #F1F3F5;
	padding: 30px;
	margin-top: 20px;
}
.fs-body-product .cartArea .nameIn{
	margin: 20px 0;
	font-weight: bold;
}
.fs-body-product .cartArea .nameIn input{
	margin-top: 5px;
	border: none;
	padding: 10px;
	height: 46px;
	width: 100%;
}
.fs-body-product .cartArea .soldout{
	text-align: center;
}
.fs-body-product .cartArea .option > div,
.fs-body-product .cartArea .item-option .makeshop-option-wrap,
.fs-body-product .cartArea .item-quantity{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.fs-body-product .cartArea .option > div dt,
.fs-body-product .cartArea .item-option .makeshop-option-label,
.fs-body-product .cartArea .item-quantity .quantity-label{
	font-weight: bold;
	width: 70px;
	padding-left: 5px;
}
.fs-body-product .cartArea .option > div dd,
.fs-body-product .cartArea .item-option .makeshop-option-select-wrap{
	flex: 1;
}
.fs-body-product .cartArea .option > div dd select,
.fs-body-product .cartArea .item-option .makeshop-option-select-wrap .makeshop-option-select {
	background: #FFF;
	border: none;
	height: 46px;
	padding: 10px;
	max-width: 100%;
}
.fs-body-product .cartArea .option > div dd .quantity,
.fs-body-product .cartArea .item-quantity #quantity{
	background: #FFF;
	border: none;
	height: 46px;
	width: 60px;
	padding: 10px;
}
.fs-body-product .cartArea .btnCart a{
	display: block;
	background: #C52633;
	color: #FFF;
	text-align: center;
	padding: 20px;
	font-weight: bold;
	text-decoration: none;
}
.fs-body-product .supplementBtns{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.fs-body-product .supplementBtns li{
	width: calc((100% - 20px) / 2);
	text-align: center;
	margin-top: 20px;
}
.fs-body-product .supplementBtns li a{
	display: block;
	background: #222;
	color: #FFF;
	text-decoration: none;
	padding: 15px;
}
.fs-body-product .supplementBtns li a i{
	margin-right: 10px;
}
.itemDespriction{
	font-size: 1.6rem;
}
.fs-body-product .itemDespriction{
	margin-top: 0;
}
.fs-body-product iframe[src="https://gigaplus.makeshop.jp/amourstudio/frame/amour.html"]{
	max-width: 100%;
	/*height: auto;*/
}
.fs-body-product .bnr li:not(:first-child){
	margin-top: 20px;
}
.fs-body-product .bnr li.bnrKodawari{
	height: 0;
	position: relative;
	padding-top: 30%;
	font-size: 2.4rem;
	background-image: url("https://www.arakawa.shop/s/images/arakawa/kodawari/main_bg.jpg");
	background-size: cover;
}
.fs-body-product .bnr li.bnrKodawari a{
	background: rgba(0,0,0,.3);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-decoration: none;
	text-shadow: 0 0 10px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5), 0 0 10px rgba(0,0,0,.5);
}
.itemDespriction th,
.itemDespriction td{
	font-size: 1.4rem;
	padding: 5px 10px;
}
.itemDespriction div[align="center"]{
	text-align: left;
}
.itemDespriction h2{
	font-size: 1.8rem;
	margin-top: 50px;
	margin-bottom: 20px;
}
.itemDespriction h2:first-of-type{
  margin-top: 0;
}
.itemDespriction p{
	margin: 20px 0;
}
.itemDespriction a{
	color: #06A0DD;
}
.itemDespriction .specttl{
	font-size: 1.6rem;
	margin: 30px 0 10px;
}
.itemDespriction .specttl a{
	font-weight: 500;
	font-size: 1.4rem;
	display: inline-block;
	margin-left: 20px;
}
.itemDespriction .item_table{
	width: 100%;
}
.itemDespriction .item_table th{
	background: #F7F7F7;
	padding: 10px;
	border: 1px solid #E0E0E0;
	text-align: center;
}
.itemDespriction .item_table td{
	padding: 10px;
	border: 1px solid #E0E0E0;
}
@media screen and (max-width: 768px) {
	#detailSec{
		padding-bottom: 10%;
	}
	.fs-body-product .itemDespriction{
		margin-top: 0;
	}
	.itemDespriction th,
	.itemDespriction td{
		font-size: 1.3rem;
	}
	.itemDespriction h2{
		margin-top: 30px;
		font-size: 1.6rem;
	}
	
}
.instock.off,
.outstock.off{
	display: none;
}
.pager{
	display: flex;
	flex-wrap: wrap;
	margin-top: 5%;
	justify-content: center;
}
.pager li{
	margin: 0 5px;
}
.pager li > *{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pager li .current{
	background: #222;
	color: #FFF;
}
.pager li a{
	background: #F1F3F5;
	text-decoration: none;
}
.reviewSec{
	margin-top: 50px;
	margin-bottom: 6.5%;
}
.col1Detail .sec:not(:first-child){
	margin-top: 4.7% !important;
}
@media screen and (min-width: 768px) {
	.col1Detail{
		margin-top: 5%;
	}
	
}
@media screen and (max-width: 768px) {
	.col1Detail{
		margin-top: 10%;
	}
	.col1Detail,
	.reviewSec{
		margin-bottom: 10%;
	}
}
.reviewSec .txt{
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
}
.reviewList{
	margin-top: 20px;
}
.reviewList .reviewItem{
	background: #F1F3F5;
	margin-top: 10px;
	padding: 10px;
}
.reviewList .reviewItem .reviewMeta{
	display: flex;
	justify-content: space-between;
	margin: 5px 0 15px;
}
.reviewList .reviewItem .reviewMeta .reviewRate{
	display: inline-block;
}
.reviewRateStar{
	font-size: 0;
	display: inline-block;
	color: #FFA64D;
}
.reviewRateStar:before{
    font-family: 'Font Awesome 5 Free';
    content: "\f005";
    font-weight: 900;
	font-size: 1.4rem;
}
.reviewRateStar.starHalf:before{
	font-family: 'Font Awesome 5 Free';
    content: "\f5c0";
}
.reviewRateStar.starOff:before{
	font-family: 'Font Awesome 5 Free';
    content: "\f005";
    font-weight: 400;
}
.reviewList .reviewItem .reviewMeta .name{
	margin-left: 20px;
	display: inline-block;
}
.reviewList .reviewItem .comment{
	padding: 15px;
	background: #FFF;
}
/* レビュー一覧 */
.review-item-wrap{
	display: flex;
	padding: 30px;
	background: #F1F3F5;
	align-items: center;
}
.review-item-wrap .review-item-image{
	width: 170px;
	margin-right: 20px;
}
.review-item-wrap .review-item-info{
	flex: 1;
}
.review-item-wrap .review-item-name{
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.review-item-wrap .total-review{
	display: flex;
	align-items: center;
}
.review-item-wrap .total-review .review-average{
	margin: 0 0 0 20px;
	font-size: 2.4rem;
	font-weight: bold;
}
.review-list-head{
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
	.review-item-wrap{
		display: block;
	}
	.review-item-wrap .review-item-image{
		width: auto;
		text-align: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.review-item-wrap .review-item-name{
		font-size: 1.4rem;
	}
}
.item_detail.akp102Detail .sec h2{
	text-align: center;
	font-weight: normal;
	margin-bottom: 40px;
	font-size: 2.4rem;
}
.item_detail.akp102Detail .sec .btn a{
	color: #222;
}
.item_detail.akp102Detail .sec .titImg{
	background-position: center center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 450px;
	text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
}
.item_detail.akp102Detail .sec.gauze .titImg{
	background-image: url("https://www.arakawa.shop/s/images/arakawa/item/akp102-13110/tit_gauze.jpg");
}
.item_detail.akp102Detail .sec.strech .titImg{
	background-image: url("https://www.arakawa.shop/s/images/arakawa/item/akp102-13110/tit_strech.jpg");
}
.item_detail.akp102Detail .sec.goodSleep .titImg{
	background-image: url("https://www.arakawa.shop/s/images/arakawa/item/akp102-13110/tit_goodsleep.jpg");
}
.item_detail.akp102Detail .sec .titImg .serif{
	display: block;
	font-size: 3rem;
	letter-spacing: .05em;
}
.item_detail.akp102Detail .goodSleep .secWrap .childSec h2{
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	margin-top: 0;
}
.item_detail.akp102Detail .imageBook h2,
.item_detail.akp102Detail .color h2{
	background: #F1F3F5;
	padding: 15px;
	font-weight: bold;
}
.item_detail.akp102Detail .imageBook .list,
.item_detail.akp102Detail .color .list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.item_detail.akp102Detail .imageBook .list li.wide{
	width: 100%;
}
.item_detail.akp102Detail .imageBook .list li img,
.item_detail.akp102Detail .color .list li img{
	width: 100%;
	height: auto;
}
.item_detail.akp102Detail .color .list li{
	position: relative;
}
.item_detail.akp102Detail .color .list li .txt{
	color: #FFF;
	font-size: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
}
@media screen and (min-width: 768px) {
	.item_detail.akp102Detail .goodSleep .secWrap{
		display: flex;
		flex-wrap: wrap;
		margin-top: -30px;
	}
	.item_detail.akp102Detail .sec.gauze p,
	.item_detail.akp102Detail .sec.strech p,
	.item_detail.akp102Detail .sec.double p{
		text-align: center;
	}
	.item_detail.akp102Detail .goodSleep .secWrap .childSec{
		width: 32%;
		margin-right: 2%;
		margin-top: 30px;
	}
	.item_detail.akp102Detail .goodSleep .secWrap .childSec:nth-child(3n){
		margin-right: 0;
	}
	.item_detail.akp102Detail .imageBook .list li,
	.item_detail.akp102Detail .color .list li{
		margin-bottom: 40px;
		width: calc((100% - 40px) / 2);
	}
}
@media screen and (max-width: 768px) {
	.item_detail.akp102Detail .sec:not(:first-child){
		margin-top: 60px;
	}
	.item_detail.akp102Detail .sec .titImg{
		height: 200px;
	}
	.item_detail.akp102Detail .imageBook h2,
	.item_detail.akp102Detail .color h2{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.item_detail.akp102Detail .imageBook .list li,
	.item_detail.akp102Detail .color .list li{
		margin-bottom: 20px;
		width: calc((100% - 20px) / 2);
	}
}
.freeGiftMain{
	background: linear-gradient(to right bottom, #DDD 0%, #FFF 55%, #E5E5E5 100%);
}
.freeGiftMain .content,
.giftDetail .paidGiftMain .content{
	text-align: center;
}
.freeGiftMain .content h2,
.giftDetail .paidGiftMain .content h2{
	font-weight: normal;
	line-height: 1.8;
	margin-top: 0;
}
.freeGiftMain .content h2 strong,
.giftDetail .paidGiftMain .content h2 strong{
	font-weight: normal;
	display: block;
}
.freeGiftMain .content .txt{
	font-size: 1.4rem;
	margin-bottom: 0;
}
.freeGiftMain .img{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.giftDetail .itemInfo > section{
	text-align: center;
	font-size: 1.4rem;
}
.giftDetail .itemInfo > section .sticker{
	margin-top: 30px;
}
.giftDetail .itemInfo > section .sticker ul{
	display: flex;
	justify-content: center;
}
.giftDetail .itemInfo > section .sticker ul li{
	margin: 0 5px;
}
.giftExplain{
	border: 4px solid #EEE;
}
.giftExplain dt{
	font-weight: bold;
	border-bottom: 2px solid #EEE;
 }
.giftExplain dd{
	font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
	.freeGiftMain{
		background: linear-gradient(to right bottom, #DCD9D7 0%, #FFF 55%, #EBEAE9 100%);
		display: flex;
		align-items: center;
		padding: 50px;
		justify-content: space-around;
	}
	.freeGiftMain .content{
		text-align: center;
		width: 50%;
	}
	.freeGiftMain .content h2,
	.giftDetail .paidGiftMain .content h2{
		font-size: 1.8rem;
	}
	.freeGiftMain .content h2 strong,
	.giftDetail .paidGiftMain .content h2 strong{
		font-size: 3.6rem;
	}
	.freeGiftMain .img{
		width: 40%;
	}
	.giftDetail .itemInfo{
		display: flex;
		justify-content: space-around;
	}
	.giftDetail .itemInfo > section{
		width: 50%;
		text-align: center;
	}
	.giftDetail .itemInfo > section h2{
		font-size: 2.2rem;
	}
	.giftDetail .itemInfo > section .sticker h3{
		font-size: 1.8rem;
	}
	.giftExplain{
		margin: 80px 0;
		padding: 40px;
	}
	.giftExplain dt{
		font-size: 2rem;
		padding-bottom: 10px;
		margin-bottom: 20px;
	 }
	.giftExplain dt:not(:first-child){
		margin-top: 40px;
	}
	.giftDetail .paidGiftMain{
		background: url("https://www.arakawa.shop/s/images/arakawa/item/gift-fk-gold/main_img.png") no-repeat left center / 65% auto, linear-gradient(to right bottom, #DDD 0%, #FFF 55%, #E5E5E5 100%);
		padding: 50px 0 50px 60%;
		height: 35vw;
		max-height: 360px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.giftDetail .paidGiftMain .logo{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 768px) {
	.freeGiftMain{
		padding: 30px;
	}
	.freeGiftMain .content h2 strong{
		font-size: 2.4rem;
	}
	.freeGiftMain .img{
		margin-top: 30px;
	}
	.freeGiftMain .img img{
		max-width: 40%;
	}
	.giftDetail .itemInfo > section{
		margin-top: 50px;
	}
	.giftDetail .itemInfo > section h2{
		font-size: 1.8rem;
	}
	.giftDetail .itemInfo > section .sticker h3{
		font-size: 1.6rem;
	}
	.giftExplain{
		margin: 40px 0;
		padding: 20px;
	}
	.giftExplain dt{
		font-size: 1.6rem;
		padding-bottom: 5px;
		margin-bottom: 10px;
	 }
	.giftExplain dt:not(:first-child){
		margin-top: 20px;
	}
	.giftDetail .paidGiftMain{
		background: url("https://www.arakawa.shop/s/images/arakawa/item/gift-fk-gold/main_img_sp.png") no-repeat center bottom / 100% auto, linear-gradient(to right bottom, #DDD 0%, #FFF 55%, #E5E5E5 100%);
		padding: 30px 30px 60% 30px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
.originalnameDetail .fontList,
.originalnameDetail .itoList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -10px;
}
.originalnameDetail .fontList li,
.originalnameDetail .itoList li{
	margin-top: 20px;
	text-align: center;
}
.originalnameDetail .fontList li .img,
.originalnameDetail .itoList .img{
	margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
	.originalnameDetail .fontList li{
		width: 31.746%;
	}
	.originalnameDetail .itoList li{
		width: 13.0158%;
	}
}
@media screen and (max-width: 768px) {
	.originalnameDetail .fontList li{
		width: 48%;
	}
	.originalnameDetail .itoList li{
		width: 31%;
	}
}
.giftboxDetail .titImg.img01{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/item/10000763/bg01.jpg");
	margin: 5% 0;
}

.giftboxDetail .titImg.img02{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/giftwrapping/main_bg.jpg");
	margin: 5% 0;
}

/* レビュー投稿 */
.review-form-wrap{
	margin-top: 60px;
}
.review-form{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 820px;
	margin: 0 auto;
	max-width: 100%;
}
.review-form dt{
	width: 200px;
	margin-bottom: 20px;
	font-size: 1.6rem;
}
.review-form dd{
	width: 600px;
	max-width: calc(100% - 200px);
	margin-bottom: 20px;
}
.review-form dd input{
	width: 100%;
	height: 46px;
	border: 1px solid #222;
}
.review-form dd textarea{
	width: 100%;
	height: 200px;
	border: 1px solid #222;
}
@media screen and (max-width: 768px) {
	.review-form-wrap{
		margin-top: 40px;
	}
	.review-form{
		display: block;
	}
	.review-form dt{
		font-size: 1.4rem;
		margin-bottom: 5px;
		width: auto;
	}
	.review-form dd{
		width: auto;
		max-width: none;
	}
}

/* カート */
.cart-list-item .cart-list-delete .cart-delete-btn{
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	background: #555;
	color: #FFF;
	border-radius: 50%;
	text-decoration: none;
}
.cart-list-item .cart-list-info .cart-list-wrap{
	display: flex;
}
.cart-list-item .cart-list-info .cart-list-wrap .cart-list-detail{
	flex: 1;
}
.cart-list-item .cart-list-unit-wrap .cart-list-price .cart-list-total-price{
	font-size: 2rem;
	font-weight: bold;
}
.free-shipping-text{
	text-align: center;
	background: #F1F3F5;
	padding: 10px;
}
.checkout-btn-wrap .checkout-btn{
	background: #C52633;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.checkout-btn-wrap{
	text-align: center;
}
@media screen and (min-width: 768px) {
	.cart-list-head{
		display: flex;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		padding: 20px 0;
	}
	.cart-list-head .cart-list-title{
		text-align: center;
	}
	.cart-list-delete,
	.cart-list-delete{
		width: 10%;
		text-align: center;
	}
	.cart-list-info{
		width: 60%;
	}
	.cart-list-head .cart-list-quantity{
		width: 15%;
	}
	.cart-list-head .cart-list-price{
		width: 15%;
	}
	.cart-list-item{
		display: flex;
		border-bottom: 1px solid #DDD;
		align-items: center;
		padding: 20px 0;
	}
	.cart-list-item .cart-list-delete .cart-delete-btn{
		font-size: 2rem;
		width: 30px;
		height: 30px;
	}
	.cart-list-item .cart-list-info .cart-list-wrap{
		align-items: center;
		padding-right: 20px;
	}
	.cart-list-item .cart-list-info .cart-list-wrap .cart-list-image{
		width: 100px;
		margin-right: 20px;
	}
	.cart-list-item .cart-list-info .cart-list-wrap .cart-list-detail .cart-list-name{
		margin-bottom: 10px;
	}
	.cart-list-item .cart-list-unit-wrap{
		width: 30%;
		display: flex;
	}
	.cart-list-item .cart-list-unit-wrap .cart-list-unit{
		width: 50%;
		text-align: center;
	}
	.cart-list-item .cart-list-unit-wrap .cart-list-quantity input{
		border: 1px solid #222;
		height: 42px;
		width: 60px;
		padding: 10px;
		margin-right: 5px;
	}
	.cart-list-item .cart-list-unit-wrap .cart-list-quantity .cart-quantity-btn{
		font-weight: 500;
	}
	.cart-total{
		float: right;
		width: 320px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 40px 0 50px;
		border-bottom: 2px solid #EEE;
		font-size: 1.8rem;
		padding: 0 10px;
	}
	.cart-total .cart-total-price{
		font-size: 3rem;
		font-weight: bold;
	}
	.checkout-btn-wrap{
		clear: both;
	}
	.checkout-btn-wrap .checkout-btn{
		font-size: 1.6rem;
		padding: 20px;
		display: inline-block;
		width: 460px;
	}
	.checkout-btn-wrap .cart-continue{
		margin-top: 40px;
	}
	.free-shipping-text{
		clear: both;
		margin-bottom: 50px;
	}
	.cart-list-option {
		margin-top: 2px;
	}
}
@media screen and (max-width: 768px) {
	.cart-list-head{
		display: none;
	}
	.cart-list-unit{
		width: auto;
		padding: 0;
		display: block;
	}
	.cart-list-delete {
		position: absolute;
		right: -10px;
		top: -10px;
	}
	.cart-list-item .cart-list-delete .cart-delete-btn{
		width: 20px;
		height: 20px;
		font-size: 1.4rem;
	}
	.cart-list-item {
		position: relative;
		text-align: right;
		background: #F1F3F5;
		padding: 12px;
		border: none;
		margin-bottom: 12px;
	}
	.cart-list-item .cart-list-info .cart-list-wrap .cart-list-detail{
		text-align: left;
	}
	.cart-list-detail{
		padding: 0 8px;
	}
	.cart-list-item .cart-list-unit-wrap .cart-list-quantity input{
		border: none;
		height: 36px;
		width: 50px;
		padding: 10px;
		margin-right: 5px;
	}
	.cart-list-image {
		width: 70px;
	}
	.cart-list-unit-wrap {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		margin-top: 8px;
	}
	.cart-list-price {
		margin-left: 8px;
	}
	.cart-total{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		margin: 20px 0;
	}
	.cart-total .cart-total-price{
		margin-left: 10px;
		font-size: 2.4rem;
		font-weight: bold;
	}
	.free-shipping-text{
		margin-bottom: 30px;
	}
	.checkout-btn-wrap .checkout-btn{
		font-size: 1.4rem;
		padding: 15px;
		display: block;
	}
	.checkout-btn-wrap .cart-continue{
		margin-top: 30px;
	}
}

/* 特定商表記 */
.contract-wrap{
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	border-top: 1px solid #DDD;
}
.contract-wrap .contract-item{
	border-bottom: 1px solid #DDD;
}
.contract-wrap .contract-item .contract-title{
	background: #F7F7F7;
	padding: 20px;
}
.contract-wrap .contract-item .contract-content{
	background: #FFF;
	padding: 20px;
	flex: 1;
}
@media screen and (min-width: 768px) {
	.contract-wrap .contract-item{
		display: flex;
	}
	.contract-wrap .contract-item .contract-title{
		width: 240px;
	}
}

/* kodawari */
.specialContents .titImg{
  background-position: center center;
  background-size: cover;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #FFF;
}
#kodawari .specialGift .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kodawari/main_bg.jpg");
}
#kodawari .premiumGift .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kodawari/premium_tit_bg.jpg");
}
.nameEmbroidery .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kodawari/name_tit_bg.jpg");
  background-position: center bottom;
}
#kodawari .sakeSet .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kodawari/sake_tit_bg.jpg");
  background-position: center bottom;
}
.specialContents .titImg p{
  text-shadow: 0 0 10px rgba(0,0,0,.5);
  letter-spacing: 0.05em;
  margin: 0;
  font-weight: normal;
}
.specialContents .titImg p .jp{
  display: block;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .specialContents .titImg{
    height: 30vw;
  }
  .specialContents .titImg p,
  .specialContents .titImg p{
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .specialContents .titImg{
    height: 50vw;
  }
  .specialContents .titImg p,
  .specialContents .titImg p{
    font-size: 2.4rem;
  }
}
.specialContents .sec h2:not(.tit){
  text-align: center;
}
.specialContents .sec .txt p{
  text-align: center;
  margin-top: 2em;
  line-height: 2;
}
.specialContents .wrappingColList li .img img{
  border-radius: 15px;
}
.specialContents .wrappingColList li h3{
  margin: 20px 0 10px;
  font-size: 1.8rem;
}
.giftBtn{
  text-align: center;
}
.giftBtn a{
  text-decoration: none;
  background: url("https://www.arakawa.shop/s/images/arakawa/kodawari/gift_bg.jpg");
  background-size: cover;
}
.giftBtn .txt{
  font-weight: normal;
  flex: 1;
  text-align: center;
	display: block;
}
.giftBtn a{
	color: #222;
}
.giftBtn .txt .jp{
  font-weight: bold;
  display: block;
  width: 200px;
  margin: 20px auto 0;
  border-bottom: 2px solid #222;
  font-size: 1.6rem;
  padding-bottom: 10px;
}
.js-inview.view {
  transition: all 1s ease-out;
  opacity: 1 !important;
}
.js-inview-slide.view {
  animation: fade-slide-in 0.6s ease-out 0.15s 1 forwards;
}
.view .js-inview-each-item:nth-child(1){
  animation: fade-slide-in 0.6s ease-out 0.15s 1 forwards;
}
.view .js-inview-each-item:nth-child(2){
  animation: fade-slide-in 0.6s ease-out 0.3s 1 forwards;
}
.view .js-inview-each-item:nth-child(3){
  animation: fade-slide-in 0.6s ease-out 0.45s 1 forwards;
}
.view .js-inview-each-item:nth-child(4){
  animation: fade-slide-in 0.6s ease-out 0.6s 1 forwards;
}
.view .js-inview-each-item:nth-child(5){
  animation: fade-slide-in 0.6s ease-out 0.75s 1 forwards;
}
.view .js-inview-each-item:nth-child(6){
  animation: fade-slide-in 0.6s ease-out 0.9s 1 forwards;
}
.view .js-inview-each-item:nth-child(7){
  animation: fade-slide-in 0.6s ease-out 0.105s 1 forwards;
}
.view .js-inview-each-item:nth-child(8){
  animation: fade-slide-in 0.6s ease-out 0.12s 1 forwards;
}
.view .js-inview-each-item:nth-child(9){
  animation: fade-slide-in 0.6s ease-out 0.135s 1 forwards;
}
.view .js-inview-each-item:nth-child(10){
  animation: fade-slide-in 0.6s ease-out 0.15s 1 forwards;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-slide-in {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-slide-in {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  .specialContents .sec:not(:first-child){
    margin-top: 10%;
  }
  .specialContents .sec h2{
    margin: 6% 0 30px;
  }
  .specialContents .wrappingColList{
    margin: 6%;
  }
  .specialContents .wrappingColList li{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .specialContents .wrappingColList li{
    margin-top: 40px;
  }
  .specialContents .wrappingColList li .img{
    width: 400px;
    max-width: 40%;
    margin-right: 40px;
  }
  .specialContents .wrappingColList li .content{
    flex: 1;
  }
  .specialContents .wrappingColList li .btn{
    text-align: left;
  }
  .specialContents .wrappingColList li .btn a{
    text-align: center;
  }
  .giftBtn a{
    display: flex;
    align-items: center;
    padding: 3% 8%;
  }
  .giftBtn .img{
    max-width: 60%;
  }
  .giftBtn .txt{
    font-size: 3.2rem;
    margin: 30px 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .specialContents .sec:not(:first-child){
    margin-top: 20%;
  }
  .specialContents .sec h2:not(.tit){
    margin: 8% 0 4%;
    font-size: 1.6rem;
  }
  .specialContents .sec .txt p{
    text-align: left;
  }
  .specialContents .wrappingColList li{
    margin-top: 50px;
  }
  .specialContents .wrappingColList li .img{
    text-align: center;
  }
  .specialContents .wrappingColList li .img img{
    max-width: 60%;
  }
  .specialContents .wrappingColList li h3{
    font-size: 1.6rem;
    text-align: center;
  }
  .specialContents .wrappingColList li .content p:not(.btn){
    text-align: left;
  }
  .specialContents .wrappingColList li .content .btn{
    margin-top: 10px;
    font-size: 1.4rem;
  }
  .giftBtn a{
    display: block;
    padding: 10%;
  }
  .giftBtn .img img{
  }
  .giftBtn .txt{
    font-size: 2.4rem;
    margin: 10px 0 0;
  }
  .giftBtn .txt .jp{
    font-size: 1.4rem;
    margin-top: 10px;
  }
}

/* giftwrapping */
#giftwrapping .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/giftwrapping/main_bg.jpg");
}
.wrappingList{
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 4%;
}
.wrappingList li{
  margin: 0 2%;
}
.wrappingList li a{
  display: block;
  text-decoration: none;
}
.wrappingList li img{
  margin-bottom: 15px;
}
.wrappingList.paperList .lead{
	font-size: 110%;
	margin-bottom: 10px;
	display: block;
}
.specialContents .secWrap .sec{
  text-align: center;
}
.specialContents .secWrap .sec .tit{
  text-align: left;
}
.specialContents .secWrap .sec .img{
  margin-bottom: 20px;
}
#giftwrapping .secWrap .sec .sticker{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
#giftwrapping .secWrap .sec .sticker li{
  margin: 0 20px;
}
#giftwrapping .secWrap .sec .sticker li img{
  width: 60px;
}
.specialContents .secWrap .sec .btn{
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  #giftwrapping .freeTxt{
    font-size: 1.6rem;
    margin-bottom: -2%;
  }
  .specialContents .childSec:not(:first-child){
    margin-top: 5%;
  }
  .specialContents .secWrap{
    display: flex;
    justify-content: center;
    margin-top: 6%;
  }
  .specialContents .secWrap.wrap{
    flex-wrap: wrap;
  }
  .specialContents .secWrap .sec,
  .specialContents .secWrap > section{
    width: 30%;
    margin: 0 2%;
    text-align: center;
  }
  .specialContents .secWrap .tit{
    margin: 0 0 30px;
  }
  .specialContents .secWrap.col2{
    justify-content: space-between;
  }
  .specialContents .secWrap.col2 .sec{
    width: 48%;
    margin: 0;
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  #giftwrapping .sec,
  #gift .sec{
    margin-top: 20px;
  }
  #giftwrapping .freeTxt{
    font-size: 1.4rem;
  }
  .wrappingList.spWrap,
	.wrappingList.paperList{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .wrappingList.spWrap li,
	.wrappingList.paperList li{
    width: 47%;
    margin: 20px 0 0;
  }
}

/* gift */
#gift .giftMain img{
  width: 100%;
  height: 30vw;
}
@media screen and (min-width: 768px) {
  .giftMain img{
    height: 30vw;
  }
}
@media screen and (max-width: 768px) {
  #gift .giftMain img{
    height: 50vw;
  }
}
#gift .giftSelect .titImg{
  justify-content: flex-start;
}
#gift .giftSelect .titImg p .jp{
  text-align: left;
  color: #111;
  text-shadow: none;
  font-weight: bold;
}
#gift .giftSelect .titImg{
  background: #f7f7f7 url("https://www.arakawa.shop/s/images/arakawa/gift/giftselect_tit_bg.png") no-repeat right center / auto 100%;
}
#gift .giftSelect .titImg p .jp{
}
#gift .giftSelect .wrappingList li img{
  border-radius: 15px;
}
#gift .specialGift .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/gift/specialgift_tit_bg.jpg");
}
@media screen and (min-width: 768px) {
  #gift .giftSelect .titImg{
    padding: 0 10%;
  }
  #gift .giftSelect .titImg p .jp{
    font-size: 2.4rem;
  }
  #gift.specialContents .secWrap{
    justify-content: space-between;
    align-items: flex-start;
  }
  #gift.specialContents .secWrap .sec{
    margin: 0;
    width: 32%;
  }
  #gift.specialContents .secWrap .sec.double{
    width: 64%;
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  #gift .giftSelect .titImg{
    padding: 0 5%;
  }
  #gift .giftSelect .titImg p .jp{
    font-size: 1.6rem;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
  }
}
#gift .trivia{
  background: #F5F2EF;
}
#gift .trivia h2{
  margin-top: 0;
}
#gift .trivia .childSec .childTit{
  background: #FFF;
}
#gift .trivia h4{
  margin: 20px 0 5px;
}
@media screen and (min-width: 768px) {
  #gift .trivia{
    padding: 8vw;
  }
  #gift .trivia h4{
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  #gift .trivia .childTit{
    font-size: 1.5rem;
  }
  #gift .trivia{
    padding: 30px 20px;
  }
  #gift .trivia h4{
    font-size: 1.4rem;
  }
}

/* kaimin */
#kaimin .main .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kaimin/main_bg.jpg");
}
#kaimin .main .titImg p,
#kaimin .kodawariSekkei .titImg p{
  color: #111;
  text-shadow: none;
}
#kaimin .temperature .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kaimin/temperature_tit_bg.jpg");
}
#kaimin .control .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kaimin/control_tit_bg.jpg");
}
#kaimin .leadTxt strong{
  font-weight: normal;
}
#kaimin .temperature .titImg p,
#kaimin .control .titImg p{
  color: #111;
  text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
  font-size: 2.4rem;
}
#kaimin .temperature .resultTxt{
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 5%;
}
#kaimin .kodawariSekkei .titImg{
  background-image: url("https://www.arakawa.shop/s/images/arakawa/kaimin/kodawari_tit_bg.jpg");
}
#kaimin .experiment .secWrap .childSec{
  text-align: center;
}
#kaimin .experiment .secWrap .childSec .childTit{
  text-align: left;
}
#kaimin .experiment .secWrap .childSec .img{
  margin-top: 20px;
  text-align: center;
}
#kaimin .experiment .secWrap .childSec .img img{
  width: 80%;
}
#kaimin .kodawariSekkei .secWrap.wrap > section p{
  margin-top: 20px;
}
#kaimin + .pickup{
  margin: 8% 0 -8%;
}
@media screen and (min-width: 768px) {
  #kaimin .main .titImg{
    padding-bottom: 15vw;
    margin-bottom: 5%;
  }
  #kaimin .kodawariSekkei .titImg{
    padding-right: 50%;
  }
  #kaimin .main .titImg p,
  #kaimin .kodawariSekkei .titImg p{
    font-size: 2rem;
  }
  #kaimin .main .titImg p img,
  #kaimin .kodawariSekkei .titImg p img{
    margin-top: 10px;
  }
  #kaimin .leadTxt strong{
    font-size: 2.4rem;
  }
  #kaimin .kodawariSekkei .secWrap{
    justify-content: flex-start;
    margin-top: 2%;
  }
  #kaimin .kodawariSekkei .secWrap.wrap > section{
    margin: 3% 3.5% 0 0;
    width: 31%;
    text-align: left;
  }
  #kaimin .kodawariSekkei .secWrap.wrap > section:nth-child(3n){
    margin-right: 0;
  }
  #kaimin .point{
    display: flex;
    flex-wrap: wrap;
    margin-top: -40px;
  }
  #kaimin .point li{
    width: 31%;
    margin-right: 3.5%;
    margin-top: 60px;
    line-height: 2;
    position: relative;
    counter-increment: section;
  }
  #kaimin .point li:nth-child(3n){
    margin-right: 0;
  }
  #kaimin .point li:before{
    content: counter(section);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F1F3F5;
    border-radius: 50%;
    margin: 0 auto 10px; 
    font-size: 1.6rem;
  }
  #kaimin .imgTxt{
    display: flex;
  }
  #kaimin .imgTxt .img{
    width: 40%;
    margin-right: 5%;
  }
  #kaimin .imgTxt .txt{
    flex: 1;
  }
  #kaimin .imgTxt .txt p{
    text-align: left;
  }
  .specialContents .secWrap.col2 > *{
    width: 46%;
  }
  #kaimin .experiment .secWrap .childSec{
    margin-top: 0;
  }
  #kaimin .result p{
    margin-top: 5%;
  }
}
@media screen and (max-width: 768px) {
  #kaimin .main .titImg{
    padding-bottom: 20vw;
    margin-bottom: 5%;
    background-size: 150% auto;
  }
  #kaimin .kodawariSekkei .titImg{
    padding-right: 40%;
  }
  #kaimin .main .titImg p,
  #kaimin .kodawariSekkei .titImg p{
    font-size: 1.5rem;
  }
  #kaimin .main .titImg p img,
  #kaimin .kodawariSekkei .titImg p img{
    width: 120px;
    margin-top: 5px;
  }
  #kaimin .leadTxt strong{
    font-size: 1.8rem;
  }
  #kaimin .temperature .titImg p,
  #kaimin .control .titImg p{
    font-size: 1.8rem;
  }
  .specialContents .secWrap.col2 > *{
    margin-top: 10%;
  }
  #kaimin .temperature .secWrap.col2 > * p{
    text-align: left;
  }
  #kaimin .temperature .resultTxt{
    margin-top: 10%;
  }
  #kaimin .design .txt p{
    text-align: left;
    line-height: inherit;
  }
}

/* keirou */
#keirou .main .titImg{
    background-color: #F5F2EF;
}
#keirou .main .titImg p{
  color: #111;
  text-shadow: none;
  line-height: 2;
}
#keirou .main .titImg p span{
  display: inline-block;
  padding: 5px 20px;
  width: 260px;
  background: #DA94B1;
  color: #FFF;
  text-decoration: none;
  border-radius: 50px;
  margin-top: 10px;
}
#keirou .benefits{
  background: #F5F2EF;
  margin: 8% 0;
}
#keirou .benefits h2{
  text-align: center;
}
#keirou .benefits .secWrap{
  justify-content: space-between;
  margin-top: 0;
}
#keirou .benefits .secWrap .childSec .childTit{
  background: #FFF;
  text-align: left;
}
#keirou .benefits .secWrap .childSec img{
  margin-bottom: 15px;
}
#keirou .benefits .couponCode{
	text-align: center;
	margin-top: 40px;
	font-weight: bold;
}
#keirou .benefits .couponCode .code{
	border: 1px solid #222;
	padding: 10px 20px;
}
#keirou2{
  margin-top: 8%;
}
#keirou2 .select .titImg{
  background: url("https://www.arakawa.shop/s/images/arakawa/keirou/select_bg.jpg");
  background-position: center center;
  background-size: cover;
}
#keirou2 .select .titImg p{
  font-size: 2.4rem;
}
#keirou2 .haori .img img{
  border-radius: 15px;
}
#keirou2 .haori .content{
  flex: 1;
}
#keirou2 .haori .content .btn{
  margin-top: 30px;
}
#keirou2 .haori .content .btn a{
  text-align: center;
}
#keirou2 .lBody .btn{
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  #keirou .main .titImg{
    background-image: url("https://www.arakawa.shop/s/images/arakawa/keirou/main_bg.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 60% auto;
    padding-right: 58%;
    margin-bottom: 5%;
  }
  #keirou .main .titImg p{
    font-size: 1.8rem;
  }
  #keirou .main .titImg p span{
    font-size: 1.6rem;
  }
  #keirou .benefits{
    padding: 8vw;
  }
  #keirou .benefits .secWrap .childSec{
    margin: 5% 0 0;
  }
	#keirou .benefits .couponCode{
		font-size: 1.6rem;
	}
	#keirou .benefits .couponCode .code{
		font-size: 2.4rem;
		margin-left: 10px;
	}
  #keirou2 .haori{
    display: flex;
    align-items: center;
    margin: 6%;
  }
  #keirou2 .haori .img{
    width: 400px;
    max-width: 40%;
    margin-right: 40px;
  }
  #keirou2 .haori .content h3{
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  #keirou2 .haori .content .btn{
    text-align: left;
  }
  .btn a:not(:first-child){
    margin-left: 30px;
  }
}
@media screen and (max-width: 768px) {
  #keirou .main .titImg{
    background-image: url("https://www.arakawa.shop/s/images/arakawa/keirou/main_bg_sp.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    align-items: flex-end;
    padding-bottom: 20px;
  }
  #keirou .main .titImg p{
    font-size: 1.4rem;
    text-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
  }
  #keirou .main .titImg p span{
    text-shadow: none;
  }
  #keirou .benefits{
    padding: 20px;
  }
  #keirou .benefits h2{
    font-size: 1.6rem;
  }
#keirou .benefits .couponCode .code{
	display: block;
	font-size: 2rem;
	margin-top: 10px;
}
  #keirou .benefits .childSec .childTit{
    font-size: 1.5rem;
  }
  #keirou2 .haori .img{
    text-align: center;
  }
  #keirou2 .haori .img img{
    max-width: 60%;
  }
  #keirou2 .haori .large{
    text-align: center;
    font-size: 1.6rem;
    margin: 20px 0 10px;
  }
  #keirou2 .haori .content h3{
    font-size: 1.6rem;
    margin: 20px 0 10px;
  }
  .btn a:not(:first-child){
    margin-top: 30px;
  }
}

/* milaschon */
#milaschon .target{
	display: flex;
	justify-content: space-between;
}
#milaschon .target li{
	max-width: 48%;
}
#milaschon .target a{
	display: block;
	position: relative;
	text-decoration: none;
}
#milaschon .target a:before{
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f061";
	color: #FFF;
	font-size: 3rem;
	position: absolute;
	right: 30px;
	bottom: 10px;
	opacity: .5;
	transition: all .3s;
	z-index: 2;
}
#milaschon .target a:after{
	content: "";
	background: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#milaschon .target a:hover{
	opacity: 1;
	filter: grayscale(100%);
}
#milaschon .target a .txt{
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	background: rgba(0,0,0,.3);
	color: #FFF;
	opacity: 0;
	z-index: 2;
	transition: all .3s;
}
#milaschon .homeSec{
	background: none !important;
}
#milaschon .homeSec.introduction{
	background: #F1F3F5 !important;
	padding: 6.5% 0;
	margin: 0;
}
#milaschon .target a:hover .txt{
	opacity: 1;
}
#milaschon .target a .txt .en{
	font-size: 2.4rem;
}
#milaschon .homeSec .sec .tit{
	text-align: left;
	font-size: 2.4rem;
}
#milaschon .homeSec .sec .tit span{
	font-size: 2.4rem;
	display: inline;
}
#milaschon .introduction .in dl dd p{
	margin-top: 2em;
}
@media screen and (min-width: 768px) {
	#milaschon .homeSec{
		padding: 0;
		margin: 6.5% 0;
	}
	#milaschon .itemList{
		padding: 0;
	}
	#milaschon .target a:hover:before{
		right: 20px;
	}
	#milaschon .itemList li{
		width: 300px;
		max-width: 23.8095%;
		margin-right: 1.5873%;
	}
	#milaschon .itemList li:nth-child(4){
		margin-right: 0;
	}
	#milaschon .brandInfo{
		display: flex;
		justify-content: space-between;
	}
	#milaschon .brandInfo .img{
		width: 400px;
		max-width: 45%;
		margin-right: 40px;
	}
	#milaschon .brandInfo .txt{
		flex: 1;
		display: flex;
		align-items: center;
	}
	#milaschon .brandInfo .txt p{
		line-height: 2.4;
	}
	#milaschon .introduction .in{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 6.5%;
	}
	#milaschon .introduction .in .img{
		width: 500px;
		max-width: 50%;
		margin-right: 40px;
	}
	#milaschon .introduction .in dl{
		flex: 1;
	}
	#milaschon .introduction .in dl dt{
		font-size: 2.4rem;
	}
}
@media screen and (max-width: 768px) {
	#milaschon .homeSec{
		padding: 0;
		margin: 15% 0;
	}
	#milaschon .homeSec .sec{
		margin-top: 10%;
	}
	#milaschon .target a:before{
		font-size: 1.4rem;
		right: 10px;
		bottom: 5px;
	}
	#milaschon .target a{
		filter: grayscale(100%);
	}
	#milaschon .target a .txt{
		opacity: 1;
	}
	#milaschon .brandInfo .img{
		text-align: center;
		margin-bottom: 20px;
	}
	#milaschon .brandInfo .img img{
		width: 60%;
	}
	#milaschon .introduction .in{
		padding: 0 20px;
	}
	#milaschon .introduction .in dl dt{
		font-size: 2rem;
		margin-top: 30px;
	}
}






/*以下追記*/
@charset "utf-8";
/*リセット*/
*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
p{
  margin: 0;
}
article, header, footer, aside, figure, figcaption, nav, section, main { 
  display:block;
}
html{
  height: 100%;
}
body{
  font-family: '游ゴシック体','游ゴシック','Yu Gothic','YuGothic','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo',sans-serif;
  font-weight: 400;
  height: 100%;
  width: 100%;
  color: #000;
  background-color: #fff;  
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.6;
  letter-spacing: .5px;
  /*overflow-x: hidden;*/
}
@media screen and (min-width:768px){
  body{
    font-size: 16px;
  }
}
@media screen and (max-width:767px){
  body{
    font-size: 14px;
  }
}
img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
a{
  text-decoration: none;
  color: #000;
  outline: none;
  transition: .3s;
}
@media screen and (min-width:768px){
  a:hover{
    color: #8a8f8c;
    opacity: .8;
    transition: .3s;
    text-decoration: none;
  }
  a:hover img{
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: “alpha( opacity=80 )”;
  }  
}
ul li{
  list-style: none;
}
ol,ul{
  list-style: none;
  list-style-type: none;
}
.flex{
  display: flex;
}
.center{
  text-align: center;
}
.inner{
  margin: 0 auto;
  width: 90%;
}
.mincho{
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
@media screen and (min-width:768px){
  .inner{
    max-width: 1200px;
  }
}
@media screen and (min-width:768px){
  .sp{
    display: none !important;
  }
}
@media screen and (max-width:767px){
  .pc{
    display: none !important;
  }
}
/*header*/
.arakawa-head{
  margin-top: 10px;
}
.top-head{
  position: relative;
}
@media screen and (min-width:768px){
  .top-logobox{
    width: 160px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
}
@media screen and (max-width:767px){
  .top-logobox{
    margin: 5px auto 0;
    width: 140px;
  }
  .top-logobox a{
    display: block;
  }
}
.top-logo{
  margin: 0;
  padding: 0 10px 10px 10px;
  border-bottom: 1px solid #070707;
}
@media screen and (max-width:767px){
  .top-logo{
    margin: 0 auto;
    max-width: 250px;
    padding: 0 10px;   
  }
  .top-logo img{
    vertical-align: middle;
  }
}
.top-logotext{
  padding-top: 5px;
  text-align: center;
  letter-spacing: .1em;
}
.top-navilist{
  padding-top: 30px;
  justify-content: flex-end;
}
@media screen and (max-width:767px){
  .top-navilist{
    justify-content: center;
  }
}
.top-navilist li:nth-of-type(n+2){
  margin-left: 10px;
}
.top-navilist li a{
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:1030px){
  .top-navilist li a{
    flex-direction: column;
  }
}
.top-navilist .logo-icon{
  margin-right: 5px;
  width: 20px;
}
.top-navilist .logo-icon img{
  vertical-align: middle;
}
.top-navilist .logo-text{
  margin-top: 5px;
  font-size: 11px;
}
.under-head{
  margin-top: 30px;
  background: #393939;
  padding: 7px 0;
  height: 30px;
}
@media screen and (max-width:767px){
  .under-head{
    margin-top: 15px;
  }
}
.head-news{
  color: #fff;
  text-align: center;
  font-size: 14px;
}
@media screen and (min-width:768px){
  .head-news{
    font-size: 14px;
  }
}
@media screen and (max-width:767px){
  .head-news{
    font-size: 13px;
  }
}
.panel-box{
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translate(-50%,0);
  width: 100%;
  pointer-events: none;
  transition: .5s;
}
.panel-box:hover + .arakawa-under-navilist li a{
  background: #e5e5e5;
}
.arakawa-under-navilist li a:hover{
  background: #e5e5e5;
  opacity: 1;
}
.arakawa-under-navilist li a:hover + .panel-box {
  opacity: 1;
  z-index: 100000;
  pointer-events: auto;
  transition: .5s;
}
.panel-box:hover{
  opacity: 1;
  z-index: 100000;
  pointer-events: auto; 
  transition: .5s;
}
.panel-head{
  text-align: center;
  transform: translateY(1px);
}
.head-cate-list{
  background: #e5e5e5;
  display: flex;
  flex-wrap: wrap;
  padding: 40px 5% 20px;
}
#arakawa-header .head-cate-list>li{
  margin-bottom: 20px;
  width: 18%;
  margin-right: 2.5%;
  flex: initial;
}
#arakawa-header .head-cate-list>li:nth-of-type(5n){
  margin-right: 0;
}
#arakawa-header .head-cate-list>li a{
  line-height: 1.2;
  border-right: 1px solid;
  padding: 0;
}
#arakawa-header .panel-box.brand .head-cate-list>li a{
  border-right: none;
}
#arakawa-header .head-cate-list>li:nth-of-type(4n) a{
  border-right: none;
}
/*footer*/
.footer-area{
  margin-top: 50px;
  padding: 30px 0;
  color: #fff;
  background: #393939;
}
.footer-area a{
  color: #fff !important;
}
.foot-logo{
  margin: 0 auto;
}
@media screen and (min-width:768px){
  .foot-logo{
    width: 250px;
  }
}
@media screen and (max-width:767px){
  .foot-logo{
    width: 150px;
  }
}
.foot-navilist{
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #fff;
}
@media screen and (min-width:768px){
  .foot-navilist{
    justify-content: center;
  }
}
@media screen and (max-width:767px){
  .foot-navilist{
    flex-wrap: wrap;
  }
}
@media screen and (max-width:767px){
  .foot-navilist li{
    width: 44%;
  }
  .foot-navilist li:nth-last-of-type(odd){
    margin: 0 2% 10px 4%; 
  }
  .foot-navilist li:nth-last-of-type(even){
    margin: 0 4% 10px 2%; 
  }
}
@media screen and (min-width:768px){
  .foot-navilist li a{
    font-size: 12px;
  }
}
@media screen and (max-width:767px){
  .foot-navilist li a{
    color: #393939 !important;
    background: #fff;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    padding: 3px 0;  
    border-radius: 3px;
  }
}
@media screen and (min-width:768px){
  .foot-navilist li a:after{
    margin: 0 5px;
    content: "/";
    display: inline-block;
  }
  .foot-navilist li:last-of-type a:after{
    content: none;
  }
}
.copy{
  margin-top: 30px;
  font-size: 10px;
  text-align: center;
}
/*FS用*/
#wrapper{
  width: 90%;
  max-width: 1200px;
}
@media screen and (min-width:768px){
  #wrapper{
    margin: 50px auto 0;
  }
}
@media screen and (max-width:767px){
  #wrapper{
    margin: 20px auto 0;
  }  
}
#wrapper.slim-colum{
  max-width: 950px;
}
/*サイドナビ*/
#sidearea{
  margin-right: 50px;
  width: 220px;
  min-width: 220px;
}　
.side-formbox .head-searchbox{
	position: relative;
  transform: translate(0,0);
  width: 100%;
}
.side-formbox .searchbox{
	flex: 1;
}
.side-formbox .search-text-box{
	width: 100%;
	padding: 7px 8px 5px;
	box-sizing: border-box;
	border-radius: 0;
	border: solid 1px #a3a3a3;
	font-size: 13px;
}
.side-formbox #sbtn{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	border: none;
	width: 35px;
	background: #394059;
}
.side-toplist,
.side-underlist{
  margin-top: 20px;
}
.side-toplist li:nth-of-type(n+2),
.side-underlist li:nth-of-type(n+2){
  margin-top: 10px;
}
#sidearea .side-navi{
  margin-top: 20px;
}
#sidearea .side-navi ul{
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #8a8f8c;
}
#sidearea .side-navi li{
  margin-top: 10px;
}
#sidearea .side-navi li.first{
  position: relative;
  display: block;
}
#sidearea .side-navi li a{
  font-size: 13px;
  padding-left: 30px;
}
#sidearea .side-navi li.first a{
  display: flex;
  align-items: center;
  padding-left: 0;
  font-size: 15px;
}
#mainarea{
  flex: 1;
}
.fs-c-productActionButton.fs-c-buttonContainer{
  text-align: center;
}
.fs-c-button--subscribeToArrivalNotice--detail.fs-c-button--secondary{
  padding: 10px 0;
  display: block;
  color: #000;
  border: 1px solid;
  background: #fff;
  max-width: 350px;
  width: 100%;
}
@media screen and (max-width:950px){
  #sidearea{
    display: none !important;
  }  
}
@media screen and (max-width:767px){
  .fs-c-button--subscribeToArrivalNotice--detail.fs-c-button--secondary{
    margin: 0 auto;
  }
}
.fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--secondary .fs-c-button__label{
  display: inline-block;
  position: relative;
}
.fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--secondary .fs-c-button__label:before{
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f0e0";
  font-size: 18px;
  top: 54%;
  left: -25px;
  transform: translate(0,-50%);
  color: #000;
  position: absolute;
}
/* ログインログアウト */
.logout.my-false{ 
	display: none; 
}
.login.my-true{ 
	display: none;
}
.hamburger.up,
.hamburger.active{
  top: 0;
  transition: .6s;
}
.hamburger.active{
  background: rgba(255,255,255,.4);
}
#wrapper input,
#wrapper select,
#wrapper textarea{
  font-size: 16px;
}
h1.head-logo{
  display: none;
}
.reco-data{
  display: none !important;
}
h1.come-soon{
  margin: 200px 0;
}
@media screen and (max-width:767px){
  h1.come-soon{
    margin: 100px 0;
  }  
}
/*ログインメッセージ*/
.login-reg-box {
  margin: 100px auto 50px;
  max-width: 750px;
  background: #ffefef;
  padding: 30px 4%;
}
.login-reg-title {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}
.login-reg-text {
  margin-top: 20px;
  line-height: 2;
}
.login-reg-btn {
  margin-top: 30px;
  text-align: center;
}
.login-reg-btn a {
  margin: 0 auto;
  color: #ff3a3d;
  border: solid 1px #ff3a3d;
  background: #fff;
  padding: 10px 0;
  display: block;
  text-align: center;
  font-weight: 700;
  width: 90%;
  max-width: 400px;
}
.arakawa-head-top{
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
@media screen and (max-width:767px){
  .arakawa-head-top{
    margin: 15px auto;
    width: 70%;
    max-width: 300px;
  }
}
.arakawa-head-logo{
  width: 350px;
}
@media screen and (max-width:1100px) and (min-width:768px){
  .arakawa-head-logo{
    position: absolute;
    left: 0;
    bottom: 5px;
  }
  .arakawa-head-logo img{
    vertical-align: middle;
  }
}
@media screen and (max-width:767px){
  .arakawa-head-logo{
    width: 100%;
  }
}
.arakawa-head-navi{
  flex: 1;
}
.arakawa-head-navilist{
  justify-content: flex-end;
}
.arakawa-head-navilist li a{
  font-size: 14px;
  border-right: 1px solid;
  padding: 0 10px;
}
.arakawa-head-navilist li:last-of-type a{
  border-right: none;
  padding-right: 0;
}
.arakawa-head-navilist li.insta{
  width: 30px;
}
.arakawa-head-navilist li.insta a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.head-searchbox{
  margin: 0 0 0 auto;
  position: relative;
  border-bottom: 1px solid #333;
  padding: 5px;
  background: #fff;
  width: 230px;
}
@media screen and (max-width:767px){
  .fat-nav .head-searchbox{
    width: 260px;
  }
}
.head-searchbox label{
  margin-right: 5px;
  width: 100%;
}
.head-searchbox label input{
  border: none;
  width: 90%;
  font-size: 13px;
}
@media screen and (max-width:767px){
  .fat-nav .head-searchbox label input{
    font-size: 16px;
    padding: 0;
  }
}
.head-searchbox .submit{
  width: 18px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
}
@media screen and (max-width:767px){
  .fat-nav .head-searchbox .submit{
    top: 45%;
  }
}
.head-searchbox .submit img{
  vertical-align: middle;
}
.arakawa-under-navi{
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.arakawa-under-navi.fixed{
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  background: #fff;
  z-index: 100;
}
.arakawa-under-navilist{
  position: relative;
  padding-right: 45px;
  max-width: 1280px;
  align-items: center;
}
.arakawa-under-navilist li{
  flex: 1;
}
.arakawa-under-navilist li a{
  font-size: 14px;
  display: block;
  text-align: center;
  padding: 10px 0;
  position: relative;
}
.arakawa-under-navilist>li>a:after{
  content: "";
  background: #000;
  display: inline-block;
  width: 1px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width:1200px){
  .arakawa-under-navilist li a{
    font-size: 13px;
  }
  .arakawa-under-navilist li a span.none{
    display: none;
  }
}
.arakawa-under-navilist li.none a:after,
.arakawa-under-navilist li.gift a:after,
.arakawa-under-navilist li.cart a:after{
  content: none;
}
.arakawa-under-navilist li.gift{
  margin-right: 30px;
	background: #fdeabb;
  border-radius: 3px;
}
.arakawa-under-navilist li.gift a{
  padding: 5px 0;
}
.arakawa-under-navilist li.cart{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  width: 45px;
  height: 44px;
  flex: initial;
}
.arakawa-under-navilist li.cart a{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #393939;
  padding-right: 3px;
  height: 100%;
}
.arakawa-under-navilist li.cart img{
  width: 20px;
}
/*サイド*/
.side-bnr{
	margin-bottom: 15px;
}
@media screen and (max-width:767px){
  .fat-nav .side-bnr{
    text-align: center;
  }
}
.side-list{
	margin-bottom: 40px;
}
.side-list li{
	font-size: 14px;
	margin-bottom: 6px;
}
@media screen and (max-width:767px){
  .fat-nav .side-list li{
    margin-bottom: 10px;
  }
}
.side-list li a{
	display: block;
  font-size: 15px;
}
.side-list li a .mini{
  font-size: 13px;
  display: inline-block;
  margin-left: 5px;
}
@media screen and (max-width:767px){
  .fat-nav .side-list li a{
    padding-left: 40px;
  }
  .fat-nav .side-list li.first a{
    padding-left: 0;
  }
}
.side-list li.first{
	margin: 30px 0 15px;
	font-weight: 700;
	padding-bottom: 6px;
	border-bottom: 1px solid;
	position: relative;
	padding:10px 0 10px 40px;
	font-size: 16px;
}
.side-list li.ladys{
	background: url(https://www.arakawa.shop/s/images/arakawa/common/side-icon-ladys.svg?0316) no-repeat;
	background-size: 34px;
	padding-bottom: 10px;
}
.side-list li.mens{
  background: url(https://www.arakawa.shop/s/images/arakawa/common/side-icon-mens.svg?0316) no-repeat;
	background-size: 34px;
	padding-bottom: 10px;
}
.side-list li.kogara{
  background: url(https://www.arakawa.shop/s/images/arakawa/common/side-icon-kogara.svg?0316) no-repeat;
	background-size: 34px;
	padding-bottom: 10px;
}
.side-list li.shorts{
	background: url(https://www.arakawa.shop/s/images/arakawa/common/side-icon-shorts.svg?0316) no-repeat left center;
	background-size: 28px;
}
.side-list li.gift{
	background: url(https://www.arakawa.shop/s/images/arakawa/common/side-icon-gift.svg?0316) no-repeat left center;
	background-size: 24px;
}
.side-cont{
	border-bottom: 1px solid;
	margin: 14px 0px 16px;
	padding-bottom: 16px;
}
.side-cont a {
  display: block;
	-webkit-text-stroke: 0.7px;
	padding-left: 3px;
	position: relative;
}
.side-cont a:after {
  margin-left: 8px;
  content: "";
  background: url(https://www.arakawa.shop/s/images/arakawa/common/side-arrow.svg) no-repeat;
  background-size: contain;
  width: 21px;
  height: 7px;
  display: inline-block;
  transition: .5s;
  position: absolute;
  right: 8%;
  top: 34%;
}
.side-cont a:hover:after {
  transition: .5s;
  transform: translateX(10px);
}
.foot-sns{
  display: flex;
  justify-content: center;
}
.foot-sns li{
  margin: 0 5px;
  width: 30px;
}
.under-foot-list{
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width:767px){
  .under-foot-list{
    flex-wrap: wrap;
  }
}
@media screen and (max-width:767px){
  .under-foot-list li{
    margin-bottom: 10px;
  }
}
.under-foot-list li a{
  font-size: 14px;
  border-right: 1px solid;
  padding: 0 10px;
}
.under-foot-list li:last-of-type a{
  border-right: none;
}
@media screen and (max-width:767px){
  .under-foot-list li:nth-of-type(2) a{
    border-right: none;
  }
}
.under-foot{
  padding: 15px 0;
  background: #fff;
}
#footer #fBar{
  justify-content: center;
  padding: 10px 0;
}
#footer #fBar #copyright{
  font-size: 10px; 
}
.foot-cate-list li{
  margin-bottom: 5px;
}
@media screen and (max-width:767px){
  .foot-cate-list li{
    margin-bottom: 10px;
  }
}
.foot-cate-list li a{
  font-size: 14px;
}
@media screen and (max-width:767px){
  .foot-cate-list li a{
    display: block;
    padding-left: 15px;
  }
}
.foot-contact{
  margin-top: 60px;
}
@media screen and (max-width:767px){
  .foot-contact{
    margin-top: 30px;
  }
}
.foot-contact a{
  color: #fff;
  background: #000;
  padding: 10px 0;
  display: block;
  text-align: center;
  font-size: 14px;
}
.cont-btn{
  margin-top: 10px;
}
.cont-btn a{
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  padding: 10px 0;
}
.cont-btn a .logo-icon{
  margin-right: 7px;
  width: 22px;
}
.cont-btn a .logo-icon img{
  vertical-align: middle;
}
@media screen and (max-width:1000px) and (min-width:768px){
  #footer #fInfo > section{
    width: 32%;
  }
  #footer #fInfo > section.about{
    margin-right: 2%;
  }
}
@media screen and (max-width:767px){
  .homeBnr li.col2{
    justify-content: space-between;
  }
  .homeBnr li.col2>div{
    width: 48%;
  }
  .reco-box.inner{
    width: 100%;
  }  
}
.reco-history{
  margin: 50px auto 0;
  width: 90%;
  max-width: 1200px;
}
.reco-history .CrossHead{
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 1px;
  border-bottom: 1px dashed;
  padding-bottom: 5px;
}
@media screen and (max-width:767px){
  .reco-history .CrossHead{
    font-size: 16px;
  }
}
.history-list{
  margin-top: 20px;
}
.history-list .slick-slide{
  margin: 0 10px;
  width: 20vw;
  max-width: 200px;
}
.history-list .slick-prev{
  left: -35px;
}
.reco-history .slick-prev:before{
  background: none !important;
  font-family: 'fs-icon' !important;
  content: "\e90b" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 42px;
}
.reco-history .slick-next:before{
  background: none !important;  
  font-family: 'fs-icon' !important;
  content: "\e90c" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  font-size: 42px;
}
@media screen and (max-width:767px){
  .history-list{
    margin: 20px auto 0;
    width: 90%;
  }
  .history-list .slick-slide{
    width: 33vw;
  }
  .history-list .slick-next{
    right: -10px;
  }
}
@media screen and (min-width:768px){
  .history-list li img{
    margin: 0 auto;
    width: auto;
    height: 20vw;
    max-height: 200px;
    display: block;
  }
}
@media screen and (max-width:767px){
  .history-list li img{
    margin: 0 auto;
    width: auto;
    height: 33vw;
    display: block;
  }
}
/* 固定レビューバナー */
.side-fix-list{
  position: fixed;
  right: 0;
  bottom: 110px;
  z-index: 100;
}
.side-fix-list li{
  margin-bottom: 10px;
  width: 70px;
}
.side-fix-list li:last-of-type{
  margin-bottom: 0;
}
@media screen and (max-width:767px){
  .side-fix-list{
    top: inherit;
    bottom: 0;
  }
  .side-fix-list li{
    width: 60px;
  }
  .fat-nav .side-list{
    margin-top: 20px;
  }
  .fat-nav .side-list li.first{
    margin: 0;
    border-top: none;
    border-bottom: 1px dashed;
    padding: 10px 0 10px 45px;
    font-weight: 400;
  }
  .cont-btn a .logo-icon img{
    vertical-align: middle;
  }
  .fat-navi-list{
    justify-content: space-between;
  }
  .fat-navi-list li{
    width: 49%;
  }
  .side-fix-list{
    left: 0;
    bottom: 0 !important;
    display: flex;
    width: 100%;
  }
  .side-fix-list li{
    margin: 0;
    width: 50%;
  }
}