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





/* 
---------------------------------------
fontcolor
---------------------------------------
*/

.clr01{
	color:#;
}

.clr02{
	color:#;
}

.clr03{
	color:#;
}

.clr04{
	color:#;
}


/* 
---------------------------------------
text_align
---------------------------------------
*/

.alnL{
	text-align:left;
}

.alnC{
	text-align:center;
}

.alnR{
	text-align:right;
}


/* 
---------------------------------------
float
---------------------------------------
*/

.fL{
	float:left;
}

.fR{
	float:right;
}


/* 
---------------------------------------
margin_top
---------------------------------------
*/

.mt0{
	margin-top:0 !important;
}

.mt5{
	margin-top:5px !important;
}

.mt10{
	margin-top:10px !important;
}

.mt15{
	margin-top:15px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt25{
	margin-top:25px !important;
}

.mt30{
	margin-top:30px !important;
}

.mt35{
	margin-top:35px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt45{
	margin-top:45px !important;
}

.mt50{
	margin-top:50px !important;
}

.mt55{
	margin-top:55px !important;
}

.mt60{
	margin-top:60px !important;
}

.mt65{
	margin-top:65px !important;
}

.mt70{
	margin-top:70px !important;
}

.mt75{
	margin-top:75px !important;
}

.mt80{
	margin-top:80px !important;
}

.mt85{
	margin-top:85px !important;
}

.mt90{
	margin-top:90px !important;
}

.mt95{
	margin-top:95px !important;
}

.mt100{
	margin-top:100px !important;
}


/* 
---------------------------------------
margin_bottom
---------------------------------------
*/

.mb0{
	margin-bottom:0 !important;
}

.mb5{
	margin-bottom:5px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb15{
	margin-bottom:15px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb25{
	margin-bottom:25px !important;
}

.mb30{
	margin-bottom:30px !important;
}

.mb35{
	margin-bottom:35px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mb45{
	margin-bottom:45px !important;
}

.mb50{
	margin-bottom:50px !important;
}

.mb55{
	margin-bottom:55px !important;
}

.mb60{
	margin-bottom:60px !important;
}

.mb65{
	margin-bottom:65px !important;
}

.mb70{
	margin-bottom:70px !important;
}

.mb75{
	margin-bottom:75px !important;
}

.mb80{
	margin-bottom:80px !important;
}

.mb85{
	margin-bottom:85px !important;
}

.mb90{
	margin-bottom:90px !important;
}

.mb95{
	margin-bottom:95px !important;
}

.mb100{
	margin-bottom:100px !important;
}


/* 
---------------------------------------
margin_left
---------------------------------------
*/

.ml0{
	margin-left:0 !important;
}

.ml5{
	margin-left:5px !important;
}

.ml10{
	margin-left:10px !important;
}

.ml15{
	margin-left:15px !important;
}

.ml20{
	margin-left:20px !important;
}

.ml25{
	margin-left:25px !important;
}

.ml30{
	margin-left:30px !important;
}

.ml35{
	margin-left:35px !important;
}

.ml40{
	margin-left:40px !important;
}

.ml45{
	margin-left:45px !important;
}

.ml50{
	margin-left:50px !important;
}


/* 
---------------------------------------
margin_right
---------------------------------------
*/

.mr0{
	margin-right:0 !important;
}

.mr5{
	margin-right:5px !important;
}

.mr10{
	margin-right:10px !important;
}

.mr15{
	margin-right:15px !important;
}

.mr20{
	margin-right:20px !important;
}

.mr25{
	margin-right:25px !important;
}

.mr30{
	margin-right:30px !important;
}

.mr35{
	margin-right:35px !important;
}

.mr40{
	margin-right:40px !important;
}

.mr45{
	margin-right:45px !important;
}

.mr50{
	margin-right:50px !important;
}


/* 
---------------------------------------
padding_top
---------------------------------------
*/

.pt0{
	padding-top:0 !important;
}

.pt5{
	padding-top:5px !important;
}

.pt10{
	padding-top:10px !important;
}

.pt15{
	padding-top:15px !important;
}

.pt20{
	padding-top:20px !important;
}

.pt25{
	padding-top:25px !important;
}

.pt30{
	padding-top:30px !important;
}

.pt35{
	padding-top:35px !important;
}

.pt40{
	padding-top:40px !important;
}

.pt45{
	padding-top:45px !important;
}

.pt50{
	padding-top:50px !important;
}


/* 
---------------------------------------
padding_bottom
---------------------------------------
*/

.pb0{
	padding-bottom:0 !important;
}

.pb5{
	padding-bottom:5px !important;
}

.pb10{
	padding-bottom:10px !important;
}

.pb15{
	padding-bottom:15px !important;
}

.pb20{
	padding-bottom:20px !important;
}

.pb25{
	padding-bottom:25px !important;
}

.pb30{
	padding-bottom:30px !important;
}

.pb35{
	padding-bottom:35px !important;
}

.pb40{
	padding-bottom:40px !important;
}

.pb45{
	padding-bottom:45px !important;
}

.pb50{
	padding-bottom:50px !important;
}


/* 
---------------------------------------
padding_left
---------------------------------------
*/

.pl0{
	padding-left:0 !important;
}

.pl5{
	padding-left:5px !important;
}

.pl10{
	padding-left:10px !important;
}

.pl15{
	padding-left:15px !important;
}

.pl20{
	padding-left:20px !important;
}

.pl25{
	padding-left:25px !important;
}

.pl30{
	padding-left:30px !important;
}

.pl35{
	padding-left:35px !important;
}

.pl40{
	padding-left:40px !important;
}

.pl45{
	padding-left:45px !important;
}

.pl50{
	padding-left:50px !important;
}


/* 
---------------------------------------
padding_right
---------------------------------------
*/

.pr0{
	padding-right:0 !important;
}

.pr5{
	padding-right:5px !important;
}

.pr10{
	padding-right:10px !important;
}

.pr15{
	padding-right:15px !important;
}

.pr20{
	padding-right:20px !important;
}

.pr25{
	padding-right:25px !important;
}

.pr30{
	padding-right:30px !important;
}

.pr35{
	padding-right:35px !important;
}

.pr40{
	padding-right:40px !important;
}

.pr45{
	padding-right:45px !important;
}

.pr50{
	padding-right:50px !important;
}



/*
========================================
共通設定
========================================
*/

*{
	margin: 0;
	padding: 0;
}
p{
	font-size: 10pt;
	line-height: 1.8em;
}
body,html{
	width: 100%;
	min-width: 1280px;
}
#wrapper{
	
}
.inner{
	width: 1136px;
	box-sizing: border-box;
	padding: 0 16px;
	margin: 0 auto;
}
a{
	opacity: 1;
}
a:hover{
	opacity: 0.8;
}
li{
	list-style: none;
}


/*
========================================
header
========================================
*/

#header{
	background: url('https://www.free-spirits.co.jp/img/header/header-bg.gif') repeat center center;
	background-size: cover;
}
#header h1 {
    margin: 0;
    color: #fff;
    font-size: 10px;
    padding: 16px 0 8px;
    font-weight: normal;
    margin-top: 8px;
}
#header .headerMenu01{
	margin: -2px 0 0 0;
	text-align: right;
}
#header .headerMenu01 li{
	display: inline-block;
	margin: 0 0 0 10px;
}
#header .headerMenu01 li:first-child{
	margin: 0;
}


#header .headerMenu02{
	margin: 16px 0;
}
#header .headerMenu02 li{
	list-style: none;
	float: left;
	border-left: 1px solid #fff;
	padding: 0 0 0 8px;
	margin: 0 8px 0 0;
}
#header .headerMenu02 li:first-child{
	border-left: none;
}
#header .headerMenu02 li:last-child{
	margin: 0;
}
#header .headerMenu02 li a{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
#header .searchForm{
	margin: 0 0 16px 0;
}
#header .searchForm input{
	border: none;
	box-shadow: inset 1px 1px 0px 1px rgba(0,0,0,0.1);
}
#header .searchForm .searchWord{
	position: relative;
	height: 18px;
}
#header .searchForm .searchWord input{
	font-size: 12px;
	padding: 0 8px 0 24px;
	line-height: 16px;
	width: 250px;
}
#header .searchForm .searchPrice input{
	width: 80px;
}
#header .searchForm .searchWord:before{
	display: inline-block;
	content: "\f002";
	font-family:"FontAwesome";
	position: absolute;
	top: 2px;
	left: 8px;
	transform: rotateY(180deg);
	font-size: 12px;
	line-height: 16px;
}
#header .searchForm .searchPrice{
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 8px;
}
#header .searchForm .searchBtn{
	width: 50px;
	text-align: center;
	border-radius: 4px;
	margin: 0 0 0 8px;
	background: -webkit-linear-gradient(#e9d37a 0%, #d4b434 100%);
	border: none;
	padding: 0 10px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
	cursor: pointer;
}
#header .searchForm .searchBtn:hover{
	opacity: 0.8;
}

#header .searchForm .searchWord:before {
    display: inline-block;
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    top: 2px;
    left: 8px;
    transform: rotateY(180deg);
    font-size: 12px;
    line-height: 16px;
}


