@charset "utf-8";



/* // Common
----------------------------------------------- */
body{
    min-width:1200px;
}

#overview {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    opacity: 0;
    visibility: hidden;
}
#overview.show {
    opacity: 1;
    visibility: visible;
}
#overview.fade-out {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
#overview .widthPC {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
}
#overview .overviewImg {
    width: 504px;
    height: 275px;
    position: absolute;
    top: 15px;
    right: 135px;
}
#overview .overviewImg .newAnnouncement {
    width: 100%;
}
#overview .overviewImg .button-wrap {
    position: absolute;
    top: 142px;
    left: 300px;
    width: 69.5px;
    height: 26px;
}
#overview .overviewImg  .button {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    transition: opacity 0.3s ease;
}
#overview .overviewImg .button.default {
    background-image: url('/images/portal/ok_default.png');
    z-index: 1;
}
#overview .overviewImg .button.hover {
    background-image: url('/images/portal/ok_hover.png');
    opacity: 0;
    z-index: 2;
    cursor: pointer;
}
#overview .overviewImg .button-wrap:hover .hover {
    opacity: 1;
}
#overview .overviewImg .button-wrap:hover .default {
    opacity: 0;
}
#overview #sampleBox {
    position: absolute;
    top: 5px;
    right: 0;
}
/* // Header
----------------------------------------------- */
/* #Header {
	border-bottom:4px solid #f2f2f2;
	padding:8px 0;
} */
/* add */
#Header {
	/* border-bottom: 1px solid #e0e0e0; */
    background: #161616;
    height: 80px;
}

#Header ul.link {
	position:absolute;
	right:0;
	top: -25px;
	font-size:93%;
}
#Header ul.link li {
	float:left;
	margin-left:20px;
}
/* add */
.fa-caret-right {
    /* margin-right: 0.4em;
    color: #c30d23; */
    display: none;
}

/* add */
#Header h1 {
    text-align: center;
}

#Header ul.link li a {
    color: #cb9b0e;
}

/* 202504 mypage start */
#Header .widthPC {
    display:flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}
#Header .headerLink {
    display:flex;
    align-items: center;
    justify-content: space-between;
}

#headerLogin #Header  .headerLink {
    width: 299px;
}
#Header .headerLink .contact {
    width: 72px;
    margin-right: 57px;;
}
#Header .headerLink .loginContact {
    margin-right: 50px;;
}
#Header .headerLink .account {
    display: block;
    width: 108px;
    margin-right: 21px;
    position: relative;
}
#Header .headerLink .auth {
    width: 80px;
    position: relative;
}
#Header .headerLink a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.3s ease;
}
#Header .headerLink a:hover {
    color: #F2CB05;
}
#Header .headerLink a:hover img{
    opacity: 1;
}
#Header .headerLink .account .normal,
#Header .headerLink .account .hover,
#Header .headerLink .auth .normal,
#Header .headerLink .auth .hover {
    position: absolute;
    top: -12px;
    left: 0;
    width: 150px;
    transition: opacity 0.3s ease;
}
#Header .headerLink .account .normal,
#Header .headerLink .auth .normal {
    opacity: 1;
}
#Header .headerLink .account .hover,
#Header .headerLink .auth .hover {
    opacity: 0;
}
#Header .headerLink .account a:hover .normal,
#Header .headerLink .auth a:hover .normal {
    opacity: 0;
}
#Header .headerLink .account a:hover .hover,
#Header .headerLink .auth a:hover .hover {
    opacity: 1;
}
#Header .headerLink .account .normal .userImg,
#Header .headerLink .account .hover .userImg,
#Header .headerLink .account .hover .addImg,
#Header .headerLink .account .registration,
#Header .headerLink .auth .normal svg,
#Header .headerLink .auth .hover svg,
#Header .headerLink .auth .login {
    position: absolute;
    top: 0;
    left: 0;
}
#Header .headerLink .account .normal .userImg,
#Header .headerLink .account .hover .userImg,
#Header .headerLink .account .hover .addImg,
#Header .headerLink .auth .normal svg,
#Header .headerLink .auth .hover svg{
    top:2px;
}
#Header .headerLink .account .hover .addImg {
  top: 6px;
  left: 14px;
}
#Header .headerLink .account .registration,
#Header .headerLink .auth .login {
    left: 30px;
}


/* 202504 login後 start */
#overview .headerLink{
    justify-content: flex-end;
}
#Header .headerLink .userAccount,
#overview .headerLink .userAccount{
    color: #fff;
    position: relative;
    width: 191px;
    height: 70px;
    padding-left: 15px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    cursor: pointer;
}
#Header .headerLink .userAccount:hover{
    background: #3C434E;
}
#overview .headerLink .userAccount{
    background-color: rgb(81, 94, 119);
}
#overview .headerLink .userAccount:hover{
    background-color: rgb(81, 94, 119);
}
#Header .headerLink .userAccount .userIcon,
#overview .headerLink .userAccount .userIcon{
    width: 29px;
    height: 29px;
    background: url('/images/portal/top_img/ellipse.svg') no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-family: "Noto Sans Japanese";
    font-size: 13px;
}
#Header .headerLink .userAccount .userName,
#Header .headerLink .userAccount .userNameTitle,
#overview .headerLink .userAccount .userName,
#overview .headerLink .userAccount .userNameTitle{
    display: block;
    margin-left: 11px;
}
#Header .headerLink .userAccount .triangle{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  width: 0;
  height: 0;
}
#Header .headerLink .userAccount .triangle::before,
#Header .headerLink .userAccount .triangle::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transition: opacity 0.3s ease;
}

#Header .headerLink .userAccount .triangle::before {
  border-top: 7px solid #ffffff;
  opacity: 1;
}
#overview .headerLink .userAccount .triangle::before {
  opacity: 0;
}

#Header .headerLink .userAccount .triangle::after {
  border-bottom: 6px solid #ffffff;
  opacity: 0;
}
#Header .headerLink .userAccount.is-open .triangle::before {
  opacity: 0;
}
#Header .headerLink .userAccount.is-open .triangle::after {
  opacity: 1;
}

#overview .headerLink .userAccount .triangle {
  position: absolute;
  right: 15px;
  border: 5px solid transparent;
  border-bottom: 7px solid #ffffff;
}
#Header .headerLink .userAccount #myMenu,
#overview .headerLink .userAccount #myMenuSample {
  position: absolute;
  top: 90%;
  left: 0;
  margin-top: 8px;
  z-index: 1000;
  background: #FBFBFB;
  width: 100%;
  height: auto;
  box-shadow: -1px 2px 15px 0px rgba(0, 0, 0, 0.37);
  opacity:0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}
#overview .headerLink .userAccount #myMenuSample{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0s 0s;
}

#Header .headerLink .userAccount #myMenu.show {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0s 0s;
}
#Header .headerLink .userAccount #myMenu .division .title,
#overview .headerLink .userAccount #myMenuSample .division .title{
    color: #000;
    font-family: "Noto Sans Japanese";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 22px;
    height: 22px;
    display: flex;
    align-items: center;
}

#overview .headerLink .userAccount #myMenuSample .division .title{
  width:100%
}
#Header .headerLink .userAccount #myMenu .division .account,
#overview .headerLink .userAccount #myMenuSample .division .account{
    padding-top: 18px;
}
#Header .headerLink .userAccount #myMenu .division .link,
#overview .headerLink .userAccount #myMenuSample .division .link{
    color: #4B4B4B;
    font-family: "Noto Sans Japanese";
    border-left: 3px solid transparent;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-left: 40px;
    height: 29px;
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease;
}
#Header .headerLink .userAccount #myMenu .division .link:hover{
  border-left: 3px solid var(--bg, #515E77);
background: #F3F3F3;
  transition: opacity 0.3s ease;
  font-style: normal;
font-weight: 500;
line-height: normal;
}
#Header .headerLink .userAccount #myMenu .logout,
#overview .headerLink .userAccount #myMenuSample .logout{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-top: 0.4px solid #FFF;
    background: #D8DAE0;
}
#Header .headerLink .userAccount #myMenu .logout .link,
#overview .headerLink .userAccount #myMenuSample .logout .link{
    color: #000;
    font-family: "Noto Sans Japanese";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    position:relative;
    transition: opacity 0.3s ease;
}
#Header .headerLink .userAccount #myMenu .logout .link .normal,
#Header .headerLink .userAccount #myMenu .logout .link .hover,
#overview .headerLink .userAccount #myMenuSample .logout .link .normal{
  position: absolute;
  top: 17px;
  left: 25px;
  width: 17px;
  height: 17px;
  transition: opacity 0.3s ease;;
}
#Header .headerLink .userAccount #myMenu .logout .link .normal {
  opacity: 1;
}

#Header .headerLink .userAccount #myMenu .logout .link .hover {
  opacity: 0;
}

#Header .headerLink .userAccount #myMenu .logout .link:hover .hover {
  opacity: 1;
}
#Header .headerLink .userAccount #myMenu .logout .link .text,
#overview .headerLink .userAccount #myMenuSample .logout .link .text{
  position: absolute;
  left: 51px;
  transition: opacity 0.3s ease, color 0.3s ease;
}

#Header .headerLink .userAccount #myMenu .logout .link:hover .normal {
  opacity: 0;
}
#Header .headerLink .userAccount #myMenu .logout .link:hover{
  background: #515E77;
  transition: opacity 0.3s ease;;
}
#Header .headerLink .userAccount #myMenu .logout .link:hover .text {
  color: #FFF;
}

/* 202504 mypage end */

/* // Gnavi
----------------------------------------------- */
#Gnavi {
	padding-bottom:8px;
}
/*
#Gnavi .logo {
	width:225px;
	float:left;
	border-right:1px solid #dfdfdf;
	box-sizing: border-box;
	text-align:left;
	padding-left:20px;
}
#Gnavi nav {
	width:875px;
	float:left;
}
#Gnavi nav li {
	float:left;
	width:175px;
	border-right:1px solid #dfdfdf;
	box-sizing: border-box;
	padding-left:8px;
	padding-right:8px
}
#Gnavi nav li a {
	display:block;
	position:relative;
	box-sizing: border-box;
	text-align:center;
	font-weight: 100;
	font-size:18px;
	color:#666;
	line-height:1.4em;
	padding-top:45px;
}
#Gnavi nav li a i {
	display:block;
	text-align:center;
	position:absolute;
	left:0;
	top:18px;
	width:100%;
}
#Gnavi nav li a:hover {
	text-decoration:none;
	background-color:#F2F2F2;
}
#Gnavi nav li a:hover i {
	top:21px;
}

body#Top #Gnavi nav li.nav_01 a i,
body#Program #Gnavi nav li.nav_02 a i,
body#List #Gnavi nav li.nav_03 a i,
body#Detail #Gnavi nav li.nav_03 a i,
body#Post #Gnavi nav li.nav_04 a i,
body#Help #Gnavi nav li.nav_05 a i,
body#Giftcard #Gnavi nav li.nav_06 a i
 {
	display:none;
}
body#Top #Gnavi nav li.nav_01 a,
body#Program #Gnavi nav li.nav_02 a,
body#List #Gnavi nav li.nav_03 a,
body#Detail #Gnavi nav li.nav_03 a,
body#Post #Gnavi nav li.nav_04 a,
body#Help #Gnavi nav li.nav_05 a,
body#Giftcard #Gnavi nav li.nav_06 a
 {
	background-color:#103082;
	color:#FFF;
	font-weight: 200;
}
*/
/* // Breadcrumb
----------------------------------------------- */
/* #Breadcrumb {
	background-color:#f2f2f2;
	padding:14px 0;
	font-size:82%;
	color:#AAA;
	line-height:1;
	margin-bottom:30px;
} */
/* add */
#Breadcrumb {
	background-color: #d2d2d2;
	padding:14px 0;
	font-size:82%;
	color: #666;
	line-height:1;
	margin-bottom:30px;
}
/* #Breadcrumb i {
	padding:0 12px;
	color:#CFCFCF;
} */
/* add */
#Breadcrumb i {
	padding:0 12px;
	color: #888;
}
/* #Breadcrumb a {
	color:#AAA;
} */
/* add */
#Breadcrumb a {
	color: #666;
}
#Breadcrumb li {
	float:left;
}


