@charset "utf-8";
/* CSS Document */
.sp 	{ display: none; }

*{
    padding:0;
    margin:0;
    }
body,html{
    font-size:14px;
    line-height:1.8em;
    font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:100%;
	color:#555;
    }
a:hover img{
    opacity:0.5;
    }
img{
    border:none;
    outline:none !important;
	max-width:100%;
    height:auto;
    vertical-align:bottom;
    }
ul>li{
	list-style:none;
	}

.serif{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	}
.red{
	color:#e24723;font-weight:bold;
	}
.centerImage{
	display:block;
	margin:0 auto;
	}
.clfix {
}
.clfix:after {
	content:"";
	display:block;
	clear:both;
	}
.kaiu {cursor:pointer;cursor:hand;}
.kaiu :hover {  opacity:0.8;}

@media screen and (min-width: 541px) {
html,body{
	min-width:1000px;
	}
.pcNone{
	display:none !important;
	}
.rightImage{
	float:right;
	margin:0 0 10px 10px;
	}
.leftImage{
	float:left;
	margin:0 10px 10px 0;
	}
.pan {
	display:block;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
}
.pan a {
	color:#000000;
}
}
@media screen and (max-width: 540px) {
.spNone{
	display:none !important;
	}
.rightImage, .leftImage{
	display:block;
	margin:0 auto;
	}
.pan {
	display:none;
}
}

/* header ************************************************************************************************************************/

body>header>div{
	padding-top:10px;
	}
body>header>div .tel{
	float:right;
	margin-bottom:10px;
	}
body>header>div>h1{
	font-weight:normal;
	font-size:12px;
	margin-bottom:10px;
	}
body>header>div>h1.juer{
	font-weight:normal;
	font-size:11px;
	margin-bottom:10px;
	}
body>header>div:after{
	content:"";
	display:block;
	clear:both;
	}

	
@media screen and (min-width: 541px) {
body>header>div{
	width:980px;
	margin:0 auto;
	}
.gbase {
	width:980px;
	margin:0 auto;
}
body>header>nav{
	background:url(../../image/common/head-bg.png);
	height:48px;
	margin-bottom:-4px;
	z-index:10;
	position:relative;
	}
body>header>nav li {
	display:block;
	float:left;
}
body>header>nav li a {
	display:table-cell;
	width:163px;
	height:41px;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
	background:url(../../image/common/navbg_off.jpg) left top no-repeat;
	line-height:120%;
}
body>header>nav li a:hover {
	background:url(../../image/common/navbg_on.jpg) left top no-repeat;
}
body>header>nav li a.current {
	background:url(../../image/common/navbg_on.jpg) left top no-repeat;
}
}
@media screen and (max-width: 540px) {
body>header>div .tel{
	display:none;
	}
body>header>div{
	line-height:14px;
	}
body>header>div>h1{
	margin-bottom:6px;
	}
body>header>div>img{
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}
.spmenu-base {
	display:block;
}
.sptop-txt {
	display:block;
	float:left;
	width:87%;
	height:36px;
	background:url(../../image/diamond/ya.jpg) right center no-repeat #35489c;
}
.sptop-txt div {
	background:#FFF;
	font-size:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-webkit-border-radius:5px;
	margin-left:6px;
	margin-right:6px;
	margin-top:7px;
	margin-bottom:3px;
	padding-left:2%;
	padding-right:2%;
	padding-top:5px;
	padding-bottom:5px;
	color:#000000;
	line-height:130%;
	
}
.sptop-txt div p {
	
}
.sphtel {
	display:block;
}
.sphtel {
	display:block;
}
.menuBox .btn {
	background:#35489c;
}
.menuBox { display: none; width:100%; top:5px; right:0%; }

.menuBox { color: #FFF; display: block; }
.menuBox ,btn {  display: block; }
.menuBox .btn { display: block; width:13% ; float:left; text-align:right; }
.menuBox .btn img {
	height:36px;
	width:45px;

}
.menuBox .btn a { 
	display: block;
	height:36px;
	width:40px;
	float:right;
}
.menuBox .btn a:hover {
}
.me-bg ul {
	display:block;
}
.menu{
	display: none;
	width: 100%;
	padding-top:5%;
	padding-bottom:2%;
	background:#020946;
	z-index: 1000; }
.menu a {
	display:block;
	color:#FFF;
	text-decoration:none;
	border-bottom:#6b709c solid 1px;
	padding:3%;
	background:url(../../image/diamond/menu-ico2.jpg) right center no-repeat;
}
.menu .me-bg img {
	display:block;
	border:0;
	width:100%;
}
.menu li {
	display:block;
	 width:100%;
}

}

/************************************************************************************************************************ header */
	
/* body ************************************************************************************************************************/

@media screen and (min-width: 541px) {
#body{
	width:980px;
	margin:0 auto;
	}
#main{
	width:720px;
	float:left;
	}