/*
========================================
 gNav
========================================
*/

#gNav{
	background: #fff;
}
#gNav li{
	width: 20%;
	float: left;
	text-align: center;
}
#gNav a{
	font-size: 16px;
	display: block;
	width: 100%;
	font-family : YuMincho, '游明朝', serif;
	color: #004264;
	text-decoration: none;
	line-height: 22px;
	margin: 9px 0;
	border-left: 1px solid #022458;
}
#gNav li:first-child a{
	border: 0;
}



/*
========================================
 catNav
========================================
*/

#catNav{
	background: #042043;
	z-index: 9999;
}
#catNav li.menu__mega{
	width: 11.1111111%;
	text-align: center;
	float: left;
}
#catNav a{
	margin: 12px 0;
	text-decoration: none;
	font-size: 14px;
	line-height: 20px;
	display: block;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	border-left: 1px solid #fff;
	color: #fff;
} 
#catNav li:first-child a{
	border-left: none;
}
#catNav a span{
	display: block;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #969ca6;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}

.megaMenu {
	position: relative;
	width: 1120px;
	max-width: 1120px;
	margin: 0 auto;
}

.megaMenu > li {
	height: 56px;
	line-height: 56px;
}

.megaMenu > li ul li a {
	display: block;
	color: #000 !important;
}

.megaMenu > li a:hover {
	color: #999;
}

ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 1;
}

ul.menu__third-level {
	visibility: hidden;
	opacity: 0;
}

ul.menu__fourth-level {
	visibility: hidden;
	opacity: 0;
}

.megaMenu > li:hover {
	-webkit-transition: all .5s;
	transition: all .5s;
}

.menu__second-level li {
	border-top: 1px solid #111;
}

.menu__third-level li {
	border-top: 1px solid #111;
}

.menu__second-level li a:hover {
	color: #d4b434 !important;
}

.menu__third-level li a:hover {
	background: #2a1f1f;
}

.menu__fourth-level li a:hover {
	background: #1d0f0f;
}


/* floatクリア */
.megaMenu:before,
.megaMenu:after {
	content: " ";
	display: table;
}