/* // Footer
----------------------------------------------- */
/* #Footer {
	background-color:#003772;
	line-height:1;
	padding:20px;
	color:#FFF;
} */
/* add */
#Footer {
	background-color: #161616;
	line-height:1;
	padding:20px 0 40px;
	color:#FFF;
    /* border-top: 2px solid #303030; */
}
#Footer a {
	color:#FFF;
	font-weight:100;
}
#Footer ul.link li {
	float:left;
	margin-right:25px;
}
#Footer p.copy {
	font-size: 90%;
	font-weight: 100;
	margin-top: 15px;
}
#Footer .footeLogo {
	margin: 0;
	padding: 0;
	width: 80px;
	height: 36px;
	position:absolute;
	top: 0;
	right: 0;
	vertical-align: middle;
}

/* // pageTop
----------------------------------------------- */
.pageTop {
	font-size:30px;
	display:block;
	padding:10px;
	display:block;
	position:fixed;
	right:10px;
	bottom:70px;
	background-color:#003772;
	color:#FFF !important;
	moz-border-radius: 5px;
	webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 9000;
}
.pageTop i {
	color:#FFF;
	position:relative;
	top:-3px;
}
.pageTop:hover i {
	top:-6px;
}
.pageTop:hover {
	background-color:#4077B2;
}




/* // PageHeder
----------------------------------------------- */

/* // Module
----------------------------------------------- */
table.tableA {
	line-height:1.5;
}
table.tableA:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
table.tableA {	display: inline-block;}
/* Hides from IE Mac */
* html dl.tableA {	height: 1%;	}
table.tableA {	display:block;	}
/* End Hack */

table.tableA td.item1{
	color:#FFF;
    width: 30%;
	background-color:#444;
}
table.tableA td.item3{
	color:#FFF;
    width: 55%;
    padding: 12px;
	background-color:#444;
}

table.tableA td.item4.last {
    text-align: left;
    width: 40%;
	background-color:#FFF;
}

table.tableA td {
    text-align: left;

}
table.tableA td.item.last {
    text-align: left;
    width: 70%;
	background-color:#FFF;
}

/* // Module
----------------------------------------------- */
dl.tableA {
	line-height:1.5;
}

dl.tableA:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
dl.tableA {	display: inline-block;}
/* Hides from IE Mac */
* html dl.tableA {	height: 1%;	}
dl.tableA {	display:block;	}
/* End Hack */

dl.tableA dt {
	float:left;
	width:30%;
	padding:15px;
	box-sizing: border-box;
	background-color:#444;
	font-weight:400;
	display:block;
	color:#FFF;
	border-bottom:1px #FFF solid;
}
dl.tableA dd {
	float:left;
	width:70%;
	padding:15px;
	box-sizing: border-box;
	border-bottom:1px #CCC solid;
	border-right: 1px #CCC solid;
	font-weight:200;
	display:block;
}
dl.tableA.s dt,
dl.tableA.s dd {
	padding:8px;
	font-size:96%;
}
dl.tableA dt:first-child {
	border-top:1px #444 solid;
}
dl.tableA dt.last {
	border-bottom:1px #444 solid;
}

dl.tableA dd.first {
	border-top:1px #CCC solid;
}

dl.tableA .item em {
	display:block;
}
dl.tableA dt span.must {
	display:inline-block;
	background-color:#f00;
	color:#fff;
	margin-left:10px;
	padding:0 5px;
	font-size:90%;
	border-radius: 3px;
}

input, button, textarea, select {
	margin: 0;
	padding: 7px;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 3px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

.btnA input {
	padding: 0;
	background: none;
	border: 0 solid #AAA;
	border-radius: 0;
	color:#FFF;
	line-height:1;
}

input,textarea{
	box-sizing:border-box;
}

select:focus,
input:focus:not([type="submit"]),
textarea:focus{
	background-color: #ffeff7;
}
input[type="radio"] {
	width:18px;
	height:18px;
	border:1px solid #CCC;
}
input[type="checkbox"] {
	width:18px;
	height:18px;
	border:1px solid #CCC;
}

input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 30px;

    cursor: pointer;
}

@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    input[type=radio] + label::before,
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;

        background: #FFF;
    }
    input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;

        width: 8px;
        height: 8px;
        margin-top: -4px;

        background: #E71063;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;

        width: 16px;
        height: 8px;
        margin-top: -8px;

        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.formError {
	list-style:none;
	background-color:#FFE8ED;
	color:#D80041;
	padding:10px 10px 4px 10px;
	margin-bottom:20px;
}
.formError li{
	margin-left:0em !important;
	margin-bottom:6px !important;
	line-height:1.4em !important;
}

.loginBox {
	width:65%;
	margin:0 auto;
}
/* .loginBox dl {
	border:4px solid #DDD;
	padding:25px 20px;
	background-color:#FAFAFA;
	box-sizing: border-box;
} */
/* add */
.loginBox dl {
	border:8px solid #d0d0d0;
	padding:25px 20px;
	background-color:#FAFAFA;
	box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.loginBox dt  {
	border-left:5px solid #333;
	padding:3px 0 3px 10px;
	font-weight:500;
	margin-bottom:8px;
	font-size:108%;
}
.loginBox dd  {
	margin-bottom:25px;
}

.kiyakubox {
	width:100%;
	height:300px;
	display:block;
	overflow:auto;
	font-size:11px;
	line-height:1.4em;
	border:1px solid #CCC;
	text-align:left;
	padding:10px;
	/* margin-top:40px; */
    margin:20px auto 40px;
	box-sizing: border-box;
}
.kiyakuboxSmall {
    margin: -20px 0 40px;
    padding: 10px;
	width: 100%;
	height: 150px;
    border:1px solid #CCC;
	display: block;
	overflow: auto;
	box-sizing: border-box;
}
ul.registFlow {
	margin-bottom:40px;
}
ul.registFlow li {
	float:left;
	display:block;
	text-align:center;
	box-sizing: border-box;
	width:25%;
	padding:0 7px;
	color:#999;
	font-weight:100;
}
ul.registFlow li span {
	border:5px #e7e7e7 solid;
	display:block;
	padding:12px 5px;
	background-color:#FBFBFB;
}
ul.registFlow li span em {
	font-size:160%;
	letter-spacing:0.1em;
}
ul.registFlow.on1 li:nth-child(1) span,
ul.registFlow.on2 li:nth-child(2) span,
ul.registFlow.on3 li:nth-child(3) span,
ul.registFlow.on4 li:nth-child(4) span
 {
	background-color:#343434;
	border-color:#595959;
	color:#FFF;
}


/* // テキスト設定
----------------------------------------------- */
/* .headTxA {
	border:1px solid #444;
	line-height:1.3;
	padding:9px;
	font-size:160%;
	font-weight:100;
	color:#444;
} */
/* add */
.headTxA {
	border:1px solid #cb9b0e;
	line-height:1.3;
	padding:9px;
	font-size:160%;
	font-weight:100;
	color:#444;
}
.headTxB {
	border-bottom:1px solid #444;
	line-height:1.3;
	padding-bottom:12px;
	font-size:140%;
	font-weight:100;
	color:#444;
}

/* .nowUserPoint {
	border:5px #cccdc4 solid;
	padding:14px;
	background-color:#FCFCF4;
	margin-bottom:25px;
	color:#222;
} */
/* add */
.nowUserPoint {
	border: solid 3px #dc0067;
	padding:14px;
	background-color: #fff;
	margin-bottom:25px;
	color:#222;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.nowUserPoint em {
	font-weight:600;
	padding-right:10px;
	font-size:108%;
}
/* .nowUserPoint span.point {
	padding-left:10px;
	color:#EA0046;
} */
/* add */
.nowUserPoint span.point {
	padding-left:10px;
	color: #dc0067;
}
.nowUserPoint span.point em {
	font-size:140%;
}


/* // boxFrame
----------------------------------------------- */
.boxFramA,
.boxFrameA {
	border:1px solid #CCC;
	background-color:#FAFAFA;
	padding:15px;
}

.boxFrameB {
	border:5px solid #DBDBC9;
	padding:35px 20px;
	background-color:#FFFFF4;
	box-sizing: border-box;
}
/* add */
.boxFrameB {
	border: 8px solid #d0d0d0;
	padding:35px 20px;
	background-color:#fafafa;
	box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.boxFrameB dt  {
	border-left:5px solid #333;
	padding:3px 0 3px 10px;
	font-weight:500;
	margin-bottom:8px;
	font-size:108%;
}
.boxFrameB dd  {
	margin-bottom:25px;
}


.boxFrameB.account .box1  {
	margin:0 auto;
	width:60%;
}


/* add */
.boxFrameB.account .box1 .formSubmit {
    background-color: #383fa3;
}





/* // ボタン設定
----------------------------------------------- */
/* .btnA {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#003772;
	line-height:1;
	color:#FFF;
	padding:16px 50px 16px 30px;
	position: relative;
	font-size:118%;
	box-sizing: border-box;
	font-weight:200;
	display:inline-block;
	text-align:center;
	cursor:pointer;
} */
/* add */
.btnA {
	background-color: #003772;
	line-height:1;
	color:#FFF;
	padding:16px 0;
	position: relative;
	font-size:118%;
	box-sizing: border-box;
	font-weight:200;
	display:inline-block;
	text-align:center;
	cursor:pointer;
    width: 70%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.taLeft .btnA,
.mab30 .btnA {
    width: auto;
}
.btnA i {
	color:#FFF;
	position: absolute;
	top: 50%;
	right:10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btnA:hover {
	text-decoration:none;
	color:#FFF;
	-webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.btnA.left {
	padding-right:30px;
	padding-left:50px;
}
.btnA.left i {
	left:10px;
}
.btnA.s {
	padding:10px 36px 10px 16px;
	font-size:100%;
}
.btnA.s.left {
	padding:10px 16px 10px 36px;
}
.btnA.gray {
	background-color:#AAA;
}
.btnA.blue {
	background-color:#004DA5;
}
.btnA.green {
	background-color:#05917A;
}
.btnA.black {
	background-color:#000000;
}
/* add */
.loginBox .btnA.green {
    background-color: #383fa3;
}
.history .btnA.white {
    width: 100%;
    border: solid 2px #444;
}
form[name="_contact_indexActionForm"] .btnA.green {
    background-color: #383fa3;
}
form[name="_privacy_editActionForm"] .btnA.green {
    background-color: #383fa3;
}
form[name="_giftcard_indexActionForm"] .btnA.green {
    background-color: #383fa3;
}
.btnA.red {
	background-color:#D60202;
}
.btnA.pink {
	background-color:#DB0879;
}
.btnA.white {
	background-color:#fff;
	border:1px solid #444;
	color:#333;
}
.btnA.white i {
	color:#666;
}

span.btnA {
	padding:0;
}

span.btnA.left {
	padding-right:0;
	padding-left:0;
}
span.btnA.s {
	padding:0;
}
span.btnA.s.left {
	padding:0;
}

span.btnA input {
	padding:16px 50px 16px 30px;
	cursor:pointer;
	text-align:center;
}

.btnA.left input {
	padding-right:30px;
	padding-left:50px;
}
.btnA.s input {
	padding:10px 36px 10px 16px;
}
.btnA.s.left input {
	padding:10px 16px 10px 36px;
}


/* // --------------------------------------------------------------------------------------------------------- */

/* // Structure
----------------------------------------------- */

#ContentsWrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#ContentsWrap {	display: inline-block;}
/* Hides from IE Mac */
* html #ContentsWrap {	height: 1%;	}
#ContentsWrap {	display:block;	}
/* End Hack */


#ContentsWrap {
	padding-bottom:70px;
}

#ContentsWrap #SideContents {
	float:left;
	width:200px;
	margin-right:40px;
}

#ContentsWrap #MainContents {
	float:left;
	width:860px;
    position: relative;
}
#ContentsWrap #MainContents.narrow {
	float:none;
	width:800px;
	margin:0 auto;
}


/* // Top ----------------------------------------------- */
#Top #Breadcrumb {
    margin-bottom:0;
}

