@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(//fonts.googleapis.com/css?family=Josefin+Sans:400,300,700);
@import url(//fonts.googleapis.com/css?family=M+PLUS+Rounded+1c);
@import url(//fonts.googleapis.com/css?family=Playball:400,300,100,500,700);
@import url(//fonts.googleapis.com/css?family=Sawarabi+Mincho);
@import url(//fonts.googleapis.com/css?family=Kosugi+Maru);

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
}

body {
	color: #000;
	margin: 0;
	padding: 0;
	line-height:1.6;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
	font-size: 15px;
	-webkit-font-smoothing: antialiased;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background:#FFF;
}

html,body {
  margin: 0;
  padding: 0;
  border: 0;
}

h1,h2,h3,h4,h5,
ol,ul,li,dl,dd,
address,
div,img{
	margin		: 0;
	padding		: 0;
	}

ol,ul,li,
dl,dt,dd{
	list-style	: none;
	}

ol ol,ol ul,ul ol,ul ul{margin-bottom:0}

input,textarea,select {
	font-size: 1em;
}

a{color: #6699cc;text-decoration: none;}

a:hover{text-decoration: none;}


img{
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
}

p{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
}


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

li {
	list-style-type: none;
}

hr {
	display		: none;
	}
	
.clr {
	height		: 0;
	clear		: both;
	}

.rollAlpha:hover{
	opacity:0.6;
	-moz-opacity:0.6;
	-webkit-opacity:0.6;
}

.clearfix:after {
	display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}

/* .line
-------------------------------------------------- */
hr {
	display		: none;
	}
	
.clr {
	height		: 0;
	clear		: both;
	}
	
/* link
-------------------------------------------------- */
a {
	text-decoration: none;
	outline:none;
	color:#5C5B5C;
	}

a:hover {  
	color		: #5C5B5C;
	text-decoration	: none;
	}

/* header
-------------------------------------------------- */
header{
	width: 100%;
	height: 90px;
	margin: 0 auto 1px;
	position: relative;
	padding: 0;
	overflow:hidden;
	display:block;
	background:#FFF;
}

@media screen and (max-width: 800px) {
header {
	height: auto;
	overflow:visible;
	float:left;
	padding-top:70px;
}
}

header div.headerLogoArea {
	width:100%;
	max-width: 1200px;
	position: relative;
	box-sizing: border-box;
	padding: 5px 10px 0;
	margin: 0 auto 0;
}

@media screen and (max-width: 800px) {
header div.headerLogoArea {
	padding: 0 10px 0;
	}
}

.headerCopy {
	width:100%;
	margin: 2px 0 12px;
	box-sizing: border-box;
	text-align: right;
}

.headerCopy h1 {
	font-size: 12px;
	font-weight:normal;
	color:#8A8989;
}

@media screen and (max-width: 800px) {
.headerCopy {
	padding:0;
	text-align: center;
	margin: 3px 0 8px;
}
}

.headerLogo{
	position: absolute;
	top: 32px;
	left: 0;
	padding-left:1%;
	width:auto;
	height:44px;
}

.headerLogo img{
	width:auto;
	height:44px;
}

@media screen and (max-width: 800px) {
.headerLogo{
	width:auto;
	height:44px;
	margin:5px auto;
	position: relative;
	text-align: center;
	top: initial;
	left: initial;
	}
}

div.h_text{
	text-align: center;
}

.h_text .catch{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:400;
	font-size:1.8em;
	line-height:1.2;
	margin:0;
	padding-top:4px;
}

@media screen and (max-width: 568px) {
.h_text .catch{
	font-size:1.6em;
	}
}

.h_text .catch a {
  color: #000;
  display:block;
  padding: 0;
}

.h_text .catch a:hover {
  opacity: 0.7;
}

.h_text .fa-gift{
	margin-right:10px;
	font-size:1.1em;
	color:AAA;
}

.h_text2{
	position: absolute;
	top: 45px;
	right: 10px;
}

.h_text2 p{
	color:#C40018;
	font-size:14px;
	padding:5px 10px;
	display:inline-block;
	border:1px solid #C40018;
}

@media screen and (max-width: 800px) {
.h_text2{
	margin:15px auto 0;
	position: relative;
	text-align: center;
	top: initial;
	right: initial;
	}

.h_text2 p{
	padding:5px 25px;
}
}


/* sns
--------------------- */
header #sns_bt{
  position: absolute;
  top: 2px;
  right: 4%;
}

@media screen and (max-width: 1180px) {
header #sns_bt{
	right: 2%;
}
}

@media screen and (max-width: 800px) {
header #sns_bt {display:none;}
}

header #sns_bt li{
  display:inline-block;
  margin:0 3px;
}

header #sns_bt a:hover { opacity: 0.5; }

header #sns_bt img{
    width: 16px;
	height: 16px;
}

/*gnav
-------------------------------------------------- */
.gnav-wrapper {
  background: #FFF;
  position: relative;
  line-height: 1;
  width:100%;
  border-bottom:1px solid #E5E5E5;
}

.is-animation {
  background: #FFF;
  position: relative;
  line-height: 1;
  width:100%;
  border-bottom:1px solid #E5E5E5;
}

@media only screen and  (max-width: 800px) {
.gnav-wrapper {
  display:none;
}
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.gnav-logo{
 display:none;
}

.is-animation .gnav-logo{
 display:block;
 position:absolute;
 top:15px;
 left:20px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight:400;
 font-size:1.4em;
 line-height:1.2;
 transition: .1s;
}


.gnav-logo .fa-gift{
	margin-right:5px;
	font-size:1.1em;
	color:AAA;
}

.gnav-logo a {
  color: #000;
  display:block;
  padding: 0;
}

.gnav-logo a:hover {
  opacity: 0.7;
}


.gnav {
 text-align: center;
}

.main-wrapper {
  width: 1150px;
  margin: 0 auto;
}

@media only screen and  (max-width: 1280px) {
.main-wrapper {
  width: 98%;
}
}

@media only screen and  (max-width: 1500px) {
.is-animation .main-wrapper {
  width: 98%;
  box-sizing: border-box;
  padding-left:150px;
}
}

.gnav li {
  text-align: center;
  margin:0;
  box-sizing: border-box;
  display:inline-block;
  font-size:15px;
  height:57px;
}

.gnav .hme {
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  margin:0 20px;
}

@media only screen and  (max-width: 1500px) {
.is-animation .gnav .hme {
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  margin:0 15px;
}
}

.gnav .hme a {
  color: #000;
  display:block;
  padding: 20px 0px;
}

.gnav .hme a:hover {
  color: #000;
  opacity: 0.7;
}

.gnav .ico{
  margin:0 25px 0 10px;
  height:20px;
}

.ico img{
	width:auto;
	height:20px;
	margin:0;
	padding:0;
}

.gnav .ico a {
  color: #000;
  display:block;
  padding: 0;
}

.ico .crt a:hover {
  opacity: 0.7;
}

.ico .caart{
  	position: relative;
}

.ico .crt{
  	position:absolute;
	left:0;
	top:5px;
}

.crt .counts{
	position:absolute;
	right:-8px;
	top:-5px;
	width:15px;
	height:15px;
	background:#E60012;
	color:#FFF;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:15px;
	text-align:center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin:0;
}

.crt .empty{
	position:absolute;
	right:-8px;
	top:-5px;
	width:15px;
	height:15px;
	background:#C8C8C8;
	color:#FFF;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:15px;
	text-align:center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin:0;
}

.gnav .reco{
  margin:0 25px 0 23px;
  height:20px;
}

.gnav .reco img{
	width:auto;
	height:20px;
	margin:0;
	padding:0;
}

.gnav .reco a {
  color: #000;
  display:block;
  padding: 0;
}

.gnav .reco .crt a:hover {
  opacity: 0.7;
}

.gnav .reco .caart{
  	position: relative;
}

.gnav .reco .crt{
  	position:absolute;
	left:0;
	top:5px;
}

.gnav .lgot {
  font-family: 'Noto Sans Japanese', sans-serif;
  letter-spacing : 0em;
  font-weight:400;
  margin:0 15px;
}

@media only screen and  (max-width: 1500px) {
.gnav .gnav .lgot {
  margin:0 10px;
}
}


.gnav .lgot .fa {
	margin-right: 2px;
	color: #8A8A8A;
}

.gnav .lgot a {
  color: #000;
  display:block;
  padding: 20px 0px;
}

.gnav .lgot a:hover {
  color: #000;
  opacity: 0.7;
}

.gnav .ms {
  font-family: 'Noto Sans Japanese', sans-serif;
  letter-spacing : 0.02em;
  font-weight:400;
  margin:0 15px;
}

@media only screen and  (max-width: 1500px) {
.gnav .ms {
  margin:0 10px;
}
}

.gnav .ms .fa {
	margin-right: 3px;
	color: #8A8A8A;
}

.gnav .ms a {
  color: #000;
  border-left: solid 1px #FFF;
  display:block;
  padding: 20px 0px;
}

.gnav .ms a:hover {
  color: #000;
  border-bottom:3px solid #000;
  transition: .1s;
}

.gnav .ms:hover {
  border-bottom:3px solid #000;
}

.gnav li:hover a {
  color: #000;
}

.gnav > li:last-child a {
  border-right: solid 1px #FFF;
}

.gnav li:hover {
  background: #FFF;
}

.gnav > li:hover .megamenu {
  max-height: 9999px;
  opacity: 1;
  padding: 1.5% 0;
}

#smenu dt span{
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	width:12px;
	height:12px;
	line-height:1;
	vertical-align:middle;
	display:table-cell;
	color:#FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	padding: 4px 4px;
	text-align: center;
}

.megamenu {
  background: #FFF;
  border-top:1px solid #E5E5E5;
  border-bottom:1px solid #E5E5E5;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 57px;
  left: 0;
  transition: all .2s ease-in;
  z-index: 999;
  padding:0;
  margin:0;
}

.megamenu-inner {
  text-align: left;
  padding:0 2%;
}

.megamenu-inner li {
  width:20%;
  display:inline-block;
  padding: 1% 2%;
  box-sizing: border-box;
}

.megamenu-inner li {
  height:auto!important;
}

.megamenu-inner li a {
  color: #000;
  display:block;
  padding: 0!important;
}


.gnav .ms .megamenu-inner a:hover {
  color: #000;
  border-bottom:none!important;
}

.gnav .ms .megamenu-inner a {
  border-left: none;
  color: #000;
}

.megamenu-inner dl {
  display:block;
  width:100%;
}

.megamenu-inner dt {
  display:inline-block;
  width:46px;
  vertical-align:middle;
}

.megamenu-inner dt img {
  width: 100%;
  height:100%;
  border:0.15em solid #E5E5E5;
  -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}

.megamenu-inner dd {
  display:inline-block;
  padding-left:10px;
}

.megamenu-inner dd p{
  vertical-align:middle;
  line-height:1.2;
  font-size:14px;
}

.megamenu-inner dd span{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

.gnav .ms .megamenu-inner img {
  max-width: 100%;
  vertical-align: bottom;
  border: none;
  outline: none;
  -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

.gnav .ms .megamenu-inner li a:hover { opacity: 0.7;}

.gnav .ms .megamenu-inner-img {
  margin: 0 0 10px;
}

.gnav .ms .megamenu-inner-text p {
  font-size:15px;
  text-align: center;
  display:inline-block;
}

.gnav .ms a:hover .megamenu-inner-text p { text-decoration: underline!important; }

/* top_search
--------------------- */
.top_search{
	width: 100%;
	max-width:600px;
	margin:0 auto;
	text-align: center;
}

.top_search .form-search-select{
	width:100%;
	margin: 0 0 10px 0;
	font-size: 13px;
	padding:5px 5px;
	box-sizing: border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 1px solid #a0a0a0;
	cursor: pointer;
	display:inline-block;
}

@media only screen and  (max-width: 800px) {
.top_search .form-search-select{
	padding:5px 10px;
}
}

.top_search #s_text {
	padding: 5px;
    width:100%;
	margin: 0 0 5px;
	font-size: 13px;
    box-sizing: border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 1px solid #a0a0a0;
	display:inline-block;
}

@media only screen and  (max-width: 800px) {
.top_search #s_text {
	padding:6px 10px 5px;
	line-height:1.4;
}
}

/* top_in
--------------------- */
.top_in{
	width: 100%;
	max-width:600px;
	margin:0 auto;
	text-align: center;
}

.top_in li{display:inline-block;margin:15px 10px 10px;border:1px solid #E0E0E0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:0;}

.top_in .top-link{padding:15px!important;color:#606060;display:block;}
.top_in a:hover.top-link {background: #f5f5f5;}

.top_in .top-link2{padding:15px!important;color:#606060;display:block;}
.top_in a:hover.top-link2 {background: #f5f5f5;}

.top_in p{font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;}

/* sp_head
--------------------------------------------------*/
.sp_head {display:none; }

@media only screen and  (max-width: 800px) {
.sp_head {
	display:block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	padding:0 0;
	height: 60px;
	overflow:hidden;
	background:#FFF;
	border-bottom:1px solid #E5E5E5;
}
}

.sp_head .sp_nav{
	width:100%;
	padding: 0;
	margin:0 auto;
	position: relative;
}

.sp_head ul{
	width:100%;
	padding: 0;
	margin:0 auto;
}

.sp_head li{
	text-align: center;
	width:20%;
	padding: 8px 0 0;
	text-align: center;
	margin:0;
	box-sizing: border-box;
	display:inline-block;
	height: 60px;
	position: relative;
}

.sp_head li:hover {
  background: #F7F7F7;
}

.sp_head li:hover a {
  color: #32465B!important;
}

.sp_head a {
  color: #000;
  display:block;
}

.sp_head li img{
	width:auto;
	height:26px;
	margin:1px auto 2px;
}

.sp_head li p{
	font-size:11px;
	margin:0;
	padding:0;
	width:100%;
}

.sp_head .counts{
	position:absolute;
	left:55%;
	top:7px;
	width:15px;
	height:15px;
	background:#E60012;
	color:#FFF;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:15px;
	text-align:center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

.sp_head .empty{
	position:absolute;
	left:55%;
	top:7px;
	width:15px;
	height:15px;
	background:#C8C8C8;
	color:#FFF;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:15px;
	text-align:center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}

@media only screen and  (max-width: 568px) {
.sp_head .counts{
	left:60%;
}
}

a .ft-Caret{display:inline-block;
width:8px;height:9px;
margin-top:0;margin-left:7px;
background-size:8px 5px;
background-image:url(https://www.ryukyurian.com/watabe/images/common/arrow-dwbk2.png);
background-position:center center;
background-repeat:no-repeat;
}

/* wrapper
--------------------------------------------------*/
#wrapper {
	width: 100%;
	padding: 0 auto 0;
	line-height:1.6;
	min-height: 60vh;
	margin-top:20px;
	float:left;
}

@media only screen and  (max-width: 568px) {
#wrapper {
	margin-top:15px;
}
}

#page {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 1%;
}

@media only screen and  (max-width: 1280px) {
#page {
	width: 100%;
	padding: 0 2%;
}
}

@media only screen and  (max-width: 800px) {
#page {
	padding: 0 1%;
}
}

/* p_navi
---------------------------------------------------------------------------*/
.p_navi{
	width: 100%;
	max-width: 1150px;
	box-sizing: border-box;
	padding:0 10px;
	position: relative;
	margin:0 auto 5px;
	height:25px;
	}

@media only screen and  (max-width: 1280px) {
.p_navi{
	padding:0 2%;
}
}

@media only screen and  (max-width: 800px) {
.p_navi{
	height:auto;
}
}

.punkuzu{
	text-align: right;
	font-size :0.7em;
	letter-spacing	: 0.05em;
	font-weight:400;
	color: #000;
	position:absolute;
	top:0;
	right:0;
	width:60%;
	}
	
.p_navi a {
	color		: #000;
	font-weight:400;
	text-decoration: none;
	}

.p_navi a:hover {  
	color: #787777;
	text-decoration: underline;
	}

@media screen and (max-width: 800px) {
  .p_navi{margin:5px auto 0;padding:0 20px;} 
  .punkuzu{display:none;}
}

.p_navi #login-status {
	position:absolute;
	top:0;
	left:20px;
	text-align: left;
	width:40%;
}

@media only screen and  (max-width: 800px) {
.p_navi #login-status {
	position: relative;
	width:100%;
	top:initial;
	left:initial;
	box-sizing: border-box;
	padding: 0 5px;
}
}

.p_navi #login-status {
	font-size: 14px;
	line-height: 1;
}