#body:after{
	content:"";
	display:block;
	clear:both;
	}
}

/************************************************************************************************************************ body */
	
/* common ************************************************************************************************************************/

#main>section{
	margin:30px 0;
	}

#main h2{
	background:url(../../image/common/h2_mainColumn.png) left top no-repeat;
	height:41px;
	width:1000px;
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
	color:#fff;
	font-size:18px;
	padding-left:16px;
	}
#main h2.lbanner{
	background:url(../../image/common/h2_mainColumnL.png) left top no-repeat;
	height:50px;
	}
#main p{
	margin:10px 0;
	}
#main>section>div, #main>section>ul{
	margin:10px 0;
	}

#main a.goTop{
	display:block;
	position:fixed;
	bottom:0;
	width:56px;
	}
#main a.goTop img{
	opacity:0.6;
	}
#main a.goTop:hover img{
	opacity:1;
	}

@media screen and (min-width: 541px) {
#main a.goTop{
	margin-left:920px;
	}
}
@media screen and (max-width: 540px) {
#main h2{
	font-size:14px;
	line-height:16px;
	padding-left:10px;
	}
	
#main .goTop{
	margin:0;
	right:0;
	}
	
#main{
	padding:0 10px
	}
body>header>div{
	padding:0 10px;
	}
}

.aligncenter {display:block;margin:0 auto;}

.clickbanner:hover {}

/************************************************************************************************************************ common */
	
/* sidebar ************************************************************************************************************************/

@media screen and (min-width: 541px) {
#sidebar{
	width:240px;
	float:right;
	}
#sidebar h4{
	background:url(../../image/common/sidebar01.png) left bottom no-repeat;
	height:38px;
	padding-top:3px;
	padding-left:50px;
	padding-right:40px;
	text-align:center;
	line-height:38px;
	color:#fff;
	font-weight:normal;
	}

#sidebar ul.quotation{
	border:1px solid #d8be67;
	padding:2px;
	}
#sidebar ul.quotation li{
	background:#ececec;
	line-height:40px;
	}
#sidebar ul.quotation li span{
	display:inline-block;
	padding-left:10px;
	}
#sidebar ul.quotation li table{
	background:#fff;
	width:100%;
	}
#sidebar ul.quotation li table td{
	width:50%;
	padding-left:10px;
	}
#sidebar ul.quotation li table td:nth-of-type(2n){
	text-align:right;
	padding-left:0;
	padding-right:10px;
	}

#sidebar ul:not(.quotation){
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:0 2px;
	}
#sidebar ul:not(.quotation) li{
	height:45px;
	}
#sidebar ul:not(.quotation) li span{
	display:block;
	line-height:40px;
	padding:3px 5px 0px 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dbdbdb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dbdbdb')";
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -ms-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -o-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: linear-gradient(top, #ffffff, #dbdbdb);
	}