/* #Top #MainVisual {
	height: 500px;
	background:url(/images/portal/top_mv_01.jpg) left top repeat-x;
	text-align:left;
	margin-bottom:15px;
} */
/* add */
#Top #MainVisual {
	height: 371px;
	/* background: url(/images/portal/top_mv_01.jpg) left top repeat-x; */
    background: #fff;
	text-align:left;
	margin-bottom: 35px;
}

/* #Top #MainVisualLayer {
    background-color:rgba(255,255,255,0.5);
    height:500px;
} */
/* add */
#Top #MainVisualLayer {
    /* background-color:rgba(0,0,0,0.55); */
    height: 371px;
}

/* #Top .memberbox {
	width:400px;
	height:500px;
	display:block;
	background-color:rgba(00,37,72,0.75);
	padding:25px 40px;
	box-sizing: border-box;
	color:#FFF;
	font-weight:100;
} */
/* add */
#Top .memberbox {
	width:400px;
	height: 371px;
	display:block;
	/* background-color:rgba(0,0,0,0.75); */
    /* background: #c6c6c6; */
    background: #fcfcfc;
	padding:25px 40px;
	box-sizing: border-box;
	color: #FFF;
	font-weight:100;
    /* -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; */
    /* border: solid 6px #a6a6a6; */
    border: solid 6px #c6c6c6;
}
/* #Top .memberbox .catchbox {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:5px;
} */
/* add */
#Top .memberbox .catchbox {
    border-bottom: solid 4px #c6c6c6;
	padding: 0;
    /* margin-top: 16px */
}
/* #Top .memberbox .catchbox p.catch {
	font-weight:100;
	text-align:center;
	font-size:18px;
} */
/* add */
#Top .memberbox .catchbox p.catch {
	font-weight:100;
	text-align:center;
	font-size:18px;
    /* margin-top: 10px; */
    color: #333;
}
#Top .memberbox .catchbox p.catch em {
	font-weight:100;
	font-size:26px;
	display:block;
	/* padding-top:7px; */
    padding-bottom: 10px;
    padding: 5px 0 14px;
    /* color: #cb9b0e; */
    color: #c30d23;
}
/* #Top .memberbox .catchbox p.btn{
	margin-top:25px;
} */
/* add */
#Top .memberbox .catchbox p.btn{
	margin-top:15px;
    margin-bottom:15px;
}
/* #Top .loginbtn{
	margin-top:40px;
} */
/* add */
#Top .loginbtn{
	margin-top: 25px;
}
/* #Top .loginbtn li{
	margin-bottom:25px;
} */
/* add */
#Top .loginbtn li{
	margin-bottom: 15px;
}

/* #Top .memberbox .name {
	background:url(/images/portal/top_icon_01.png) left center no-repeat;
	background-size:auto 40px;
	padding:5px 0 5px 52px;
	line-height:1.3em;
	margin-bottom:17px;
	font-size:92%;
} */
/* add */
#Top .memberbox .name {
	background:url(/images/portal/top_icon_01.png) left center no-repeat;
	background-size:auto 40px;
	padding: 10px 0 10px 55px;
	line-height:1.3em;
	/* margin-bottom:17px; */
	font-size:92%;
    border-bottom: solid 2px #a6a6a6;
    margin-bottom: 5px;
    color: #333;
}
#Top .memberbox .name em {
	font-size:130%;
	padding-right:7px;
}

/* add */
#Top .memberbox .name + p {
    text-align: center;
    color: #333;
}

/* #Top .memberbox .now {
	font-size:84%;
	margin-bottom:25px;
} */
/* add */
#Top .memberbox .now {
	font-size:84%;
	/* margin-bottom:25px; */
    border: solid 2px #dc0067;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    /* background: #fff; */
    color: #333;
    background: #fff;
}
/* #Top .memberbox .now em {
	margin-right:10px;
	display:inline-block;
	padding:3px 7px;
	background-color:#003772;
	font-size:110%;
} */
/* add */
#Top .memberbox .now em {
	margin-right:45px;
	display:inline-block;
	padding:2px 15px;
	background-color: #dc0067;
	font-size: 110%;
    color: #fff;
}
/* #Top .memberbox .point {
	margin-bottom:15px;
	text-align:center;
} */
/* add */
#Top .memberbox .point {
	margin-bottom:15px;
	text-align:center;
    border-bottom: solid 2px #dc0067;
    border-right: solid 2px #dc0067;
    border-left: solid 2px #dc0067;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    padding: 10px 0;
    color: #333;
    background: #fff;
}
/* #Top .memberbox .point em {
	font-size:45px;
	padding-right:10px;
} */
/* add */
#Top .memberbox .point em {
	font-size:35px;
	padding-right:10px;
    padding: 5px 10px 5px 0;
    color: #dc0067;
    display: inline-block;
}

#Top .memberbox .point span {
	display: none ;
/*	font-size:15px;
	padding-right:7px;
	text-align:right;*/
}
#Top .memberbox .point:hover {
    position: relative;
}
#Top .memberbox .point:hover span {
	display: block ;
	position: absolute;
	top: 50px;
	left: 50px;
	font-size: 90%;
	color: #333;
	background-color: #d2d2d2;
	width: 205px;
	padding: 5px;
	border-radius:3px;
	z-index:10000;
	text-align: left;
}
#Top .memberbox .point span:before{
	content:'';
	display:block;
	position:absolute;
	height:0;
	width:0;
	top:-13px;
	left:15px;
	border:13px transparent solid;
	border-right-width:0;
	border-left-color:#d2d2d2;
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	z-index:100;
}
#Top .memberbox .point strong {
	font-size:21px;
    color: #dc0067;
}


#Top .memberbox .history {
	margin-bottom:10px;
	text-align:center;
}


#Top #Flow {
	padding-bottom:70px;
	border-bottom:1px solid #CCC;
}
#Top #Goods {
	padding-top:70px;
	padding-bottom:70px;
}
#Top #Goods .catch {
	font-size:200%;
}

/* #Top #Link { */
/*	padding-top:90px;*/
	/* padding-bottom:8px;
	background-color:#ffffff;
} */
/* add */
#Top #Link {

    margin: 0 auto 60px;
}
html.pc #Top #Link .kigyo img,
html.pc #Top #Link .ir img {
    width: 475px;
    height: 100px;
}

/* #Top .attention {
	width:1000px;
	margin:0 auto 10px;
} */
#Top .attention {
	width: 1100px;
	/* margin:0 auto 10px; */
    margin: 30px auto;
}
/* #Top .attention p {
	border:1px solid #333;
	line-height:1.3em;
	padding:10px 10px;
	text-align:center;
	box-sizing: border-box;
} */
/* add */
#Top .attention p {
	/* border:1px solid #333; */
    color: #888;
    color: #fff;
	line-height:1.3em;
	padding:10px 10px;
	text-align:center;
	box-sizing: border-box;
    background: #ddd;
    background: #c6c6c6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}



.coListH2 {
    color: #333;
    margin: 0 auto 1.6em;
    padding: 0 0 0.4em;
    width: 1100px;
    font-size: 127%;
    line-height: 1;
    border-bottom: solid 2px #cb9b0e;
}

.coList + .coListH2 {
    margin: 1.2em auto 1.6em;
}

.coListH3 {
    color: #172a88;
    margin: 0 auto 1em;
    padding: 0 0 0.4em;
    width: 1100px;
    font-size: 127%;
    line-height: 1;
    border-bottom: solid 2px #efefef;
}