.p_navi #login-status i.fa-user {
	margin-right: 5px;
	color: #C8C8C8;
}

@media screen and (max-width: 568px) {
.p_navi #login-status p {
	font-size: 13px;
}
.p_navi #login-status i.fa-user {
	margin-right: 5px;
}
}

/* container
--------------------------------------------------*/
#container{
  width:77%;
  float:left;
  margin-top:1.5%;
}

@media only screen and  (max-width: 1280px) {
#container{
	width:76.5%;
	margin-left:0.5%;
}
}

@media only screen and  (max-width: 800px) {
#container{
	width:100%;
	padding:1% 1% 0;
	float:left;
	margin-left:0;
}
}

@media only screen and  (max-width: 568px) {
#container{
	padding:1% 0 0;
}
}

/* contents
--------------------------------------------------*/
.contents {
    width: 100%;
	float:left;
	margin:0 auto;
}

@media screen and (max-width: 568px) {
.contents {
	padding:0 1%;
	box-sizing: border-box;
}
}

/* sideR
--------------------------------------------------*/
#sideR{
  width:20%;
  float:right;
  margin:2% 0.5% 3% 2%;
  padding:0;
}


@media only screen and  (max-width: 800px) {
#sideR{
	width:100%;
	padding:0 1%;
	clear:both;
	margin:0 auto 5%;
	box-sizing: border-box;
}
}