.megaMenu:after {
	clear: both;
}
#catNav .menu__mega li a{
	margin: 0 !important;
	border-left: none;
}
li.menu__mega ul.menu__second-level {
	position: relative;
	min-height: 315px;
	text-align: left;
	position: absolute;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.05);
	z-index: 9999;
	top: 56px;
	left: -12px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	width: 1145px;
	margin: 12px 0 0;
	background: #fff;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
}
li.menu__mega ul.menu__second-level li{
	display: block;
	float: left;
}
li.menu__mega ul.menu__second-level li {
	display: block;
	border: none;
}
li.menu__mega ul.menu__second-level > li {
	width: 556px;
}
li.menu__mega ul.menu__second-level > li:nth-of-type(n+2) {
	float: right;
}
li.menu__mega ul.menu__second-level li li{
	margin: 0 4px 4px 0;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li{
	position: relative;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li .cate-name{
	display: block !important;
	position: absolute;
	top: 91px;
	left: 113px;
	color: #fff !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important;
	font-size: 25px !important;
	letter-spacing: normal;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li .more-btn{
	display: block;
	position: absolute;
	top: 121px;
	left: 81px;
	padding: 5px 15px;
	border: 1px solid #fff !important;
	color: #fff !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important;
	font-size: 13px !important;
	line-height: 1 !important;
	letter-spacing: normal;
  transition: all .5s;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:nth-of-type(n+3) .more-btn{
	top:58px;
	left: 88px;
	padding: 5px 14px 3px 12px;
	font-size: 11px !important;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li .more-btn span{
	float: right;
	padding: 2px 0 0 3px;
	color: #fff !important;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important;
	font-size: 7px !important;
  transition: all .5s;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:nth-of-type(n+3) .more-btn span{
	padding: 0 0 0 4px;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:hover img,
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:hover a{
	opacity: 1;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:hover .more-btn{
	background: #d4b434;
	border: 1px solid #d4b434 !important;
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:hover .more-btn span{
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:nth-of-type(2n){
	margin-right: 0;
}
li.menu__mega ul.menu__second-level li:nth-of-type(1) li:nth-of-type(n+5){
	margin-bottom: 0;
}
li.menu__mega ul.menu__second-level li:nth-of-type(2) li:nth-of-type(3n){
	margin-right: 0;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li{
	width: 182px;
	padding: 12px 0 0 12px;
	box-sizing: border-box;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li:nth-of-type(3n){
	margin-right: 0;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li:nth-of-type(n+4){
	padding-top: 8px;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li.more{
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li.more a{
	padding: 7px 16px 6px 16px;
	border: 1px solid #fff !important;
	line-height: 1 !important;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li.more a:hover{
	background: #d4b434;
	border: 1px solid #d4b434 !important;
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li.more a span{
	display: inline !important;
	padding: 0 0 0 6px;
	color: #fff !important;
	font-size: 16px;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li.more a:hover span{
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li a{
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.75;
}
li.menu__mega ul.menu__second-level li:nth-of-type(3) li a:hover{
	color: #d4b434 !important;
  transition: all .5s;
}
li.menu__mega ul#megaMenu07.menu__second-level li p{
	color: #fff;
}
.nav-name-ttl{
	margin: 0 0 8px;
	padding: 0 0 0 8px;
	border-left: 5px solid #fff;
	font-size: 1em;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(1){
	float: none;
	width: 100%;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(1) ul li{
	float: left;
	width: calc(96%/7);
	margin: 0 calc(4%/6) 0 0;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(1) ul li:nth-of-type(7n){
	margin-right: 0;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(1) ul li:nth-of-type(n+8){
	margin-top: 8px;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(1) .nav-name-img img{
	width: 100%;
	height: auto;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(1) .nav-name-price{
	color: #fff;
	text-align: right;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(1) a:hover .nav-name-price{
	color: #d4b434;
}
li.menu__mega ul#megaMenu07.menu__second-level > li:nth-of-type(2){
	float: left;
	width: 70%;
	margin: 24px 0 0;
}
li.menu__mega ul#megaMenu07.menu__second-level > li:nth-of-type(3){
	float: right;
	width: 30%;
	margin: 24px 0 0;
	padding: 48px 0 0;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(2) li{
	float: left;
	width: 20%;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(2) li a{
	color: #fff !important;
}
li.menu__mega ul#megaMenu07.menu__second-level li:nth-of-type(2) li a:hover{
	color: #d4b434 !important;
}
li.menu__mega ul#megaMenu07.menu__second-level li.more{
	display: block;
	width: auto;
	margin: 12px 0 0;
	padding: 0;
}
li.menu__mega ul#megaMenu07.menu__second-level li.more a{
	padding: 7px 16px 6px 16px;
	border: 1px solid #fff !important;
	color: #fff !important;
	line-height: 1 !important;
}
li.menu__mega ul#megaMenu07.menu__second-level li.more a:hover{
	background: #d4b434;
	border: 1px solid #d4b434 !important;
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul#megaMenu07.menu__second-level li.more a span{
	display: inline !important;
	padding: 0 0 0 6px;
	color: #fff !important;
	font-size: 16px;
}
li.menu__mega ul#megaMenu07.menu__second-level li.more a:hover span{
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul#megaMenu08.menu__second-level li:nth-of-type(2n-1){
	float: left;
}
li.menu__mega ul#megaMenu08.menu__second-level li:nth-of-type(2n){
	float: right;
}
li.menu__mega ul#megaMenu08.menu__second-level li:nth-of-type(n+3){
	margin: 4px 0 0;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li{
	width: 182px;
	padding: 12px 0 0 12px;
	box-sizing: border-box;
	letter-spacing: normal;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li:nth-of-type(3n){
	margin-right: 0;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li:nth-of-type(n+4){
	padding-top: 0;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li.more{
	position: absolute;
	bottom: 12px;
	right: 12px;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li.more a{
	padding: 7px 16px 6px 16px;
	border: 1px solid #fff !important;
	line-height: 1 !important;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li.more a:hover{
	background: #d4b434;
	border: 1px solid #d4b434 !important;
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li.more a span{
	display: inline !important;
	padding: 0 0 0 6px;
	color: #fff !important;
	font-size: 16px;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li.more a:hover span{
	color: #000 !important;
  transition: all .5s;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li a{
	color: #fff !important;
	font-size: 16px !important;
	line-height: 1.75;
}
li.menu__mega ul#megaMenu09.menu__second-level li:nth-of-type(2) li a:hover{
	color: #d4b434 !important;
  transition: all .5s;
}
li.menu__mega ul#megaMenu09.menu__second-level li a{
	margin: 0 !important;
	text-align: left;
}
li.menu__mega ul#megaMenu01,
li.menu__mega ul#megaMenu02,
li.menu__mega ul#megaMenu03,
li.menu__mega ul#megaMenu04,
li.menu__mega ul#megaMenu05,
li.menu__mega ul#megaMenu06,
li.menu__mega ul#megaMenu07,
li.menu__mega ul#megaMenu08,
li.menu__mega ul#megaMenu09{
	padding: 8px 11px 12px 12px;
	background: #042043;
}
li.menu__mega ul#megaMenu01:before{
	content: "";
	position: absolute;
	left: 70px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu02:before{
	content: "";
	position: absolute;
	left: 190px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu03:before{
	content: "";
	position: absolute;
	left: 310px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu04:before{
	content: "";
	position: absolute;
	left: 430px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu05:before{
	content: "";
	position: absolute;
	left: 550px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu06:before{
	content: "";
	position: absolute;
	left: 670px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu07:before{
	content: "";
	position: absolute;
	left: 790px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu08:before{
	content: "";
	position: absolute;
	left: 910px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega ul#megaMenu09:before{
	content: "";
	position: absolute;
	left: 1030px;
	top: -12px;
	border: 8px solid transparent;
	border-top: 14px solid #042043;
}
li.menu__mega:hover ul.menu__second-level {
	top: 56px;
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s;
}

/*
========================================
 pageNav
========================================
*/
#pageNav{
	background: #004264;
}
#pageNav .inner{
	width: 1280px;
	margin: 0 auto;
	padding: 0;
}

#pageNav ul li{
	float: left;
}
#pageNav ul li:nth-of-type(7){
	width: 180px;
	overflow: hidden;
}


/*
========================================
 fixPageNav
========================================
*/
.pageNaviHidden{
	display: none !important;
}
#fixPageNav{
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	z-index: 9999;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 36px 4px 0 0;
}
#fixPageNav.fixed{
	position: fixed;
}
#fixPageNav p.navTitle{
	display: inline-block;
	font-family : YuMincho, '游明朝', serif;
	color: #004264;
	border: 3px double #004264;
	padding: 1px;
	clear: both !important;
	float: right !important;
}
#fixPageNav ul{
	width: auto !important;
	height: auto !important;
	clear: both !important;
	float: right !important;
	margin: 0 !important;
}
#fixPageNav ul li a{
	display: block;
	overflow: hidden;
	text-decoration: none;
	margin: 2px 0 0 0;
}
#fixPageNav ul li a .title{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	background: #004264;
	color: #fff;
	font-size: 10px;
	padding: 0 8px;
	line-height: 18px;
	text-decoration: none;
}
#fixPageNav ul li a .title{
	position: relative;
	vertical-align: middle;
	display: inline-block;
	float: right;
	background: #004264;
	color: #fff;
	font-size: 10px;
	padding: 0 8px;
	margin: 0 2px 0 0;
	line-height: 18px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#fixPageNav ul li a .title:after{
	content: "";
	transform: rotate(-90deg);
	position: absolute;
	right: -8px;
	top: 4px;
	border: 4px solid transparent;
	border-top: 6px solid #004264;
}
#fixPageNav ul li .num{
	display: inline-block;
	float: right;
	color: #004264;
	font-size: 10px;
	vertical-align: middle;
	line-height: 18px;
	padding: 0 4px;
	margin: 0 0 0 4px;
	text-decoration: none;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
}
#fixPageNav ul li::before{
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
}
#fixPageNav ul li .active .num{
	background: #004264;
	color: #fff;
}

#fixPageNav ul li .notActive{
	opacity: 0;
}
#fixPageNav ul li a:hover{
	opacity: 1;
}
#fixPageNav ul li a:hover .title{
	opacity: 1;
}

#fixPageNav ul li .num0{
	display: inline-block;
	float: right;
	color: #004264;
	font-size: 10px !important;
	vertical-align: middle;
	line-height: 18px !important;
	padding: 0 0;
	margin: 0 0 0 4px;
	text-decoration: none;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
}


/*
========================================
 サイドコンテンツ
========================================
*/

#side{
	width: 224px;
	float: left;
	margin: 16px 0 48px 0;
}
#side .bnrBox a{
	display: block;
	margin: 16px 0 0 0;
}
#side .bnrBox a:first-child{
	margin: 0;
}
#side .sideNav{
	overflow: hidden;
	width: 100%;
	background: #fff;
	position: relative;
	border-radius: 0 0 5px 5px;
	box-sizing: border-box;
	padding: 0 0 28px 0;
	margin: 16px 0 0 0;
	border: 2px solid #004264;
}

#side .sideNav-02{
	overflow: hidden;
	width: 100%;
	background: #fff;
	position: relative;
	border-radius: 0 0 5px 5px;
	box-sizing: border-box;
	margin: 16px 0 0 0;
	border: 2px solid #004264;
}


#side .catTitle{
	border-radius: 5px 5px 5px 5px;
}
.sideNav p.navHead{
	background: #004264;
	font-size: 20px;
	color: #fff;
	font-family: Copperplate,Copperplate Gothic Light,fantasy; !important
	padding: 8px 0;
	text-align: center;
}

.sideNav-02 p.navHead{
	background: #004264;
	font-size: 20px;
	color: #fff;
	font-family: Copperplate,Copperplate Gothic Light,fantasy; !important
	padding: 8px 0;
	text-align: center;
}

.sideNav h2{
	text-align: center;
	padding: 8px 0;
	font-size: 16px;
	font-weight: bold;
	color: #004264;
	border-bottom: 2px solid #668ea2;
}


.sideNav-02 h2{
	text-align: center;
	padding: 8px 0;
	font-size: 16px;
	font-weight: bold;
	color: #004264;
	border-bottom: 2px solid #668ea2;
}

.sideNav ul li{
	border-top: 1px solid #d6e1e6;
	margin: 0 6px;
	padding: 4px 0;
}

.sideNav-02 ul li{
	border-top: 1px solid #d6e1e6;
	padding: 4px 0;
        margin: 0 6px;
}


.sideNav ul li:first-child{
	border-top: none;
}
.sideNav ul li a{
	display: block;
	text-decoration: none;
	text-align: left;
}
.sideNav ul li a span{
	display: inline-block;
	line-height: 0;
	vertical-align: middle;
	margin: 0 8px 0 0;
}
.sideNav ul li a p{
	width: 176px;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 13px;
    color: #000;
}

.sideNav-02 .nav-realshop{
	margin: 0;
	padding: 0;
	height: 133px;
}

.sideNav-02 ul li a p{
	width: 176px;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 13px;
    color: #000;
}

.sideNav-02 ul li a span{
	display: inline-block;
	line-height: 0;
	vertical-align: middle;
	margin: 0 8px 0 0;
}


.sideNav ul.hideMenu{
	background: #ececec;
	border-top: 2px solid #004264;
}

.sideNav .toggle {
	position: absolute;
	line-height: 1em;
	width: 100%;
	bottom: 0;
	font-size: 12px;
	border-radius: 0px 0px 2px 2px ;
	text-align: center;
	padding: 8px 0;
	background: #004264;
	color: #fff;
	font-weight: bold;
	display: block;
	margin: 0;
	cursor: pointer;
}
.sideNav .toggle span{
	font-size: 12px;
}
.sideNav .toggle .close{
	display: none;
}
.sideNav .toggle i{
	margin: 0 4px 0 0;
}

.sideNav .viewAll{
	width: 100%;
	bottom: 0;
	text-decoration: none;
	font-size: 12px;
	border: none;
	border-radius: 0;
	text-align: center;
	color: #000;
	padding: 0;
	font-weight: bold;
	display: block;
	margin: 0;
}
.sideNav .viewAll a{
	color: #000;
	text-align: center;
	display: block;
	line-height: 12px;
	background: #d4b434;
	margin: 0 0 1px 0;
	padding: 8px 0;
}
.sideNav .viewAll i{
	margin: 0 2px 0 0;
	padding: 2px 0 0 0;
	display: inline-block;
	vertical-align: middle;
}
.sideNav .viewAll span{
	display: inline-block;
	vertical-align: middle;
}

.sideNav ul {
	-webkit-transition: all ease-in-out 0.8s;
	-moz-transition: all ease-in-out 0.8s;
	-ms-transition: all ease-in-out 0.8s;
	-o-transition: all ease-in-out 0.8s;
	transition: all ease-in-out 0.8s;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sideNav li {
	padding: 5px;
}

.sideNav input[type="checkbox"].on-off{
	display: none;
}
.sideNav input[type="checkbox"].on-off ~ .hideMenu{
	max-height: 1000px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
}
.sideNav input[type="checkbox"].on-off ~ .toggle .open{
	display: none;
}
.sideNav input[type="checkbox"].on-off ~ .toggle .close{
	display: block;
}
.sideNav input[type="checkbox"].on-off:checked ~ .hideMenu{
	max-height: 0px;
}
.sideNav input[type="checkbox"].on-off:checked ~ .toggle .open{
	display: block;
}
.sideNav input[type="checkbox"].on-off:checked ~ .toggle .close{
	display: none;
}


/*
========================================
 footer
========================================
*/
#footer{
	background: url("https://www.free-spirits.co.jp/img/footer/bg.png") repeat center center;
	background-size: cover;
	padding: 42px 0;
}

#footer .f_title{
	text-align: left;
	font-size: 20px !important;
	font-family: Copperplate,Copperplate Gothic Light,fantasy;
	color: #ae9c20  !important;
	margin: 0 0 8px 0;
}
#footer .row{
	margin: 24px 0 0 0;
}
#footer .row:first-child{
	margin: 0;
}
#footer .row .f_content01 ul li{
	float: left;
}
#footer .row .f_content03,
#footer .row .f_content04,
#footer .row .rightBox{
	margin-left: 15px;
}
#footer .row .f_content06 h1,
#footer .row .f_content07 h1,
#footer .row .f_content08 h1{
	border-bottom: 2px solid #8894a6;
	padding: 0 0 8px 0;
	margin-bottom: 0;
}
#footer .row .f_content06{
	width: 465px;
}
#footer .row .f_content07{
	clear: both;
	margin: 0 16px 0 0;
}
#footer .row .f_content07,
#footer .row .f_content08{
	width: 224px;
	margin-top: 24px;
}
#footer .row .f_content06 ul li{
	text-align: left;
	list-style: none;
	float: left;
	width: 33.3333333%;
	margin: 16px 0 0 0;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
}
#footer .row .f_content06 ul li:nth-of-type(3n)+li{
	clear: both;
	margin-left: 0;
}
#footer .row .f_content06 ul li a{
	color: #fff;
	font-size: 14px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	margin: 0 0 0 4px;
}
#footer .row .f_content07 p{
	color: #fff;
	font-size: 12px;
	line-height: 21px;
	margin: 16px 0 0 0;
}
#footer .row .f_content08 ul{
	margin: 16px 0 0 0;
}
#footer .row .f_content08 ul li{
	float: left;
	margin: 0 0 0 10px;
}
#footer .row .f_content08 ul li:first-child{
	margin: 0 0 0 0;
}
#footer .row .f_content08 p{
	clear: both;
	margin: 10px 0 0 0;
	color: #fff;
}
#footer .bottom{
	border-top: 2px solid #888e9b;
	padding: 12px 0 0 0;
	margin: 24px 0 0 0;
}
#footer .bottom ul{
	float: left;
}
#footer .bottom ul li{
	display: inline-block;
	margin: 0 0 0 16px;
}
#footer .bottom ul li:first-child{
	margin: 0 0 0 0;
}
#footer .bottom ul li a{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
#footer .bottom .copy{
	display: inline-block;
	float: right;
	font-size: 16px;
	font-family: 'Cinzel Decorative', cursive;
	font-style: italic;
	color: #fff;
}