.internalLinkCoList {
    background: #000;
    margin: 0 auto 2em;
    padding: 0.2em 0;
    width: 1100px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.internalLinkCoList:after {
    content: " ";
    display: block;
    clear: both;
}

.internalLinkCoList dt {
    color: #fff;
    margin: 0 1.4em 0 1em;
    padding: 0;
    /* font-weight: bold; */
    float: left;
}

.internalLinkCoList dd {
    margin: 0 1.4em 0 0;
    padding: 0;
    float: left;
}

.internalLinkCoList dd:before {
    content: "\f0ab";
    color: #999;
    margin: 0 0.5em 0 0;
    font-family: FontAwesome;
    display: inline-block;
}

.internalLinkCoList dd a:link,
.internalLinkCoList dd a:visited {
    color: #cb9b0e;
    text-decoration: underline;
}

.internalLinkCoList dd a:hover {
    color: #916700;
    text-decoration: none;
}

.internalLinkCoList dd a.disabled {
    color: #4f4f4f;
    cursor: default;
    text-decoration: none;
}

.coList {
    margin: 0 auto;
    width: 1100px;
}

.coList:after {
    content: " ";
    display: block;
    clear: both;
}

.coList li {
    margin: 0 16px 2.8em 0;
    padding: 0;
    width: 263px;
    float: left;
    position: relative;
}

.coList li a {
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
}

.coList li a img,
.coList li img {
    width: 100%;
    border: solid 1px #dfdfdf;
    box-sizing: border-box;
}

.coList li:nth-child(4n) {
    margin: 0 0 2.8em 0;
}

.coList li figure figcaption {
    color: #172a88;
    margin: 0;
    padding: 0.3em;
    font-size: 82%;
    line-height: 1;
    text-align: center;
    border-right: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf;
    border-left: solid 1px #dfdfdf;
}

.coList li figure figcaption span {
    color: #555;
    line-height: 1.3;
    display: block;
}

.coList .newEntry figure::before {
    content: "NEW";
    color: #fff;
    background: #c00;
    margin: 0;
    padding: 0.3em 0.5em;
    font-size: 82%;
    font-weight: bold;
    line-height: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 990;
}

.iziModalBtn {
    outline: none;
    appearance: none;
    /* color: #fff; */
    color: #555;
    /* background: #aaa; */
    background: #f6f6f6;
    margin: 0;
    padding: 0.3em;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #dfdfdf;
    display: block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
    /* box-sizing: border-box; */
}

.iziModalBtn:hover {
    background: #d6d6d6;
    border: solid 1px #bfbfbf;
}

.topInfo:after {
    content: " ";
    display: block;
    clear: both;
}


/* トップページ - お知らせ */
.topNews {
    /* 広告バナーがない時 */
    margin: 0 auto 40px;
    padding: 0;
    width: 100%;
}

/* トップページ - お知らせ */
.topNewsDispBanner {
    /* 広告バナーがある時 */
    margin: 0 16px 40px 0;
    padding: 0;
    width: 755px;
    float: left;
}

.topNewsH2 {
    color: #333;
    margin: 0 0 1.6em;
    padding: 0 0 0.4em;
    font-size: 127%;
    line-height: 1;
    border-bottom: solid 2px #cb9b0e;
}

.topNewsDList {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 224px;
    overflow-y: scroll;
}

.topNewsDList::-webkit-scrollbar {
    width: 10px; /* バーの太さ */
}

.topNewsDList::-webkit-scrollbar-track {
    background: #ddd; /* バーの背景色 */
}

.topNewsDList::-webkit-scrollbar-thumb {
    background: #cb9b0e; /* バーの色 */
}

.topNewsDList dt {
    color: #172a88;
    margin: 0 0 0.4em;
    padding: 0;
    line-height: 1;
}

.topNewsDList dt span {
    color: #fff;
    margin: 0 0 0 0.4em;
    padding: 3px 5px;
    min-width: 70px;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
}

.topNewsDList dt span.mediaIcon {
    background: #b8409c;
}

.topNewsDList dt span.serviceIcon {
    background: #068991;
}

.topNewsDList dd {
    margin: 0 0 1.4em;
    padding: 0;
    line-height: 1.3em;
}

.topNewsDList dd a:link,
.topNewsDList dd a:visited {
    color: #916700;
    text-decoration: underline;
}

.topNewsDList dd a:hover {
    color: #cb9b0e;
    text-decoration: none;
}

.topNewsDList dd a:after {
    content: "\f08e";
    margin: 0 0 0 0.4em;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
}

/* トップページ - 広告バナー */
.bannerAd {
    background: #edf1f4;
    margin: 0;
    padding: 0;
    width: 329px;
    float: left;
}

.bannerAdList {
    margin: 15px auto;
    padding: 0;
    width: 300px;
}

.bannerAdList li a {
    background: #000;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    /* -moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15); */
}

.bannerAdList li a img {
    margin: 0;
    padding: 0;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.bannerAdList li a:hover img {
    opacity: 0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}


.highlyRecommended {
    margin: 0 0 40px 0;
    padding: 0;
    width: 263px;
    float: left;
}

.highlyRecommendedH2 {
    color: #333;
    margin: 0 0 1.6em;
    padding: 0 0 0.4em;
    font-size: 127%;
    line-height: 1;
    border-bottom: solid 2px #cb9b0e;
}

.highlyRecommendedDList {
    margin: 0;
    padding: 0;
    width: 263px;
}

.highlyRecommendedDList:after {
    content: " ";
    display: block;
    clear: both;
}

.highlyRecommendedDList dt {
    margin: 0 10px 10px 0;
    padding: 0;
    width: 80px;
    height: 80px;
    float: left;
}

.highlyRecommendedDList dd {
    margin: 0 0 10px;
    padding: 0;
    width: 173px;
    height: 80px;
    font-size: 82%;
    line-height: 1.4em;
    float: left;
}

.highlyRecommendedPoint {
    color: #172a88;
    margin: 0.4em 0 0;
    padding: 0;
    /* font-weight: bold; */
    display: block;
}



.TDnetWrap {
    background: #303030;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.TDnet {
    margin: 40px auto 80px;
    padding: 0;
    width: 1100px;
}

.TDnetH2 {
    color: #999;
    margin: 0 0 1.2em;
    padding: 0 0 0.4em;
    font-size: 109%;
    line-height: 1;
    border-bottom: solid 1px #999;
}

.TDnetH3 {
    color: #999;
    margin: 0 0 1em;
    padding: 0 0 0.4em;
    font-size: 91%;
    line-height: 1;
}

.TDnetDList {
    margin: 0;
    padding: 0;
}

.TDnetDList dt {
    margin: 0 0 0.4em;
    padding: 0;
}

.TDnetDList dt:after {
    content: " ";
    display: block;
    clear: both;
}

.TDnetDList dt .TDnetCoName {
    color: #737373;
    margin: 0;
    padding: 0;
    width: 71%;
    font-size: 91%;
    line-height: 1;
    display: block;
    float: left;
}

.TDnetDList dt .TDnetTime {
    margin: 0;
    padding: 0;
    width: 9%;
    font-size: 82%;
    line-height: 1;
    display: block;
    float: left;
}

.TDnetDList dt .TDnetCode {
    margin: 0;
    padding: 0;
    width: 10%;
    font-size: 82%;
    line-height: 1;
    display: block;
    float: left;
}

.TDnetDList dt .TDnetListedExchange {
    margin: 0;
    padding: 0;
    width: 10%;
    font-size: 82%;
    line-height: 1;
    display: block;
    float: left;
}

.TDnetDList dd {
    color: #999;
    margin: 0 0 1.4em;
    padding: 0;
    width: 70%;
    font-size: 91%;
    line-height: 1.3;
}

.TDnetDList dd a:link,
.TDnetDList dd a:visited {
    color: #737373;
    text-decoration: underline;
}

.TDnetDList dd a:hover {
    color: #999;
    text-decoration: none;
}



.dateOfRightAllotmentDList {
    margin: 0 0 0.3em;
    padding: 0;
    width: 100%;
    border-right: solid 1px #dfdfdf;
    border-left: solid 1px #dfdfdf;
    box-sizing: border-box;
    position: relative;
}

.dateOfRightAllotmentDList:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.dateOfRightAllotmentDList dt {
    color: #555;
    background: #f6f6f6;
    margin: 0;
    padding: 0.3em 0;
    width: 40%;
    font-size: 82%;
    line-height: 1;
    text-align: center;
    border-bottom: solid 1px #dfdfdf;
    display: block;
    float: left;
    box-sizing: border-box;
}

.dateOfRightAllotmentDList dd {
    color: #444;
    margin: 0;
    padding: 0.3em 0;
    width: 60%;
    font-size: 82%;
    line-height: 1;
    text-align: center;
    border-bottom: solid 1px #dfdfdf;
    border-left: solid 1px #dfdfdf;
    display: block;
    float: left;
    box-sizing: border-box;
}

.dateOfRightAllotmentNote {
    color: #555;
    background: #f5f5f5;
    margin: 0 auto 240px;
    padding: 0.8em 0.4em;
    width: 1100px;
    font-size: 91%;
    line-height: 1.5;
    text-align: center;
    border: solid 1px #ddd;
    box-sizing: border-box;
}

.maintenanceInfo {
    color: #555;
    background: #f5f5f5;
    margin: 0 auto 40px;
    padding: 0.8em 0.4em 0.8em 2em;
    width: 1100px;
    font-size: 91%;
    line-height: 1.5;
    text-align: lefg;
    border: solid 1px #ddd;
    box-sizing: border-box;
}


/* プロモーション・バナーエリア */
.promotionWrap {
    background: #303030;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.promotion {
    margin: 40px auto 25px;
    padding: 0;
    width: 1100px;
}

.promotionList {
    margin: 0 auto;
    padding: 0;
    width: 830px;
}

.promotionList:after {
    content: " ";
    display: block;
    clear: both;
}

.promotionList a:hover {
    text-decoration: underline;
}

.promotionList li {
    display:inline-block;
    margin: 0 20px 15px 0;
    width: auto;
}

.promotionList li a {
    color: #fff;
    text-decoration: none;
}

.promotionList li a img,
.promotionList li img {
    width: 100%;
    /* border: solid 1px #dfdfdf;
    box-sizing: border-box; */
    /* display: block; */
}

.promotionList li:nth-child(3n) {
    margin: 0 0 15px 0;
}






/* // 商品一覧 ----------------------------------------------- */

@media screen and (min-width: 581px)  {
    #List .menu_btn1 {
        display: none!important;
    }
}

/* .goddsAttention {
	line-height:1.3em;
	font-weight:400;
	background-color:#FFDFE9;
	padding:10px;
	font-size:112%;
	color:#EA002E;} */
/* add */
.goddsAttention {
	line-height:1.3em;
	font-weight:400;
	background-color: #ff9900;
	padding:10px;
	font-size:112%;
	color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#List  #Breadcrumb {
	margin-bottom:0;
}

/* #List  #PageTitle {
	background:url(/images/portal/list_mv_01.jpg) center center no-repeat;
	height:175px;
	margin-bottom:30px;
} */
/* add */
#List  #PageTitle {
	background:url(/images/portal/list_mv_01.jpg) center center repeat-x;
    background-size: contain;
	height:175px;
	margin-bottom:30px;
}
#List  #PageTitleDummy {
    margin-bottom:30px;
}
#List  #PageTitle h1 {
	line-height:1.2;
	text-align:center;
	background:url(/images/portal/list_title_bg.png) center center no-repeat;
	padding:35px 0;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:34px;
	letter-spacing:0.1em;
	font-weight:100;
	color:#000;
}


/*Recommend 共通 */
#List .image {
 position: relative;
}

/*Recommend ribbon */
#List .point-ribbon {
 position: absolute;
 background: #FF797D;
 font-size: 12px;
 color: #fff;
}
#List .point-ribbon:before {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
#List .point-ribbon:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
#List /* ⑤ribbon-l */
.point-ribbon-l {
 top: .5em;
 left: -6px;
 height: 1.5em;
 line-height: 1.5;
 padding-left: .5em;
}
#List .point-ribbon-l:before {
 left: 0;
 top: 100%;
 border-top:6px solid #C83539;
 border-left:6px solid transparent;
}
#List .point-ribbon-l:after {
 left: 100%;
 bottom: 0;
 border:.8em solid #FF797D;
 border-right:.7em solid transparent;
}

@media screen and (min-width: 1501px)  {
	#List  #PageTitle {
		background-size:cover;
	}
}

.googsListWrap {
	width:900px;
	margin-left:-40px;
}
.googsListWrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
.googsListWrap {	display: inline-block;}
/* Hides from IE Mac */
* html .googsListWrap {	height: 1%;	}
.googsListWrap {	display:block;	}
/* End Hack */

.googsListWrap .googsItem {
	float:left;
	width:260px;
	margin-left:40px;
	margin-bottom:75px;
	position:relative;
}

.googsListWrap .googsItem a {
	padding-bottom:15px;
	display:block;
	border-bottom:1px solid #444;
}
/* .googsListWrap .googsItem a:hover {
	text-decoration:none;
	padding-bottom:13px;
	border-bottom:3px solid #444;
} */
/* add */
.googsListWrap .googsItem a:hover {
	text-decoration:none;
	padding-bottom:13px;
	border-bottom:3px solid #999;
}
.googsListWrap .googsItem a p.ph {
	display:block;
	width:260px;
	height:260px;
	overflow:hidden;
}
.googsListWrap .googsItem a p.ph img {
	width:260px;
	height:auto;
	position:relative;
}
/*
.googsListWrap .googsItem a p.ph img.lie {
	width:auto;
	height:260px;
}
*/


.googsListWrap .googsItem a p.name {
	color:#333;
	margin-top:20px;
	margin-bottom:45px;
	font-size:108%;
	font-weight:300;
	line-height:1.6;
}
.googsListWrap .googsItem a p.point {
	font-size:130%;
	color:#999;
	position:absolute;
	bottom:13px;
	left:0;
}

/* .googsListWrap .googsItem a .detail {
	position:absolute;
	bottom:13px;
	right:0;
	display:inline-block;
	font-size:108%;
	background-color:#003772;
	padding:5px 10px 5px 35px;
	color:#FFF;
	line-height:1;
} */
/* add */
.googsListWrap .googsItem a .detail {
	position:absolute;
	bottom:13px;
	right:0;
	display:inline-block;
	font-size:108%;
	background-color:#333;
	padding:5px 10px 5px 25px;
	line-height:1;
}
.googsListWrap .googsItem a .detail span {
    color: #fff !important;
}
.googsListWrap .googsItem a .detail i {
	color:#FFF;
	padding-left:20px;
}
/* .googsListWrap .googsItem a:hover .detail {
	background-color:#E5ECF2;
    color:#000;
	padding-right:6px;
} */
/* add */
.googsListWrap .googsItem a:hover .detail {
	background-color: #999;
	padding-right:6px;
}
.googsListWrap .googsItem a:hover .detail span {
    color: #333 !important;
}
.googsListWrap .googsItem a:hover .detail i {
	padding-left:24px;
}


#List ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	border: 1px solid #DDD;
	text-align: center;
}

#List ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#List ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #E8E8E8;
	text-decoration: none;
	vertical-align: middle;
}
#List ul.pageNav li span{
	color:#FFF;
	background: #333;
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
}

#List ul.pageNav li a:hover {
	color: #000;
	background: #D8D8D8;
	border-color: #00f;
}

/* #CategoryMenu .block.user {
	border:6px #cccdc4 solid;
	padding:8px;
	background-color:#FCFCF4;
	margin-bottom:30px;
	line-height:1.2;
	color:#222;
} */
/* add */
#CategoryMenu .block.user {
	border: solid 4px #dc0067;
	padding:8px;
	background-color: #fff;
	margin-bottom:30px;
	line-height:1.2;
	color: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#CategoryMenu .block.user p.name {
	padding-left:29px;
	position:relative;
	font-size:12px;
	margin-bottom:10px;
    padding-bottom: 10px;
    border-bottom: solid 2px #333;
}
#CategoryMenu .block.user p.name em {
	font-size:15px;
	display:inline-block;
	padding-right:7px;
	font-weight:500;
	padding-bottom:1px;
}
#CategoryMenu .block.user p.name i {
	position:absolute;
	top:2px;
	left:0;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:30px;
}

#CategoryMenu .block.user p.point {
	text-align:center;
	margin-bottom:10px;
	font-weight:500;
	background-color:#FFF;
	color:#91002E;
}
/* add */
#CategoryMenu .block.user p.point {
	text-align:center;
	margin-bottom:10px;
	font-weight:500;
	background-color:#FFF;
	color: #dc0067;
	font-size:14px;
	padding-right:2px;
}
#CategoryMenu .block.user p.point em {
	font-size:24px;
	padding-right:2px;
}
/* #CategoryMenu .block.user p.date {
	text-align:center;
	font-weight:100;
	font-size:10px;
	color:#444;
} */
/* add */
#CategoryMenu .block.user p.date {
	text-align:center;
	font-weight:100;
	font-size:11px;
	color:#333;
}