/* search
--------------------- */
.search{
	width: 100%;
	text-align: center;
}

.search .form-cmn-select{
	width: 100%;
}

.search .form-search-select{
	width:94%;
	margin: 5px 3% 3px;
	font-size: 12px;
	padding:5px 5px;
	box-sizing: border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 1px solid #a0a0a0;
	cursor: pointer;
}

@media only screen and  (max-width: 800px) {
.search .form-search-select{
	padding:5px 10px;
}
}

.search #s_text {
	padding: 5px;
    width:94%;
    margin: 5px 3% 5px;
	font-size: 12px;
    box-sizing: border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 1px solid #a0a0a0;
}

@media only screen and  (max-width: 800px) {
.search #s_text {
	padding:6px 10px 5px;
	line-height:1.4;
}
}

input.serc_bt:hover{opacity: 0.7; }

input.serc_bt{
	margin: 5px auto 0;
	text-align	: center;
	font-size:12px;
	padding:5px 30px 4px;
	line-height: 1.6;
	background	: #656565;
    color: #fff;
    display:inline-block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
    border-style: none;
	cursor: pointer;
	letter-spacing	: 0.1em;
	}

/* sw50
--------------------- */
#sideR .sw50{
  width:100%;
  border-radius: 4px;
  overflow:hidden;
  margin-bottom:10px;
}

@media only screen and  (max-width: 800px) {
#sideR .sw50{
	width:49%;
	margin:0.5%;
	float:left;
}
}

@media only screen and  (max-width: 568px) {
#sideR .sw50{
	width:98%;
	margin:1%;
}
}

#sideR  .sd_ttl{
	width:100%;
	box-sizing: border-box;
	color:#000;
	padding:2px 5% 0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
	letter-spacing	: 0.05em;
	font-size:14px;
}

#sideR  .sd_ttl i.fa-search {
	margin-right: 5px;
	color: #636363;
}

#sideR  .ctg_ttl{
	width:96%;
	box-sizing: border-box;
	border-bottom:1px solid #000;
	color:#000;
	padding:0 5% 5px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
	letter-spacing	: 0.05em;
	font-size:16px;
	margin:0 2% 5px;
}

@media screen and (max-width: 568px) {
#sideR  .ctg_ttl{
	font-size:1em;
}
}

#sideR  .ctg_ttl i.fa-group {
	margin-right: 5px;
	color: #636363;
	font-size:1.2em;
}

#sideR  .ctg_ttl i.fa-shopping-bag {
	margin-right: 5px;
	color: #636363;
	font-size:1.2em;
}

#sideR  .ctg_ttl i.fa-jpy {
	margin-right: 5px;
	color: #636363;
	font-size:1.2em;
}

#sideR  .ctg_ttl i.fa-info-circle {
	margin-right: 5px;
	color: #636363;
	font-size:1.2em;
}

#sideR .sw50 ul {
	width:100%;
	padding:0 10px;
	box-sizing: border-box;
	background:#FFF;
	margin-bottom:2%;
	}
	
#sideR .sw50 li {
	width:100%;
	border-bottom: dotted 1px #ccc;
	font-size:13px;
	}

#sideR .sw50 li:last-child {
  border-bottom: none;
}

#sideR .sw50 li a {  
	background:#FFF;
	display:block;
    padding:15px 0 13px 50px;
    line-height:130%;
	color:#000;
	background-size:30px 30px;
	background-position:10px center;
	background-repeat:no-repeat;
}

@media only screen and  (max-width: 1280px) {
#sideR .sw50 li a { 
	padding:15px 0 13px 40px;
	background-position:5px center;
}
}

@media only screen and  (max-width: 800px) {
#sideR .sw50 li a { 
	padding:15px 0 13px 50px;
	background-position:10px center;
}
}

#sideR .sw50 li a:hover { 
	text-decoration:underline;
	color:#C30119;
	line-height:130%;
	}

#sideR .sw50 .i_guide a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_guide.gif);
}

#sideR .sw50 .i_rock a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_rock.gif);
}

#sideR .sw50 .i_user a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_user.gif);
}

#sideR .sw50 .i_pay a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_pay.gif);
}

#sideR .sw50 .i_moneys a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/moneys.gif);
}

#sideR .sw50 .i_money a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/money.gif);
}

#sideR .sw50 .i_human01 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human01.gif);
}

#sideR .sw50 .i_human02 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human02.gif);
}

#sideR .sw50 .i_human03 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human03.gif);
}

#sideR .sw50 .i_human04 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human04.gif);
}

#sideR .sw50 .i_human05 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human05.gif);
}

#sideR .sw50 .i_human06 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human06.gif);
}

#sideR .sw50 .i_human07 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human07.gif);
}

#sideR .sw50 .i_human08 a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/human08.gif);
}

#sideR .sw50 .i_noshi a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_noshi.gif);
}

#sideR .sw50 .i_qa a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_qa.gif);
}

#sideR .sw50 .i_maga a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_maga.gif);
}

#sideR .sw50 .i_con a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_con.gif);
}

#sideR .sw50 .i_kiyaku a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_kiyk.gif);
}

#sideR .sw50 .i_toku a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_toku.gif);
}

#sideR .sw50 .i_prv a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_prv.gif);
}

#sideR .sw50 .i_saki a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_saki.gif);
}

#sideR .sw50 .i_hnpi a{
	background-image:url(https://www.ryukyurian.com/watabe/images/common/icon_henpin.gif);
}

/* other
--------------------------------------------------*/
#sideR .other{
  width:100%;
  padding:10px;
  box-sizing: border-box;
  background:#FFF;
  text-align: center;
  font-size:12px;
}

#sideR .other img{
  width:100%;
  height:auto;
  margin-bottom:7px;
}

@media screen and (max-width: 568px) {
#sideR .other{
  font-size:14px;
}

#sideR .other img{
	max-width:280px;
	margin:0 auto 5px;
}
}

#sideR .other a:hover { 
	text-decoration:underline;
	opacity: 0.7;
	}

/* sd_cart
--------------------------------------------------*/
#sideR #sd_cart{
  width:100%;
  border-radius: 4px;
  overflow:hidden;
  margin-bottom:10px;
  font-size:0.9em;
}

#sideR .cart {
	width: 100%;
	box-sizing: border-box;
	padding:5px 10px;
	background:#FFF;
}