#footRankingBox{
	background-color:#fff;
	width:985px;
	margin:0 auto;
}
	
	
.tab{
	width:985px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	background-color: #00273c;
	border-right:1px solid #004264;
	border-left:1px solid #004264;
	box-sizing:border-box;

}

.tab li{
	width:140px;
	height:28px;
	border-bottom:1px solid rgba(255,255,255,0.2);
	text-align:center;
	background-color: #00273c;
    color: #fff;
    cursor: pointer;
	box-sizing:border-box;
	font-size:12px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:8px 0;
	display:flex;
	align-items:center;
	justify-content:center;

}

.tab li span{
	transform:rotate(90deg);
	margin-right:3px;
	
}

.tab li:nth-of-type(8),
.tab li:nth-of-type(9),
.tab li:nth-of-type(10),
.tab li:nth-of-type(11),
.tab li:nth-of-type(12),
.tab li:nth-of-type(13){
	border-bottom:none;
}

.tab li:nth-of-type(14){
	border-bottom:none;
}

.tab li:hover {
    color: #fff;
}

.tab li.active {
    background-color:#d4b434;
    color: #000;
}

.tab li .vline{
	width:140px;
	height:13px;
	border-right:1px solid rgba(255,255,255,0.2);
	display:table-cell;
	vertical-align:middle;	
}

.tab li:nth-of-type(7) .vline,
.tab li:nth-of-type(14) .vline{
	border-right:none;
}






#tabboxes{
	width:985px;
	box-sizing:border-box;
	margin:0 auto 30px;
	padding:10px 20px 20px;
	border:1px solid #002436;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:8px;
	
}
#tabboxes .tabContent {
    width: 945px;
	margin:0 auto;
    display: none;
}
#tabboxes .active {
    display: block;
}


#tabboxes ol{
	display:flex;
	justify-content:space-between;
	padding:0 0 30px;
}

#tabboxes ol a{
	text-decoration:none;
}


#tabboxes ol li{

	
}


#tabboxes .img{
	width:180px;
	border:1px solid #eeeeee;
	margin:0 0 5px;
	
}

#tabboxes .item{
	color:#000;
	margin:0 0 5px;
	font-size:10px;
}

#tabboxes .price{
	text-align:right;
	font-size:10px;
	color:#000;
}

#tabboxes .btn{
	text-align:center;
}

#tabboxes .btn a{
	background-color:#d4b434;
	color:#000;
	padding:10px 50px;
	border-radius:5px;
	font-weight:bold;
}


/*
========================================
 パーツ
========================================
*/
.pan{
	width: 864px;
        padding: 5px;
        box-sizing: border-box;
}
.pan li{
	float: left;
	list-style: none;
	font-size: 16px;
}
.pan li a{
	color: #000;
	text-decoration: none;
	font-size: 16px;
}
.pan li a:after{
	font-family:"FontAwesome";
	content: "\f105";
	display: inline-block;
	padding: 0 6px;
}
.borderTitle{
	position: relative;
	text-align: center;
	margin: 0 0 24px 0;
}
.borderTitle:before{
	border-top: 2px solid #779aac;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	width: 100%;
}
.borderTitle span{
	font-size: 20px;
	color: #004264;
	background: #fff;
	display: inline-block;
	padding: 0 0.5em;
}


/*--　動的ページ（FS）--*/
#FS2_itemlayout_C span.itemPrice,
#FS2_itemlayout_C span.FS2_itemPrice_addition{
	font-weight:normal;
	font-size:12px;
	color:#b9001c;}
.FS2_ArrivalInformationButton_area{
    width: 140px;
    margin-top: 10px;
}
.FS2_body_Goods_GoodsDetail #FS2_itemlayout_C div.FS2_itemPrice_area{
	text-align:right;}

#FS2_itemlayout_C h2.itemGroup{
	text-align:left !important;}

#FS2_itemlayout_C h2.itemGroup a{
	font-size:12px !important;
        color:#004264;
       line-height:1.4;
}

#FS2_itemlayout_C .FS2_thumbnail_container img{
	width:205px;
	height:auto;}

.FS2_GroupLayout{
width: 1050px;
margin: 0 auto;
}

div.FS2_GroupLayout div.groupLayout div.gl_Item{
	width:205px;
	margin:6px;
 float: none;
    display: inline-block;
    vertical-align: top;
}

body .gl_Item{
        padding: 0px 50px;
        margin: 0 auto 0;
        width: 950px;
        box-sizing: border-box;
        /*width:100%;*/
}

.FS2_upper_comment {
	margin:0 0 20px 0;
}

/*.FS2_upper_comment img{
width:100%;
height:auto;
}*/



.FS2_upper_comment div#recommend{
	margin: 15px 0 10px 0;}



.FS2_sort_menu_bg li{
	padding: 0 16px 0 15px !important;}