.modal .block.point {
	margin-top:40px;
}

.modal p.head {
	font-size:17px;
	border-left:1px solid #333;
	font-weight:200;
	padding:23px 0 23px 19px;
	margin-bottom:15px;
}
.modal ul.menu{
}

.modal ul.menu li > a {
	font-weight:200;
	padding:15px 0 15px 32px;
	display:block;
	font-size:14px;
	line-height:1.5;
	position:relative;
}

.modal ul.childWrap li > a {
	padding:5px 0px 5px 15px;
}

.modal ul.menu a:hover{
	text-decoration:none;
	background-color:#F8F8F8;
}

.modal ul.menu li.parent i {
	font-size:22px;
	padding-right:17px;
	position:absolute;
	top:28%;
	left:15px;
	color:#777;
	font-weight:100;
}

.modal ul.childWrap li.child i {
	font-size:20px;
	padding-right:17px;
	position:absolute;
	top:10%;
	left:-15px;
	color:#777;
	font-weight:100;
}

.modal ul.menu li a:hover i {
	left:18px;
}

.modal ul.childWrap li a:hover i {
	left:-12px;
}

.modal ul.menu .childWrap, .grandChildWrap {
	/*padding-bottom:18px;*/
	display:none;;
}

.modal ul.menu .childWrap li.child
, .grandChildWrap li.grandChild {
	margin-left:25px;
	font-weight:200;
	display:block;
	font-size:13px;
	line-height:1.4;
	padding:0px 10px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
/* .modal ul.menu li.parent > a.on,
.modal ul.menu .childWrap a.on{
	background-color:#003772;
	color:#FFF;
} */
/* add */
.modal ul.menu li.parent > a.on,
.modal ul.menu .childWrap a.on{
	background-color:#333;
	color:#FFF;
}
.modal ul.menu li.parent > a.on i,
.modal ul.menu li.child > a.on i {
	display:none;
}




/* // 商品詳細 ----------------------------------------------- */

@media screen and (min-width: 581px)  {
    #Detail .menu_btn1 {
        display: none!important;
    }
}

#Detail #DetailWrap {

}

/*Recommend 共通 */
#Detail .image {
 position: relative;
 z-index: 2;
}

/*Recommend ribbon */
#Detail .point-ribbon {
 position: absolute;
 background: #FF797D;
 font-size: 12px;
 color: #fff;
 z-index: 1;
}
#Detail .point-ribbon:before {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
#Detail .point-ribbon:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
/* ⑤ribbon-l */
#Detail .point-ribbon-l {
 top: .5em;
 left: -6px;
 height: 1.5em;
 line-height: 1.5;
 padding-left: .5em;
}
#Detail .point-ribbon-l:before {
 left: 0;
 top: 100%;
 border-top:6px solid #C83539;
 border-left:6px solid transparent;
}
#Detail .point-ribbon-l:after {
 left: 100%;
 bottom: 0;
 border:.8em solid #FF797D;
 border-right:.7em solid transparent;
}

#DetailWrap:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#DetailWrap {	display: inline-block;}
/* Hides from IE Mac */
* html #DetailWrap {	height: 1%;	}
#DetailWrap {	display:block;	}
/* End Hack */

#Detail #DetailWrap .phArea {
	float:left;
	width:400px;
	margin-right:50px;
}
#Detail #DetailWrap .txArea {
	float:left;
	width:410px;
}
#Detail .flex-control-nav {
	width:410px;
	margin-left:-5px;
}

#Detail #DetailWrap .txArea {
	float:left;
	width:420px;
}
#Detail #MainContents .btnBack a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#003772;
	line-height:1;
	font-size:108%;
	color:#FFF;
	padding:6px 15px 6px 10px;
}
#Detail #MainContents .btnBack a i{
	font-size:120%;
	padding-right:15px;
	color:#FFF;
}
#Detail #MainContents .btnBack a:hover {
	text-decoration:none;
	background-color:#555;
}


#Detail #MainContents .nowPoint {
	line-height:1;
	font-size:120%;
	color:#dc0067;
	text-align:right;
	margin-top:-36px;
}
/* #Detail #MainContents .nowPoint span {
	background-color:#ececec;
	display:inline-block;
	padding:8px 15px 12px;
} */
/* add */
#Detail #MainContents .nowPoint span {
	/* background-color: #5556be; */
	display:inline-block;
	padding:0 15px;
    height: 50px;
    line-height: 50px;
    border: solid 3px #dc0067;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
}
#Detail #MainContents .nowPoint span i {
	font-size:200%;
	padding-right:15px;
	position:relative;
	top:4px;
}
#Detail #MainContents .nowPoint span strong {
	padding:0 8px;
	font-size:115%;
	font-weight:800;
}
#Detail #MainContents .over {
	text-align:right;
	color:#EA002E;
}
#Detail #MainContents .goodsname {
	margin-top:20px;
	font-size:160%;
	font-weight:300;
}
/* #Detail #MainContents .exchange {
	line-height:1;
	background-color:#FFFEE2;
	padding:10px;
	color:#EA002E;
	margin-bottom:27px;
	font-size:110%;
} */
/* add */
#Detail #MainContents .exchange {
	line-height:1;
	background-color: #777;
	padding:10px 20px;
	color: #fff;
	margin-bottom:27px;
	font-size:110%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#Detail #MainContents .description {
	margin-bottom:25px;
}
#Detail #MainContents .icon {
	margin-bottom:25px;
}
#Detail #MainContents .icon img {
	padding-right:10px;
}
/* #Detail #MainContents .attention {
	color:#F40400;
	font-size:80%;
	line-height:1.6;
} */
/* add */
#Detail #MainContents .attention {
	color: #c00;
	font-size:80%;
	line-height:1.6;
}
/* add */
#Detail #MainContents .taxRate010MigrationPeriod {
    color: #c00;
    border: solid 2px #c00;
    padding: 0 15px;
    font-size:80%;
    line-height:150%;
    margin-bottom:10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* #Detail #MainContents .attentionAlcohol {
    color:#F40400;
    font-size:130%;
    line-height:1.6;
} */
/* add */
#Detail #MainContents .attentionAlcohol {
    color: #c00;
    font-size:130%;
    line-height:1.6;
}
/* add */
#Detail #MainContents .extraordinaryStop {
    color: #c00;
    border: solid 2px #c00;
    padding: 0 15px;
    font-size:150%;
    line-height:150%;
    margin-bottom:10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#Detail #MainContents .submit {
	margin-top:50px;;
}
/* #Detail #MainContents .submit a {
	margin-top:50px;;
	display: block;
	padding: 25px 15px;
	background-color: #c90065;
	color: #fff;
	font-size: 150% !important;
	border:0;
	line-height:1;
	text-align:center;
	width:100%;
	font-size:
	cursor: pointer;
	-webkit-appearance: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	box-sizing: border-box;
} */
/* add */
#Detail #MainContents .submit a {
	margin-top:50px;;
	display: block;
	padding: 25px 15px;
	background-color: #c30d23;
	color: #fff;
	font-size: 150% !important;
	border:0;
	line-height:1;
	text-align:center;
	width:100%;
	font-size:
	cursor: pointer;
	-webkit-appearance: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	box-sizing: border-box;
}

#Detail #MainContents .submit a i{
	color: #fff;
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right:18px;
}
/* #Detail #MainContents .submit a:hover{
	background-color: #A30051;
	text-decoration:none;
} */
/* add */
#Detail #MainContents .submit a:hover{
	background-color: #a3000f;
	text-decoration:none;
}

#Detail #MainContents .submit.none a {
	background-color: #ff7569;
	cursor:default;
}

.campaignBanner {
    margin: 0 auto 15px;
    padding: 0;
    width: 400px;
    height: 80px;
    display: block;
}


/* // 支払方法選択(商品交換) ------------------------------- */
/* // SALE - employee discount : 2019.12.25 ----------------- */
/* 商品一覧 */
body.sale .modal ul.menu li.parent > a.on,
body.sale .modal ul.menu .childWrap a.on { /* サイドナビゲーション */
    background-color:#c00;
    color:#FFF;
}

body.sale h2.headTxA { /* タイトル */
    color:#c00;
}

.saleSlogans {
    color: #c00;
    margin: 1em 0 1em;
    font-size: 127%;
    font-weight: bold;
}

.googsListWrap .googsItem.sale a p.name {
    margin-bottom: 60px;
}

.salePrice {
    color: #c00;
    line-height: 1;
    text-align: right;
    display: block;
}

.regularPrice {
    margin: 0.2em 0 0;
    line-height: 1;
    text-align: right;
    text-decoration: line-through;
    display: block;
}

.saleBadge {
    color: #fff;
    /* background: #c00; */
    background: rgba(204,0,0,0.8);
    margin: 0;
    padding: 0.4em 0.6em;
    font-size: 82%;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
}

.saleEnd {
    color: #c00;
    border: solid 2px #c00;
    padding: 0 15px;
    font-size:150%;
    line-height:150%;
    margin-bottom:20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* 商品詳細 */
.saleExchange {
    background: #c00;
    margin: 0 0 1.4em;
    padding: 0;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

.badgeTitle {
    color: #c00;
    background: #fff;
    margin: 1em 0.2em 0.4em 1em;
    padding: 0.3em 0.4em;
    font-size: 118%;
    /* font-weight: bold; */
    line-height: 1;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
}

.discountRate {
    color: #fff;
    margin: 1em 0 0.4em;
    padding: 0.3em 0.4em;
    font-size: 118%;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
}

.saleExchangePrice {
    color: #fff;
    margin: 0 0.8em 0.2em;
    padding: 0;
    font-size: 163%;
    font-weight: bold;
    line-height: 1;
    text-align: left;
}

.saleExchangePrice span {
    color: #000;
    margin: 0 0 0 0.8em;
    font-size: 65%;
    font-weight: normal;
    text-decoration: line-through;
}

.exchangePriceNotes {
    color: #fa5;
    margin: 0 1.6em 0.8em;
    font-size: 82%;
    display: block;
}

.coinBackNotes {
    color: #fff;
    margin: 0 1.6em 0.8em;
    font-size: 100%;
    display: block;
}

#Payment table.tableA {
	line-height:1.5;
}
#Payment table.tableA:after {	 content: ".";	display: block;	height: 0;	font-size:0;	 clear: both;	visibility:hidden;}
#Payment table.tableA {	display: inline-block;}
/* Hides from IE Mac */
#Payment * html dl.tableA {	height: 1%;	}
#Payment table.tableA {	display:block;	}
/* End Hack */

#Payment table.tableA td.item1{
	color:#FFF;
    width: 30%;
	background-color:#444;
}
#Payment table.tableA td.item3{
	color:#FFF;
    width: 29%;
    padding: 12px;
	background-color:#444;
}

#Payment table.tableA td.item4.last {
    text-align: left;
    width: 550px;
	background-color:#FFF;
}

#Payment table.tableA td {
    text-align: left;

}
#Payment table.tableA td.item.last {
    text-align: left;
    width: 70%;
	background-color:#FFF;
}

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }
    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }
}
@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 5px;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }
    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }
}


/* // よくある質問 ----------------------------------------------- */

#Help .block {
	margin-bottom:40px;
}

#Help .item {
	margin-bottom:25px;
	padding-bottom:20px;
	border-bottom:1px dotted #CCC;
	line-height:1.7em;
}
#Help .item .que {
	position:relative;
	padding-left:75px;
	min-height:35px;
	font-weight:300;
	margin-bottom:12px;
}
#Help .item .que em {
	position:absolute;
	top:0;
	left:0;
	font-weight:200;
	font-size:20px;
	color:#148CE2;
}
#Help .item .ans {
	position:relative;
	padding-left:75px;
	min-height:35px;
	font-weight:200;
}
#Help .item .ans em {
	position:absolute;
	top:0;
	left:0;
	font-weight:200;
	font-size:20px;
	color:#E2006D;
}