#sideR .cart_item {
  width: 100%;
}

#sideR .cart ul li {
	line-height: 1.2em;
	padding: 4px 0px;
	border-bottom: 1px dotted #D4E2EA;
}
#sideR .cart ul li a {
	text-decoration: none;
}
#sideR .cart ul li a:hover {
	text-decoration: underline;
}
#sideR .cart ul li span {
	font-size: 10px;
}
#sideR .cart p {
	line-height: 1.8;
	text-align: center;
}
#sideR .cart p.incart_name {
	line-height:1.4;
	text-align:left;
	padding:5px 5px 0 5px;
	font-size:13px;
}

p.incart_name a {
	text-decoration: none;
	color:#000;
}
p.incart_name a:hover {
	text-decoration: underline;
}

#sideR .cart p.stotal {
	line-height:1.6;
	text-align:right;
	padding:5px 10px;
}
#sideR .cart p.total {
	line-height:1.6;
	text-align:right;
	padding:10px 10px 5px 10px;
	border-top:1px dotted #666;
	border-bottom:1px solid #666;
	margin-bottom:0;
	color:#FF0033;
}
#sideR .cart ul.postage {
	font-size:14px;
}
#sideR .cart ul.postage li {
	color:red;
}
#sideR .subtotal {
	margin-bottom:0;
}

#sideR #s_select {
	padding: 5px 0px;
    width:94%;
    margin: 5px 3% 3px;
    box-sizing: border-box;
}

#sideR .side_ttl {
    margin: 0 0 7px;
    font-size:1.2em;
	width:100%;
	background:#649AD9;
	color:#FFF;
	padding:5px 0;
	text-align: center;
}

@media screen and (max-width: 568px) {
#sideR .side_ttl {
	font-size:1em;
}
}

#sideR #s_text {
	padding: 5px;
    width:94%;
    margin: 5px 3% 5px;
    box-sizing: border-box;
}

.kny_bt{
	font-size:13px;
	text-align: center;
	margin-top:10px;
	margin-bottom:5px;
}

.kny_bt a{color:#FFF;display:inline-block;padding:2px 8px 1px;background-color:#FF4A4A;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;}
.kny_bt a:hover{color:#FFF;text-decoration:none;background-color:#D34141;}

/*footer
---------------------------------------------------------------------------*/
footer {
	clear: both;
	padding: 2.5% 0 2%;
	color: #000;
	background-color:#F6F6F6;
}

@media screen and (max-width: 800px) {
footer {
	padding: 4% 0 3%;
}
}

@media screen and (max-width: 568px) {
footer {
	padding: 5% 0 3%;
}
}

.footerArea {
	padding: 0 3%;
	width: 1200px;
	min-height:140px;
	box-sizing: border-box;
	margin: 0 auto 0;
	position: relative;
}

@media screen and (max-width: 1280px) {
.footerArea {
	width: 100%;
	padding: 0 1%;
	}
}

@media screen and (max-width: 800px) {
.footerArea {
	padding: 0 2%;
	}
}

.f_logo {
  margin-bottom:2%;
  text-align: center;
  height:40px;
}

@media screen and (max-width: 800px) {
.f_logo {
  margin-bottom:1%;
}
}

.f_logo img {
  display: inline-block;
  vertical-align:middle;
  margin-left:5px;
  margin-right:5px;
  margin-top:-10px;
  width:106px;
  height:auto;
}

.f_logo p{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight:400;
  font-size:1.6em;
  color:#000;
  vertical-align:middle;
}

@media screen and (max-width: 568px) {
.f_logo img {
  margin-top:-8px;
}

.f_logo p{
 font-size:1.4em;
}
}

.footerArea .f_text{
	padding:0 3%;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

@media only screen and  (max-width: 568px) {
.footerArea .f_text{
	margin-left:auto;
	margin-right:auto;
	float:none;
	text-align: center;
}
}

.f-menu li{
	padding:0 15px;
	border-right:1px solid #ccc;;
	display:inline-block;
	font-size:13px;
	line-height:1;
}
@media screen and (max-width: 800px) {
.f-menu li{
	padding:0 10px;line-height:1.4;
    margin:5px 0;
}
}

.f-menu li:last-child {
  border-right: none;
}

.f-menu a {
	text-decoration: none;
	color: #000;
}
.f-menu a:hover {
	color: #C30119;
	text-decoration: underline;
}

.f_card{
	width:100%;
	margin:0 0 3%;
}

.f_card p{
	font-size:13px;
}

.f_card li{
	width:60px;
	display:inline-block;
	box-sizing: border-box;
	padding:5px 5px 0;
}

.f_card li img{
	width:100%;
	height:auto;
}

@media only screen and  (max-width: 800px) {
.f_card{
	width:100%;
	padding:2% 2% 1%;
	box-sizing: border-box;
	text-align: center;
}

.f_card p{
	padding-left:0;
}

.f_card li{width:14%;display:inline-block;box-sizing: border-box;padding:1%;float:none;}
}

.add {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:14px;
	}


footer .copy{
	text-align: center;
	width:100%;
	padding:2% 0 0;
	font-size:12px;
	letter-spacing	: 0.05em;
}


footer .copy a {
	text-decoration: none;
	color: #333;
}
footer .copy a:hover {
	color: #333;
}

.f_icon{  
	margin:15px 2% 5px;
	display: block;
	} 

.f_icon li{
	margin:0 5px;
	display: inline-block;
}

@media only screen and  (max-width: 800px) {
.f_icon{  
	width:90%;
	margin:2% auto 4%;
	text-align: center;
}
}

.f_icon li img{
	width:40px;
	height:auto;
}

.f_icon li a:hover {
	opacity: 0.8;
}

@media only screen and  (max-width: 568px) {
	.f_icon{
	width:96%;
	margin:0 auto 15px;
	display: block;
}	
.f_icon li{
	width:14%;
	margin:0 3%;
}

.f_icon li img{
	width:100%;
}
}

/* page_top
========================================================================== */
#page_top {
position: fixed;
bottom: 1.5%;
right: 1.5%;
z-index:100;
width:50px;
}

@media screen and (max-width: 568px) {
#page_top {
width:40px;
bottom: 5px;
}
}

#page_top img{
width:100%;
height:auto;
}

/*HIDE
---------------------------------------------------------------------------*/
.pcHide{display: none;}

@media screen and (max-width: 800px) {
.pcHide{display: block;}
.tbHide{display: none;}
}

@media screen and (max-width: 568px) {
.pcHide{display: block;}
.tbHide{display: block;}
.spHide{display: none;}
}

/*===========================================
sp_navi
===========================================*/
#sp_navi {
	position: relative;
	transition: all 0.5s ease;
}

#disable-layer {
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 998;
}

/*===========================================
.sp_menu
===========================================*/
.sp_menu {
	display: none;
}

@media screen and (max-width: 800px) {
.sp_menu {
	display: inline-block;
	position: fixed;
	right: 0;
	top: 0;
	margin:0;
	padding: 0 0 0;
	text-align: center;
	box-sizing: border-box;
	height: 59px;
	cursor: pointer;
	width:20%;
}
}

.sp_menu img{
	width:auto;
	height:26px;
	margin:9px auto 2px;
}

.sp_menu p{
	font-size:11px;
	margin:0;
	padding:0;
}

.sp_menu:hover {
  background: #F6F6F6;
}

#sp_head .open {
	text-decoration: none;
}

#global .search {
	margin-top: 5px;
	box-sizing: border-box;
	border-top: 1px solid #EAEAE9;
	padding:10px 5px;
}

#global .sd_ttl{
	width:100%;
	box-sizing: border-box;
	color:#000;
	padding:2px 5% 0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:400;
	letter-spacing	: 0.05em;
	font-size:14px;
	text-align: left;
	margin-bottom: 5px;
}

#global .sd_ttl i.fa-search {
	margin-right: 5px;
	color: #636363;
}

/*===========================================
global
===========================================*/
#global {
	width: 220px;
	height: 100%;
	line-height: 1.2;
	position: fixed;
	top: 0;
	left: 100%;
	z-index: 999;
	background: #FFF;
	overflow-y: auto;
	transition: all 0.5s ease;
	font-size: 14px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",MS P Gothic,Osaka,Arial,Verdana,sans-serif;
}