#sidebar ul:nth-of-type(2){
	padding-top:2px;
	border-top:1px solid #ccc;
	}
#sidebar ul:last-of-type{
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	}
	
#sidebar>img{
	margin:20px 0;
	}

#sidebar ul.quotation h4{
	background-image:url(../../image/common/sidebar01.png);
	padding-top:8px;
	margin-top:-5px;
	}	
#sidebar ul.brandJewelry h4{
	background-image:url(../../image/common/sidebar02.png);
	padding-top:8px;
	margin-top:-5px;
	}
#sidebar ul.jewelryName h4{
	background-image:url(../../image/common/sidebar03.png);
	}
#sidebar ul.gold_platinum h4{
	background-image:url(../../image/common/sidebar04.png);
	}
#sidebar ul.accessory h4{
	background-image:url(../../image/common/sidebar05.png);
	}

#sidebar small{
	font-size:10px;
	line-height:1.8em;
	display:block;
	margin-bottom:10px;
	}
}

#sidebar ul.quotation .price{color:red;}

#sidebar ul li a {text-decoration:none;color:#555;display:block;padding-left:60px;word-wrap: break-word;font-size:0.85rem;}
#sidebar ul li a:hover {color:#c4972f; opacity:0.5; filter:alpha(opacity=10); -ms-filter:"alpha( opacity=70 )"; }