/* // 株主ポスト ----------------------------------------------- */
#Post ul.postList li {
	border-bottom:1px dotted #BBB;
	padding-bottom:12px;
	margin-bottom:12px;
	line-height:1.6em;
	box-sizing: border-box;
}
#Post ul.postList li i {
	position:absolute;
	top:8px;
	left:0;
}
#Post ul.postList li a {
	display:block;
	padding:3px;
	box-sizing: border-box;
	position:relative;
	padding-left:20px;
}
#Post ul.postList li a:hover {
	background-color:#F9F9F9;
}
#Post .detailBlock .ph {
	float:right;
	display:block;
	width:300px;
	margin-left:30px;
}
#Post .detailBlock .tx {
	float:left;
	width:470px;
}
#Post ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	border: 1px solid #DDD;
	text-align: center;
}

#Post ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#Post ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #E8E8E8;
	text-decoration: none;
	vertical-align: middle;
}
#Post ul.pageNav li span{
	color:#FFF;
	background: #333;
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
}

#Post ul.pageNav li a:hover {
	color: #000;
	background: #D8D8D8;
	border-color: #00f;
}


/* // 優待ポイントについて
 ----------------------------------------------- */
#Program .mv {
	height:250px;
	background:url(/images/portal/program_mv_bg.jpg) right bottom no-repeat;
	text-align:left;
}
/* add */
#Program .mv img {
    width: 100%;
}
#Program table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size:122%;
	color:#333;
}
/* #Program table th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #103082;
	text-align:center;
} */
/* add */
#Program table th {
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #333;
	text-align:center;
}
#Program table th:not(:last-child) {
	border-right:1px dotted #FFF;
}
#Program table td {
	padding: 10px;
	vertical-align: top;
	text-align:center;
}
#Program table td:not(:last-child) {
	border-right:1px dotted #999;
}

#Program table tr:nth-child(odd) td {
  background-color: #fff;
}
#Program table tr:nth-child(even) td {
  background-color: #eee;
}

#Program .bnr {
	padding:35px 0;
  background:url(/images/portal/program_bnr_01_bg.png) left top no-repeat;
  background-size:100% 100%;
}



/* クレジットカード決済の導入について */
.creditEm {
    color: #ff8601;
    font-weight: bold;
}
.creditUnderlineEm {
    font-weight: bold;
    text-decoration: underline;
}

.creditH3 {
    color: #444;
    margin: 0 0 1em;
    padding: 9px;
    font-size: 160%;
    line-height: 1.3;
    border-bottom: solid 1px #cb9b0e;
}

.creditNotesList {
    margin: 0 0 2em;
    padding: 0;
}

.creditNotesList li {
    color: #e46c0a;
    margin: 0 0 0 1em;
    padding: 0;
    font-size: 0.9em;
    line-height: 1.3;
    text-indent: -1em;
}






/* // 特定商取引法の表示
 ----------------------------------------------- */
.commerceLeadPra {
    margin: 0 0 3em;
    padding: 0;

}

.commerceDList{
    margin: 0 0 2em;
    padding: 0;
}

.commerceDList dt {
    color: #333;
    margin: 0 0 1em;
    padding: 0 0 0.8em;
    font-weight: bold;
    line-height: 1;
    border-bottom: solid 1px #ccc;
}

.commerceDList dd {
    margin: 0 0 4em 0;
    padding: 0;
    line-height: 1.6;
}

.commerceDList dt:before {
    content: "■";
    margin: 0 0.2em 0 0;
}

.commerceItemList li:first-child {
    margin: 0 0 1em 0;
}

.commerceItemList li a:link,
.commerceItemList li a:visited {
    color: #cb9b0e;
}

.commercePra {
    margin: 0 0 0.8em;
    padding: 0;
    line-height: 1.6;
}

.commerceItemDList {
    margin: 0;
    padding: 0;
}

.commerceItemDList dt {
    margin: 4em 0 1.2em;
    padding: 0;
    border-bottom: none;
}

.commerceItemDList dt:first-child {
    margin: 0 0 1.2em;
}

.commerceItemDList dd {
    margin: 0 0 1em 1.2em;
}

.commerceItemDList dt:before {
    content: "・";
    margin: 0 0.2em 0 0;
}

.commerceItemDList dl dt {
    margin: 0 0 0.4em 1em;
    padding: 0;
    font-weight: normal;
}









/* // 個人情報保護方針
 ----------------------------------------------- */
.privacyPolicyH2 {
    color: #444;
    margin: 0 0 1em;
    padding: 0 0 0.4em;
    font-size: 145%;
    font-weight: 100;
    border-bottom: solid 1px #cb9b0e;
}

.privacyPolicyPra {
    margin: 0 0 3em;
    padding: 0;
}

.privacyPolicyOList {
    margin: 0 auto 3em;
    padding: 0;
    width: 94%;
    counter-reset: number;
}

.privacyPolicyOList li {
    margin: 0 0 1.2em;
    padding: 0 0 0 1.3em;
    line-height: 1.4;
    text-indent: -1.3em;
}

.privacyPolicyOList li:before{
    counter-increment: number;
    content: counter(number)".";
    margin: 0;
    padding: 0 0.5em 0 0;
}

.PPSignatureWrap {
    margin: 0 0 4em;
    padding: 0;
    text-align: right;
}

.PPSignatureList {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.PPSignatureList li {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.PPSignaturePra {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    text-align: right;
}

.privacyPolicyH3 {
    margin: 0 0 1em;
    padding: 0;
    font-weight: bold;
}

.PPPurposeOList {
    margin: 0 auto 4em;
    padding: 0;
    width: 94%;
    counter-reset: item;
}

.PPPurposeOList li {
    margin: 0 0 1.2em;
    padding: 0 0 0 3em;
    line-height: 1.4;
    text-indent: -3em;
}

.PPPurposeOList > li:before{
    counter-increment: item;
    content: "（"counter(item)"）";
    margin: 0;
    padding: 0 0.5em 0 0;
}

.PPPurposeOList li ul {
    margin: 1em 0 2em 1em;
    padding: 0;
}

.PPPurposeOList li ul li {
    margin: 0 0 0.4em;
    padding: 0 0 0 1.3em;
    line-height: 1.4;
    text-indent: -1.3em;
}

.PPPurposeOList li ul li:before {
    content: "・";
}

.PPPurposeOList li ul li .PPPNoteList li:before {
    content: "※";
}

.PPPmarkPra {
    margin: 0 0 6em;
    padding: 0;
}

.PPPmarkPra:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}

.PPPmarkFigure {
    margin: 0 0 2em 2em;
    padding: 0;
    float: right;
}

.PPInfo {
    background: #fcfcfc;
    margin: 0 auto;
    padding: 0;
    width: 70%;
    border: solid 1px #dbdada;
}

.PPInfoH2 {
    margin: 1em;
    padding: 0;
    font-size: 127%;
    text-align: center;
    font-weight: bold;
}

.PPInfoPra {
    margin: 0 1em 2em;
    padding: 0;
    text-align: center;
}


/* // 新規会員登録の手順
 ----------------------------------------------- */
.guideLeadPra {
    color: #555;
    margin: 0 0 6em;
    padding: 0;
    font-size: 127%;
    line-height: 1.6;
}

.guideCapFig { /* Capture Figure */
    margin: 0 auto 2em;
    padding: 0;
    width: 80%;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
    display: block;

}

.guideH2 {
    color: #333;
    margin: 0 0 2em;
    padding: 0 0 0.8em;
    font-size: 172%;
    font-weight: bold;
    line-height: 1;
    border-bottom: solid 1px #cb9b0e;
}

.guidePra {
    color: #555;
    margin: 0 0 6em;
    padding: 0;
    font-size: 127%;
    line-height: 1.6;
}

.guidePra + .guideCapFig {
    margin: -3em auto 2em;
}

.guideColumn {
    background: #f6f6f6;
    margin: -3em 0 6em;
    padding: 0;
    overflow: hidden;
}

.guideH3 {
    color: #333;
    margin: 2em 1.6em 1em;
    padding: 0 0 0.6em;
    font-size: 154%;
    font-weight: bold;
    line-height: 1;
    border-bottom: solid 1px #333;
}

.guideList {
    color: #555;
    margin: -5em 3em 3em;
    padding: 0;
}

/* .guidePra + .guideList {
    margin: -4em 0 6em;
} */

.guideList li {
    margin: 0 0 1em 1em;
    padding: 0;
    font-size: 127%;
    line-height: 1.4;
    list-style: disc;
}

.guideList li:after {
    color: #cb9b0e;
    margin: 0 0 0 0.5em;
    padding: 0;
    content: "\f08e";
    font-family: FontAwesome;
}

.guideList li a:link,
.guideList li a:visited {
    color: #cb9b0e;
}

.guideList li a:hover {
    text-decoration: underline;
}

.guideColumn .guidePra {
    margin: 0 1.6em 6em;
}

/* // WILLsCoin通帳
 ----------------------------------------------- */

#Passbook table {
	border-collapse: collapse;
	text-align: left;
	font-size:13px;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color:#333;
}
#Passbook table th {
	padding: 10px;
	vertical-align: top;
	color: #fff;
	background: #333;
	text-align:center;
	vertical-align: middle;
}
#Passbook table th:not(:last-child) {
	border-right:1px dotted #FFF;
}
#Passbook table td {
	border-bottom:1px dashed #ccc;
	padding: 10px;
	vertical-align: top;
	text-align:center;
}
#Passbook table td:not(:last-child) {
	border-right:1px dotted #999;
}

#Passbook a {
	text-decoration:underline !important;
}

/* add 20220218*/
#Passbook a.btnA {
	background-color: #C30D23;
	text-decoration:none !important;
}

.pwDeadLine {
  color: #999;
}

.pwUsePoint {
  background-color : #F6CECE;
}

.pwLosePoint {
  background-color : #E0F8F1;
}

.pwEmphasis{
  color: #FF0000;
}

.pwNowUserPoint {
	width:85%;
	border:solid 3px #dc0067;
	padding:14px;
	background-color: #fff;
	margin: auto;
	margin-bottom:25px;
	color:#222;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.pwNowUserPoint em {
	font-weight:600;
	padding-right:10px;
	font-size:108%;
}
.pwNowUserPoint div{
	text-align: left;
}

.pwNowUserPoint span.point {
	margin-left:30%;
	padding-left:10px;
	color: #dc0067;
}
.pwNowUserPoint span.point em {
	font-size:250%;
}

.fa-exclamation-circle {
	font-size:18px;
    margin-right: 0.4em;
    color: #c30d23;
}

.pwNowUserPoint span.deadLine {
	padding-right:5px;
	padding-left:5px;
	font-size:17px;
	color: #dc0067;
}

.pwNowUserPoint span.attention {
	margin-left:20px;
	font-size:11px;
}

.pwDateWidth {
	width: 100px;
}

.pwContentsWidth {
	width: 170px;
}

.pwWILLsCoinWidth {
	width: 90px;
}

.pwDetailWidth {
	width: 240px;
}

.pwExpirationWidth {
	width: 100px;
}

/* // プレミアム優待倶楽部 GIFT CARD
 ----------------------------------------------- */
#GiftCard .mv img {
    width: 100%;
}

.GiftCardEm {
    color: #803120;
    font-weight: bold;
}

.GiftCardList li {
    margin-left: 2em;
    list-style: disc;
}

.GiftCardH3 {
    color: #444;
    margin: 0 0 1em;
    padding: 9px 9px 9px 0;
    font-size: 160%;
    font-weight: 100;
    line-height: 1.3;
    border-bottom: solid 1px #cb9b0e;
}

.GiftCardNotesList li {
    margin: 0 0 0 1em;
    padding: 0;
    font-size: 0.9em;
    line-height: 1.3;
    text-indent: -1em;
}

.GiftCardBuyList,
.GiftCardBuyLoginList,
.GiftCardregisterList,
.GiftCardregisterLoginList {
    margin: 0;
    padding: 0;
}