#global a {
	color: #000;
	text-decoration: none;
}

#global-menu {
border-top: 1px solid #EAEAE9;
margin-top:5px;
margin-bottom:5px;
}

#global-menu li a {
	padding: 15px 10px 13px 20px;
	display: block;
	position: relative;
	color: #000;
}

#global-menu li a:hover {
	background: #E9F3FF;
	color: #32465B;
}

#global-menu > li > a:after {
	content: '\f054';
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 10px;
}

#global-menu ul li:first-child {
	border-top: none;
}

#global-menu .children {
	background: #434343;
}

#global-menu .children li {}

#global-menu .children li .trigger {
	padding: 15px 10px 13px 20px;
	display: block;
	position: relative;
	cursor: pointer;
	background: #FFF;
	color: #000;
	border-bottom: 1px solid #EAEAE9;
}

#global-menu .children li .trigger:after {
	content: '\f078';
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 10px;
}

#global-menu .children li .trigger.active {
	background: #FFF;
	color: #000;
}

#global-menu .children li .trigger.active:after {
	content: '\f077';
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 10px;
}

#global-menu .children li .target {
	background: #F6F6F6;
	display: none;
}

#global-menu .children li .target a {
	color: #000;
	border-bottom: 1px solid #EAEAE9;
}

#global-menu .children li .target a:hover {
	color: #FFF;
	background: #B8B8B8;
}


#global-menu .children li .target.active {
	display: block;
}
}

#global-menu .children li .target li a:after {
	content: '\f054';
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 10px;
}

#global-closes {
	padding: 10px 10px 8px;
}

#global-closes .closes {
	width: 100px;
	margin: auto;
	padding: 10px 5px;
	background: #E4E4E4;
	display: block;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	color:#000;
	font-size:90%;
}

#global-buttons {
	padding: 10px;
}

#global-buttons li{
	width: 98%;
	margin:0 auto;
}

#global-buttons li a {
	padding: 10px 0px;
	background: #C50018;
	border-radius: 7px;
	display: block;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
}

#global-buttons li a:hover {
	background: #7C003C;
}
/*===========================================
Font Awesome
===========================================*/

#global-menu > li > a:after,
#global-menu .children li a:after,
#global-menu .children li .trigger:after,
#global-menu .children li .target li a:after,
#global-pages li a:after {
	font-family: 'FontAwesome';
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: left;
	font-weight: normal;
	font-style: normal;
}

/* ご利用ガイド */

/* guide_box
--------------------------------------------------*/
#guide_box{
	width:100%;
	box-sizing: border-box;
	padding:0 2% 5%;
    margin:0 auto;
	float:left;
}

@media only screen and  (max-width: 568px) {
#guide_box{
	width:100%;
	padding:0 1%;
}
}

.guide_top{
	font-size:12px;
	padding:1% 10px;
	}

#guide_box h2{
	padding:10px;
	font-size:1.2em;
}

#guide_box .guide_list{
	width		: 98%;
	margin		: 1% 1% 2%;
	float:left;
	display:block;
	}

#guide_box .guide_list a{
	color:#C30119;text-decoration:underline;
	}

#guide_box .guide_list a:hover{
	color:#7C013F;text-decoration:none;
	}

.guide_ttl{
	display:block;
	background	: #FEEFF1;
	padding:15px 3% 12px;
	font-size:18px;
	}

@media only screen and  (max-width: 568px) {
.guide_ttl{
	padding:10px 4% 8px;
	font-size:16px;
	}
}


#guide_box .guide_list h3{
	display:block;
	border-bottom:1px solid #000;
	padding:1% 3%;
	font-size:14px;
	margin-bottom:1%;
	}

@media only screen and  (max-width: 568px) {
#guide_box .guide_list h3{
	padding:10px 4% 8px;
	}
}

#guide_box .guide_text{
	padding:3% 2% 0;
	}

@media only screen and  (max-width: 800px) {
#guide_box .guide_text{
	padding:1% 2%;
	}
}

@media only screen and  (max-width: 568px) {
#guide_box .guide_text{
	padding:1%;
	}
}

#guide_box .guide_list p{
	font-size:14px;
	padding:1% 0;
	}

@media only screen and  (max-width: 568px) {
#guide_box .guide_list p{
	font-size:13px;
	padding:1% 0;
	}
}

#guide_box .guide_list img{
	width		: 50%;
	float:right;
	margin		: 1% 1% 2% 3%;
	}

@media only screen and  (max-width: 800px) {
#guide_box .guide_list img{
	width		: 96%;
	float:none;
	margin		: 1% 2% 2%;
	}
}

#guide_box .guide_list .red{
	color:#C30119;
	}
	
#guide_box .lin001{
	border-bottom:1px dotted #CCC;
	margin-bottom:1%;
	}

#guide_box .guide_tx{
	padding:0 2% 2%;
	clear:both;
	width:100%;
	box-sizing: border-box;
	}

@media only screen and  (max-width: 800px) {
#guide_box .guide_tx{
	padding:0 2% 1%;
	}
}

#guide_box .guide_tx .fa{
	font-size:3em;
	}

.fa-cc-visa,.fa-cc-mastercard{
	color:#0F0487;
	}

.fa-cc-visa,.fa-cc-diners-club{
	color:#0F0487;
	}

.gu_con{
	border: 1px solid #d0d0d0;
	padding: 5px 3%;border-radius: 10px; 
	margin-top:2%;margin-bottom:2%;
	}

.gu_con p{
	font-size:0.9em;
	}

.je_bt{
	padding:1% 1% 2%;
	}

.je_bt li{
	display:inline-block;
	margin:5px;
	font-size:12px;
	}

.je_bt a{
	color:#7C013F;text-decoration:underline;
	}

.je_bt a:hover{
	color:#C30119;text-decoration:none;
	}

/* よくある質問 */

/* qa_box
--------------------------------------------------*/
#qa_box{
	width:100%;
	box-sizing: border-box;
	padding:0 2% 5%;
    margin:0 auto;
	float:left;
}

@media only screen and  (max-width: 568px) {
#qa_box{
	width:100%;
	padding:0 1%;
}
}

.qa_top{
	font-size:12px;
	padding:1% 10px;
	}

#qa_box h2{
	padding:10px;
	font-size:1.2em;
}

#qa_box .qa_list{
	width		: 100%;
	margin		: 0 0 2%;
	box-sizing: border-box;
	padding:2% 2.5% 1.5%;
	border: 1px solid #ccc;
	border-radius: 10px;
	float:left;
	}

#qa_box .qa_list h3{
	display:block;
	background	: #FEEFF1;
	padding:15px 3% 12px;
	font-size:18px;
	margin-bottom:1.5%;
	font-weight:normal;
	}

@media only screen and  (max-width: 568px) {
#qa_box .qa_list h3{
	padding:10px 4% 8px;
	font-size:16px;
	}
}

#qa_box .qa_list li{
	margin		: 1% 0;
	float:left;
}
	
.qa {
	width:100%;
	margin:0 0 10px 0;
	border-bottom:0.05em dotted #CCC;
	height:auto;
	min-height:40px;
	clear:both;
	float:left;
}

@media screen and (max-width: 568px) {
.qa {
	min-height:30px;
}
}

.ques {
	width:40px;
	height:40px;
	border-radius:50px;
	background:#C5021B;
	margin:0 10px;
	float:left;
	display:block;
}

.ques p{
	font-family: Roboto,sans-serif;
	text-align:center;
	font-size:1.4em;
	color:#FFF;
	padding-top:2px;
}

@media screen and (max-width: 568px) {
.ques {
	width:30px;
	height:30px;
	margin:3px 10px 0 5px;
}

.ques p{
	font-size:1.2em;
	padding-top:6px;
	line-height:1;
}
}

.ques_tx{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; 
	align-items: center;
	-webkit-justify-content: left; 
	justify-content: keft;
	height:auto;
	min-height:45px;
}