p.sub_cat_txt_box{
margin:20px 0 0 0;
padding:20px 0;
border-bottom:3px solid #999;}

p.sub_cat_txt_box_01{
line-height:1.7;}

p.sub_cat_txt_box_02{
margin:0 0 0 0;
padding:0 0 20px 0;
line-height:1.6;
border-bottom:3px solid #999;}

FS2_bottom_btn_info　 img{
      width: 150px;
}

.FS2_lower_comment .cont_box p{
      line-height: 1.5;
}

/*
---------------------------------------
item(アイテム詳細ページ)
---------------------------------------
*/

div.item_cat01 h2{
	margin:5px 0;
	font-weight:bold;
	font-size:24px;
	width:735px;}

div.item_cat01 h3,
h3.cat_h3{
	margin:5px 0;
	color:#222;
	font-weight:bold;
	font-size:18px;
	text-indent:1em;
	/*width:735px;*/
	background:url(/img/ico_h3.gif) no-repeat 0% 10%;}

h3.cat_h3{
	padding:5px 0;
	border-bottom:1px solid #999;
	background:url(/img/ico_h3.gif) no-repeat 0% 50%;
	font-size:16px;}

h3.cat_h3 i{
	font-weight:normal;
	font-style:italic;
	margin-left: 7px;
	font-size:11px;
	font-family:"Times New Roman", Times, serif;}

div#catlist_page ul.link_btn_list_02 span{
	display:inline-block;
	width:38px;
	height:25px;
	font-weight:bold;
	text-align:center;
	text-indent:1px;
	padding:4px 0 0 0!important;
	margin:0 !important;
	vertical-align:bottom;
	font-family: Helvetica, Arial,sans-serif;
	background:url(/img/bg_ico_new.png) no-repeat top left;
	font-size:14px;
	color:#fff;}

div#catlist_page ul.link_btn_list_02 span{
	position:absolute;
	top: -10px;
	right: -7px;}

div.item_cat01 h2 span{
	display:block;
	font-weight:normal;
	border-top:1px solid #b9001c;
	font-style:italic;
	font-size:12px;
	text-align:right;
	margin:5px 0;
	padding:5px 0;
	font-family:"Times New Roman", Times, serif;}
	
div.item_cat01 h3 span{
	display:block;
	font-weight:normal;
	border-top:1px solid #999;
	font-style:italic;
	font-size:12px;
	text-align:right;
	margin:5px 0;
	padding:5px 0;
	font-family:"Times New Roman", Times, serif;}
	
div.item_cat01 h3.item_info{
	margin:5px 0;
	padding:5px 0;
	border-bottom:1px solid #999;
	background:url(/img/ico_h3.gif) no-repeat 0% 50%;}
	
div.item_cat01 h4{
	text-align:center;
	letter-spacing:-0.1em;
	margin:20px 0;
	font-size:35px;
	font-family:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif}

p.bnr_sale{
	margin:15px auto 20px auto;}

div.item_more_txt{	
	/* text-align:center; */
	margin:42px 0;}

div.item_more_txt p{
	font-size:15px;
	line-height:2;}

div.item_more_txt b{
letter-spacing:-0.1em;
font-size:36px;}

div.item_box_01_txt{
	line-height:1.7;
	width: 735px;
}

div.item_box_01_leftimg div.fR,
div.item_box_01_rightimg div.fL{
	line-height:1.7;
	width:470px;
	margin-bottom:15px;}

div.item_box_01_imglarge{
	line-height:1.7;}
	
div.item_box_01_leftimg,
div.item_box_01_rightimg,
div.item_box_01_imglarge,
div.item_box_01_imgs{
	clear:both;
	margin:42px 0 0 0;
	padding:0 0 13px 0;}

.cbox_mgn{
	margin:25px 0 0 0 !important;
	padding:0 0 10px 0 !important;}

.cbox_mgn2{
	margin:15px 0 0 0 !important;
	padding:0 !important;}

.cbox_inner,
.cbox_inner p.alnR{
	margin:17px 0 17px 0 !important;}

div.item_box_01_txt strong.ttl,
div.item_box_01_leftimg b.ttl,
div.item_box_01_rightimg b.ttl,
div.item_box_01_imglarge strong.ttl,
div.item_box_01_imgs strong.ttl{
	display:block;
	font-size:18px;
	margin:0 0 8px 0;}

div.item_box_01_imgs ul,
div.item_box_01_imglarge p{
	margin:0 0 12px 0;}

ul.item_variation{
	background:url(/img/bg_cont_01.gif) repeat;
	margin:10px 0;
	padding:20px;}

table.tbl_item_01{
	border:1px solid #ccc;
	margin:20px 0;
	width:100%;}
	
table.tbl_item_01 th,
table.tbl_item_01 td{
	font-size:13px;
	border:1px solid #ccc;
	padding:12px 20px;}

table.tbl_item_01 th{
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	width:20%;
	background:#f0f0f0;}

table.tbl_item_01 td{
	background:#fff;}
	
table.tbl_item_02{
	border:1px solid #ccc;
	margin:20px 0;
	width:735px;}

	
table.tbl_item_02 th,
table.tbl_item_02 td{
	font-size:13px;
	width:33%;
	text-align:center;
	border:1px solid #ccc;
	padding:8px 0 !important;}
	
table.tbl_item_02 th{
	background:#4c4c4c;
	border:1px solid #fff;
	border-bottom:1px solid #ccc;
	color:#fff;
	font-size:16px;}
	
table.tbl_item_02 td{
	vertical-align:top;}
	
table.tbl_item_02 td img{
	display:block;
	width:auto;
	margin:0 auto 10px auto;}

div.item_youtube_box_01{
	margin:20px 0;}

div.item_youtube_box_01 div.fR{
	line-height:1.7;
	width:365px;}
	
div.item_youtube_box_01 div.fR img{
	display:block;
	margin:0 0 8px 0;}

div#item_brand div.top_bnr_box_01 dl{
	padding:20px 0;
	width:460px;}

ul.bnr_list_item{
	margin:30px 0 55px 0;}

ul.bnr_list_item li{
	margin:15px 0;}

/*下部コメント*/

dl#category_ranking{
	margin:35px 0;}

dl#category_ranking dt{
	width:735px;
	height:32px;
	background:#4c4c4c;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	text-indent:1em;
	padding:10px 0 0 0;}