.GiftCardBuyList:after,
.GiftCardregisterList:after {
    content: "";
	clear: both;
	display: block;
	height: 0;
}

.GiftCardBuyList li,
.GiftCardregisterList li {
    margin: 0;
    padding: 0;
    width: 380px;
    float: left;
}

.GiftCardBuyLoginList li,
.GiftCardregisterLoginList li {
    margin: 0 auto;
    padding: 0;
    width: 380px;
}

.GiftCardBuyList li:first-child,
.GiftCardregisterList li:first-child {
    margin: 0 40px 0 0;
}

.GiftCardBuyList li span,
.GiftCardregisterList li span {
    margin: 0 0 0.4em;
    padding: 0;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    display: block;
}

.GiftCardBuyList li:first-child span,
.GiftCardregisterList li:first-child span {
    color: #148ce2;
}

.GiftCardBuyList li a,
.GiftCardBuyLoginList a,
.GiftCardregisterList a,
.GiftCardregisterLoginList a {
    color: #fff;
    background: #383fa3;
    margin: 0;
    padding: 16px 0;
    font-size: 118%;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    -webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
    position: relative;
}

.GiftCardBuyList li:first-child a,
.GiftCardregisterList li:first-child a {
    background: #cb9b0e;
}

.GiftCardBuyList li:first-child a:after,
.GiftCardregisterList li:first-child a:after {
    content: "\f138";
    font-size: 130%;
    font-family: FontAwesome;
    position: absolute;
	top: 50%;
	right: 0.6em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.GiftCardBuyList li:last-child a:after,
.GiftCardBuyLoginList li:last-child a:after,
.GiftCardregisterList li:last-child a:after {
    content: "\f105";
    font-size: 130%;
    font-family: FontAwesome;
    position: absolute;
	top: 50%;
	right: 0.6em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.GiftCardregisterLoginList li:last-child a:after {
    content: "\f18e";
    font-size: 130%;
    font-family: FontAwesome;
    position: absolute;
	top: 50%;
	right: 0.6em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.GiftCardBuyList li a:link,
.GiftCardBuyList li a:visited,
.GiftCardBuyLoginList a:link,
.GiftCardBuyLoginList a:visited,
.GiftCardregisterList a:link,
.GiftCardregisterList a:visited,
.GiftCardregisterLoginList a:link,
.GiftCardregisterLoginList a:visited {
    color: #fff;
    text-decoration: none;
}

.GiftCardBuyList li a:hover,
.GiftCardBuyLoginList a:hover,
.GiftCardregisterList a:hover,
.GiftCardregisterLoginList a:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#GiftCard hr {
    border-top: solid 1px #ddd;
    border-right: none;
    border-bottom: none;
    border-left: none;
    display: block;
}

.WILLsCoinBalanceDList {
    margin: 0;
    padding: 0;
    border: solid 2px #dc0067;
    box-sizing: border-box;
}

.WILLsCoinBalanceDList:after {
    content: "";
	clear: both;
	display: block;
	height: 0;
}

.WILLsCoinBalanceDList dt {
    color: #fff;
    background: #dc0067;
    margin: 0;
    padding: 0 15px;
    width: 30%;
    height: 52px;
    font-weight: 400;
    line-height: 52px;
    box-sizing: border-box;
    float:left;
}

.WILLsCoinBalanceDList dd {
    margin: 0;
    padding: 0 15px;
    width: 70%;
    height: 52px;
    font-weight: 200;
    line-height: 52px;
    box-sizing: border-box;
    float:left;
}

.WILLsCoinBalanceDList .WILLsCoinValue {
    color: #dc0067;
    margin: 0 0.4em 0 0;
    padding: 0;
    font-size: 172%;
    font-weight: 400;
}

.WILLsCoinBalanceDList .WILLsCoinAddValue {
    color: #dc0067;
    font-weight: 400;
}

.GiftCardExchangeList {
    margin: 0;
    padding: 0;
}

.GiftCardExchangeList {
    margin: 0 auto;
    padding: 0;
    width: 380px;
}

.GiftCardExchangeList a {
    color: #383fa3;
    margin: 0;
    padding: 16px 0;
    font-size: 118%;
    line-height: 1;
    text-align: center;
    border: solid 2px #383fa3;
    display: block;
    -webkit-transition: all 0.15s;
	-moz-transition: all 0.15s;
	-ms-transition: all 0.15s;
	-o-transition: all 0.15s;
	transition: all 0.15s;
    position: relative;
}

.GiftCardExchangeList li a:after {
    content: "\f105";
    font-size: 130%;
    font-family: FontAwesome;
    position: absolute;
	top: 50%;
	right: 0.6em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.GiftCardExchangeList a:link,
.GiftCardExchangeList a:visited {
    text-decoration: none;
}

.GiftCardExchangeList a:hover {
    color: #fff;
    background: #383fa3;
}


/*メンテナンスのお知らせ*/
.maintenance_notice {
    position: relative;
    width: 1100px;
    margin: 30px auto;
    padding: 0.5em 1em;
    border: solid 3px #f98a80;
    border-radius: 8px;
}
.maintenance_notice .notice-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 24px;
    background: #FFF;
    color: #f98a80;
    font-weight: bold;
}
.maintenance_notice p {
    margin: 0;
    padding: 20px;
    font-weight: normal;
    font-size: 14px;
}

/* // 商品検索 ----------------------------------------------- */
#productSearch {
    /* background: #ccc; */
    margin: -30px 0 40px;
    padding: 0;
    width: 100%;
    height: 35px;
    position: relative;
}

#productSearch input[type="text"] {
    color: #444;
    margin: 0;
    padding: 0 10px;
    width: 538px; /* 560px */
    height: 33px; /* 33px */
    font-size: 0.9375em; /* 15px */
    line-height: 1em;
    border: 1px solid #333;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: content-box; /* for Google Chrome - 幅にパディングを含めない */
    -webkit-appearance: none; /* for Safari - 初期スタイルをリセット */
}

#productSearch input[type="text"]::-webkit-input-placeholder { /* for Safari & Google Chrome */
    color: #b3b3b3;
    padding-top: 0.2em;
}

#productSearch input[type="text"]::-moz-placeholder { /* for Firefox */
    color: #b3b3b3;
}

#productSearch input[type="text"]:-ms-input-placeholder { /* for IE */
    color: #b3b3b3;
}

#productSearch input[type="text"]:focus {
    outline:none;
    background: #f3f3f3;
    -webkit-box-shadow: rgba(37, 74, 128, 0.7) 0px 0px 2px 1px inset;
    -moz-box-shadow: rgba(37, 74, 128, 0.7) 0px 0px 2px 1px inset;
    box-shadow: rgba(37, 74, 128, 0.7) 0px 0px 2px 1px inset;
}

#productSearch input[type="submit"] {
    color: #efefef;
    /* background: #939393; */
    background: #333;
    margin: 0;
    padding: 0;
    width: 35px;
    height: 35px;
    font-family: FontAwesome;
    font-size: 1.375em; /* 22px */
    line-height: 1;
    border: 1px solid #333;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 560px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

#productSearch input[type="submit"]:hover {
    color: #fff;
    background: #000;
}

.searchResultPra {
    color: #333;
    margin: -20px 0 40px;
    padding: 0;
    font-size: 1em; /* 16px */
    line-height: 1.5;
}

.searchResultPra strong {
    color: #699ad0;
    margin: 0 0.2em;
    font-size: 1.125rem; /* 18px */
    font-weight: bold;
    line-height: 1.5;
}


/* // 電子議決権行使
 ----------------------------------------------- */
#Vote p a:link,
#Vote p a:visited {
    color: #916700;
    text-decoration: underline;
}

#Vote p a:hover {
    color: #cb9b0e;
    text-decoration: none;
}

.vote01Figure {
    margin: 0 auto 10px;
    padding: 0;
    width: 700px;
    height: auto;
}

.voteRelatedBtn {
    color: #383fa3;
    background: #fff;
    margin: -20px 0 60px;
    padding: 0;
    width: 260px;
    height: 36px;
    font-size: 118%;
    line-height: 36px;
    text-align: center;
    border: solid 3px #383fa3;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.voteRelatedBtn:before {
    content: "\f138";
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
}

.voteRelatedBtn:link,
.voteRelatedBtn:visited {
    color: #383fa3;
    background: #fff;
    text-decoration: none;
}

.voteRelatedBtn:hover {
    color: #fff;
    background: #383fa3;
    text-decoration: none;
}



.voteCoList {
    margin: 0 auto;
    width: 1100px;
}

.voteCoList:after {
    content: " ";
    display: block;
    clear: both;
}



.voteCoList li {
    margin: 0 16px 2.8em 0;
    padding: 0;
    width: 261px;
    border: solid 1px #efefef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.1);
    float: left;
    position: relative;
}

.voteCoList.monthly li {
    border: solid 1px #dfdfdf;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.voteCoList li:nth-child(4n) {
    margin: 0 0 2.8em 0;
}



.voteCoList li img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    line-height: 1;
    display: block;
}

.voteCoList.monthly li img {
    margin: 0 0 5px;
}



.coListH2 em {
    /* color: #383fa3; */
    color: #dc0067;
    margin: 0 0.2em 0 0;
    position: relative;
}

.voteCoList + .coListH2 {
    margin-top: 40px;
}



.voteH3 {
    color: #333;
    margin: 15px auto 0;
    padding: 0 0 0 16px;
    width: 217px; /* 233px - 16px */
    height: auto;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
}

.voteH3:before {
    content: "\f02e";
    color: #cb9b0e;
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.voteH3.noBenefit:before {
    opacity: 0.25;
    filter:alpha(opacity=25);
    -ms-filter: "alpha( opacity=25 )";
}

.monthly .voteH3 {
    margin: 15px auto 10px;
    padding: 0 0 10px 16px;
    border-bottom: dotted 2px #e3e3e3;
}

.voteH3.newEntry:after {
    content: "NEW";
    color: #fff;
    background: #c00;
    margin: 0 0 0 0.4em;
    padding: 0.04em 0.4em;
    font-size: 60%;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    /* border: solid 1px #c00; */
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}



.stockExchange {
    color: #fff;
    background: #9f9f9f;
    margin: 0;
    padding: 0.3em;
    font-size: 68.8%;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 97px;
}

.monthly .stockExchange {
    bottom: 90px;
}

.stockExchange span {
    color: #000;
    margin: 0 0 0 0.5em;
}

.mLiveWrap {
    /* margin: 0 auto 40px; */
    margin: 0 auto 1em;
    padding: 0;
    width: 1100px;
    text-align: right;
    display: block;
}

.mLiveWrap span {
    color: #666;
    font-size: 82%;
}

.mLive {
    color: #fff;
    background: #0a5afe;
    margin: 0;
    padding: 0.3em 0.6em;
    font-size: 68.8%;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 97px;
}

.mLive:link,
.mLive:visited,
.mLive:hover {
    color: #fff;
    text-decoration: none;
}

.monthly .mLive {
    bottom: 90px;
}

.mLiveWrap .mLive {
    position: inherit;
}



.votingPeriodDList {
    margin: 0 auto 10px;
    padding: 15px 0 0;
    width: 233px;
    height: auto;
    border-top: dotted 2px #e3e3e3;
}

.votingPeriodDList dt {
    color: #000;
    margin: 0 0 0.3em;
    padding: 0;
    font-size: 81.3%;
    line-height: 1;
}

.votingPeriodDList dd {
    color: #172a88;
    margin: 0;
    padding: 0;
    font-size: 87.5%;
    line-height: 1.4;
}

.votingPeriodDList dt:before {
    content: "\f073";
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
}



.voteExLinkBtn {
    color: #fff;
    background: #39c;
    margin: 10px auto 15px;
    padding: 0;
    width: 233px;
    height: 36px;
    font-size: 118%;
    line-height: 36px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.voteExLinkBtn:after {
    content: "\f08e";
    margin: 0 0 0 0.4em;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
}

.voteExLinkBtn:link,
.voteExLinkBtn:visited {
    color: #fff;
    text-decoration: none;
}

.voteExLinkBtn:hover {
    background: #17a;
    text-decoration: none;
}



.voteNotesList {
    color: #666;
    background: #f5f5f5;
    margin: 0 auto 240px;
    padding: 0;
    width: 1100px;
    border: solid 1px #ddd;
    box-sizing: border-box;
}

.voteNotesList li {
    /* margin: 0 2em 0.4em 3em; */
    margin: 1.4em 2em 1.4em 3em;
    padding: 0;
    font-size: 91%;
    line-height: 1.3;
    text-indent: -1em;
}

.voteNotesList li:before {
    content: "※";
}


/* // バーチャル株主総会
 ----------------------------------------------- */
#vsm p a:link,
#vsm p a:visited {
    color: #916700;
    text-decoration: underline;
}

#vsm p a:hover {
    color: #cb9b0e;
    text-decoration: none;
}