.side_gold01 {background:url(../../image/home/side_gold01.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}
.side_gold02 {background:url(../../image/home/side_gold02.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}
.side_gold03 {background:url(../../image/home/side_gold03.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}
.side_gold04 {background:url(../../image/home/side_gold04.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}
.side_gold05 {background:url(../../image/home/side_gold05.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}
.side_gold06 {background:url(../../image/home/side_gold06.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}
.side_gold07 {background:url(../../image/home/side_gold07.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}
.side_gold08 {background:url(../../image/home/side_gold08.png) no-repeat;background-position:8px 8px;padding-left:60px!important;}

.side_brand01 {background:url(../../image/home/side_brand01.png) no-repeat;}
.side_brand02 {background:url(../../image/home/side_brand02.png) no-repeat;}
.side_brand03 {background:url(../../image/home/side_brand03.png) no-repeat;}
.side_brand04 {background:url(../../image/home/side_brand04.png) no-repeat;}
.side_brand05 {background:url(../../image/home/side_brand05.png) no-repeat;}
.side_brand06 {background:url(../../image/home/side_brand06.png) no-repeat;}
.side_brand07 {background:url(../../image/home/side_brand07.png) no-repeat;}
.side_brand08 {background:url(../../image/home/side_brand08.png) no-repeat;}
.side_brand09 {background:url(../../image/home/side_brand09.png) no-repeat;}
.side_brand10 {background:url(../../image/home/side_brand10.png) no-repeat;}
.side_brand11 {background:url(../../image/home/side_brand11.png) no-repeat;}
.side_brand12 {background:url(../../image/home/side_brand12.png) no-repeat;}
.side_brand13 {background:url(../../image/home/side_brand13.png) no-repeat;}
.side_brand14 {background:url(../../image/home/side_brand14.png) no-repeat;}
.side_brand15 {background:url(../../image/home/side_brand15.png) no-repeat;}
.side_brand16 {background:url(../../image/home/side_brand16.png) no-repeat;}
.side_brand17 {background:url(../../image/home/side_brand17.png) no-repeat;}
.side_brand18 {background:url(../../image/home/side_brand18.png) no-repeat;}
.side_brand19 {background:url(../../image/home/side_brand19.png) no-repeat;}
.side_brand20 {background:url(../../image/home/side_brand20.png) no-repeat;}
.side_brand21 {background:url(../../image/home/side_brand21.png) no-repeat;}
.side_brand22 {background:url(../../image/home/side_brand22.png) no-repeat;}
.side_brand23 {background:url(../../image/home/side_brand23.png) no-repeat;}
.side_brand24 {background:url(../../image/home/side_brand24.png) no-repeat;}
.side_brand25 {background:url(../../image/home/side_brand25.png) no-repeat;}
.side_brand26 {background:url(../../image/home/side_brand26.png) no-repeat;}
.side_brand27 {background:url(../../image/home/side_brand27.png) no-repeat;}
.side_brand28 {background:url(../../image/home/side_brand28.png) no-repeat;}
.side_brand29 {background:url(../../image/home/side_brand29.png) no-repeat;}
.side_brand30 {background:url(../../image/home/side_brand30.png) no-repeat;}
.side_brand31 {background:url(../../image/home/side_brand31.png) no-repeat;}

.side_stone01 {background:url(../../image/home/side_stone01.png) no-repeat;}
.side_stone02 {background:url(../../image/home/side_stone02.png) no-repeat;}
.side_stone03 {background:url(../../image/home/side_stone03.png) no-repeat;}
.side_stone04 {background:url(../../image/home/side_stone04.png) no-repeat;}
.side_stone05 {background:url(../../image/home/side_stone05.png) no-repeat;}
.side_stone06 {background:url(../../image/home/side_stone06.png) no-repeat;}
.side_stone07 {background:url(../../image/home/side_stone07.png) no-repeat;}
.side_stone08 {background:url(../../image/home/side_stone08.png) no-repeat;}
.side_stone09 {background:url(../../image/home/side_stone09.png) no-repeat;}
.side_stone10 {background:url(../../image/home/side_stone10.png) no-repeat;}
.side_stone11 {background:url(../../image/home/side_stone11.png) no-repeat;}
.side_stone12 {background:url(../../image/home/side_stone12.png) no-repeat;}
.side_stone13 {background:url(../../image/home/side_stone13.png) no-repeat;}
.side_stone14 {background:url(../../image/home/side_stone14.png) no-repeat;}
.side_stone15 {background:url(../../image/home/side_stone15.png) no-repeat;}
.side_stone16 {background:url(../../image/home/side_stone16.png) no-repeat;}
.side_stone17 {background:url(../../image/home/side_stone17.png) no-repeat;}
.side_stone18 {background:url(../../image/home/side_stone18.png) no-repeat;}
.side_stone19 {background:url(../../image/home/side_stone19.png) no-repeat;}
.side_stone20 {background:url(../../image/home/side_stone20.png) no-repeat;}





.pageup	{ clear:both; margin-right:10px; text-align:right; max-width: 1220px; margin: 0 auto; }
.pageup a { margin-right:10px; }
#otherLink:before,#otherLink:after { content:""; display:table; }
#otherLink:after 			{ clear:both; }
#otherLink 					{ zoom:1; }
#otherLink					{ margin:0 10px; padding:1em 0; text-align:center; }
#otherLink li				{ display:inline-block; /display:inline; /zoom:1; padding:0 1em; line-height:1.1; border-right:1px solid #939393; }
#otherLink li.last			{ border-right:0; }

#copyrightWrap				{padding: 33px 10px 0px;max-width: 1200px;margin: 0 auto;margin-bottom: -4px;border:none !important;}
#copyrightWrap	.first			{float:left;margin-right:6px;border:none !important;}
#copyrightWrap a			{ text-decoration:underline; border:none !important;}
#copyrightWrap a:hover		{ text-decoration:none; border:none !important;}
#copyrightWrap #group		{ float:right; border:none !important;}
#copyrightWrap #group li	{ float:left; margin-right:28px; border:none !important;}
#copyrightWrap #group li.last		{ margin-right:5px; border:none !important;}
#copyrightWrap #safety				{ margin:0;border:none !important;}
#copyrightWrap #safety li			{ float:left; margin-right:5px; border:none !important;}
#copyrightWrap #safety li.first		{margin-top: -20px;border:none !important;}
#copyrightWrap #safety li.even		{margin-top: -20px;margin-right: 16px;border:none !important;}
#copyrightWrap #safety li.last		{font-size:84%;padding-bottom: 26px;margin-top: -2px;border:none !important;}
#copyrightWrap #safety li.last a	{ float: none;border:none !important; }
#copyrightWrap #safety .norton img	{ height:68px; width:94px; margin-top:-7px;border:none !important; }
#copyrightWrap address		{font-size:84%;color:#999;text-align:center;position: relative;top: -21px;border:none !important;}

.sprite 			{ background:url("/images/sprite.png") no-repeat; background-size:auto; display:inline-block; }
.sprite-logo		{ background-position:0 -300px; width:155px; height:57px; }
.sprite-pmark 		{ background-position: -388px -228px; width: 54px; height: 55px; }

@media only screen and (max-width: 480px) and (orientation: portrait), only screen and (min-width: 361px) and (max-width: 767px) and (orientation: landscape) {
body { min-width: 100%; }
	.pc { display: none; }
	.sp { display: block; font-size: 14px; line-height: 1.5; }
	
	.pageupsp		{ border-bottom: 3px solid #0c6d0e; }
	.pageupsp p	{ margin: 20px 15px 0; border-top-right-radius: 5px; border-top-left-radius: 5px; background: #0c6d0e; text-align: center; }
	.pageupsp a	{ display: block; padding: 10px 0; color: #fff; }
}

/* -------------------------------
Outside In Float Clear
------------------------------- */
.clearfix {
	zoom:1; /*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
	content: "";
	display: block;
	height: 0;
	clear: both;
	line-height:0;
    visibility: hidden;
}
.clearfix {
overflow:hidden;
}

.fl		{ float: left; }
.fr		{ float: right; }
.b0		{ border: 0 !important; }
.crim	{ color: #f00; }
.red	{ color: #c00; }
.white	{ color: #fff !important; }
.white a:hover	{ color: #fff; text-decoration: underline !important; }
.black	{ color: #000 !important; }
.black a:hover	{ color: #000; text-decoration: underline !important; }
.hand	{ cursor: pointer; }
.tdnone	{ text-decoration: none !important; }
.tdul	{ text-decoration: underline !important; }


@media screen and (max-width: 540px) {
#sidebar{
	display:none !important;
	}
}




/* campaign ************************************************************************************************************************/
.campaign div	{ background:url(../../campaign/image/pc_banner.jpg) top left no-repeat; width:720px; height:139px; }
.campaign .bold	{ font-weight:bold; }
.campaign .bold	{ font:#FF0000; }
@media screen and (max-width: 540px) {
.campaign div	{ background: url(../../campaign/image/sp_banner.jpg) top left no-repeat; width: 100%; height: 100px; background-size: 100% 100%; }
}

/************************************************************************************************************************ campaign */

@media screen and (max-device-width: 690px) {
	#delay_bnr .cls_btn span { padding: 0px 4px !important; }
}

#btm_cpn				{ position:fixed; bottom:-1px; width:100%; display:none; z-index:999; }
#btm_cpn .cls_btn		{ text-align:right; font-size: initial; margin:-1px 0; }
#btm_cpn .cls_btn span	{ background-color:#d2d2d2; padding:0 3px; font-weight:bold; cursor:pointer; }
.cpn_main				{ background-color:#830006; width:100%; }
.cpn_block				{ width:750px; margin:0 auto; }
.cpn_block .left		{ float:left; width:600px; }
.cpn_block .right		{ float:right; background:url(../images/img_f_coupon3_02.gif) no-repeat; width:150px; height:70px; }
.cpn_block .right div	{ color:#d10001; font-size:20px; width:144px; margin-top:20px; font-weight:bold; }




.pc-only {
  display: none;
}
@media (min-width: 769px) {
  .pc-only {
    display: block;
  }
}

.is-sp-hidden {
  display: none;
}
@media (min-width: 769px) {
  .is-sp-hidden {
    display: block;
  }
}

@media (min-width: 769px) {
  .sp-only {
    display: none;

  }
}

button,
a {
  text-decoration: none;
  color: #000000;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
@media (any-hover: hover) {
  button:hover,
  a:hover {
    opacity: 0.6;
  }
}


@media (min-width: 769px) {
  footer {

  }
}
.l-common__footer {
  margin-bottom: 80px;
}

.l-footer {
  padding: 0 0 40px;
}




@media (min-width: 769px) {
  .l-footer {
    padding: 0 0 16px;

  }
}

.l-footer--sp {
  display: block;
  overflow:hidden;
}
@media (min-width: 769px) {
  .l-footer--sp {
    display: none;
  }
}

.l-footer--pc {
  display: none;
}
@media (min-width: 769px) {
  .l-footer--pc {
    display: block;
  }
}

@media (min-width: 769px) {
  .l-footer--simple {
    padding: 16px 0;
    border-top: 1px solid #6fba2c;
  }
}

.l-footer__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #333;
}
.l-footer__heading::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../../../../../images/search_icon.svg") center/15px 15px no-repeat;
}
@media (min-width: 769px) {
  .l-footer__heading {
    padding: 4px 0 0;
    margin: 0 0 16px;
    font-size: 13px;
    color: #333;
    background-color: unset;
    font-weight: 700;
  }
  .l-footer__heading::before {
    display: none;
  }
}

.l-footer__nav-list-container {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
}

.l-footer__nav-list {
  position: relative;
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
}
.l-footer__nav-list::after {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 1;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url("../../../../../images/arrow_black.svg") center/12px 12px no-repeat;
}

.l-footer__pullDown   { color:#000000 !important;
}


.l-footer__nav-list.l-footer__pullDown::after {
  -webkit-transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  transition: 0.3s cubic-bezier(0.85, 0, 0.15, 1);
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.l-footer__nav-list.l-footer__pullDown.is-active::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}
@media (min-width: 769px) {
  .l-footer__nav-list {
    padding: 0;
    border-bottom: unset;
  }
  .l-footer__nav-list a {
    display: block;
    font-size: 12px;
  }
  .l-footer__nav-list + li {
    margin: 8px 0 0;
  }
  .l-footer__nav-list::after {
    display: none;
  }
}

.l-footer__nav-list--category-link {
  padding: 10px 30px;
  border-bottom: unset;
}
.l-footer__nav-list--category-link::after {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.l-footer__nav-list--accent {
  background-color: rgba(235, 83, 83, .3019607843);
}

.l-footer__purchase {
  position: relative;
  padding: 8px 52px;
  font-size: 18px;
  color: #fff;
  background-color: #eb5353;
  font-weight: 700;
}
.l-footer__purchase span {
  display: block;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
}
.l-footer__purchase::before {
  position: absolute;
  top: 50%;
  left: 16px;
  z-index: 1;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("../../../../../images/purchase_icon.svg") center/20px 20px no-repeat;
}

.l-footer__banner {
  height: 200px;
  margin: 20px 0;
  background-color: #f3f3f3;
}

.l-footer__info-container {
  width: calc(100% - 10px);
  margin: 20px auto 0;
}
.l-footer__info-container small {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #eee;
   color:#000000;

}
@media (min-width: 769px) {
  .l-footer__info-container {
    width: 100%;
    margin: 0;
  }
}

.l-footer__button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 0;
}

.l-footer__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(50% - 50.5px);
  padding: 12px 0;
  color: #fff;
  border-radius: 4px;
  font-weight: 700;
}



.l-footer__button::before {
  content: "";
}

.l-footer__button--mypage {
  background-color: #6fba2c;
}
.l-footer__button--mypage::before {
  width: 22px;
  height: 22px;
  background: url("../../../../../images/mypage_white_icon.svg") center/22px 22px no-repeat;
}

.l-footer__button--purchase {
  background-color: #e36666;
}
.l-footer__button--purchase::before {
  width: 22px;
  height: 22px;
  background: url("../../../../../images/purchase_icon.svg") center/22px 22px no-repeat;
}

.l-footer__button--sign {
  background-color: #bb271a;
}
.l-footer__button--sign::before {
  width: 20px;
  height: 20px;
  background: url("../../../../../images/sign_up_icon.svg") center/20px 20px no-repeat;
}

.l-footer__button--logout {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 85px;
  padding: 0;
  font-size: 11px;
  color: #333;
  border: 1px solid #333;
  font-weight: 700;
}
.l-footer__button--logout::before {
  width: 22px;
  height: 17px;
  background: url("../../../../../images/logout_icon.svg") center/22px 17px no-repeat;
}

.l-footer__button--flex {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: auto;
}

.l-footer__site-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0 5px;
  margin: 40px auto 10px;
}
.l-footer__site-nav + .l-footer__site-nav {
  margin: 0 auto 40px;
}
@media (min-width: 769px) {
  .l-footer__site-nav {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 0;
    width: 100%;
    margin: 0;
  }
  .l-footer__site-nav li + li {
    border-left: 1px solid #e0e0e0;
  }
  .l-footer__site-nav a {
    padding: 0 10px;
    font-size: 12px;
  }
}

.l-footer__netoff {
  margin: 0 0 20px;
  font-size: 12px;
  text-align: center;
  color:#000000;

}
.l-footer__netoff span {
  display: block;
  font-size: 12px;
  font-weight: 700;
}
.l-footer__netoff a {
  font-size: 12px;
}
@media (min-width: 769px) {
  .l-footer__netoff {
    font-size: 13px;
  }
  .l-footer__netoff span {
    margin: 0 0 8px;
  }
}

.l-footer__netoff--main {
  margin: 0;
  font-size: 12px;
  text-align: left;
}
.l-footer__netoff--main span {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 400;
  font-weight: 500;
}
.l-footer__netoff--main a {
  position: relative;
  display: inline-block;
  padding: 0 16px 0 0;
  margin: 8px 0 0;
  font-size: 12px;
}
.l-footer__netoff--main a::after {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: url("../../../../../images/link_icon.svg") center/10px 10px no-repeat;
}

.l-footer__copyright {
  display: block;
  font-size: 12px;
  text-align: center;
  color:#000000;

}
@media (min-width: 769px) {
  .l-footer__copyright {
    font-size: 10px;
  }
}

.l-footer__copyright--main {
  font-size: 12px;
}

.l-footer__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 10px 0;
  background-color: #fff8ec;
}
.l-footer__about img {
  width: 650px;
}

.l-footer__container {
  position: relative;
  padding: 32px 0 0;
  margin: 96px 0 0;
  border-top: 2px solid #6fba2c;
}

.l-footer__scroll-top {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: 1080px;
  -webkit-transform: translate(-50%, -100%);
          transform: translate(-50%, -100%);
}
.l-footer__scroll-top button {
  width: 190px;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #6fba2c;
  border-radius: 4px 4px 0 0;
}

.l-footer__inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.l-footer__main-nav-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.l-footer__main-nav-container > ul {
  width: 20%;
  padding: 0 10px;
  border-right: 1px solid #e0e0e0;
}
.l-footer__main-nav-container > ul:last-child {
  border-right: none;
}

.l-footer__site-nav-container {
  padding: 14px 0;
  margin: 24px 0 8px;
  border-top: 1px solid #e0e0e0;
  border-right: unset;
  border-bottom: 1px solid #e0e0e0;
}

.l-footer__netoff-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 0 16px;
}
.l-footer__netoff-container > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 36px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.l-footer__logo {
  width: 175px;
}

.l-cp__select-footer-sp {
  z-index: 10;
}

.c-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  overflow-y: scroll;
  scrollbar-width: none;
  overscroll-behavior-y: contain;
}
.c-modal::-webkit-scrollbar {
  display: none;
}
.c-modal.is-active {
  z-index: 101;
  visibility: visible;
  opacity: 1;
}

.c-modal__background {
  position: relative;
  width: 100%;
  height: calc(100% + 1px);
  background-color: rgba(0, 0, 0, .6);
}

.c-modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: calc(100% - 20px);
  max-height: calc(100vh - 20px);
  overflow: auto;
  background-color: #fff;
  border-radius: 10px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 769px) {
  .c-modal__inner {
    max-width: 1120px;
    max-height: 650px;
    overflow: hidden;
   width: calc(90% - 20px);
 }
}

.c-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 55px;
  height: 47px;
  background-color: #fff;
  border-radius: 0 10px 0 0;
}
.c-modal__close img {
  width: 15px;
  height: 15px;
}


.l-header__modal {
  padding: 30px 0;
}
.l-header__modal p {
  font-size: 16px;
  text-align: center;
}

.l-header__logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 290px;
  margin: 20px auto 0;
}

.c-button--black {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  font-weight: 700;
  padding: 8px 0;
  background-color: #333;
}
@media (min-width: 769px) {
  .c-button--black {
    font-size: 16px;
  }
}
@media (any-hover: hover) {
  .c-button--black:hover {
    opacity: 0.6;
  }
}
.c-button--black:disabled {
  cursor: auto;
  background-color: #ccc;
}
.c-button--black:disabled:hover {
  opacity: 1;
}

.c-button--black-outline {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font-size: 14px;
  color: #fff;
  border-radius: 4px;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  font-weight: 700;
  padding: 8px 0;
  color: #333;
  background-color: #fff;
  border: 1px solid #333;
}
@media (min-width: 769px) {
  .c-button--black-outline {
    font-size: 16px;
  }
}
@media (any-hover: hover) {
  .c-button--black-outline:hover {
    opacity: 0.6;
  }
}
.c-button--black-outline:disabled {
  cursor: auto;
  background-color: #ccc;
}
.c-button--black-outline:disabled:hover {
  opacity: 1;
}


	
	
#safety2 section{
  padding:20px;
  border:1px solid;
  margin:20px auto;
  width:auto;
}
#safety2 a{
  color:#183ec9;
}

#safety2 .text_safety2{
  text-align: center;
  font-size:24px;
  font-weight: bold;
}
#safety2 .text_safety2 p{
  width:29em;
  position: relative;
  margin: 0 auto 20px;
}
#safety2 .text_safety2 p:before,#safety2 .text_safety2 p:after{
  content:"……";
  display: inline-block;
  position: absolute;
  font-size: 20px;
  bottom:0px;
}
#safety2 .text_safety2 p:before{
  left:0px;
  transform: rotate(45deg);
}
#safety2 .text_safety2 p:after{
  right:20px;
  transform: rotate(-45deg);
}

#safety2 .safety2 .arrow_text
 {line-height:30px;
 margin-left:0px;
 font-size:16px;
}

.mab50 {margin-bottom:50px;}
@media screen and (max-width: 767px) {
#safety2 section{
  padding:10px;
  margin:40px auto 0;
  width:88%;
}

  #safety2 .text_safety2{
    font-size:16px;
  }
  #safety2 .text_safety2 p{
    width:108%;
    margin-bottom: 15px;
    margin-left:-2px;
  }
  
  #safety2 .text_safety2 p:before{
  left:0px;
    bottom:0px;
}
#safety2 .text_safety2 p:after{
  right:20px;
    bottom:0px;
}

  
  
#safety2 .safety2 .arrow_text
 {line-height:20px;
 margin-left:0px;
 font-size:14px;
}


}