ul.item_ranking_box{
	width:735px;
	height:auto;
	margin:10px auto;
	background:#fff;}
	
ul.item_ranking_box li{
	float:left;
	width:135px;
	margin:0 15px 0 0;
	padding-bottom:2em;
	position:relative;}
	
ul.item_ranking_box li p{
	width:135px;
	height:145px;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;}
	
ul.item_ranking_box li img{
	position:relative;
	z-index:5;}
	
ul.item_ranking_box li img.img_pos{
	position:absolute;
	top:10px;
	left:-0;
	z-index:1;}
	
ul.item_ranking_box li span{
	text-align:right;
	position:absolute;
	bottom:0;
	color:#b9001c;
	right:0;}
		
ul.item_ranking_box li *{
	display:block;}

/* FS 画像ホスティング部分*/

.FS2_additional_image_container_main img{
	display:block;
	float:left;
        width:50% !important;
        height:auto;
        margin:0;
        box-sizing: border-box;
}

span.FS2_ImgLabel{
	width:48%;
	display: block;
	float: right;
        font-size:10px;
}
	
/* FS カート部分 */

td.FS2_itemlayout_td_Left,
div.FS2_additional_image_itemdetail_container_left{
	width:370px !important;
	background: rgba(0,66,100,0.1);
	border-top:3px solid #aaaeb3;
	padding:15px;}


td.FS2_itemlayout_td_Left iframe,
div.FS2_additional_image_itemdetail_container_left iframe{
	max-width:370px !important;
	margin-right:5px;
}

td.FS2_itemlayout_td_Left h1,
div.FS2_additional_image_itemdetail_container_left h1{
	border-bottom:1px solid #d3d6da;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	font-size:18px !important;
	font-weight:bold;}

td.FS2_itemlayout_td_Left p,
div.FS2_additional_image_itemdetail_container_left p{
	margin-bottom:12px;}

p.itemNumber{
	font-size: 12px;
	color: #555;
	margin: 10px 0;}

p.itemComment img.center{
	display:block;
	margin:0 auto;
	text-align:center !important;}

td.FS2_itemlayout_td_Left p a,
div.FS2_additional_image_itemdetail_container_left p a{
	text-decoration:none;
	color:#1b91f7;
	font-weight:bold;
	border-bottom:1px dashed #1b91f7;}

table.GoodsSelectionTable{
	border:1px solid #ccc;
	margin:15px 0;
	width:100%;}
	
table.GoodsSelectionTable th,
table.GoodsSelectionTable td{
	font-size:11px;
	border:1px solid #ccc;
	padding:7px 10px;}

table.GoodsSelectionTable th{
	text-align: center;
	vertical-align:middle;
	font-weight:bold;}

table.GoodsSelectionTable th.tbl_th{
	padding:7px 2px;
	text-align:center;
	background:#e6e6e6;}

.FS2_inputSelection_table th{
	vertical-align:bottom;
	background:#f5f5f5 !important;}

.FS2_inputSelection_table th,
.FS2_inputSelection_table td{
	border:none !important;}

table.GoodsSelectionTable th.thStrong{
	text-align:center;
	padding:7px 10px;}

table.GoodsSelectionTable td{
	width:50%;
	text-align:center;
	background:#fff;}

td.FS2_itemlayout_td_Left p.FS2_itemPrice_text,
div.FS2_additional_image_itemdetail_container_left p.FS2_itemPrice_text{
	padding:12px 15px 8px 15px;
	line-height:1.8em;
	border:1px solid #ccc;
	background:#fff;
	width:336px;
	font-size:13px;}

td.FS2_itemlayout_td_Left p.FS2_itemPrice_text span.FS2_special_price,
div.FS2_additional_image_itemdetail_container_left p.FS2_itemPrice_text span.FS2_special_price{
	font-size:13px;
	font-weight:bold;}

td.FS2_itemlayout_td_Left p.FS2_itemPrice_text span.FS2_itemPrice_addition,
div.FS2_additional_image_itemdetail_container_left p.FS2_itemPrice_text span.FS2_itemPrice_addition{
	font-size:18px;
	color:#b9001c;
	font-weight:bold;}

td.FS2_itemlayout_td_Left p.FS2_itemPrice_text span.itemPrice,
div.FS2_additional_image_itemdetail_container_left p.FS2_itemPrice_text span.itemPrice{
	font-size:27px;
	color:#b9001c;
	font-weight:bold;}

p.FS2_postage{
	margin-bottom:7px !important;
	color:#b9001c;
	font-weight:bold;}

p.point_txt{
	margin-bottom:7px !important;
	font-size:11px;}

td.FS2_itemlayout_td_Left .item_desc,
div.FS2_additional_image_itemdetail_container_left .item_desc{
	border-top:1px solid #d3d6da;
	font-size:12px;
	border-bottom:1px solid #d3d6da;
	padding:12px 0;}

td.FS2_itemlayout_td_Left div.FS2_figure,
div.FS2_additional_image_itemdetail_container_left div.FS2_figure{
    font-size:13px;
    width: 366px;
    border: 1px solid #dedede;
    margin-bottom:20px !important;
    background: #fff;
    padding: 1px;}

td.FS2_figure_table_td_figure,
td.FS2_figure_table_td_input_cnt,
td.FS2_figure_table_td_updn_btn{
	background:#ebebeb !important;}

td.FS2_figure_table_td_input_cnt input{
width:38px}

td.FS2_figure_table_td_figure{
	padding:0 5px 0 15px;}

td.FS2_figure_table_td_updn_btn{
	padding:0 5px 0 0;}

td.FS2_figure_table_td_cart_btn{
	padding:3px;
	vertical-align:bottom;}
td.FS2_figure_table_td_cart_btn #toCart{
       width: 100%;
}
div.FS2_ReviewEditButton_area{
	margin:10px 0;}
div.FS2_ReviewButton_area{
       width: 125px;
}
div.FS2_ReviewEditAverage{
	display:none;}

div.FS2_ReviewButton_area img{
	vertical-align:middle;}

div.FS2_ReviewButton_area span.FS2_ReviewButton_textLink{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:inline-block;
	color:#333;
	font-size:11px;
	text-indent:1em;}
#fs2_pwaButton{
      width: 295px;
}

.FS2_CheckoutService_comment p{
      line-height: 1.5;
      font-size: 10pt;
}

/* 商品詳細コメント*/

td.FS2_itemlayout_td_Right div.cont_box,
div.FS2_additional_image_itemdetail_container_right div.cont_box{
	margin:0 0 15px 0;}

td.FS2_itemlayout_td_Right,
div.FS2_additional_image_itemdetail_container_right{
	width:315px !important;
	padding:0 0 0 20px;
	vertical-align:top;}
	
td.FS2_itemlayout_td_Right ul.rec_list,
div.FS2_additional_image_itemdetail_container_right ul.rec_list{
	margin:15px 0 25px 25px;}
	
td.FS2_itemlayout_td_Right ul.rec_list li,
div.FS2_additional_image_itemdetail_container_right ul.rec_list li{
	background:url(/img/ico_arw.gif) no-repeat center left;
	margin:5px 0;
	padding-left:10px;}
	
td.FS2_itemlayout_td_Right dl.faq_list,
div.FS2_additional_image_itemdetail_container_right dl.faq_list{
	margin:15px 0;}
	
td.FS2_itemlayout_td_Right dl.faq_list dt,
div.FS2_additional_image_itemdetail_container_right dl.faq_list dt{
	margin:10px;
	padding-left:25px;
	background:url(/img/ico_q.gif) no-repeat top left;}
	
td.FS2_itemlayout_td_Right dl.faq_list dd,
div.FS2_additional_image_itemdetail_container_right dl.faq_list dd{
	border:1px dotted #b9001c;
	color:#b9001c;
	margin:10px 0;
	padding:10px 10px 10px 35px;
	background:#fcf5f6 url(/img/ico_a.gif) no-repeat 10px 10px;}
.fs-body-product .product_comment-1 {
	padding: 0 0 20px;
}
.fs-body-product .product_comment-1 p.FS2_ItemComment {
color: #b9001c;
font-size: 1.2rem;
line-height:1.5;
margin: 10px 0 0;
}

.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container{
	border:none !important;}

#FS2_itemlayout_IH1 .FS2_additional_image_container{
	width:422px !important;}

.FS2_additional_image_container_title{
	background:rgba(0,66,100,0.1);
	border:none;
	text-indent:1em;
	margin:0;
	padding:7px 0 5px 0;}

.FS2_additional_image_thumbnail_container {
  float: left;
  margin: 10px 0 0 0;
  padding-right:5px;
  width: 33%;
  position: relative;
  box-sizing: border-box;
}

.FS2_additional_image_thumbnail_container br {
  display:none;
}

.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container span{
margin:7px 0;}

.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container{
        width:422px;
        height:auto;
	margin:0 !important;
	padding:0 !important;}

.FS2_additional_image_btn_thumbnail_container .FS2_thumbnail_container img{
        width:100%;
        height:auto;
}

div.FS2_additional_image_btn_container table{
	width:350px;
	margin:0 auto;}

div.FS2_additional_image_btn_container table td{
	text-align:center !important;}

div.FS2_additional_image_itemdetail_container{
        padding-bottom:16px;
	width:735px !important;}

p.FS2_breadcrumbs{
	    background: rgba(0,66,100, 0.1);
	margin:16px auto 16px;}

#FS2_itemlayout_G .catch,
div.FS2_eye_catch_icon .catch{
	margin-right:10px;}

.FS2_itemPrice_text del{
	font-size:18px;}

span.fnt{
	font-size:13px;
	text-decoration:none !important;}

h2.h2_itemmore{
	border-bottom:1px solid #b9001c;
	margin:5px 0;
	font-weight:bold;
	font-size:24px;
	width:735px;}


dl.more_list{
	margin-bottom:15px;
}

dl.more_list dt{
	font-weight: bold;
	font-size: 12px;
	padding: 10px 0 0 10px;}

dl.more_list dd{
	font-size: 12px;
	padding: 2px 10px 10px 10px;
	border-bottom: 1px solid #ccc;
}

/*　ページ全体の横幅を100%に変更 */
.layout_body{
width:100%;
}

/*　左右メニューとコンテンツエリアの横幅　*/
.layout_table{
width:1050px;
margin-right:auto;
margin-left:auto;
margin-bottom:48px;
}

.layout_content .FS2_breadcrumbs + form{
width: 980px;
margin: 0 auto;
}
.layout_table img{
width: auto;
}


/* 
---------------------------------------
メインコンテンツ周り
---------------------------------------
*/

td.layout_content{
    margin: 0 0 10px 16px;
    width: 880px;
    height: auto;
background: #fff;
}

/* 
---------------------------------------
買い物カゴ周り
---------------------------------------
*/

.pageTitle{
/*width: 980px;*/
margin: 0 auto 5px;
    border-color:#ae9c20;
    padding-bottom:8px;;
}

.CrossHead
{
    border-color:#ae9c20;
    padding-bottom:8px;;
}

/* 
---------------------------------------
商品ページ下部にあるお薦めアイテム
---------------------------------------
*/


#_rcmdjp_display_2{
       width: 850px;
       margin: 0 auto;
       padding-bottom:40px;
}
#_rcmdjp_display_3{
       width: 850px;
       margin: 0 auto;
       padding-bottom:40px;
}



/* 
---------------------------------------
動的ページのおすすめ商品
---------------------------------------
*/


div#recommend ul.bnr_list li{
	float:left;
	width:360px;
	margin:0 15px 15px 0;}

div#recommend ul.bnr_list li p{
	margin:5px 0 0;}


div#special ul.bnr_list li{
	width:230px;
	float:left;
	margin:5px 22px 18px 0;}
	
div#special ul.bnr_list li a{
	font-weight:bold;
	font-size:16px;}
	
div#special ul.bnr_list li img{
	margin-bottom:15px;
	display:block;}


div#giftformen_page ul.bnr_list li{
	width:230px;
	float:left;
	margin:5px 22px 0 0;}
	
div#giftformen_page ul.bnr_list li a{
	font-weight:bold;
	font-size:16px;}
	
div#giftformen_page ul.bnr_list li img{
	margin-bottom:15px;
	display:block;}


/*-------- 動的の商品ページ周り ------*/
ul.cat_link_list_2{
	text-align: left;
	display:block;
	clear:both;}
	
