@charset "utf-8";
/* CSS Document */
#main_middle{
    
}
#main{
    clear: both;
    margin: 15px 0 0 0;
}
#main img{
    width: 100%;
    height: auto;
}
.coin_narabi{
    text-align: center;
    position: relative;
    margin: 100px 0 0 0;
    clear: both;
}
.coin_narabi ul{
    margin: 0px;
    padding: 0px;
    width: 600px;
    position: absolute;
}
.coin_narabi ul.gold{
    left: calc(50% - 600px);
    z-index: 2;
}
.coin_narabi ul.gold li{
    margin: 0;
    padding: 0px;
    list-style: none;
    float: right;
}
.coin_narabi ul li a{
}
.coin_narabi ul li img{
    width: 100%;
    height: auto;
    transition-timing-function : step-start;
}
.coin_narabi ul.gold li:nth-child(1){
    width: 50%;
    margin: -50% -4% 0 0;
}
.coin_narabi ul.gold li:nth-child(2){
    width: 25%;
    margin: -25% -15% 0 0;
}
.coin_narabi ul.gold li:nth-child(3){
    width: 20%;
    margin: -20% -5% 0 0;
}
.coin_narabi ul.gold li:nth-child(4){
    width: 17%;
    margin: -17% -5% 0 0;
}
.coin_narabi ul li img:hover{
    filter: brightness(105%);
}
/**/
.coin_narabi ul a span{
    position: absolute;
    display: block;
    width: 100%;
    color: black;
    text-decoration: underline;
}
.coin_narabi ul a span:hover{
    text-decoration: none;
}
.coin_narabi ul.gold li:nth-child(1) span{
    bottom: 25px;
}
.coin_narabi ul.gold li:nth-child(2) span{
    bottom: -5px;
}
.coin_narabi ul.gold li:nth-child(3) span{
    bottom: -12px;
}
.coin_narabi ul.gold li:nth-child(4) span{
    bottom: 25px;
    left: -80px;
}
/**/
.coin_narabi ul.sliv{
    left: 50%;
}
.coin_narabi ul.sliv li{
    margin: 0;
    padding: 0px;
    list-style: none;
    float: left;
}
.coin_narabi ul.sliv li:nth-child(1){
    width: 50%;
    margin: -50% 0 0 -4%;
}
.coin_narabi ul.sliv li:nth-child(2){
    width: 30%;
    margin: -30% 0 0 -15%;
}
.coin_narabi ul.sliv li:nth-child(3){
    width: 20%;
    margin: -20% 0 0 -10%;
}
.coin_narabi ul.sliv li:nth-child(4){
    width: 18%;
    margin: -18% 0 0 -5%;
}
/**/

.coin_narabi ul.sliv li:nth-child(1) span{
    bottom: 25px;
}
.coin_narabi ul.sliv li:nth-child(2) span{
    bottom: -5px;
}
.coin_narabi ul.sliv li:nth-child(3) span{
    bottom: -12px;
}
.coin_narabi ul.sliv li:nth-child(4) span{
    bottom: 25px;
    left: 80px;
}
/*-----------*/
h1{
	font-family: 'Noto Serif JP', serif;
    text-align: center;
    line-height: 150%;
    font-size: 24px;
}
.txt01{
    width: 700px;
    margin: auto;
    padding: 30px 0;
}
#lpwrap{
    font-size: 16px;
    line-height: 180%;
    background-image: url(img/back.gif);
    background-position: center top;
    background-repeat: repeat-y;
}

/*------*/
.lineup_box {
    
}
.lineup_box_wh {
    border-top: 1px solid #ddd;
}
.lineup_box ul,
.lineup_box_wh ul{
    display: table;
    margin: 0px auto;
    padding: 0;
}
.lineup_box ul li,
.lineup_box_wh ul li{
    display: table-cell;
    vertical-align: top;
    text-align: left;
	padding:10px 0;
    margin: 0;
}
.lineup_box ul li.left,
.lineup_box_wh ul li.left{
    width: 20%;
    text-align: left;
}
.lineup_box ul li.right,
.lineup_box_wh ul li.right{
    vertical-align: middle;
}
.lineup_box ul li.right p.detail_price span.s_line,
.lineup_box_wh ul li.right p.detail_price span.s_line{
    text-decoration: line-through;
}
.lineup_box ul li.right p.detail_price span.member_price1,
.lineup_box_wh ul li.right p.detail_price span.member_price1{
    color: red;
}
.lineup_box ul li img,
.lineup_box_wh ul li img{
    width: 90%;
    height: auto;
}
.lineup_box ul li.right a:hover{
    text-decoration: underline !important;
}
/*-------*/
.lineup_tablewrap{
    display: table;
    width: 60%;
    margin: auto;
}
.lineup_tablewrap dl dt{
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 0 0 0 5%;
}
#img_london1{
    width: 80%;
    margin: 200px auto;
    max-width: 1600px;
    box-shadow: 0 0 40px rgba(0,0,0,0.1);
    line-height: 0;
}
#img_london1 img{
    width: 100%;
    height: auto;
}
/*---------*/
.txt02{
    width: 1140px;
    margin: auto;
    font-size: 16px;
    line-height: 180%;
}
#img_london2{
    position: relative;
    margin: auto;
}
#img_london2 img{
    height: auto;
    position: absolute;
    top: 10px;
    right: 0;
    width: 59%;
}
#hollar{
    display: table;
    clear: both;
    margin: 350px auto auto auto;
    width: 1000px;
}
#hollar dl dt{
    display: table-cell;
    width: 40%;
}
#hollar dl dt img{
    width: 90%;
    height: auto;
}
#hollar dl dd{
    display: table-cell;
    vertical-align: top;
}
#hollar dl dd h3{
    margin: 0px;
    padding: 0px;
}
.w50{
    width: 70%;
}
.w25{
    width: 30%;
}
/*-----*/
#londontable{
    clear: both;
    height: 800px;
    margin: 200px 0 0 0;
}
#londontable th{
    width: 50%;
    background-image: url(img/london3.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 150% auto;
    position: relative;
}
#londontable th img{
    width: 40%;
    height: auto;
    position: absolute;
    top: -50px;
    right: -20px;
    z-index: 10;
}
#londontable td{
    background-color: #f4f4f4;
}
#londontable td p{
    width: 60%;
    margin: 10% 50% -7% 7%;
    font-size: 16px !important;
    line-height: 180%;
}
#last_txt{
    clear: both;
    font-size: 16px;
    line-height: 180%;
    margin: 250px auto auto auto;
    width: 600px;
}
#last_txt h4{
	font-family: 'Noto Serif JP', serif;
    line-height: 150%;
    font-size: 36px;
    margin: 0px;
    padding: 0px;
}