.ques_tx p{
	font-size:1.15em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:500;
	color:#A21C1C;
}

@media screen and (max-width: 1280px) {
.ques_tx p{
	font-size:1.2em;
}
}

@media screen and (max-width: 800px) {
.ques_tx p{
	font-size:1.1em;
	line-height:1.2;
}
}

@media screen and (max-width: 568px) {
.ques_tx{
	min-height:35px;
}
.ques_tx p{
	font-size:1em;
	font-weight:400;
}
}


.kotae {
	width:100%;
	margin:0 0 0 0;
	position: relative;
	display:block;
	float:left;
}

.answ{
	width:40px;
	height:40px;
	display:block;
	border-radius:50px;
	background:#D3BA5D;
	position:absolute;
	top:0;
	left:10px;
}

.answ p{
	font-family: Roboto,sans-serif;
	text-align:center;
	font-size:1.4em;
	color:#FFF;
	padding-top:2px;
}

@media screen and (max-width: 568px) {
.answ {
	width:30px;
	height:30px;
	left:5px;
}
.answ p{
	font-size:1.2em;
	padding-top:5px;
	line-height:1;
}
}

.answ_tx{
	padding: 1% 2% 1% 65px;
	width:100%;
	box-sizing: border-box;
	min-height:48px;
}

@media screen and (max-width: 568px) {
.answ_tx{
	padding: 1% 2% 1% 45px;
}
}

.answ_tx p{
	line-height:1.8;
}

.answ_tx strong{
	font-size:1.2em;
	color:#FF3171;
	font-weight:normal;
}

.answ_tx span{
	color:#F96538;
}

@media screen and (max-width: 800px) {
.answ_tx p{
	font-size:0.9em;
	line-height:1.6;
}
.answ_tx p strong{
	font-size:1em;
}
}

.kotae a {
	text-decoration: underline;
	color: #199D96;
}
.kotae a:hover {
	color: #199D96;
	text-decoration: none;
}

/* よくある質問 */

/* qa_box
--------------------------------------------------*/
#noshi_box{
	width:100%;
	box-sizing: border-box;
	padding:0 2% 5%;
    margin:0 auto;
	float:left;
}

@media only screen and  (max-width: 568px) {
#noshi_box{
	width:100%;
	padding:0 1%;
}
}

#noshi_box h2{
	padding:10px;
	font-size:1.2em;
}

.noshi_info{
	width		: 100%;
	margin		: 0 auto 3%;
	background:#FEEFF1;
	padding:1% 2%;
	float:left;
	box-sizing: border-box;
	}

.noshi_info h3{
	width:100%;
	box-sizing: border-box;
	background:#C40119;
	color:#FFF;
	font-size:1.2em;
	font-weight:normal;
	padding:0.8% 1% 0.5% 3%;
	margin-top:1%;
	margin-bottom:1%;
	}

@media only screen and  (max-width: 568px) {
.noshi_info h3{
	font-size:1em;
}
}

.noshi_info img{
	float:left;
	width:141px;
	max-width:20%;
	height:auto;
	margin:1% 3% 1% 1%;
	}

.noshi_info ul{
	float:left;
	width:75%;
	margin-bottom:10px;
	}

@media only screen and  (max-width: 568px) {
.noshi_info img{
	float:none;
	width:141px;
	max-width:initial;
	margin:1% auto;
	}

.noshi_info ul{
	width:100%;
	margin-bottom:10px;
	}
}

.noshi_info li{
	margin:1%;
	font-size:0.9em;
	}

.noshi_info .hg{
	padding-top:1%;
	}
	
.noshi_info li.hf{
	float:left;
	width:46%;
	margin:2% 2% 1% 1%;
	line-height:1.8;
	}

.noshi_text{
	width:100%;
	margin:2% auto;
	}

.noshi_text img{
	width:100%;
	height:auto;
	max-width:830px;
	}

#noshi_box h4{
	width:100%;
	box-sizing: border-box;
	background:#C40119;
	color:#FFF;
	font-size:1.2em;
	font-weight:normal;
	padding:0.8% 1% 0.5% 3%;
	margin-top:2%;
	margin-bottom:2%;
	}

#noshi_box p{
	width:96%;
	margin:1% auto;
	}

/* 会社概要 */

/* compny_box
--------------------------------------------------*/
#compny_box{
	width:100%;
	box-sizing: border-box;
	padding:0 2% 5%;
    margin:0 auto;
	float:left;
}

@media only screen and  (max-width: 568px) {
#compny_box{
	width:100%;
	padding:0 1% 5%;
}
}
#compny_box h2{
	padding:10px 10px 0px 10px;
	font-size:1.2em;
}
#compny_box h3{
	padding:10px;
	font-size:1.2em;
}
#compny_box table{
	width		: 100%;
	margin		: 0 0 4%;
	background: #FFF;
	border-top	: solid 1px #ccc;
	border-left	: solid 1px #E0E0E0;
	border-right	: solid 1px #E0E0E0;
	font-size:13px;
	box-sizing: border-box;
	line-height:1.6;
	}

#compny_box td{
	padding		: 14px 1% 10px 2.5%;
	box-sizing: border-box;
	width:80%
	color		: #000000;
	border-bottom	: solid 1px #E0E0E0;
	text-align	: left;
	}

#compny_box th{
	color		: #000;
	border-bottom	: solid 1px #E0E0E0;
	border-right	: dashed 1px #E0E0E0;
	text-align	: center;
	font-weight:normal;
	padding		: 14px 5px 10px;
	background	: #FBFBFB;
	box-sizing: border-box;
	width:20%;
	}

@media only screen and (max-width: 568px)  {
#compny_box td{
	padding		: 10px 5px 6px 2.5%;
	width:70%
  }
#compny_box th{
	padding		: 10px 5px 6px;
	width:30%;
  }
}

#compny_box td p{
	margin:5px 0;
	}
	
#compny_box td ul{
	padding:0;
	width:100%;
	}
	
#compny_box td li{
	padding:5px 0;
	}
	
#low_box caption{
	margin		: 0;
	padding		: 10px 10px 8px;
	box-sizing: border-box;
	width:100%;
	font-weight	: normal;
	letter-spacing	: 0.1em;
	background:#6C6C6C;
	border-top	: solid 1px #ccc;
	border-right	: solid 1px #ccc;
	border-left	: solid 1px #ccc;
	color		: #FFF;
	text-align	: center;
	font-size:18px;
	}

#compny_box .gen_tx{
	padding:0 10px;
	text-align	: right;
	font-size:12px;
}
/* お気に入り */

/* reco_toptx
--------------------------------------------------*/
.reco_toptx{
    width: 99%;
	margin:0 0.5% 1%;
}

@media screen and (max-width: 800px) {
.reco_toptx{
    width: 98%;
	margin:2% 1% 2%;
}
}

.reco_toptx h2{
    width: 100%;
	padding:0 2% 5px;
	border-bottom:1px solid #000;
	box-sizing: border-box;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-weight:400;
	font-size:1.8em;
	line-height:1.2;
}

@media screen and (max-width: 568px) {
.reco_toptx h2{
	font-size:1.4em;
}
}

.reco_toptx h2 .fa-heart {
	margin-right: 5px;
	color: #C50018;
	font-size:1.05em;
}

.reco_list {
    width: 100%;
	float:left;
	margin:1.5% auto 5%;
}

@media screen and (max-width: 568px) {
.reco_list {
	padding:0 1%;
	box-sizing: border-box;
}
}

.reco_list ul{
   margin-top:1%;
   margin-bottom:0.5%;
   float:left;
   width:100%;
}

.reco_list li{
   width: 23%;
   height:280px;
   position: relative;
   overflow:hidden;
	margin:1%;
   box-sizing: border-box;
   float:left;
   padding: 1% 0;
}

@media screen and (max-width: 800px) {
.reco_list li{
    width: 31.3333%;
	height:260px;
}
}

@media screen and (max-width: 568px) {
.reco_list li{
    width: 47%;
	margin:0.5% 1.5% 1%;
}
}

.reco-wrapper .rec_photo{
	width: 98%;
	height:150px;
	margin:0 1% 4%;
	position: relative;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
	text-align:center;
	overflow: hidden;
}