ul.cat_link_list_2 li{
	width:189px;
	height:48px;
	position:relative;
	border:1px solid #e6e6e6;
	float:left;
	margin:0 22px 15px 0;
	padding:8px 29px 0 10px;
	background:url(/img/ico_arw_01.gif) no-repeat 94% 50% #f2f2f2;}

ul.cat_link_list_2 li.cat_btn_box,
p.cat_btn_box{
	cursor:pointer;
	border:1px solid #e6e6e6;
	background:#f2f2f2;
	width:357px;
	height:40px;
	font-weight:bold;
	padding:15px 0 0 0;
	font-size:16px;
	text-align:center;}

ul.cat_link_list_2 li.cat_btn_box a,
p.cat_btn_box a{
	font-size:16px;
	text-decoration:none;
	border-bottom:1px solid #333;
	margin:0;}

ul.cat_link_list_2 li.cat_btn_box a:hover,
p.cat_btn_box a:hover{
	border:none;}

p.cat_btn_box a{
	font-size:18px;}

ul.cat_link_list_2 li.cat_btn_box span,
p.cat_btn_box span{
	margin:0 0.5em;
	font-weight:800;
	letter-spacing:-0.2em;
	color:#bd0f29;}
	
ul.cat_link_list_2 li.last{
	margin-right:0 !important;}
	
ul.cat_link_list_2 li a{
	line-height: 1.5em;
	display:inline-block;
	font-size:14px;
	margin:0 0 0 35px;}

ul.cat_link_list_2 li.line1 a{
	margin:10px 0 0 37px;}

ul.cat_link_list_2 li img{
	position:absolute;
	left:6px;
	top:14px;}

ul.cat_link_list_3{
	display:inline-block;
	line-height:41px;
	float:left;}
	
ul.cat_link_list_3 li{
	width:130px;
	height:47px;
	position:relative;
	border:1px solid #e6e6e6;
	float:left;
	margin:0 17px 15px 0;
	padding:8px 29px 0 10px;
	background: #f2f2f2;}

ul.cat_link_list_3 li.cat_btn_box,
p.cat_btn_box{
	cursor:pointer;
	border:1px solid #e6e6e6;
	background:#f2f2f2;
	width:357px;
	height:40px;
	font-weight:bold;
	padding:15px 0 0 0;
	font-size:16px;
	text-align:center;}

div#search p.cat_btn_box{
	padding:15px 0 0 0;
	margin-bottom:15px !important;}

div#search p.cat_btn_box a{
	font-size:16px;}

p.cat_btn_box{
	width:735px;
	padding:13px 0 3px 0;
	margin:5px 0 28px 0 !important;}

ul.cat_link_list_3 li.cat_btn_box a,
p.cat_btn_box a{
	font-size:16px;
	text-decoration:none;
	border-bottom:1px solid #333;
	margin:0;}

ul.cat_link_list_3 li.cat_btn_box a:hover,
p.cat_btn_box a:hover{
	border:none;}

p.cat_btn_box a{
	font-size:18px;}

ul.cat_link_list_3 li.cat_btn_box span,
p.cat_btn_box span{
	margin:0 0.5em;
	font-weight:800;
	letter-spacing:-0.2em;
	color:#bd0f29;}
	
ul.cat_link_list_3 li.last{
	margin-right:0 !important;}
	
ul.cat_link_list_3 li a{
	display:inline-block;
	font-size:14px;
	line-height:1.4;
	margin:0 0 0 27px;}

ul.cat_link_list_3 li.line1 a{
	margin:10px 0 0 27px;}

ul.cat_link_list_3 li img{
	position:absolute;
	left:7px;
	top:13px;}


ul.cat_link_list_4 {
display: block;
line-height: 31px;
}
	
ul.cat_link_list_4 li {
width: 189px;
height: 30px;
position: relative;
border: 1px solid #e6e6e6;
float: left;
margin: 0 22px 5px 0;
padding: 0px 29px 0 10px;
background: #f2f2f2;
}

ul.cat_link_list_4 li.cat_btn_box,
p.cat_btn_box{
	cursor:pointer;
	border:1px solid #e6e6e6;
	background:#f2f2f2;
	width:357px;
	height:40px;
	font-weight:bold;
	padding:15px 0 0 0;
	font-size:16px;
	text-align:center;}

ul.cat_link_list_4 li.cat_btn_box a,
p.cat_btn_box a{
	font-size:16px;
	text-decoration:none;
	border-bottom:1px solid #333;
	margin:0;}

ul.cat_link_list_4 li.cat_btn_box a:hover,
p.cat_btn_box a:hover{
	border:none;}

p.cat_btn_box a{
	font-size:18px;}

ul.cat_link_list_4 li.cat_btn_box span,
p.cat_btn_box span{
	margin:0 0.5em;
	font-weight:800;
	letter-spacing:-0.2em;
	color:#bd0f29;}
	
ul.cat_link_list_4 li.last{
	margin-right:0 !important;}
	
ul.cat_link_list_4 li a{
	display:inline-block;
	font-size:14px;
	margin:0 0 0 30px;}

ul.cat_link_list_4 li.line1 a{
	margin:10px 0 0 37px;}

ul.cat_link_list_4 li img {
position: absolute;
left: 7px;
top: 1px;
}

.brand_toppage{
	margin:0 0 10px 0;
	color:#f6f8ef;
	font-weight:bold;
	font-size:12px;
	text-indent:2em;
	width:9em;
	padding:7px 0 5px 0;
	float:right;
	clear:both;
	background:#ededed url(/img/ico_ccr_06.gif) no-repeat 0.8em 50%;}

#brand_list h3{
  padding: 20px 0;
border-top: 2px solid #DDDDDD;
}
#brand_list{
   text-align:center;
}
#brand_list li{
  float:left;
  width: 32.2%;
  margin-left: 1%;
  padding-bottom: 20px;
  font-weight: bold;
}
.FS2_bottom_btn_info{
      width: 130px;
      margin: 0 auto 10px;
}

/*
========================================
 バナー
========================================
*/

.FS2_container_ItemList .thumbnail{width:200px;}


/*
========================================
 バナー
========================================
*/

.bnr-top{
	background-color: #56a4b0;
	text-align: center;
}

.bnr-top2{
	text-align: center;
}


.bnr-top img{
	max-width: 100%;
	max-height: auto;
}

.bnr-top2 img{
	max-width: 100%;
	max-height: auto;
}

#FS2_itemlayout_IHL2,
#FS2_itemlayout_C {
    border: 1px solid #ddd;
    float: left;
    width: 185px;
    padding: 10px;
    margin: 5px  0;
}

#FS2_itemlayout_IHL2 .FS2_thumbnail_container img,
#FS2_itemlayout_C .FS2_thumbnail_container img{
max-width:100%;
}

/*このページをスマートフォン用に切り替え のボタンを大きくする*/
.FS2_ReturnSP{
	position: relative;
	text-align: center;
	display:block;
	height:100px;
	padding: 20px 0;
} 
.FS2_ReturnSP_Btn{
	width: 800px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -400px;
	padding: 20px; 
	font-size: 40px;
	line-height: 40px;
}

.FS2_additional_image_popup_container{
width:970px;
}

.bnr-freearea-c{
margin:8px 0px;
}

.FS2_GroupList{
display:none;
}


/*・・・・・・・・　カート周り　・・・・・・・・*/

#FS2_body_Cart .FS2_GoodsImage_td a img{
	width: 150px;
}

#FS2_body_Cart .cartTable th{
	padding: 10px;
}

.FS2_ShippingDateCartComment{
	color: #b90001;
}

#FS2_body_Cart .FS2_GoodsName_td{
font-size: 12px !important;
}

#FS2_body_Cart .cartTable td{
	padding: 10px;
	font-size: 20px;
}

#FS2_body_Cart #buy_here{
	/*width: 120px;*/
	margin-top: 10px;
        margin-left:10px;
}

#FS2_body_Cart #submit_4{
	float: right;
	width: 167px;
	margin-top: 10px;
}

#FS2_body_Cart #form{
	position: relative;
width: 980px;
margin: 0 auto;
}

#FS2_body_Cart #form > .itemRight:nth-of-type(1){
	position: absolute;
	bottom: -100px;
	right: -5px;
}
#FS2_body_Cart .FS2_GoodsImage_td{
width: 20%;
}
#FS2_body_Cart #submit_1{
	margin-right: -4px;
}

#FS2_body_Cart #BottomArea{
width: 980px;
	margin: 120px auto 0;
}
#FS2_body_Cart #BottomArea > p img{
display: block;
width: 900px;
margin: 0 auto;
}

#FS2_body_Cart #BottomArea .attenton{
	margin-top: 16px;
}

#FS2_body_Cart #BottomArea .ttl{
	margin-top: 40px;
}

#FS2_body_Cart #BottomArea ul{
	margin-top: 16px;
}

#FS2_body_Cart #BottomArea ul li{
	font-size: 14px;
	line-height: 1.6;
}

#FS2_body_Cart #BottomArea ul li.comment{
	margin-top: 10px;
}

#FS2_body_Cart #BottomArea .mail{
	margin-top: 40px;
	padding: 9px 0 9px 0px;
        margin: 30px 0 70px;
	background: url(https://www.free-spirits.co.jp/img/common_cart_bg_mail.gif) no-repeat;
	font-size: 19px;
	font-weight: bold;
}

.FS2_OptionPrice .FS2_OptionPrice_table input{
width: 100%;
}


/*・・・・・・・・　カート周り STEP1　・・・・・・・・*/

#FS2_body_Cart .CrossHead{
	font-size: 18px;
}
.orderFlow{
width: 980px;
margin: 0 auto 40px;
}
.orderFlow img{
width: 100%;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_left,
#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_right{
	display: block;
	width: 100%;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_left .inputTableArea th{
	width: 20%;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_left .inputTableArea td{
	border: 1px solid #ddd;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_left input{
	width: 98%;
	height: 30px;
	margin-top: 1px;
	margin-left: 1%;
	font-size: 20px;
	text-indent: 6px;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_left .FS2_holdEmailAddress input{
	width: auto;
        margin-right: 10px;
        height: 16px;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_left input#login{
	width: 100px;
	height: auto;
	text-indent: 0;
}

#FS2_body_Cart .FS2_MemberRegistration_comment{
	font-size: 16px;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .FS2_login_layout_table .FS2_login_layout_table_td_right .FS2_Login_btn_position input{
	margin: 20px 0 20px 180px;
}

.FS2_login_layout_table_td_right .FS2_Login_btn_position a img{
        width: 430px;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin .user_content.FS2_lower_comment{
width: 980px;
	margin: 60px auto;
}

#FS2_body_Cart.FS2_body_Cart_GuestLogin #NewMember{
	margin-top: 20px;
}
#fs2_lwaButton{
	width: 420px;
}
..FS2_OtherServiceLoginAreaDivider_container{
      margin: 0 0 30px;
}
 /*.FS2_upper_comment{
    width: 300px;
    margin: 0 auto;
}*/

/*・・・・・・・・　お客様情報　・・・・・・・・*/

#FS2_body_Cart.FS2_body_Cart_GuestEntry .userTable_01 td{
	padding: 10px 8px;
}

#FS2_body_Cart.FS2_body_Cart_GuestEntry .userTable_01 ol{
      font-size: 10pt;
}