#vsm .topNews:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
}

.vsm01Figure {
    margin: 0 30px;
    padding: 0;
    width: 300px;
    height: auto;
    border: solid 1px #dfdfdf;
    float: right;
    box-sizing: border-box;
}

.vsmRelatedBtn {
    color: #383fa3;
    background: #fff;
    margin: 40px 0;
    padding: 0;
    width: 260px;
    height: 36px;
    font-size: 118%;
    line-height: 36px;
    text-align: center;
    border: solid 3px #383fa3;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.vsmRelatedBtn:before {
    content: "\f138";
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
}

.vsmRelatedBtn:link,
.vsmRelatedBtn:visited {
    color: #383fa3;
    background: #fff;
    text-decoration: none;
}

.vsmRelatedBtn:hover {
    color: #fff;
    background: #383fa3;
    text-decoration: none;
}



.vsmCoList {
    margin: 0 auto;
    width: 1100px;
}

.vsmCoList:after {
    content: " ";
    display: block;
    clear: both;
}



.vsmCoList li {
    margin: 0 16px 2.8em 0;
    padding: 0;
    width: 261px;
    border: solid 1px #efefef;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 3px 0 rgba(0,0,0,0.15);
    box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.1);
    float: left;
    position: relative;
}

.vsmCoList.monthly li {
    border: solid 1px #dfdfdf;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.vsmCoList li:nth-child(4n) {
    margin: 0 0 2.8em 0;
}



.vsmCoList li img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    line-height: 1;
    display: block;
}

.vsmCoList.monthly li img {
    margin: 0 0 5px;
}



.vsmCoList + .coListH2 {
    margin-top: 40px;
}



.vsmH3 {
    color: #333;
    margin: 15px auto 0;
    padding: 0 0 0 16px;
    width: 217px; /* 233px - 16px */
    height: auto;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
}

.vsmH3:before {
    content: "\f02e";
    color: #cb9b0e;
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.vsmH3.noBenefit:before {
    opacity: 0.25;
    filter:alpha(opacity=25);
    -ms-filter: "alpha( opacity=25 )";
}

.monthly .vsmH3 {
    margin: 15px auto 10px;
    padding: 0 0 10px 16px;
    border-bottom: dotted 2px #e3e3e3;
}

.vsmH3.newEntry:after {
    content: "NEW";
    color: #fff;
    background: #c00;
    margin: 0 0 0 0.4em;
    padding: 0.04em 0.4em;
    font-size: 60%;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
    /* border: solid 1px #c00; */
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}



.eVoteWrap {
    /* margin: 0 auto 40px; */
    margin: 0 auto 1em;
    padding: 0;
    width: 1100px;
    text-align: right;
    display: block;
}

.eVoteWrap span {
    color: #666;
    font-size: 82%;
}

.eVote {
    color: #fff;
    background: #3c3;
    margin: 0;
    padding: 0.3em 0.6em;
    font-size: 68.8%;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 97px;
}

.eVote:link,
.eVote:visited,
.eVote:hover {
    color: #fff;
    text-decoration: none;
}

.monthly .eVote {
    bottom: 90px;
}

.eVoteWrap .eVote {
    position: inherit;
}



.vsmPeriodPra {
    color: #172a88;
    margin: 0 auto 10px;
    padding: 10px 0 0;
    width: 233px;
    font-size: 87.5%;
    font-size: 100%;
    line-height: 1.4;
    text-align-last: center;
    border-top: dotted 2px #e3e3e3;
}

.vsmPeriodPra:before {
    content: "\f017";
    margin: 0 0.4em 0 0;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
}



.vsmExLinkBtn {
    color: #fff;
    background: #39c;
    margin: 10px auto 15px;
    padding: 0;
    width: 233px;
    height: 36px;
    font-size: 118%;
    line-height: 36px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.vsmExLinkBtn:after {
    content: "\f08e";
    margin: 0 0 0 0.4em;
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
}

.vsmExLinkBtn:link,
.vsmExLinkBtn:visited {
    color: #fff;
    text-decoration: none;
}

.vsmExLinkBtn:hover {
    background: #17a;
    text-decoration: none;
}

.vsmEnd {
    color: #e6e6e6;
    /* background: #39c; */
    margin: 10px auto 15px;
    padding: 0;
    width: 233px;
    height: 36px;
    font-size: 118%;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 2px #e6e6e6;
    display: block;
    box-sizing: border-box;
}



.vsmNotesList {
    color: #666;
    background: #f5f5f5;
    margin: 0 auto 240px;
    padding: 0;
    width: 1100px;
    border: solid 1px #ddd;
    box-sizing: border-box;
}

.vsmNotesList li {
    /* margin: 0 2em 0.4em 3em; */
    margin: 1.4em 2em 1.4em 3em;
    padding: 0;
    font-size: 91%;
    line-height: 1.3;
    text-indent: -1em;
}

.vsmNotesList li:before {
    content: "※";
}


/** 外部リンク欄 */
.externalLink a {
	color: #916700;
    text-decoration: underline;
}

.new::before {
    position: absolute;
    content: "NEW";
    top: -7px;
    left: -20px;
    background-color: crimson;
    color: white;
    padding: 5px 25px;
    transform: rotate(-30deg);
}

/** LINE Pay Start **/
.line-height-240px {
  height: 240px ;
}
.text-linepay {
  color: #00B900;
}
.line-height-3-5 {
  line-height: 3.5;
}
.line-number,
.line-number-with-text {
  width: 25%;
}
/** LINE Pay End **/
/* お届け先の確認モーダルstart */
#confirm-modal {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
}

#confirm-modal .modal-inner {
  position: relative;
  width: 600px;
  height: auto;
  background-color: #FFF;
  margin: 30px;
  border: 1px solid #a2a2a2;
  border-radius: 5px;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -300px;
}

#confirm-modal .modal-inner .modal-header {
  border-bottom: 1px solid #a2a2a2;
}

#confirm-modal .modal-inner .modal-header .title {
  font-size: 1.4rem;
  text-align: left;
  margin: 10px 5px;
}

#confirm-modal .modal-inner .modal-body {
  border-bottom: 1px solid #a2a2a2;
  padding: 20px;
}

#confirm-modal .modal-inner .modal-footer {
  margin: 10px;
}

#confirm-modal .modal-inner .modal-footer .block-left {
  float: left;
  width: 30%;
}

#confirm-modal .modal-inner .modal-footer .block-right {
  float: right;
  width: 40%;
}

.clear-both {
  clear: both;
}

dl.modalTable {
  line-height: 1.5;
}

dl.modalTable:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

dl.modalTable {
  display: inline-block;
}

/* Hides from IE Mac */
* html dl.modalTable {
  height: 1%;
}
dl.modalTable {
  display: block;
}
/* End Hack */
dl.modalTable dt {
  float: left;
  width: 30%;
  padding: 15px;
  box-sizing: border-box;
  background-color: #f1f1f1;
  font-weight: 400;
  display: block;
  border-bottom: 1px #FFF solid;
  border-right: 1px #e8e8e8 solid;
}

dl.modalTable dd {
  float: left;
  width: 70%;
  padding: 15px;
  box-sizing: border-box;
  border-bottom: 1px #e8e8e8 solid;
  border-right: 1px #e8e8e8 solid;
  font-weight: 200;
  display: block;
}

dl.modalTable.s dt, dl.modalTable.s dd {
  padding: 8px;
  font-size: 96%;
}

dl.modalTable dt:first-child {
  border-top: 1px #e8e8e8 solid;
}

dl.modalTable dt.last {
  border-bottom: 1px #e8e8e8 solid;
}

dl.modalTable dd.first {
  border-top: 1px #e8e8e8 solid;
}

dl.modalTable .item em {
  display: block;
}

dl.modalTable dt span.must {
  display: inline-block;
  background-color: #f00;
  color: #fff;
  margin-left: 10px;
  padding: 0 5px;
  font-size: 90%;
  border-radius: 3px;
}
/* お届け先の確認モーダルend */

.caution {
  margin: 30px auto;
}
.caution p {
  color: #db3434;
  padding: 10px;
  background: #fff;
  line-height: 1.3em;
  text-align: center;
  border: solid 1px #ccc;
  box-sizing: border-box;
}

.agree-checkbox{
	margin-top: -30px;
}

.agree-txt{
	padding-left:165px;
	font-size: 14px;
	line-height: 30px;
	margin-left: -12px;
}
/* コイン交換確認 start */
.exchangeCaution{
  margin: 30px auto;
}
.exchangeCaution p {
  color: #db3434;
  padding: 10px;
  background: #fff;
  line-height: 1.3em;
  text-align: center;
  border: 2px solid #c00;
  box-sizing: border-box;
}
/* コイン交換確認 end */
/* コイン交換Step start */
ul.exchangeStep {
	margin-bottom:40px;
}
ul.exchangeStep li {
	float:left;
	display:block;
	text-align:center;
	box-sizing: border-box;
	width:20%;
	padding:0 7px;
	color:#999;
	font-weight:100;
}
ul.exchangeStep li span {
	border:5px #e7e7e7 solid;
	display:block;
	padding:12px 5px;
	background-color:#FBFBFB;
}
ul.exchangeStep li span em {
	font-size:160%;
	letter-spacing:0.1em;
}
ul.exchangeStep.on1 li:nth-child(1) span,
ul.exchangeStep.on2 li:nth-child(2) span,
ul.exchangeStep.on3 li:nth-child(3) span,
ul.exchangeStep.on4 li:nth-child(4) span,
ul.exchangeStep.on5 li:nth-child(5) span
 {
	background-color:#343434;
	border-color:#595959;
	color:#FFF;
}
/* コイン交換Step end */

/* サイドバー start */
#ContentsWrap .sidebar {
    width: 143px;
    height: 283px;
    position: absolute;
    top: 0;
    left: -195px;
    padding: 10px 19px;
}

#ContentsWrap .section-title {
text-align: left;
margin-top: 10px;
padding-bottom: 10px;
border-bottom:0.6px solid #C9C9C9;
color: #000;
font-family: "Noto Sans Japanese";
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#ContentsWrap .sidebar ul.menu {
list-style: none;
padding: 0;
margin: 0;
}


#ContentsWrap .sidebar ul.menu li.active {
background: #D2D2D2;
font-weight: bold;
}

#ContentsWrap .sidebar ul.menu li a{
  display: block;
  height: 100%;
  padding: 10px 10px;
  color: #4B4B4B;
  font-family: "Noto Sans Japanese";
  font-size: 11px;
  font-style: normal;
  font-weight: 350;
  line-height: normal;
  text-decoration: none !important;
}
#ContentsWrap .sidebar ul.menu li.active a{
  font-weight: 400;
}
#ContentsWrap .sidebar ul.menu li a:hover {
  background: #F9F9F9;
  text-decoration: none;
  font-weight: 500;
}
#ContentsWrap .sidebar ul.menu li.active a:hover {
  background: inherit;
  cursor: default;
  font-weight: 400;
}
/* サイドバー end */
/* お気に入り start */
.product-list__fav-items {
  margin-top: 10px;
  width: 30px;
}

.product-list-fav-items button {
  display: block;
  width: 100%;
  padding: 5px 0;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
}

.product-list-fav-items .fav-items {
  color: #ff7373;
}

/* 株価・業績情報 */
#stockQuotes iframe {
    height: 2300px;
}

/* add */
.headerLogo {
    text-align: center;
}