.reco-wrapper .rec_photo img{
	width:auto;
	max-width:100%;
	height:150px;
	display: inline-block;
	vertical-align:middle;
	margin:auto auto;
}


@media screen and (max-width: 800px) {
.reco-wrapper .rec_photo{
    width: 100%;
	height:135px;
	margin:1% auto;
}

.reco-wrapper .rec_photo img{
	height:135px;
}
}

.reco_list li .rec_photo {
  position: relative;
  overflow: hidden;
}

.reco_list li img {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 400ms;
  transition: transform 400ms;
}
.reco_list li:hover img {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.recm_txt {
    width:100%;
	box-sizing: border-box;
	padding:5px 5px;
	color:#000;
}

.recm_txt .recm_ttl{
  font-size:13px;
  margin-bottom:3px;
  line-height:1.5;
}

@media screen and (max-width: 568px) {
.recm_txt .recm_ttl{
  font-size:13px;
}
}

.reco_list li .recmc{
  font-size:13px;
  text-align: center;
}

@media screen and (max-width: 568px) {
.reco_list li .recmc{
    font-size:12px;
}
}
.reco_list a { color:#000; }
.reco_list a:hover { opacity: 0.7;text-decoration: underline; }
/* shima-catalog
--------------------------------------------------*/
.shima-catalog{ 
  width:100%;
  float:left;
  background-image:url("https://img21.shop-pro.jp/PA01446/581/etc/bg-shimagift.jpg?cmsp_timestamp=20200909152303") ;
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  margin:0 0 5%;
  position: relative;
}

.shima-catalog .ribon{ 
  top:0;
  right:0;
  position: absolute;
  z-index:0;
  width:25%;
}
.shima-catalog .ribon img{ 
  height:auto;
  width:100%;
}

.shima-info{ 
  position: relative;
  z-index:1;
  padding-top:60px;
}

@media screen and (max-width: 800px) {
.shima-info{
  padding-top:40px;
}
}

@media screen and (max-width: 568px) {
.shima-info{
  padding-top:20px;
}
}

.shima-info h3{ 
  color:#FFF;
  padding:0 1% 2%;
  font-family: 'Sawarabi Mincho', sans-serif;
  font-weight:600;
  font-size:3em;
  text-align: center;
  letter-spacing : 0.05em;
  text-shadow:1px 1px 3px #052E62;
}

@media screen and (max-width: 800px) {
.shima-info h3{
  font-size:2.5em;
}
}

@media screen and (max-width: 568px) {
.shima-info h3{
  font-size:1.6em;
  letter-spacing : 0em;
}
}

.shima-info .smg-tx{ 
  color:#FFF;
  text-shadow:1px 1px 1px #052E62;
  text-align: center;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:400;
}

@media screen and (max-width: 568px) {
.shima-info .smg-tx{ 
  font-size: 0.9em;
}
}

.shima-info .smg-tx2{ 
  color:#000;
  padding:10px;
  font-size:12px;
  line-height:1.5;
  text-align: left;
}

@media screen and (max-width: 568px) {
.shima-info .smg-tx2{ 
  padding:10px 10px 0;
}
}

.shima-syousai{ 
  width:100%;
  box-sizing: border-box;
  padding:2% 3% 2% 4%;
  text-align: center;
}

.shimag01{ 
  width:35%;
  display:inline-block;
}

.shimag01 img{ 
  height:auto;
  width:100%;
}

@media screen and (max-width: 800px) {
.shimag01{ 
  width:100%;
  display:block;
  margin:2% auto 4%;
}
}

.shimag02{ 
  width:63%;
  display:inline-block;
  vertical-align: top;
}

@media screen and (max-width: 800px) {
.shimag02{ 
  width:100%;
  display:block;
  margin:2% auto;
}
}

.shimag02 .syu-ttl{
  color:#FFF;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight:400;
  font-size:2em;
  text-align: center;
  letter-spacing : 0.03em;
  text-shadow:1px 1px 3px #052E62;
  padding:0 0 10px;
}

@media screen and (max-width: 800px) {
.shimag02 .syu-ttl{
  padding:0 0 3px;
}
}

@media screen and (max-width: 568px) {
.shimag02 .syu-ttl{
  font-size:1.5em;
}
}

.shima-syousai ul{ 
  text-align: center;
  margin-bottom:20px;
}


@media screen and (max-width: 568px) {
.shima-syousai ul{ 
  margin-bottom:10px;
}
}

.shimag02 li{ 
  width:30.3333%;
  display:inline-block;
  margin:1.5%;
  vertical-align: top;
}

@media screen and (max-width: 568px) {
.shimag02 li{ 
  width:48%;
  margin:1%;
}
}

.shimag02 li img{ 
  height:auto;
  width:100%;
  margin-bottom:5px;
}

.shimag02 li .pro_title{
 font-size: 1.4em;
 text-align: center;
 color:#FFF;
 margin-bottom:10px;
 font-family: 'Roboto', sans-serif;
 font-weight:400;
 text-shadow:1px 1px 3px #052E62;
 line-height:1;
}

@media screen and (max-width: 568px) {
.shimag02 li .pro_title{
 font-size: 1.2em;
}
}

.shimag02 li .pro_title small{
 font-size: 14px;
 font-family: 'Noto Sans Japanese', sans-serif;
 font-weight:400;
}

.shimag02 li .pro_title span{
  font-size: 0.85em;
  line-height:2;
}

@media screen and (max-width: 568px) {
.shimag02 li .pro_title span{
  font-size: 0.95em;
  line-height:1.7;
}
}

.shima_but{
  margin-top:15px;
  font-size:13px;
  text-align: center;
}

@media screen and (max-width: 568px) {
.shima_but{
  margin-top:10px;
  margin-bottom:15px;
}
}

.shima_but a{color:#043E89;text-decoration:none;padding:5px 15px 3px;background-color:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.shima_but a:hover{color:#FFF;text-decoration:none;background-color:#043E89;}

.shima-sumaph{ 
  width:100%;
  box-sizing: border-box;
  padding:2% 4% 2% 5%;
  float:left;
  margin-bottom:5%;
}

@media screen and (max-width: 568px) {
.shima-sumaph{ 
  padding:0 3%;
}
}

.shima-sumaph .sumaph{ 
  width:55%;
  box-sizing: border-box;
  float:right;
  padding-top:2%;
}

@media screen and (max-width: 800px) {
.shima-sumaph .sumaph{ 
  float:none;
  margin:0 auto;
  padding-top:0;
  width:75%;
}
}

@media screen and (max-width: 568px) {
.shima-sumaph .sumaph{ 
  display:none;
}
}

.shima-sumaph .sumaph p{
  color:#FFF;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight:400;
  font-size:2em;
  text-align: right;
  letter-spacing : 0.03em;
  text-shadow:1px 1px 3px #052E62;
  transform: rotate( -2.5deg );
  margin-bottom:10px;
}

.shima-sumaph .sumaph img{ 
  height:auto;
  width:100%;
}

.shima-sumaph .ph-tx{ 
  width:43%;
  box-sizing: border-box;
  float:left;
}

@media screen and (max-width: 800px) {
.shima-sumaph .ph-tx{ 
  width:70%;
  float:none;
  margin:30px auto 0;
}
}

@media screen and (max-width: 568px) {
.shima-sumaph .ph-tx{ 
  width:100%;
  margin:0 auto 0;
}
}

.ph-tx .ph-syousai{ 
  width:100%;
  box-sizing: border-box;
  background: rgba(7, 32, 64, 0.8);
  padding:15px 20px;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}

.ph-tx .ph-syousai .ph-ttl{ 
  width:100%;
  box-sizing: border-box;
  padding:0 5px 5px;
  border-bottom:2px solid #FFF;
  color:#FFF;
  font-size:20px;
  text-align: center;
  line-height:1.5;
  margin-bottom:5px;
}

.ph-tx .ph-syousai table{ 
  width:100%;
  border-bottom:1px solid #FFF;
}

.ph-tx .ph-syousai table th{ 
  width:25px;
  color:#FFF;
  text-align: left;
  font-size:20px;
  font-family: 'Roboto', sans-serif;
  font-weight:400;
}

.ph-tx .ph-syousai table td{ 
  color:#FFF;
  padding:10px 0;
}

.ph-tx .ph-syousai table dl{ 
  width:100%;
}

.ph-tx .ph-syousai table dt{ 
  width:65%;
  display:inline-block;
  font-size:13px;
  line-height:1.5;
  vertical-align: top;
}

.ph-tx .ph-syousai table dd{ 
  width:35%;
  display:inline-block;
  box-sizing: border-box;
  padding-left:10px;
  vertical-align: top;
}

.ph-tx .ph-syousai table dd img{ 
  height:auto;
  width:100%;
}

.ph-catn{ 
  padding:10px 0;
  color:#FFF;
  font-size:12px;
  line-height:1.5;
}
.ph-tel{ 
  display:block;
  background:#FFF;
  color:#000;
  font-family: 'Kosugi Maru', sans-serif;
  font-weight:400;
  font-size:1.4em;
  line-height:1;
  text-align: center;
  padding:10px 0;
  -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
}

@media screen and (max-width: 568px) {
.ph-tel{ 
  font-size:1.3em;
}
}

.ph-teltx{
  text-align: center;
  color:#FFF;
  font-size:13px;
  line-height:1.4;
  margin-top:10px;
}

.ph-teltx strong{
  font-family: 'Roboto', sans-serif;
  font-weight:500;
  font-size:2em;
}

.chima-3syu{ 
  width:90%;
  box-sizing: border-box;
  padding:0 0 0 2%;
  background: rgba(7, 32, 64, 0.8);
  margin:0 auto;
  border-bottom:1px dotted #B0AE7F;
}

@media screen and (max-width: 568px) {
.chima-3syu{ 
  width:94%;
}
}

.chima-3syu img{ 
  height:auto;
  width:100%;
}

.shima_but2{
  margin-top:10px;
  margin-bottom:20px;
  font-size:13px;
  text-align: center;
}

.shima_but2 a{color:#043E89;text-decoration:none;padding:5px 15px 3px;background-color:#FFF;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.shima_but2 a:hover{color:#FFF;text-decoration:none;background-color:#043E89;}

.chima-gtxt{ 
  width:90%;
  box-sizing: border-box;
  padding:2%;
  background: rgba(7, 32, 64, 0.8);
  margin:0 auto;
}

@media screen and (max-width: 568px) {
.chima-gtxt{
  width:94%;
  padding:3% 5% 1%;
}
}

@media screen and (max-width: 568px) {
.chima-gtxt dl{ 
  margin:5px 0;
}
}


.chima-gtxt dt{ 
  width:25%;
  display:inline-block;
  vertical-align: middle;
  background:#ADA97D;
  color:#000;
  padding:10px 0 8px;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 568px) {
.chima-gtxt dt{ 
  width:auto;
  padding:7px 15px 5px;
}
}

.chima-gtxt dd{ 
  width:75%;
  display:inline-block;
  vertical-align: middle;
  color:#FFF;
  padding:5px 0 5px 15px;
  box-sizing: border-box;
}

@media screen and (max-width: 568px) {
.chima-gtxt dd{ 
  width:100%;
  padding:5px;
}
}

.chima-gtxt2{ 
  width:90%;
  box-sizing: border-box;
  padding:2%;
  background: rgba(7, 32, 64, 0.8);
  margin:0 auto 5%;
}

@media screen and (max-width: 568px) {
.chima-gtxt2{ 
  width:94%;
  padding:0 5% 3%;
}
}

.chima-gtxt2 li{ 
  width:48%;
  display:inline-block;
  vertical-align: top;
  margin:1%;
}

@media screen and (max-width: 568px) {
.chima-gtxt2 li{ 
  width:98%;
  margin:0% 1% 3%;
}
}

.chima-gtxt2 li .cus-ttl{
 font-size: 17px;
 font-family: 'Noto Sans Japanese', sans-serif;
 font-weight:400;
 color:#FFF;
 margin-bottom:5px;
}

@media screen and (max-width: 568px) {
.chima-gtxt2 li .cus-ttl{
 font-size: 15px;
 margin-bottom:2px;
}
}

.chima-gtxt2 dt{ 
  width:72%;
  display:inline-block;
  vertical-align: middle;
  color:#FFF;
  text-align: left;
  font-size:12px;
  line-height:1.5;
}

.chima-gtxt2 dd{ 
  box-sizing: border-box;
  padding-left:5px;
  width:28%;
  display:inline-block;
  vertical-align: middle;
}

.chima-gtxt2 dd img{ 
  width:100%;
  height:auto;
}
.ctlg_gift_list {
 width:100%;
 float:left;
 box-sizing: border-box;
 padding:4% 2% 1%;
 margin:0 auto;
}

.ctl-syousai{ 
  width:100%;
  box-sizing: border-box;
  padding:0 1.5%;
  text-align: center;
}

@media only screen and (max-width: 568px)  {
.ctl-syousai{ 
  padding:0 3%;
}
}

.chima-3syuL{ 
  width:98%;
  box-sizing: border-box;
  padding:0 0 5px 2%;
  background: rgba(7, 32, 64, 0.8);
  margin:0 auto 4%;
}
.chima-3syuL img{ 
  height:auto;
  width:100%;
}

.ctl-syousai .ctl03{ 
  width:46%;
  margin-right:3%;
  height:auto;
  display:inline-block;
  vertical-align: top;
  padding-top:15px;
}

@media only screen and (max-width: 568px)  {
.ctl-syousai .ctl03{ 
  margin-right:0%;
  width:100%;
  display:block;
  padding-top:0px;
}
}

.ctl-syousai .ctl03 img{ 
  width:100%;
  height:auto;
}

@media only screen and (max-width: 568px)  {
.ctl-syousai .ctl03 img{ 
  width:75%;
  margin:0 auto;
}
}

.ctl-syousai .ctl04{ 
  width:50%;
  display:inline-block;
  vertical-align: top;
}

@media only screen and (max-width: 568px)  {
.ctl-syousai .ctl04{ 
  width:100%;
  display:block;
}
}
.ctl-syousai .ctl04n{ 
  width:100%;
  display:block;
}
.ctlg_name {
 font-size: 16px;
 margin-bottom:15px;
 margin-top:25px;
 line-height:1.2;
 text-align: center;
  color: #FFF;
  text-shadow:1px 1px 1px #052E62;
}

@media only screen and (max-width: 568px)  {
.ctlg_name {
  font-size: 14px;
}
}
.ctlg_name span {
 font-size: 2em;
 font-family: "ÞâÌÀÄ«", YuMincho, "\Ò\é\®\ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
}

.ctlg_name strong {
 font-size: 2.4em;
 padding-left:10px;
 font-family: "ÞâÌÀÄ«", YuMincho, "\Ò\é\®\ÎÌÀÄ« ProN W3", "Hiragino Mincho ProN", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "£Í£Ó ÌÀÄ«", serif;
}

@media only screen and  (max-width: 568px) {
.ctlg_name strong {
	font-size: 1.8em;
	padding-left:5px;
}
.ctlg_name span {
 font-size: 1.5em;
}
}

.ctlg_tx{font-size:13px;text-align: center;margin-top:15px;margin-bottom:15px;color:#000;}

.shima-gttl{ 
	width: 95.5%;
	margin:5px auto 15px;
	font-size:200%;
	padding:8px 1% 5px 3.5%;
	border-top:3px solid #009DBA;
	border-bottom:1px solid #009DBA;
	color:#009DBA;
}

@media only screen and  (max-width: 800px) {
.shima-gttl{
	font-size:160%;
}
}
.cthaso{
  text-align: center;
}

.mtb5{
  margin:0px auto 15px;
}

.cthaso p{
  display:inline-block;
  padding:5px 10px;
  color:#FFF;
  font-size:14px;
}
.cthaso span{color:#F0FF00;font-weight:bold;}
.rde {
  animation: rdeAnime 1.2s infinite alternate;
}
@keyframes rdeAnime{
   0% { background-color:#D81703; }
 100% { background-color:#C137CD; }
}