/*
  ID          : wp-starry.css
  NAME        : STARRY スタイルシート
  DESCRIPTION :
  CREATE      : 2017/04/25
  UPDATE      : 2017/09/28
              :     /  /
*/


/* import */
@import url('https://fonts.googleapis.com/css?family=Anton|Ubuntu:500');

/* common (important) */
.stry-alignleft, .stry-alignleft td {text-align: left !important;}
.stry-aligncenter {text-align: center !important;}
.stry-marginauto {margin: auto !important;}
.stry-marginlrauto {margin-left: auto ; margin-right: auto !important;}
.stry-inlinelogo {display: inline !important;}
.stry-ec01-category-name a, .stry-ec01-item a, .stry-ec02-thumbnail a {box-shadow: none !important;}
pre.entry_rule {overflow:auto !important;}

/* common */
form {max-width: 100% ;}
.stry-wrap {width: 100% ;}

.stry-midwrapper {padding: 15px ; border: solid 1px #eee ;}
.stry-midwrappe-temp {padding: 15px ; border: solid 1px #eee ; background-color: #eee ;}
.stry-loginbox {padding: 15px ; border: solid 1px #eee ; width: 360px ; max-width: 100% ; margin-left: auto ; margin-right: auto ; background-color: #eee ; }
.stry-errorbox {padding: 15px ; border: solid 1px #eee ; max-width: 90% ; margin-left: auto ; margin-right: auto ; background-color: #eee ; }
.stry-paymethodinfobox {padding: 15px ; border: ridge 2px #eee ; max-width: 180px ; }

.stry-margintb20 {margin-top: 20px ; margin-bottom: 20px ;}
.stry-margintb10 {margin-top: 10px ; margin-bottom: 10px ;}
.stry-margintb5 {margin-top: 5px ; margin-bottom: 5px ;}
.stry-margint50 {margin-top: 50px ;}
.stry-margint30 {margin-top: 30px ;}
.stry-margint20 {margin-top: 20px ;}
.stry-margint10 {margin-top: 10px ;}
.stry-marginb50 {margin-bottom: 50px ;}
.stry-marginb30 {margin-bottom: 30px ;}
.stry-marginb20 {margin-bottom: 20px ;}
.stry-marginb10 {margin-bottom: 10px ;}
.stry-marginb5  {margin-bottom:  5px ;}
.stry-marginlr20 {margin-left: 20px ; margin-right: 20px ;}
.stry-marginlr10 {margin-left: 10px ; margin-right: 10px ;}
.stry-marginl10 {margin-left: 10px ;}
.stry-padding10 {padding: 10px ;}
.stry-padding5 {padding: 5px ;}

.stry-fw700  {font-weight: 700 ;}
.stry-floatclear {clear: both ;}

.stry-tdw10 {width: 10%;}
.stry-tdw25 {width: 25%;}
.stry-tdw33 {width: 33%;}
.stry-tdw40 {width: 40%;}
.stry-tdw50 {width: 50%;}
.stry-tdw67 {width: 67%;}
.stry-tableodd {background-color: #eee;}

#div_login01 p, #div_login02 p, #div_logout01 p, #div_logout02 p {margin: 0 ;}

img#img0, img#img1, img#img2, img#img3 {width: 100%; box-sizing: border-box;}

.recaptcha_info {
    font-size: 12px;
}

/* hover */
.stry-login01-button:hover, .stry-logout01-button:hover, .stry-member01-button00:hover, .stry-member01-button01:hover, .stry-member01-button02:hover, .stry-member01-button03:hover, .stry-member01-button04:hover, .stry-member01-button05:hover, .stry-member01-button06:hover, .stry-update01-button00:hover, .stry-entry01-button:hover, .stry-ec02-item-button:hover, .stry-ec03-purchase:hover, .stry-ec03-continue:hover, .stry-ec03-recalc:hover, .stry-ec03-table-itemdelete:hover {opacity: 0.8;}


/* entry01 */
#join_text, #payment_text, #service_text, #entry_area {font-family: inherit ;}
#join_text, #payment_text, #service_text {padding: 15px ;}
#entry_area {padding: 0 ;}
pre.entry_rule {padding: 10px 5px ; text-align: left ; }
pre.entry_rule {font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace  ;}
#div_entry01 p {margin: 0;}

#payment_title, #service_title, #rule_title { max-width: 95% ; margin-left: 0 ;}

.stry-entry01-entryblock {border: ridge 2px #eee ; overflow: auto ;}

.stry-entry01-signupbox {
    padding: 15px 0;
    background-color: #eee ;
    width: 50%;
    float: right ;
    margin:0;
}

.stry-entry01-signupinfo {width: 46% ; float: left ; margin:0 2%  ;}
.stry-entry01-recaptch {
    float: right ; margin:0 2%;
}

.stry-entry01-signuptitle {font-size: 36px ; font-weight: 400 ; font-family: 'Anton', Impact, sans-serif ;}
.stry-entry01-signuptext {font-size: 14px ;}
.stry-entry01-signuptext span {font-weight: 700 ;}

.stry-entry01-entryblock p {margin: 0 ;}

.stry-entry01-mailaddressbox, .stry-entry01-passwordbox, button.stry-entry01-button, .stry-entry01-languagebox {width: 90% !important; min-height: 40px ; margin-left: 5% !important; margin-right: 5% !important; box-sizing: border-box;}

input.stry-entry01-mailaddressbox, input.stry-entry01-passwordbox, .stry-entry01-languagebox {max-width:100%; box-sizing: border-box;}

.stry-entry01-mailaddress, .stry-entry01-password, .stry-entry01-language {margin-left: 5% ; margin-right: 0 ; }

.stry-entry01-agreement {margin: 10px 5% ; padding: 0  ; font-size: 14px ;}
.stry-entry01-agreement a {text-decoration: underline ;}

.stry-entry01-button {
    font-size: 18px;
}

.stry-entry01-alert {background-color: #666 ; color: #fff ; font-size: 12px ; margin: -15px -15px 20px -15px ;}

.stry-entry01-contents {padding: 10px ; border: solid 1px #eee ; background-color: #eee ; }

.stry-entry01-agree, .stry-entry01-recaptcha, .stry-entry01-new-button {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* login01 */
.stry-login01-mailaddressbox, .stry-login01-passwordbox, button.stry-login01-button, button.stry-logout01-button   {width: 90% !important; min-height: 40px ; margin-left: 5% !important; margin-right: 5% !important; box-sizing: border-box;}

input.stry-login01-mailaddressbox, input.stry-login01-passwordbox {max-width:100%; box-sizing: border-box;}

/* logout01 */
h5.stry-logout01-message {margin-top: 10px; margin-bottom: 0 !important; }


/* member01 */
#div_member01 p {margin: 0 ;}

table.stry-member01-table {box-sizing: border-box ; margin: 10px auto ;}

.stry-member01-blockwrap {overflow: auto ; padding: 15px ;}
.stry-member01-memberinfoblock01 {width: 49% ; margin-right: 1% ;}
.stry-member01-memberinfoblock02 {width: 49% ; margin-left: 1% ;}

.stry-member01-memberinfoblock01 {float: left ;}
.stry-member01-memberinfoblock02 {float: right ;}

.stry-member01-button-changemailaddress, .stry-member01-button-changepassword, .stry-member01-button-renewal {margin-top: 15px ; margin-bottom: 15px ; }

button.stry-member01-button00, button.stry-member01-button01, button.stry-member01-button02 { width: 60% ; min-height: 40px ; margin:0 20% ; padding: 0 ; font-size:12px ;}
button.stry-member01-button00 span {font-size:20px ;}

.stry-member01-memberinfo-table .stry-member01-column01, .stry-member01-courseinfo-table .stry-member01-column01, .stry-member01-pointinfo-table .stry-member01-column01 {background-color: #eee ;}

table.stry-member01-memberinfo-table, table.stry-member01-courseinfo-table, table.stry-member01-maintable {width: 100% !important;}

td.stry-member01-number-title, td.stry-member01-mailaddress-title, td.stry-member01-password-title,
td.stry-member01-coursename-title, td.stry-member01-courselabel-title, td.stry-member01-expirydate-title, td.stry-member01-autorenew-title, td.stry-member01-memberstatus-title, td.stry-member01-pointbalance-title {width: 33% ;}
td.stry-member01-mailaddress-data {word-break:break-all;}

td.stry-member01-number-title {vertical-align: middle ;}
td.stry-member01-number-data {font-size: 200% ; font-weight: 700 ;}

.stry-button-changeinfo {width: 100% ;}

button.stry-member01-button03 { width: 30% ; min-height: 40px ; margin:0 35% ; padding: 0 ; font-size:12px ;}

button.stry-member01-button03 {margin: 15px;}

button.stry-member01-button04, button.stry-member01-button05 {width: 30%; min-width: 160px; font-size: 12px;}

button.stry-member01-button06 {width: 90%; margin-left: 5%; margin-right: 5%; min-width: 100px; font-size: 12px;}

.stry-member01-memberinfoblock01 td,.stry-member01-memberinfoblock02 td,.stry-member01-memberinfoblock03 td,.stry-member01-memberinfoblock04 td,.stry-member01-pointtable td,.stry-member01-pointtable th {border: 1px solid rgba(0, 0, 0, 0.1); padding: 8px;}

/* message02 */
#div_message02 {max-width: 90%;}
#div_message02 .stry-message02-blocks {display: flex;}
.stry-message02-blocks .stry-errorbox {margin-right: 24px; margin-left: 24px;}

@media screen and (max-width:767px) {
    #div_message02 .stry-message02-blocks {display: inherit;}
    .stry-message02-blocks .stry-errorbox {margin: 10px auto;}
}


/* update01 */
#div_update01 p {margin: 0 ;}

.stry-update01-courseinfo-table {width: 80% !important;}
.stry-update01-column01 {width: 33% ; background-color: #eee;}
button.stry-update01-button00  {display: block ; width:300px ; max-width: 80% ; height: 50px ; font-size: 16px ; margin: 20px auto ; padding: 3px;}

table.stry-update01-courseinfo-table td {padding: 8px; border: 1px solid rgba(0, 0, 0, 0.1);}

.stry-update01-recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}


/* item_ec01 */
#div_item_ec01 p {margin: 0 ;}

.stry-ec01-category {display: table ; height: 100px ; width: 100% ; margin: 10px 0  ; background-color: #eee ;}
.stry-ec01-category-thumbnail {display: table-cell ;   vertical-align: middle ; width: 80px ; height: 80px ; padding: 0 5px 0 10px ;}
.stry-ec01-category-name, .stry-ec01-category-name a {display: table-cell ; vertical-align: middle ; height: 100px ; padding: 0 5px 0 5px ;}

.stry-ec01-item, .stry-ec01-category {float: left ; width: 46% ; margin: 1% ; padding: 1% !important }
.stry-ec01-item {background-color: #eee ;}
.stry-ec01-item-descriptions {margin-left: 10px ; margin-bottom: 20px ;}
.stry-ec01-item-name {max-height: 72px ; overflow: auto ;}
.stry-ec01-item-name, .stry-ec01-item-limitations, .stry-ec01-item-memberprice {font-size: 16px ;}
.stry-ec01-item-memberprice-price {display: inline-block ; font-size: 20px ;}
.stry-ec01-item-name {overflow: visible;}
.stry-ec01-item-price {font-size: 20px ;}
.stry-ec01-item-price span, .stry-ec01-item-memberprice span {font-size: 10px ;}
.stry-ec01-category-thumbnail img {margin: 0; width: 100%;}
.stry-ec01-cartlink { clear: both; display: block !important; margin: 10px 0; padding-top: 10px;}
.stry-ec01-img-thumbnail a img { display: block; width: 250px; margin-left: auto; margin-right: auto;}
.stry-ec01-img-thumbnail {padding-top: 20px;}


/* item_ec02 */
#div_item_ec02 p {margin: 0 ;}

.stry-ec02-breadcrumbs {margin-top: 10px ; margin-bottom: 20px ;}

.stry-clearfix:after {content: "." ;display: block; height: 0; clear: both; visibility: hidden;}
.stry-clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .stry-clearfix {height: 1%;}
.stry-clearfix {display: block;}
/* End hide from IE-mac */

.stry-ec02-item-block01 {
    position: relative;
}
.stry-ec02-item-block01:before {
    content:"";
    display: block;
    padding-top: 125%;
}
.stry-ec02-item-block01-child {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.stry-ec02-item {width: 100% ;  height: auto ; margin:0 ; padding:0 ;}

.stry-ec02-item-block01, .stry-ec02-item-block02 {display:block ; width: 48% ;  float: left ; margin:0 1% 20px 1% ;}
.stry-ec02-item-block02 {padding-bottom: 50px ; background-color: #eee ;}

.stry-ec02-thumbnail-main {width: 100% ; display: block ; margin:0 ; padding:0 ; height: 75% ;}
.stry-ec02-thumbnail-list {display: block ; width: 100% ;  margin: 0 ; padding:0 ; height: 25% ;}
.stry-ec02-thumbnail {display:block ; width: 33.333333% ;  float: left ; height: 100% ; margin:0 auto ;}

.stry-ec02-item-price {font-size: 24px ; }
.stry-ec02-item-price span {font-size: 14px ; }
.stry-ec02-item-memberprice span {font-size: 12px ;}

.stry-ec02-item-limitations, .stry-ec02-item-memberprice, .stry-ec02-item-salesperiod, .stry-ec02-item-salesfew, .stry-ec02-item-selectbox {font-size: 16px ;}
.stry-ec02-item-memberprice-price {display: inline-block ; font-size: 24px ;}

h1.stry-ec02-item-name {font-size: 14px; font-weight: 700; font-style: normal; text-decoration: none; border: none; margin: 30px 20px 10px 20px; padding: 0;}

.stry-ec02-item-limitations, .stry-ec02-item-price, .stry-ec02-item-memberprice, .stry-ec02-item-salesperiod, .stry-ec02-item-salesfew {margin: 5px 20px 10px 20px ;}

.stry-ec02-item-selectbox {width:90% ; display:block ; margin: 20px auto ;}

.stry-ec02-item-selectbox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 5px 25px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    background: #eee;
    background: url("https://www.starry-cloud.net/wp-content/uploads/2017/04/arrow01.jpg") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
    background: url("https://www.starry-cloud.net/wp-content/uploads/2017/04/arrow01.jpg") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
    background-size: 20px, 100%;
}

button#btn.stry-ec02-item-button {width:90% ; min-height:50px ; display:block ; margin-left: auto ; margin-right: auto ; font-size: 18px ; font-weight: 400 ;}

.stry-ec02-item-block01:before {content: ""; display: block; padding-top: 134%;}

.stry-ec02-item-block02 {padding-top: 20px; }

.stry-ec02-item-msg-none {display:none; }

/* item_ec03 */
#div_item_ec03 p {margin: 0 ;}

table.stry-ec03-table {box-sizing: border-box ; margin: 10px auto ; table-layout: fixed;}
.stry-ec03-table td {vertical-align: middle ; padding: 0 ;}

.stry-ec03-table-itemdelete, .stry-ec03-table-itempicture {height: 180px ; text-align: center ;}
.stry-ec03-table-itemname, .stry-ec03-table-unitprice, .stry-ec03-table-ammount, .stry-ec03-table-subtotal {height: 60px ; }

td.stry-ec03-table-itemname, td.stry-ec03-table-unitprice, td.stry-ec03-table-ammount, td.stry-ec03-table-subtotal {padding-left: 12px ; padding-right: 12px ;}

.stry-ec03-table-itemdelete input {padding: 0 ; width: 36px ;}
.stry-ec03-table-itempicture img {display:block ; margin: auto ; max-height:180px; max-width:180px;}

.stry-ec03-table-itemname {font-size: 14px ; font-weight: 700 ;}
.stry-ec03-table-unitprice, .stry-ec03-table-ammount {font-size: 14px;}
.stry-ec03-table-unitprice span, .stry-ec03-table-ammount span, .stry-ec03-table-subtotal span {font-size: 10px;}

.stry-ec03-table-subtotal {background-color: #eee ; font-size: 18px ;}

td.stry-ec03-table-ammount input {width:100% ;}

.stry-ec03-recalctext {text-align: right ; font-size: 12px ;}
button.stry-ec03-recalc {display: block ; float: right ; margin: 0 0 20px 0  ; font-size: 12px ;}

.stry-ec03-sumblock {clear: both ; border-top: 5px solid #ccc ; border-bottom: 5px solid #ccc ; padding: 15px 10px ;}
.stry-ec03-sum {font-size: 28px ; text-align: center ;}
.stry-ec03-membersum {font-size: 20px ; text-align: center ;}
.stry-ec03-sum span, .stry-ec03-membersum span {font-size: 12px ;}
button.stry-ec03-purchase {display: block ; width:300px ; max-width: 80% ; height: 50px ; font-size: 16px ; margin: 20px auto ; }

button#btn2.stry-ec03-continue, button#btn3.stry-ec03-continue {display: block; width:300px; max-width: 80%; height: 50px; font-size: 16px; margin: 20px auto; }

button#btn5.stry-ec03-continue {display: block; height: 50px; font-size: 16px; margin: 20px auto 20px 0; }

.stry-ec03-table td {border: 1px solid rgba(0, 0, 0, 0.1); line-height: initial}
.stry-ec03-table-unitprice, .stry-ec03-table-ammount { background-color: #fff; }

.stry-ec03-enrollment {display: block; box-sizing: border-box; width: 50%; margin: 50px auto 30px auto; text-align: center;}
.stry-ec03-enrollment-img {display: none; box-sizing: border-box; width: 80%; max-width: 800px; margin: 50px auto 30px auto; text-align: center;}

/* item_ec04 */
#div_item_ec04 p {margin: 0 ;}

input.stry-ec04-membername-lastbox, input.stry-ec04-membername-firstbox, input.stry-ec04-memberaddress-box, input.stry-ec04-membertel1-box, input.stry-ec04-membermailaddress-box, input.stry-ec04-deliveryname-lastbox, input.stry-ec04-deliveryname-firstbox, input.stry-ec04-deliveryaddress-box, input.stry-ec04-deliverytel1-box, input.stry-ec04-deliverymailaddress-box {width: 100% ;}
select.stry-ec04-memberstate-menu,  input.stry-ec04-memberzip-box, select.stry-ec04-deliverystate-menu,  input.stry-ec04-deliveryzip-box, input.stry-ec04-use_point_num-box {width: 50% ; min-width:150px; }

.stry-ec04-payment_info {margin-bottom: 20px ;}

.stry-paymethodinfobox img {max-width: 100%;}

.stry-ec04-use_point_num-box {float: left;}
.stry-ec04-point_info_unit {padding-top: 12px;}
.stry-ec04-point_info_text {margin-top: -8px; padding-left: 1em;}

.stry-payment-button-gmo {margin-top: 12px; margin-bottom: 12px;}
.stry-payment-button-gmo a:hover {opacity: 0.8;}
.stry-payment-button-gmo img {border-color: #00519e; border-style: solid; border-width: 3px; width: 120px; background-color: #f7f7f7;}

/* error01 */
#div_error01 p {margin: 0 ;}

button.stry-error01-button  {width: 300px ; max-width: 90% ; min-height: 40px ; }

.stry-error01-alert-en {font-size: 28px ; font-family: 'Ubuntu', sans-serif ; }
.stry-error01-alert-jp {font-size: 14px ; font-weight: 700 ;}


/* support01 */
#div_support01 p {margin: 0 ;}
input.stry-support01-title  {max-width: 100% ; box-sizing: border-box;}
table.stry-support01-table {width: 100% !important; box-sizing: border-box;}

td.stry-support01-column01, td.stry-support01-column02 {padding: 8px; border: 1px solid rgba(0, 0, 0, 0.1);}
.stry-support01-recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
}


input#name1, input#email, input#subject, textarea#post_comment {width: 100%;box-sizing: border-box;}

.stry-support01-button button {width: 80%; margin: auto; min-height: 40px; padding: 0; font-size: 12px;}

/* Responsive */
.stry-PC {
    display: block;
}
.stry-SP {
    display: none;
}


/* media queries */
@media screen and (max-width: 374px) {
    .stry-entry01-alert {font-size: 10px ;}
    button.stry-update01-button00  {padding: 10px 5px ;}
}

@media screen and (max-width: 599px) {
    .stry-entry01-signupinfo {float: none ; width: 96% ;}
    .stry-entry01-signupbox {float: none ; width: 100% ;}
    .stry-entry01-signuptitle {margin: 10px auto -10px auto ;}

    .stry-ec01-item, .stry-ec01-category {float: none ; width: 96% ; margin: 10px 1% ; padding: 0 1% !important }

    .stry-ec02-item-block01, .stry-ec02-item-block02 {display:block ; width: 96% ; margin:0 2% ;}
    .stry-ec02-item-block02 {margin-top: 50px ; padding: 20px 0 40px 0 ;}

    .stry-member01-memberinfoblock01, .stry-member01-memberinfoblock02 {width: 100% ; float: none ;}

    button.stry-member01-button03,
    button.stry-member01-button04,
    button.stry-member01-button05,
    button.stry-member01-button06 {width:60% ; margin-left:20%; margin-right:20%; padding-left: 0 ; padding-right: 0 ; }
    .stry-member01-memberinfoblock01 {margin-bottom: 20px ;}

    td.stry-ec03-table-itemname, td.stry-ec03-table-unitprice, td.stry-ec03-table-ammount, td.stry-ec03-table-subtotal {padding-left: 10px ; padding-right: 10px ;}

    .stry-update01-courseinfo-table {width: 100% ;}
}

@media screen and (max-width: 374px) {
    .wrap { padding-left: 5px; padding-right: 5px;}
    .stry-member01-blockwrap { overflow: auto; padding: 5px;}
    .stry-ec03-table-itemdelete input {width: 25px;}
}

@media screen and (max-width: 399px) {
    .stry-loginbox {max-width: 90%; padding: 0;}
}

@media screen and (max-width: 424px) {
    .stry-ec03-table-itemdelete input {width: 30px;}
}

@media screen and (max-width: 599px) {
    .stry-ec01-item, .stry-ec01-category {float: none; width: 96%; margin: 10px 2%; padding: 0;}
}

.stry-entry04-block02 {margin-top: 15px; margin-bottom: 15px;}

table.stry-course-select-table, .stry-course-select-table td {border-color: transparent;}
.stry-course-select-table td {border-color: transparent;}
.stry-course-select-table td button {width: 240px;}

@media screen and (max-width:767px) {
    .stry-course-select-table td {text-align: center;}

    /* Responsive */
    button.stry-member01-button06 {width:100% ; margin-left:0; margin-right:0; padding-left: 0 ; padding-right: 0 ; min-width: 100px; }
    .stry-PC {
        display: none;
    }
    .stry-SP {
        display: block;
    }
}

.stry-update03-block02 {margin: 20px 0;}


/*entry05, member04, item_ec04*/
.stry-entry05-form-caption {font-weight: 700;}

table.stry-member-info-input-table {width: 95%; max-width: 900px; margin: 0 auto 20px auto;}

tr.stry-member-info-input-row {border: none;}

td.stry-member-info-input-cell {padding: 5px; text-align: left !important;}

td.stry-member-info-input-cell p {margin: 0;}

.stry-member-info-input-text {margin: 5px 0;}

td.stry-member-info-input-cell input {width: 100%; padding: 10px; box-sizing: border-box;}

td.stry-member-info-input-cell input#search {width: 30%;}

td.stry-member-info-input-cell select {width: 50%; max-width: 300px; padding: 10px; box-sizing: border-box; background-color: white; color: black;}

.stry-member-input-confirm {margin: 50px auto;}

.stry-member-input-confirm button {display: block; width: 50%; margin: 0 auto;}

.stry-member-input-return {margin: 50px 0 10px 0;}

@media only screen and (max-width: 424px) {
    td.stry-member-info-input-cell select {width: 70%;}}

.stry-function-line01 {text-align: center; margin-top: 15px;}

.cart-item-count {
    display: inline-block;
    height: 20px;
    min-width: 20px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: inherit;
    padding: 0 4px;
    margin: 0 0 3px 4px;
}

/* payment_kinds img */
.stry-payment-kinds img {
    max-width: 480px;
    width: 100%;
}