#FS2_body_Cart.FS2_body_Cart_GuestEntry #BottomArea{
	margin-top: 0;
}

#FS2_body_Cart.FS2_body_Cart_GuestEntry .mail-txt{
	margin-bottom: 8px;
	line-height: 1.3;
}

#FS2_body_Cart.FS2_body_Cart_GuestEntry .mail-txt.small{
	margin-bottom: 4px;
}
.inputTableArea{
       margin-top: 15px;
}
.FS2_bottom_btn_center_1 input{
      width: 200px;
}

/*・・・・・・・・　お支払い方法選択　・・・・・・・・*/

#FS2_body_Cart.FS2_body_Cart_SettleEdit .txt{
	margin-bottom: 16px;
	font-size: 14px;
}

#FS2_body_Cart.FS2_body_Cart_SettleEdit .txt.small{
	display: block;
	margin-top: -16px;
	font-size: 12px;
}

#FS2_body_Cart.FS2_body_Cart_SettleEdit .txt.small.red{
	color: #d30000;
}

#FS2_body_Cart.FS2_body_Cart_SettleEdit #fs2_settleSelect > tbody > tr:nth-of-type(n+2) td{
	padding-bottom: 8px;
	font-size: 14px;
}


/*・・・・・・・・　注文確認　・・・・・・・・*/

#FS2_body_Cart .attention{
	color: #d30000;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

/*・・・・・・・・　amazonペイメント　・・・・・・・・*/
.FS2_Preview_container{
background:#fff;
}

.FS2_FixedContainer,
.FS2_TotalPreview_area{
    position: static !important;
}
.FS2_CheckoutInformation_block{
    margin-right: 0;
}
.FS2_TotalPreview_area{
    width: auto;
}

/*・・・・・・・・　moca商品ページ用リスト　・・・・・・・・*/

.head{
	width:864px;
	height:76px;
	margin:30px auto 0;
	background-color:#004264;
	box-sizing:border-box;
	padding:16px;
	position:relative;
}

.head .heading01{
	color:#fff;
	font-size:24px;
	margin:0 0 8px;
text-align:left;
}

.head .heading02{
	color:#fff;
	font-size:20px;
	font-weight:lighter;
text-align:left;
}

.head .heading02 span{
	color:#fff;
	font-size:18px;
	margin:0 0 0 8px;
	
}

.head .btn{
	position:absolute;
	top:16px;
	right:16px;
}

.head .btn a{
display:block; 
box-sizing:border-box;
padding-top:5px;
background-image:url(https://www.free-spirits.co.jp/img/btn_sandarrow.png); 
color:#000; 
width:145px; 
height:45px; 
text-decoration:none; 
font-size:14px; 
text-align:center; 
font-weight:bold;
}




.list{
	width:869px;
	margin:0 auto 55px;
	border:1px solid #004264;
	box-sizing:border-box;
	padding:20px 20px 10px;
	
}

.list ul{
	display:flex;
	justify-content:space-between;
	box-sizing:border-box;
	margin:0 0 40px;
}

.list ul li{
	width:200px;
}

.list ul li a{
	text-decoration:none;
	color:#000;
}



.list ul li .img{
	width:200px;
	margin:0 0 8px;
	border:1px solid #D9D8D8;
}

.list ul li .item{
	font-size:12px;
	margin:0 0 4px;
        font-weight:bold;
}

.list ul li .txt{
	font-size:12px;
	margin:0 0 8px;
}

.list ul li .price{
	color:#BF0000;
	font-style:oblique;
	font-weight:bold;
	font-size:12px;
	text-align:right;

}

.list ul li .price span{
	color:#BF0000;
	font-style:oblique;
	font-weight:bold;
	font-size:9px;
}

/*・・・・・・・・　日本の職人さんの粋をセレクト　・・・・・・・・*/

.FS2_upper_comment .selectBtn{
    width: 864px;
margin-top:20px;
    box-sizing: border-box;
    border: 1px solid rgba(204,204,204,0.50);
}

.FS2_upper_comment .selectBtn img{
width:100%;
height:auto;
}

.FS2_SeniorDesign_comment .selectBtnSp{
margin-top:20px;
}


/*・・・・・・・・　お客様情報　・・・・・・・・*/
.alignItem_04 {
    font-size: 0;
}


#FS2_itemlayout_IHL2,
#FS2_itemlayout_C {
    float: none;
    display: inline-block;
    vertical-align: top;
}


/*・・・・・・・・　商品一覧値段　・・・・・・・・*/
.groupLayout .FS2_itemPrice_area{font-size:14px;}




/*・・・・・・・・　商品一覧値段　・・・・・・・・*/
#_rcmdjp_display_1{
position: fixed;
top: 254px;
right: 80px;
z-index: 99999;
}

#_rcmdjp_display_1 .historysidebox{
background: #fff;
}

#_rcmdjp_display_1 .historysidebox p.checkitem{
margin: 0 !important;
padding: 10px 5px;
background: #042043;
color: #fff;
}



/*・・・・・・・・　商品ページ　・・・・・・・・*/
.free-area-bnr p{
margin-bottom: 16px;
}

.item-other {
margin-bottom: 20px;
}

.gw-caution {
margin-bottom: 20px;
}

#FS2_body_Goods .layout_content center img{
width: 100%;
height: auto;
}

/*　Youtube入れ込み　*/
.item-mv{
  margin: 50px auto;
}
.item-mv .ttl{
  position: relative;
  padding: 20px 0 17px 40px;
  background: #344457;
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem !important;
  text-align: center;
}
.item-mv .ttl::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 341px;
  margin: -18px 0 0 0;
  width: 30px;
  height: 40px;
  background: url(https://www.free-spirits.co.jp/img/icon-movie.png) center/contain no-repeat;
}
.item-mv iframe{
  width: 850px;
  height: 478px;
}





#FS2_body_Goods .category{
display: none;
}
body #ItemList{
width: 850px;
margin: 0 auto 16px;
}
body #ItemList p{
width: 24%;
margin-right: calc(4%/3);
}
body #ItemList p:nth-of-type(4n){
margin-left: 0;
}

.more-btn{
	margin: 100px auto 0;
	text-align: center;
}
.more-btn a{
	display: inline-block;
	position: relative;
	padding: 25px 110px 23px 55px;
	border: 6px solid #1d508d;
	color: #1d508d;
	font-weight: bold;
	font-size: 3.4rem;
}
.more-btn a:hover{
	border: 6px solid #f3ed33;
	transition: .6s;
}
.more-btn a::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 45px;
	width: 23px;
	height: 35px;
	margin: -17.5px 0 0;
	background: url(https://www.free-spirits.co.jp/img/top_arrow-type02.png) no-repeat;
	background-size: contain;
}
.FS2_body_Goods_GoodsDetail .itemTitle{
color: #333;
line-hegiht: 1.25;
}
.FS2_inputSelection_table th{
display: block;
}
.FS2_inputSelection_table td{
display: block;
padding: 0;
}
.groupLayout .itemGroup{
font-size: 1.1rem;
}
.FS2_AdditionalImage_Balloon_Tip img{
width: auto !important;
}
#FS2_itemlayout_IHL2 .FS2_eye_catch_icon img,
.FS2_GroupLayout .FS2_eye_catch_icon img{
width: 33%;
}
#FS2_itemlayout_IHL2 .FS2_AdditionalImageEnlargementSsize_Button img{
width: auto;
}
#FS2_itemlayout_C .catch{
margin: 0;
}
#FS2_body_Goods .alignItem_04,
#FS2_body_Goods .alignItem_03{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
}
#FS2_body_Goods .alignItem_04 > div,
#FS2_body_Goods .alignItem_03 > div{
width:19%;
margin-right: calc(5%/4);
}
#FS2_body_Goods .alignItem_04 > div:nth-of-type(5n),
#FS2_body_Goods .alignItem_03 > div:nth-of-type(5n){
margin-right: 0;
}
#FS2_itemlayout_C div.FS2_itemPrice_area{
margin: 10px 0 0;
}
.cate-under article{
display: none;
}

.FS2_MyReviewStatus{
display: flex;
}
.FS2_MyReviewStatus img.FS2_ReviewStars{
width: auto!important;
padding: 4px 10px 5px;
}
