/* button 

http://www.webdesignerwall.com/demo/css-buttons.html

usage:

html ex:
<div>
  <input class="btn pink" type="btn" value="Input Element" /> 
  <button class="btn pink">btn Tag</btn>
  <span class="btn pink">Span</span> 
  <div class="btn pink">Div</div> 
  <p class="btn pink">P Tag</p> 
  <h3 class="btn pink">H3</h3> 
</div>

color:
  black, gray, orange, red, blue, rosy, green, pink

style
  round, square

size:
  medium, big, exbig

---------------------------------------------- */
ul.radius li {
    font-size: 12px;
}
ul.radius p {
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 0;
}
div.qa {
    margin: 15px 20px 10px 20px;
    font-size: 80%;
}
div.qa h3 {
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
    margin: 10px 0px 10px 0px;
    border-left: 5px solid #b3b3b3;
    border-bottom: 1px dashed #b3b3b3;
}
.btn {
  display: inline-block;
  zoom: 1; /* zoom and 
display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 1px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px Arial, Helvetica, sans-serif;
  padding: .4em .5em .275em;
  text-shadow: 0 -1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);

/* white */
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.btn:hover {
  text-decoration: none;

/* white */
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

.round {
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
.square {
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
}
.medium {
  font-size: 20px;
  padding: .4em 1.5em .42em;
}
.big {
  font-weight: bold;
  font-size: 24px;
  padding: .5em 2em .55em;
}
.exbig {
  font-weight: bold;
  font-size: 30px;
  padding: .5em 2em .55em;
}
.wide {
  font-size: 20px;
  padding: .4em 1.5em .42em;
  width:94%;
  margin:0 3% 0 3%;
display:inline;
}

/* color styles 
---------------------------------------------- */

/* commit */
.commit {
  color: #fff;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
  background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.commit:hover {
  color: #eee;
  background: #b61318;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
  background: -moz-linear-gradient(top,  #c9151b,  #a11115);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

/* black */
.black {
  color: #fff;
  border: solid 1px #333;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
  background: -moz-linear-gradient(top,  #666,  #000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
  color: #fff;
  background: #000;
  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
  background: -moz-linear-gradient(top,  #444,  #000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}

/* gray */
.gray {
  color: #fff;
  border: solid 1px #555;
  background: #6e6e6e;
  background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
  background: -moz-linear-gradient(top,  #888,  #575757);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
  color: #fff;
  background: #616161;
  background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
  background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}

/* white */
.white {
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top,  #fff,  #ededed);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
  color: #606060;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
  background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

/* orange */
.orange {
  color: #fff;
  border: solid 1px #da7c0c;
  background: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
  color: #fff;
  background: #f47c20;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top,  #f88e11,  #f06015);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

/* red */
.red {
  color: #fff;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
  background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
  color: #eee;
  background: #b61318;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
  background: -moz-linear-gradient(top,  #c9151b,  #a11115);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

/* blue */
.blue {
  color: #fff;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
  color: #fff;
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

/* rosy */
.rosy {
  color: #fff;
  border: solid 1px #b73948;
  background: #da5867;
  background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
  background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
  color: #fff;
  background: #ba4b58;
  background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
  background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}

/* green */
.green {
  color: #fff;
  border: solid 1px #538312;
  background: #64991e;
  background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
  color: #fff;
  background: #538018;
  background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}

/* pink */
.pink {
  color: #000;
  border: solid 1px #d2729e;
  background: #f895c2;
  background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
  background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
  color: #000;
  background: #d57ea5;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
  background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}

h1,h2,h3,h4,h5,h6,ul,li{
  margin:0;
  padding:0;
}

.clear{
   clear:both;
}

/*index28*/

.toroku{
  width: 75%;
  margin: 30px auto;
}

.toroku a{
  display: block;
  padding: 14px 0;
  background: linear-gradient(to bottom,#c40c0c,#9d2323);
  border-radius: 3px;
  border: solid 2px #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0,0,0,0.4);
  color: #ffffff;
  font-size: 1.1rem;
  text-align: center;
}

.toroku28{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.toroku28 img{
  width:90%;
  padding: 0;
}

.toroku28 a{
  color: #ffffff;
  font-size:30px;
  font-weight: bold;
}


.button_group{
  display: table;
  table-layout: fixed;
  width: 100%;
}

.button_group .toroku28{
  display: table-cell;
  text-align: center;
}

/*-----------------------------
ダウンロードボタン
-----------------------------*/

.download_button{
  height: 40px;
  width: 75%;
  margin: 0 auto;
  background-color: 0080ff;
  background: -webkit-gradient(linear,left top,left bottom, from(#ebebeb),  to(#f8f8f8));
  background: -moz-linear-gradient(top, #ebebeb, #f8f8f8);
  border: solid 1px #d2d2d2;
  border-radius: 16px;
  box-shadow: 0 -1px 2px #d2d2d2 inset;
}

.download_button a{
  text-decoration: none;
  text-align: center;
  display: block;
  color: #000;
  font-weight: bold;
  line-height: 39px;
  text-shadow: 0 1px 0 #d2d2d2;
}

/*-----------------------------
退会確認ボタン
-----------------------------*/

.taikai_no{
  height: 30px;
  width: 50%;
  margin: 0 auto;
  background-color: #091980;
  background: -webkit-gradient(linear,left top,left bottom, from(#8edef8),  to(#091980));
  background: -moz-linear-gradient(top, #8edef8, #091980);
  border: solid 1px #091980;
  border-radius: 10px;
  box-shadow: 0 -1px 2px #509aff inset;
}

.taikai_no a{
  text-decoration: none;
  text-align: center;
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  text-shadow: 0 2px 0 #091980;
}

.taikai_yes{
  height: 30px;
  width: 50%;
  margin: 0 auto;
  background-color: #850404;
  background: -webkit-gradient(linear,left top,left bottom, from(#f69c66),  to(#850404));
  background: -moz-linear-gradient(top, #f69c66, #850404);
  border: solid 1px #850404;
  border-radius: 10px;
  box-shadow: 0 -1px 2px #ff5050 inset;
}

.taikai_yes a{
  text-decoration: none;
  text-align: center;
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 30px;
  text-shadow: 0 2px 0 #850404;
}



/*-----------------------------
SB(B)注文番号確認ボタン
-----------------------------*/

a.btn--orange {
  color: #fff;
  background-color: #eb6100;
}

a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

a.btn-c {
  font-size: 2rem;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.btn-c i.fa {
  margin-right: 1rem;
}



/*LP*/

.toroku_lp{
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  width:98%;

}


@import url('https://fonts.googleapis.com/css2?family=Kosugi&display=swap');
body {
    margin: 0;
    padding: 0;
    font-family:'Kosugi', sans-serif;
    color: #393b41;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main{
    border-top: 1px
    solid #e6ebf4;
    min-height: 100%;
    background-color: #fff;
}
.main__upper {
    display: block;
    text-align: center;
    padding: 22px 15px 30px;
    border-bottom: 1px
    solid #e6ebf4;
    background-color: #fff;
}
.main__contents {
    padding: 15px;
    background-color: #fff;
}
.forms-ttl.cardBrand {
    width: 100%;
    height: 32px;
    font-size: 1.07em;
    text-align: center;
}
.entry-type-cardBland img {
    height: 32px;
}
.forms-ttl {
    width: 100%;
    height: 43px;
    font-size: 1.07em;
}
.forms-ttl>p {
    display: flex;
    align-items: flex-end;
    height: 100%;
}
#getTokenForm input {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}
.forms-input>input.form-input__text:focus{
    border-bottom: 1.25px solid mediumblue;
}
.forms-input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 43px;
    font-size: 1.07em;
}
.forms-input>input.form-input {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border-bottom: 1.25px
    solid #e6ebf4;
    border-radius: 0;
    font-size: 1em;
    background-color: #fff;

}
.forms-input>input.form-input:focus {
    font-weight: bold;
}
.forms-input>input.form-input {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border-bottom: 1.25px
    solid #e6ebf4;
    border-radius: 0;
    font-size: 1em;
    background-color: #fff;
}
.forms-input>input.form-input:focus {
    color: mediumblue;
    font-weight: bold;
}
div.form-input-clear {
    width: 0;
}
div.form-input-clear span {
    height: 16px;
    width: 16px;
    display: block;
    position: relative;
    left: -25px;
}
.icon-clear {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #bec4cc;
}
.icon-clear:before, .icon-clear:after {
    content: '';
    height: 2px;
    width: 10px;
    display: block;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: absolute;
    top: 7px;
    left: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.icon-clear:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.forms-inputtypeCCYYMM select{
    all:initial;
    color: #5a5c63;
    font-size: 100%;
    padding: 3px;
    margin: 0px;
    border: 1.25px solid #e6ebf4;
}
.entry-type-input.typeCCYYMM {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-right: 5px;
}
.icon-question{
    display: block;
    text-align: center;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #bec4cc;
}
.icon-question:after{
    content: "？";
    color: white;
    font-size: small;
}
.submit_button {
    text-align: center;
}
#getTokenForm input[type="button"] {
    width: 80%;
    height: 50px;
    margin: 10px;
    background-color: mediumblue;
    color: white;
    font-size: large;
}
.cvc-preview-container.two-card {
    margin: 0px 0px 25px 0px;
    display: none;
}
.cvc-preview-container.two-card div.amex-cvc-preview {
    float: right;
}
.cvc-preview-container.two-card div {
    width: 48%;
    height: 80px;
}
.visa-mc-dis-cvc-preview {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOYAAACOCAMAAAASE4S+AAAAAXNSR0IArs4c6QAAAadQTFRFAAAAzbFj+NyAyLNg+N2DzbRk+96CzrVj+96AzrNj+92By7Rl+92AzbRl/eCDzrRl/t+DzrVl/t+CzbVm/t+C3MFt3MFv/N2B/N6CzrRm/uCDzrRm/uCC7M93/N6CAAAAAQEBAgIBBAQCBQUDBwcECQgFDAsGDg0HEA4IEQ8JFRMLFxUMIBwQIR0RJSETKyYWLikYLyoYMCsZMSsZNC4bNzEcOTIdQDkhQTkhQzsiRT0jRj4kSkEmTEMnWE4tWU8uWk8uXFEvXVIwXlMwX1QxaV02bWA4bmE5cWQ6eGo+eWs+fW5Afm9Bi3pHjHtIkH9KmIZOmYdPnIlQnYpRo5BUppJVqJRWqpZXq5dYrJdYrZhZuaNfvaZhvqdiwKljwapjxK1lybFnyrJoy7NozrVm1Ltq171u2L5v2b9s2b9t2sBt3cNy3zEx3zIx38Rz4MVz4cZ04kI552NI6GVJ6Mx36s5368957dF674xb79J78NN78dV78tV789Z99Nd99dh+9rZv9th+9tl+99l/+duA+sx5+sx6+t2B+92B/N6B/d+C/uCD////AikOogAAAB90Uk5TACQkJSU9PT4+Q0NERJqav7/AwNjY4uLi4u7u8/P6+u6knPAAAAJkSURBVHja7d3pTxNBGMfxQbwAW06Pcj0tntQT8b7v+0JFxaserQcuKlQUFbFUaqvjH+1uG0lMfEETie4z39+bJ/tik/1kjt3MbDLGBFkWbeu0CtPZFq03v7KwxSpO04KKcmm7VZ32xeW2VK70nUF7tlj1afJnH+tA6k3UBWbUrHKBudJ0u8DsNtaJwIQJEyZMmDBhwoQJEyZMmPPCFCcCEyZMmDBhwoQJEyZMmDBhwoQJEyZMmDBhwoQJ010m+5swYcKECRMmTJgwYcKECRMmTJgwYcIMFfPHP8/vz5PLjnpzzmg2F07mxIhXVUYmwsjMVan0nbkQMrOeN1aY+zAsjHleNoRMf1x+rWa6KfjjM4RMvxdWN63+4QaYMGHC/EvM6b0HgpI6tvtoyq9vz+4/clcf89sJ2eiXIZGEyJD9sEl6RAa1MVPbpczsk8vT52SHHZCDUxelXxtzW/x4wPx+6cxn+0A2208PX9pB2aONef7xk3JrBjkth4Jysnf9fX1T0Czzmqx+6pcvcel/pJd5RRLXg1p6d0vWvdHKHJCeG2XljLVb5aZS5r2E3A6uTiUu2Km1klLK3CXxZDK5xd6RNYd3St+MTuaryr94G6y92iuy77X+b9rSi/d8usOEyZIXC5gsR7O5MN9bRexvwoQJEyZMmDBhwoQJEyZMmDBhwoT5vzNLLihLJu8CM2+6XGB2meUuMFeYyEf9ysmIqcsUtSuLmQZjGp8pdxafNxtjamIZ1f12MhOrDQ6uXhRLD4/nVb4/S/nx4XRsSeUY8prGtOI0186eKl8Xae3QSOxojTSUgT8BEvkXyqDHONgAAAAASUVORK5CYII=) center center/contain no-repeat;
}
.amex-cvc-preview {
    background: url(data:image/png;base64,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) center center/contain no-repeat;
}.manage_body{
  padding: 10px;
}

.content_title{
  font-size: 1.2rem;
  padding: 10px 0;
}

/* TABLE detail START */
table.manage_detail {
  width: 320px;
  border: 1px #A3A3A3 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

table.manage_detail th {
  padding: 5px;
  border: #A3A3A3 solid;
  border-width: 0 0 1px 1px;
  background: #E3E3E3;
  font-weight: bold;
  line-height: 120%;
  text-align: right;
  white-space: nowrap; 
}
table.manage_detail th.error {
  padding: 5px;
  border: #A3A3A3 solid;
  border-width: 0 0 1px 1px;
  background: #FF6666;
  font-weight: bold;
  line-height: 120%;
  text-align: right;
  white-space: nowrap; 
}
table.manage_detail td {
  padding: 5px;
  border: 1px #A3A3A3 solid;
  border-width: 0 0 1px 1px;
}

table.manage_detail td.inner {
  text-align:center;
  padding:0;
  border:none;
  white-space:nowrap;
}

/* TABLE detail END */

/* TABLE LIST START */
table.manage_list {
  width: 320px;
  border-color: #A3A3A3;
  border-style: solid;
  border-width: 1px;
  border-collapse: collapse;
  border-spacing: 0;
}

table.manage_list th {
  padding: 3px;
  background: #e3e3e3;
  font-weight: normal;
  line-height: 120%;
  text-align: center;
  white-space: nowrap;
  border-color: #A3A3A3;
  border-style: solid;
  border-width: 1px;
  text-decoration: none;
}

table.manage_list th a:link,a:visited {
  text-decoration: none;
}

table.manage_list tr:hover td {
  background: #efefef;
}

table.manage_list td {
  padding: 3px;
  border-color: #A3A3A3;
  border-style: solid;
  border-width: 1px;
}

/* TABLE LIST END */
div.pagination {
  padding: 3px;
  margin: 15px;
  text-align:center;
}
 
div.pagination a {
  border: 1px solid #dedfde;
  margin-right:3px;
  padding:6px 9px;
  background-color:#ffffff;
  background-position:bottom;
  text-decoration: none;

  color: #962929;  
}

div.pagination span {
  margin-right:3px;
  padding:6px 9px;

  background-position:bottom;
  background-color:#ffffff;
  border: 1px solid #dedfde;
  background-image:none;
  background-color:#962929;
  color: #fff;
}

div.pagination a:hover, div.meneame a:active {
  border: 1px solid #000;
  background-image:none;
  background-color:#962929;
  color: #fff;
}
h2.retire {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 3px #000;/*左線*/
  margin: 15px 15px 15px;
  font-size: 13px;
}

.button_wrapper{
   text-align:center;
   margin: 10px 0 20px auto;
}

/*-----------------------------
キャリア選択
-----------------------------*/
.select-carrier input {
  display: none;
}
.select-carrier input[type="radio"]:checked.docomo + label {
  color: #f00;
  border: 2px solid #f00;
  background-color: #fff0f0;
}
.select-carrier input[type="radio"]:checked.au + label {
  color: #f07334;
  border: 2px solid #f07334;
  background-color: #fff;
}
.select-carrier input[type="radio"]:checked.softbank + label {
  color: #000;
  border: 2px solid #000;
  background-color: #eaeaea;
}

.select-carrier label {
  color: #ddd;
  border: 2px solid #ddd;
  text-align: center;
  display: inline-block;
  padding: 10px 0px;
  width: 100px;
}
.select-carrier label:hover {
    color: #aaa;
    border: 2px solid #aaa;
    cursor: pointer;
}




/*-----------------------------
コース選択
-----------------------------*/

@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}


.select-wrap {
    position: relative;
    margin: 0px 28px 35px 24px;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 47px;
    color: #7F878C;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 45px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    width:100%;
    border-radius:3px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}

.select-wrap.select-inverse:before{
  color:#fff;
}
.select-wrap.select-inverse > select{
  color:#fff;
  border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}




/*-----------------------------
ラジオボタン
-----------------------------*/

.checkbox-wrap{
}
.label-checkbox input[type="checkbox"]{
  display: none;
}
.label-checkbox{
  cursor: pointer;
  
  position: relative;
}
.label-checkbox .lever{
  display: block;
  color: #ccc;
  font-weight: normal;
  display: inline-block;
  padding: 8px 40px;
  border: 1px solid #e5e5e5;
  border-radius:20px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox .lever:before{
  content:'';
  position: absolute;
  left: 4px;
  top:4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius:100%;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox:hover .lever:before{
   border-color: #ddd;
}
.label-checkbox input[type="checkbox"]:checked + .lever{
   background: #5cb85c;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .lever{
   border-color:#5cb85c;
}
.label-checkbox input[type="checkbox"]:checked + .lever:before{
   left: 100%;
   margin-left: -44px;
   border-color: #fff;
}

.radio-wrap{
  margin: 20px;
}
.label-radio input[type="radio"]{
  display: none;
}
.label-radio{
  cursor: pointer;
  color: #828c9a;
  font-weight: normal;
  letter-spacing: 0;
  display: inline-block;
  position: relative;
  margin: 5px;
}
.label-radio .lever:before{
  content:'';
  border: 1px solid #ddd;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  border-radius:10px;
  -webkit-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:before{
  opacity: 0;
  background: #eee;
  border-color: #eee;
  transform:scale(2);
}
.label-radio .lever:after{
  content:'';
  opacity: 0;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  transform:rotate(-200deg);
  -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-radio input[type="radio"]:checked + .lever:after{
  opacity: 1;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform:rotate(40deg);
}


/*-----------------------------
テキストボックス
-----------------------------*/
textarea.box1{
width:320px;
height:120px;
}


/*-----------------------------
退会ボタン
-----------------------------*/
p.retire {
    margin: 4px 35px 22px 27px;
    padding: 0;
}
.retire_button {
   text-align:center;
   margin: 20px 0px auto;
}



/*-----------------------------
退会ボタン装飾
-----------------------------*/
.btn-flat-border {
  display: inline-block;
  padding: 0.5em 4em;
  text-decoration: none;
  color: #8c8c8c;
  border: solid 1px #8c8c8c;
  border-radius: 2px;
  transition: .4s;
  border-radius: 100vh;
}

.btn-flat-border:hover {
  background: #8c8c8c;
  color: white;
  border-radius: 100vh;
}

.btn-flat-dashed-border {
 /* display: inline-block;*/
  padding: 0.5em 9em;
  text-decoration: none;
  color: #8c8c8c;
  border: dashed 1px #8c8c8c;
  border-radius: 3px;
  transition: .4s;
  font-size: 14px;
}

.btn-flat-dashed-border:hover {
  border-style: dotted;
  color: #8c8c8c;
}


/*--------------------------------------
サイト情報表示
--------------------------------------*/

.order{
  width: 95%;
  margin: 23px auto;
  font-size: 0.85rem;
  line-height: 1;
  color: #494949;
}
.order p{
  margin: 6px 17px;
  font-weight: bold;
}
.order dl{
  padding: 6px 16px 4px;
  border:solid 1px #e3e3e3;
  border-radius: 4px;
}
.order dt{
  padding: 18px 0.5em 12px;
  font-weight: bold;
}
.order dd{
  padding: 0 1.5em 14px;
  border-bottom: solid 1px #e3e3e3;
  font-size: 0.95rem;
  margin: 0 auto;
}
.order dd:last-of-type{
  border: none;
}









/**************************/
/* PHP Rails scaffold.css */
/**************************/

/*
http://predic8.com/iphone-css-layout-theme.htm
http://connecre.com/connelog/connelog00000172.php
*/


/* HTML BASIC START */

body { margin: 0; padding: 0 }

a {
  text-decoration: none;
}
ul{
  list-style: none;
}

.b {font-weight:bold;}

.cWhite {color:#fff;}
.cBlue {color:#00adee;}

.m0 {margin:0;}
.m5 {margin:5px;}
.m10 {margin:10px;}
.mT5 {margin-top:5px;}
.mT10 {margin-top:10px;}
.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
.mL5 {margin-left:5px;}
.mL10 {margin-left:10px;}
.mR5 {margin-right:5px;}
.mR10 {margin-right:10px;}

.p0 {padding:0;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.pT5 {padding-top:5px;}
.pT10 {padding-top:10px;}
.pB5 {padding-bottom:5px;}
.pB10 {padding-bottom:10px;}
.pL5 {padding-left:5px;}
.pL10 {padding-left:10px;}
.pR5 {padding-right:5px;}
.pR10 {padding-right:10px;}

.nb {white-space:nowrap;}

.aL {text-align:left;}
.aC {text-align:center;}
.aR {text-align:right;}

/* HTML BASIC END */

* {
  word-break: break-all;
  -webkit-touch-callout:none;
  -webkit-tap-highlight-color:rgba(255,255,0,0.4);
  -webkit-text-size-adjust:none;
}

body {
  color: #333333;
  font-size: 15px;
  line-height: 1.3;
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
  -webkit-text-size-adjust: none; /* 文字の拡大縮小を防ぐ */
}


/* clearfix */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
:after { display: block; clear: both; }

em{ color: #db0000;}

p { margin: 0 0 10px 0; padding: 0; }

form { margin-top: 0px; margin-bottom: 0px; }

h1 {
  background: #991919;
  margin: 0px;
  height: 34px;
  font-size: 18px;
/*  text-shadow: 0px 1px 1px #ffffff;*/
  color: #ffffff;
  padding: 9px 0 0 0;
  text-align: center;
}

h2{
  text-align: left;
  font-size: 17px;
  margin-left: 12px;
  padding: 10px 0;
  margin: 0;
}

.btn-left {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  padding:7px;
}

.btn-left a{
  background: linear-gradient(to bottom, #ebebeb, #ffffff);

/*  box-shadow: 1px 1px 1px 0px #d1d0ff inset;*/
/*  text-shadow: 0px -1px 1px #23217c;*/
  border: 1px solid #959595;
  border-radius: 4px;
  font: bold 12px Arial;
  text-align: center;
  line-height: 28px;
  color: #151515;
  white-space: nowrap;
  overflow: hidden;
  -webkit-tap-highlight-color: white;
  padding: 8px 5px;
  text-decoration: none;
  min-width: 30px;
  width: auto !important;
  width: 30px;
}

.btn-right {
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
  padding:7px;
}

.btn-right a{
  background: -moz-linear-gradient(#e66a6a, #f39797);
  background: -webkit-gradient(linear, 0 0%, 0 100%, from(#e66a6a), to(#f39797));

  box-shadow: 1px 1px 1px 0px #db5e5e inset;
  text-shadow: 0px -1px 1px #9b5353;
  border: 1px solid #932121;
  border-radius: 4px;
  font: bold 12px Arial;
  text-align: center;
  line-height: 28px;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  -webkit-tap-highlight-color: white;
  padding: 8px 5px;
  text-decoration: none;
  min-width: 30px;
}

input[type="checkbox"],
input[type="radio"],
select { display:inline; vertical-align: baseline ;margin-right: 5px ;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999 ;
}

input[type="text"],
input[type="password"] {
  color: #5a5c63;
  font-size: 100% ;
  width: 100% ;
  padding: 3px ;
}
select {
  color: #5a5c63;
  font-size: 100% ;
  padding: 3px ;
}
textarea {
  color: #5a5c63;
  font-size: 100% ;
  width: 100% ;
  height: 100px ;
  padding: 3px ;
  margin-bottom: 10px ;
}

#footer {
  text-align:center;
}

table.detail{
  border-spacing: 0 3px;
  width: 100%;
  padding: 0 10px 0 10px;
  empty-cells:show;
}

table.detail th{
  text-align: left;
  border-color:#878787;
  border-style:solid;
  border-width:1px 0 1px 1px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding:0 10px 0 10px;
  background-color: #fff;
  padding: 10px;
}

table.detail td{
  border-color:#878787;
  border-style:solid;
  border-width:1px 1px 1px 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #fff;
  
}

table.detail input[type="text"],
table.detail input[type="password"]
{
  border:0;
}

/* LIST LINK START */
.link {
  font-size: 12pt;
  padding: 0;
  height: auto;
  width: auto;
  list-style: none;
  text-align: center;
}

.link li{
  border-color:#878787;
  border-style:solid;
  border-width:0 0 1px 0;
  background-color: white;
}

.link .arrow{
  background-image: url("/images/sp/arrow.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.link .arrow a{
  background: none;
  padding: 12px 15px;
  display: block;
  width: auto;
  text-decoration: none;
  color: black;
}

.link .icon_arrow a{
  background: none;
  padding: 5px 15px;
  display: block;
  width: auto;
  text-decoration: none;
  color: black;
}

.link li .right{
  position:absolute;
  right: 45px;
  text-align: right;
  color: #385487;
  font-weight: normal;
}

.link .title{
  padding: 12px 15px;
  display: block;
  width: auto;
  text-decoration: none;
}

.link li .icon{
  background: none;
  padding: 0 10px 0 0;
  width: 35px;
  height: 35px;
  text-decoration: none;
  vertical-align: -12px;
}
/* LIST LINK END */

/* LIST TEXT START */
.text {
  font-size: 12pt;
  padding: 0;
  height: auto;
  width: auto;
  list-style: none;
}

.text li{
  border-color:#878787;
  border-style:solid;
  border-width:1px 0 1px 0;
  margin-bottom: -2px;
}

.text li span.right{
  position:absolute;
  right: 45px;
  text-align: right;
  color: #385487;
  font-weight: normal;
}
/* LIST TEXT END */

/* LIST RADIUS START */
.radius {
  font-size: 12pt;
  padding: 0;
  height: auto;
  width: auto;
  list-style: none;
}

.radius li{
  padding: 10px;
  margin:10px;
  border-style:solid;
  border-width: 1px;
  border-radius: .5em;
}

.radius li .right{
  position:absolute;
  right: 45px;
  text-align: right;
  color: #385487;
  font-weight: normal;
}
/* LIST RADIUS END */


.info_box {
  font-size: 0.75rem;
  padding: 0;
  height: auto;
  width: auto;
  list-style: none;
  line-height: 140%;
}


.info_box li{
  padding: 10px;
  margin:10px;
  border: 1px solid #888888;
  border-style:solid;
  border-width: 1px;
  border-radius: .0em;
}

.info_box li a {
    color: #888888;
    cursor: pointer;
    transition: transform 0.3s;
    font-weight: 600;
    text-decoration: underline;
}




/*一覧ページ*/

.ichiran_list{
  width: 100%;
  padding: 3px 0;
  background: #f9f9f9;
  padding: 7px 0;
  border-top: solid 1px #d5d5d5;
  border-bottom: solid 1px #b0b0b0;
}


/*---------------------------
__footer
---------------------------*/
#footer{
  padding:5px 0 5px 0;
  color: #ffffff;
  font-weight: bold;
  /*text-shadow:1px 1px 0 #fff0f0;
  background-color: #ffffff;*/
}

#footer-base {
	margin: 0;
	padding: 2px 0;
	text-align: center;
	background-color: #51c8d6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
        font-size: 13px;
}

#footer-base #footer-nav {
	display: table;
	height: 14px;
	margin: 3px auto 3px;
	padding: 5px;
	width: 97%;
	color: #FFFFFF;
}

.footer_wrap{
  padding: 25px 0 23px;
  background: rgba(79,48,36,0.9);
  color: #ffffff;
}
.title_footer{
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.9rem; 
}
.footer_menu{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 10px 10px 17px;
}
.footer_menu li{
  margin: 1px 3px;
}
.footer_menu a{
  color: #ffffff;
  font-size: 0.7rem;
}


#footer-base small {
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
-moz-text-shadow: 0 1px 0 rgba(0,0,0,0.2);
-webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}


/*index28*/
#wrapper{
}

#wrapper:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url(/images/bg.png) center no-repeat;
  background-size:cover;
}

.header{
  width:100%;
  height: auto;
  position:relative;
}

.logo{
  width:100%;
  height: auto;
  margin:0;
  padding:0;
  border: none;
  background: transparent;
}
.logo img{
  width: 100%;
}

.con_wrap{
  margin: 20px 7px 35px;
  background: rgba(0,0,0,0.1);
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.con_title{
  padding: 10px 0;
  background: url(/images/title_bg.png) repeat center left/contain;
  text-align:center;
  color: #151515;
  text-shadow: 0 0 3px #ffffff,0 0 2px #ffffff;
}

.con_inner,
.con_inner2{
  padding: 10px 10px 15px;
  text-align: center;
}
.flex{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.con_inner a{
  display: block;
  margin: 7px 0;
}
.con_inner2 a{
  display: block;
  width: 30%;
  margin: 5px 4px;
}

img.full_2 {
width: 48%; height: 250px;
object-fit: none;
}

.title_28{
  background: #30e9de;
  background: linear-gradient(to bottom, #1560e8, #65c6f0);
  padding: 8px 0;
  border-bottom: solid 2px #3b83dc;
  color: #151515;
  text-shadow: 0 0 3px #ffffff,0 0 2px #ffffff;
  text-align: center;
}

.link .list_28{
  margin-bottom: 0;
  background: #fbfbfb;
  border-top: none;
  border-bottom: solid 1px #6e6e6e;
}

.link .list_28 a{
}

.more a{
  display: block;
  width: 40%;
  margin: 12px auto 0;
  padding: 10px 0;
  background: #4c68c1;
  border-radius: 3px;
  color:#ffffff;
  font-size: 0.9rem;
}



@keyframes scroll{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 3));
  }
}
.slider {
  width: 100%;
  background: white;
  height: 140px;
  margin: auto;
  overflow:hidden;
  position: relative;
  border:1px solid #e5e5e5;
}
.slider-wrap {
    animation: scroll 10s linear infinite;
    display: flex;
    width: calc(250px * 6);
    height:100%;
  }
.slide-image{
  width:100%;
  height:100%;
  object-fit:cover;
}
.slide{
  width:250px;
  height:100%;
  text-align:center;
}



/*--------------------------------------
ログイン画面
--------------------------------------*/
.au,
.docomo,
.softbank,
.credit{
  padding: 0;
  margin: 10px 0 0 0;
}

.au span{
  color: #EB5505;
  font-size: 24px;
  font-weight: bold;
}

.docomo span{
  color: #C03;
  font-size: 24px;
  font-weight: bold;
}

.softbank span{
  color: #B7BBBE;
  font-size: 24px;
  font-weight: bold;
}

.credit span{
  color: #585658;
  font-size: 18px;
  font-weight: bold;
}


img.full {
  width: 47%;
  height: 120px;
  object-fit: none;
  margin: 2px;
}

img.full2{
  width: 100%;
  height: 150px;
  object-fit: none;
  margin: 5px 0;
}


/*--------------------------------------
GMO-SB(B)登録注意画面
--------------------------------------*/
.space {
  margin: 15px 10px;
}

.titleBox {
  margin: 10px 0;
  border: 1px solid #991919;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
font-size: 18px;
}

.space.titleBox {
  margin: 15px 10px;
}

.titleBox dt {
  border: 1px solid #991919;
  border-style: solid none;
  padding: 5px 10px;
  color: #fff;
  background-color: #991919;
}

.titleBox dt:first-of-type {
  border-top-style: none;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.titleBox dd {
  padding: 5px 10px;
  font-size: 13px;
}

dd {
  display: block;
  margin-inline-start: 0px;
  line-height: 160%;
}


/*--------------------------------------
GMO-SB(B)退会注意画面
--------------------------------------*/
.space {
  margin: 15px 10px;
}

.titleBox_r {
  margin: 10px 0;
  border: 1px solid #868686;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  background-color: #fff;
font-size: 14px;
}

.space.titleBox_r {
  margin: 15px 10px;
}

.titleBox_r dt {
  border: 1px solid #868686;
  border-style: solid none;
  padding: 5px 10px;
  color: #fff;
  background-color: #868686;
}

.titleBox_r dt:first-of-type {
  border-top-style: none;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.titleBox_r dd {
  padding: 5px 10px;
  font-size: 13px;
}

dd {
  display: block;
  margin-inline-start: 0px;
  line-height: 160%;
}

.btn-flat_r-border {
  display: inline-block;
  padding: 0.5em 3em;
  text-decoration: none;
  color: #8c8c8c;
  border: solid 1px #8c8c8c;
  border-radius: 2px;
  transition: .4s;
  border-radius: 100vh;
}

.titleBox_r .retire_button {
   text-align:center;
   margin: 10px 0px auto;
}