@charset "utf-8";

/*--------------------------------------
基本設定カラー
---------------------------------------*/
.black {
    color: #4d4d4d;
}

.bg-black {
    background: #4d4d4d;
}

.gray {
    color: dimgray;;
}

.bg-gray {
    background: dimgray;;
}

.midiumgray {
    color: #999999;
}

.bg-midiumgray {
    background: #999999;
}

.lightgray {
    color: lightgray;
}

.bg-lightgray {
    background: lightgray;
}

.white {
    color: white;
}

.bg-white {
    background: white;
}

.green {
    color: #27ae60;
}

.bg-green {
    background: #27ae60;
}

.blue {
    color: #12A4CC;
}

.bg-blue {
    background: #12A4CC;
}

.deepblue {
    color: #017FCC;
}

.bg-deepblue {
    background: #017FCC;
}

.red {
    color: palevioletred;
}

.bg-red {
    background: palevioletred;
}

.crimson {
    color: crimson;
}

.bg-crimson {
    background: crimson;
}

.pink {
    color: #ef3f98;
}

.bg-pink {
    background: #ef3f98;
}

.lightpink {
    color: hotpink;
}

.bg-lightpink {
    background: hotpink;
}

.gold {
    color: goldenrod;
}

.bg-gold {
    background: goldenrod;
}

.darkgold {
    color: #ad8319;
}

.bg-darkgold {
    background: #ad8319;
}

.u-line-y {
    background: linear-gradient(transparent 70%, lightgoldenrodyellow 70%);
}

.u-line-r {
    background: linear-gradient(transparent 70%, lavenderblush 70%);
}

.u-line-b {
    background: linear-gradient(transparent 70%, azure 70%);
}

.u-line-g {
    background: linear-gradient(transparent 70%, #e6ffec 70%);
}

.u-line-k {
    background: linear-gradient(transparent 70%, #dddddd 70%);
}

.u-linebold-y {
    background: linear-gradient(transparent 0%, lightgoldenrodyellow 0%);
}

.u-linebold-r {
    background: linear-gradient(transparent 0%, lavenderblush 0%);
}

.u-linebold-b {
    background: linear-gradient(transparent 0%, azure 0%);
}

.u-linebold-g {
    background: linear-gradient(transparent 0%, #F6FDF6 0%);
}

.u-linebold-k {
    background: linear-gradient(transparent 0%, #dddddd 0%);
}

span.mucome {
    background-color: honeydew;
    color: #12A4CC;
    /*color: #12A4CC;*/
    font-weight: 500;
    font-size: 17px;
    margin: 0 2px;
}

span.mucome-big {
    margin: 0 2px;
    color: #12A4CC;
    /*color: #12A4CC;*/
    font-weight: 500;
    font-size: 1.1em;
    background-color: honeydew;
}

.success {
    background-color: #e6ffec;
    color: #27ae60;
    padding: 3px;
}

.info {
    background-color: azure;
    color: #017FCC;
    padding: 3px;

}

.caution {
    background-color: cornsilk;
    color: #ad8319;
    padding: 3px;
}

.danger {
    background-color: lavenderblush;
    color: crimson;
    padding: 3px;
}


/*--------------------------------------
基本設定 共通部品
---------------------------------------*/
#alert {
    font-size: 1.05em;
    margin: 10px auto;
}

#alert>p {
    margin-bottom: 5px;
}

#alert-upload {
    font-size: 1.05em;
    padding-top: 20px;
}

#alert-upload>p {
    margin-bottom: 5px;
}

#alert-request {
    font-size: 1.05em;
    margin: 10px auto 30px;
}

#creater-main h2::before {
    background-color: #11c1a4;
}

#download h2 {
    margin-bottom: 15px;
}

#policy>h4 {
    margin: 20px 10px;
}

#user-main h2::before {
    background-color: #11c1a4;
}

.alert-contents {
    font-size: 1em;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-top: 10px;
}

.alert-contents li {
    font-size: 0.95em;
    padding-bottom: 3px;
}

.alert-contents ul {
    margin: 10px 20px 30px;
}

.alert-contents>p {
    font-size: 0.95em;
    margin-left: 10px;
}

.h-info {
    color: rgba(0, 0, 0, 0.87);
    font-size: 10px;
    font-weight: normal;
    margin-left: 5px;
}

.h3-history {
    border-left: solid 2em #017FCC;
}

.h3-history:before {
    color: #fcfcfc;
    content: "\f1da";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}

.h3-recommend-linkworks {
    border-left: solid 2em #e48080;
}

.h3-recommend-linkworks:before {
    color: #fcfcfc;
    content: "\f0c1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.h3-ranking {
    border-left: solid 2em goldenrod;
}

.h3-ranking:before {
    color: lightgoldenrodyellow;
    content: "\f521";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}

.h3-recommend {
    border-left: solid 2em #e48080;
}

.h3-recommend:before {
    color: #fcfcfc;
    content: "\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.h3-same-creater {
    border-left: solid 2em #11c1a4;
}

.h3-same-creater:before {
    color: #fcfcfc;
    content: "\f4fc";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}

.italic {
    font-style: italic;
}

.link-target {
    margin-top: -30vh;
    padding-top: 30vh;
}

.required {
    background-color: indianred;
    border-radius: 3px;
    color: white;
    font-size: 11px;
    margin-left: 10px;
    padding: 3px 6px;
    position: relative;
    top: -2px;
}

a {
    color: #12A4CC;
}

a:hover {
    opacity: 0.7;
}

a:visited {
    color: palevioletred;
}

body {
    background: #faf3ea;
    color: rgba(0, 0, 0, 0.87);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    justify-content: space-between;
    line-height: 1.5em;
    min-height: 100vh;
    width: 100%;
}

h1 {
    border-left: 6px solid #11c1a4;
    color: #11c1a4;
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: .25em 0 .5em .75em;
    position: relative;
}

h1.attention {
    border-left: 6px solid goldenrod;
    color: goldenrod;
}

h1.error {
    border-left: 6px solid crimson;
    color: crimson;
}

h1.dl-alert {
    border-left: 6px solid palevioletred;
    color: palevioletred;
}

h1.cvs-end {
    border-left: 6px solid palevioletred;
    color: palevioletred;
}

h1::after {
    border-bottom: 1px solid #ccc;
    bottom: 0;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

h2 {
    color: dimgray;
    padding-bottom: 0.4em;
    padding-left: 3px;
    position: relative;
}

h2::after {
    background: repeating-linear-gradient(45deg, white, white 2px, #aaa 2px, #aaa 4px);
    width: 100%;
}

h2::before {
    background-color: #11c1a4;
    width: 15%;
    z-index: 3;
}

h2::before, h2::after {
    bottom: -4px;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
}

h3 {
    background: linear-gradient(to bottom, #f6f6f6, #fcfcfc);
    border-left: solid 2em #11c1a4;
    color: dimgray;
    font-size: 13px;
    padding: 0.5em;
    position: relative;
}

h3:before {
    color: white;
    left: -1.6em;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
}

h4.left {
    float: left;
}

h4.left:first-letter {
    color: crimson;
    font-size: 2em;
    font-weight: 500;
    opacity: 0.7;
}

h4.right {
    float: right;
}

h4.right:first-letter {
    color: dodgerblue;
    font-size: 2em;
    font-weight: 500;
    opacity: 0.8;
}

h5 {
    color: white;
    line-height: 1.4;
    margin-bottom: 5px;
    padding: 0.5em 0.5em 0.5em 1.8em;
    position: relative;
}

h5:before {
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    left: 0.5em;
    position: absolute;
}

h6 {
    border-bottom: 1px ridge #999999;
    font-size: 13px;
    margin-bottom: 10px;
    width: 105%;
}

hr {
    border: none;
    border-top: 1px solid #e9edf4;
    height: 2px;
    margin: 0 auto;
    width: 97%;
}

legend {
    color: #999999;
    position: relative;
    text-align: center;
}

legend span {
    background-color: #fcfcfc;
    display: inline-block;
    margin: 0 4em;
    padding: 0 1em;
    position: relative;
    text-align: left;
    z-index: 2;
}

legend::before {
    background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 1;
}

small {
    font-size: 11px;
}

span.star-on {
    background: url(../image/star/star_on.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on1 {
    background: url(../image/star/star_on1.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on2 {
    background: url(../image/star/star_on2.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on3 {
    background: url(../image/star/star_on3.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on4 {
    background: url(../image/star/star_on4.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on5 {
    background: url(../image/star/star_on5.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on6 {
    background: url(../image/star/star_on6.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on7 {
    background: url(../image/star/star_on7.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on8 {
    background: url(../image/star/star_on8.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-on9 {
    background: url(../image/star/star_on9.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-off {
    background: url(../image/star/star_off.png) no-repeat;
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

span.star-big-on {
    background: url(../image/star/star_big_on.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on1 {
    background: url(../image/star/star_big_on1.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on2 {
    background: url(../image/star/star_big_on2.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on3 {
    background: url(../image/star/star_big_on3.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on4 {
    background: url(../image/star/star_big_on4.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on5 {
    background: url(../image/star/star_big_on5.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on6 {
    background: url(../image/star/star_big_on6.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on7 {
    background: url(../image/star/star_big_on7.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on8 {
    background: url(../image/star/star_big_on8.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-on9 {
    background: url(../image/star/star_big_on9.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

span.star-big-off {
    background: url(../image/star/star_big_off.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: 1px;
}

ul.alert-caution li {
    color: #ad8319;
}

ul.alert-danger li {
    color: palevioletred;
}

ul.alert-info li {
    color: #017FCC;
}


/*--------------------------------------
基本設定 フォーム部品
---------------------------------------*/

/*input, textarea {*/
/*    color: dimgray;*/
/*}*/

input.authmail1 {
    height: 32px;
    margin: 5px;
    width: 150px;
}

input.authtoken {
    height: 40px;
    margin: 10px auto;
    text-align: center;
    width: 200px;
}

input[type="checkbox"] {
    position: relative;
    /*top: -1px;*/
}

input[type="radio"] {
    margin-right: 4px;
    position: relative;
    top: -3px;
}

input.login_id {
    line-height: 1.6em;
    width: 100%;
}

input.search {
    height: 24px;
}

input.txt, input.url, input.address, input.search {
    width: 90%;
}

input.regist {
    line-height: 1.6em;
    width: 90%;
}

input.txt-h28 {
    height: 28px;
    width: 90%;
}

input.txt100 {
    width: 100px;
}

input.txt120 {
    width: 120px;
}

input.txt160 {
    width: 160px;
}

input.txt200 {
    width: 200px;
}

input.txt240 {
    width: 240px;
}

input.txt280 {
    width: 280px;
}

input.txt300 {
    width: 300px;
}

input.txt40 {
    width: 40px;
}

input.txt60 {
    width: 60px;
}

input.txt80 {
    width: 80px;
}

input:focus, textarea:focus, select:focus {
    border: solid 2px skyblue;
    outline: 0;
}

input[name="tab_item"] {
    display: none;
}

input[type=text], input[type=email], input[type=search], input[type=password], input[type=number], input[type=url], input[type=tel], textarea {
    background: #E0EBF7;
    /*border: 1px solid #aaa;*/
    border: 1px solid lightsteelblue;
    color: rgba(0, 0, 0, 0.87);
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    font-size: 16px;
    /*margin: 0 auto;*/
}

input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=password]:focus, input[type=number]:focus, input[type=url]:focus, input[type=tel]:focus, textarea:focus {
    /*border: 1px solid #1093b7;*/
    border: 1px solid gold;
    outline: 0;
}

select {
    background: #E0EBF7;
    /*border: 1px solid #aaa;*/
    border: 1px solid lightsteelblue;
    color: dimgray;
    font-size: 14px;
    padding: 2px;
}

select.authmail2 {
    font-size: 1.05em;
    height: 32px;
    margin: 5px;
    width: 150px;
}

select.no-border {
    border: 0 none;
    padding: 5px;
}

select.ymd {
    background: white;
    border: 0 none;
    font-size: 16px;
}

textarea {
    white-space: normal;
    width: 90%;
}

/*--------------------------------------
基本設定 個別部品
---------------------------------------*/
#artwork {
    margin-bottom: 10px;
}

#bank fieldset {
    margin: 0;
}

#bank li {
    font-size: 0.95em;
    padding-bottom: 3px;
}

#bank ol {
    margin: 20px 30px;
}

#bank table {
    font-size: 13px;
    margin-top: 20px;
    width: 100%;
}

#bank table th.col {
    border-right: none;
}

#bank table tr td {
    padding: 5px;
    text-align: center;
}

#bank table tr th {
    background-color: #52c2d0;
    border-bottom: whitesmoke dotted 1px;
    border-right: whitesmoke dotted 1px;
    color: white;
    padding: 7px;
    word-wrap: break-word;
}

#bank table tr th.purchase-id {
    width: 20%;
}

#bank table tr th.purchase-price {
    width: 20%;
}

#bank table tr th.purchase-title {
    width: auto;
}

#bank table tr:nth-child(odd) {
    background-color: #f6f6f6;
}

#bank>hr {
    margin: 20px auto;
}

#bookmark {
    margin-bottom: 30px;
}

#bottom-navi {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

#call-back-message {
    font-size: 14px;
    margin: 10px 10px 20px;
}

#cartcheck table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    word-break: break-all;
}

#cartcheck table th {
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    color: gray;
}

#cartcheck table th, #cartcheck table td {
    padding: 15px 10px;
    text-align: center;
}

#cartcheck table th.code, #cartcheck table th.price {
    width: 15vw;
}

#cartcheck table tr {
    border-bottom: 1px solid #e8e8e8;
}

#cartcheck table tr:hover {
    background-color: #F6FDF6;
}

#cartlist h2, #dllist h2, #bookmarklist h2 {
    font-size: 0.95em;
    margin-bottom: 12px;
}

#cartlist, #dllist, #bookmarklist {
    margin: 10px auto 20px;
}

#chat-boad {
    margin-bottom: 20px;
}

#chat-info {
    border: 1px solid #edeff4;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    margin: 20px 5px;
    padding: 20px 10px;
}

#community-flow {
    margin-bottom: 40px;
}

#community-flow h1 {
    margin-bottom: 15px;
}

#community-flow>.contents {
    margin: 10px 0 30px;
}

#community-flow>.contents p {
    margin: 10px 5px;
}

#community-info {
    margin-bottom: 40px;
}

#company {
    margin: 10px auto 30px;
}

#company img {
    display: block;
    margin: 15px auto 20px;
    max-width: 500px;
    width: 90vw;
}

#contact .contact-caution {
    margin-top: 20px;
    margin-bottom: 10px;
}

#contact .contact-caution .contents {
    margin: 0 10px;
    padding-bottom: 20px;
}

#contact .google_rechapcha-area {
    display: flex;
    justify-content: center;
    margin: 15px auto;
}

#contact h2 {
    margin: 0 5px 15px;
}

#contact p.boxtop {
    margin: 0 10px 20px;
}

#creater-main {
    padding-top: 166px;
}

#creater-search {
    margin-bottom: 30px;
}

#creater-search .dldtdd1 dl>dt {
    background: palevioletred;
}

#creater-search select {
    /*border: 1px solid #aaa;*/
    border: 1px solid lightsteelblue;
    padding: 5px;
}

#creater-search select:focus {
    /*border: 1px solid #1093b7;*/
    border: 1px solid gold;
    outline: 0;
}

#data-reupload {
    margin: 20px auto 30px;
}

#data-upload {
    margin: 10px auto;
    padding: 5px;
}

#data-upload h2 {
    margin-bottom: 15px;
}

#data-upload .add-file {
    display: block;
    font-size: 14px;
}

#data-upload input.upload {
    background: #999999;
    border: double 4px #f6f6f6;
    color: white;
    font-size: 14px;
    margin: 8px;
    max-width: 300px;
    padding: 10px;
    text-align: center;
}

#data-upload>.contents p {
    margin: 15px 5px 25px;
}

#download {
    margin-bottom: 30px;
}

#download table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

#download table tr {
    background: #f6f6f6;
    border-bottom: 1px solid #f2f2f2;
}

#download table tr:hover {
    background-color: #F6FDF6;
}

#download table tr:nth-child(odd) {
    background: white;
}

#download table tr>td {
    padding: 8px 20px;
}

#download table tr>th {
    background: #11c1a4;
    color: white;
    font-size: 1.1em;
    padding: 10px;
}

#download table tr>th.creater {
    background: #52c2d0;
}

#download table tr>th.user {
    background: #76BDF7;
}

#form-contents {
    margin-bottom: 30px;
}

#form_plus, #form_plus2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#guide-catch {
    margin: 10px 20px;
}

#guide-flow {
    margin-bottom: 50px;
    padding-top: 60px;
}

#guide-qa {
    background: #f6f6f6;
    max-width: 1024px;
    padding-top: 60px;
    width: 100%;
}

#guide-qa .answer {
    background: url(../image/a.png) no-repeat 0 7px;
    font-size: 14px;
    line-height: 1.5em;
    padding: 5px 0 5px 27px;
}

#guide-qa .answer>p {
    margin-bottom: 6px;
}

#guide-qa .answer>small {
    line-height: 1em;
}

#guide-qa .question {
    background: url(../image/q.png) no-repeat 0 7px;
    color: darkgoldenrod;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 12px;
    margin-top: 0;
    padding: 5px 0 5px 27px;
}

#guide-search {
    background: #f6f6f6;
    margin-bottom: 30px;
    max-width: 1024px;
    padding-bottom: 50px;
    padding-top: 50px;
    width: 100%;
}

#guide-top {
    margin: 10px 0 40px;
}

#grids-view {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
}

#grids-view .grid-creater-area {
    margin: 10px 30px 30px;
    text-align: center;
    width:100px;
}

#grids-view .grid-image-area {
    height: 210px;
    position: relative;
    width: 150px;
}

#grids-view .grid-work-area {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 10px 10px 15px;
    width: 150px;
}

#header-contents {
    margin: 0 auto;
    width: 100%;
}

#header-contents.profile, #header-contents.work {
    border-bottom: 2px solid #11c1a4;
    padding-bottom:1px;
}

#index {
    margin-top: 30px;
}

#jump .jumplink {
    margin: 20px 10px 30px;
}

#jump .jumplink a {
    font-size: 1.4em;
}

#jump h1 {
    border-left: 6px solid #F28293;
    color: #F28293;
}

#lists-view {
    margin: 20px 10px;
}

#lists-view article {
    display: block;
}

#linkid-list {
    margin-top: 20px;
}

#linkid-list>.send-form-field>.list-arrow {
    margin: 0.1em 1.2em;
}

#linkid-list>.send-form-field>.list-arrow>button {
    color: #12A4CC;
    margin-right: 1.2em;
}

#linkid-list>.send-form-field>.list-element>p {
    margin: 0 0.5em 0.3em;
}

#login {
    margin-bottom: 30px;
 }

#main {
    padding-top: 131px;
}

#main.profile, #main.work {
    padding-top: 86px;
}

#main .check dt, #user-main .check dt, #creater-main .check dt {
    background: #908678;
}

#main, #user-main, #creater-main {
    background: #fcfcfc;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}

#main-just-top {
    background: #fcfcfc;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
}

#make-estimate {
    margin: 50px auto 0;
}

#modal-click-open {
    cursor : pointer;
}

#mylist {
    margin-bottom: 30px;
}

#mylist h1 {
    margin-bottom: 20px;
}

#mylist .list-txt-area {
    justify-content: flex-start;
}

/*#networkprint {*/
/*    margin-bottom: 40px;*/
/*}*/

#networkprint h2 {
    margin-bottom: 15px;
}

#networkprint>.contents {
    margin-bottom: 20px;
}

#networkprint>.contents p {
    margin: 10px;
}

#nomal-page {
    margin: 10px auto 30px;
}

#nomal-page .update p {
    font-size: 0.9em;
    letter-spacing: 0.1em;
    text-align: right;
}

#nomal-page li {
    font-size: 13px;
    line-height: 1.4em;
    padding-bottom: 6px;
    word-wrap: break-word;
}

#nomal-page ol, #nomal-page ul {
    margin: 0 20px 10px 30px;
}

#nomal-page p.contens-top {
    font-size: 13px;
    margin: 10px 5px 20px;
}

#nomal-page>.contents {
    margin: 10px 0 30px;
}

#nomal-page>.contents p {
    margin: 10px 5px;
}

#nomal-page>.data {
    margin: 0 auto 30px;
}

#page_top {
    /*background: #e48080;*/
    background-image: linear-gradient(0deg, #f8a0ac 0%, #d86787 100%);
    border-radius: 50%;
    bottom: -50px;
    height: 50px;
    width: 50px;
}

#order-history table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

#order-history td {
    border-top: 2px solid white;
}

#order-history th {
    background: #76BDF7;
    border-right: 1px dotted white;
    color: white;
    font-size: 13px;
}

#order-history th, #order-history td {
    padding: 10px;
}

#order-history th.end {
    border-right: none;
    width: 70%;
}

#order-history tr {
    font-size: 12px;
}

#order-history tr td.od-date {
    background: #f1fafe;
    letter-spacing: 0.06em;
    text-align: center;
}

#order-history tr td.od-title {
    background: #f6f6f6;
    text-align: left;
}

#page_top a {
    display: block;
    height: 50px;
    position: relative;
    text-decoration: none;
    width: 50px;
}

#page_top a::before {
    bottom: 0;
    color: white;
    content: '\f102';
    font-family: 'Font Awesome 5 Free';
    font-size: 25px;
    font-weight: 900;
    height: 25px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: -5px;
    width: 25px;
}

#paymentselect {
    background-color: #f6f6f6;
    border: 1px solid #eee;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
    display: block;
    margin: 20px auto 15px;
    padding-bottom: 5px;
    padding-top: 18px;
    text-align: center;
    width: 100%;
}

#paypay-campaign {
    background: url(../image/payment/paypay_2021_03_300.jpg) no-repeat center;
    height: 250px;
    margin: 0 auto 10px;
    position: relative;
    width: 300px;
}

#paypay-campaign2 {
    background: url(../image/payment/paypay_2021_03finale_300.jpg) no-repeat center;
    height: 250px;
    margin: 0 auto 10px;
    position: relative;
    width: 300px;
}

#paypay-campaign .paypay-link, #paypay-campaign2 .paypay-link {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#policy {
    margin-bottom: 20px;
    margin-top: 10px;
}

#policy>.contents {
    clear: both;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

#policy>.contents img {
    max-width: 768px;
    width: 85vw;
}

#policy>.contents p {
    font-size: 13px;
    margin: 5px auto;
    max-width: 768px;
    text-align: left;
    width: 85vw;
}

#post-select {
    margin-bottom: 30px;
}

#post-select h2 {
    margin-bottom: 10px;
}

#post-select h2.post_edit::before {
    background-color: darkorange;
}

#post-select h2.post_youtube::before {
    background-color: mediumvioletred;
}

#print-support-area {
    margin-bottom: 20px;
    margin-top: 30px;
}

#print-support-area>.contents {
    margin: 10px 0;
}

#print-support-area>.contents p {
    margin: 5px;
}

#profile-header-area {
    margin: 10px 10px 20px;
}

#profile-header-area.work {
    margin: 10px 10px 30px;
}

#profile-header-area.work .profile-info-txt {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#profile-header-area.work>.profile-header-first {
    margin-bottom: 10px;
}

#profile-header-area>hr {
    margin: 10px auto;
    width: 100%;
}

#qa {
    margin: 0 auto 30px;
    width: 100%;
}

#qa .answer, #qa-spot .answer, #networkprint .answer, #receipt .answer  {
    background: #f6f6f6;
    font-size: 13px;
    line-height: 1.6em;
    margin: 0;
    padding: 10px 12px;
}

#qa .question, #qa-spot .question, #networkprint .question, #receipt .question {
    background: url(../image/qa.png) no-repeat 0 50%;
    border-bottom: 1px dotted powderblue;
    border-top: 1px dotted powderblue;
    color: darkgoldenrod;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 0;
    padding: 5px 0 5px 27px;
}

#qa .answer p {
    margin-bottom: 6px;
}

#qa contents li {
    font-size: 13px;
    line-height: 1.4em;
    padding-bottom: 6px;
}

#qa contents ol, #qa contents ul {
    margin: 0 20px 10px 30px;
}

#qa h1, #qa h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}

#qa h2.top {
    margin-bottom: 20px;
    margin-top: 20px;
}

#qa li, #qa-spot li {
    font-size: 0.95em;
    line-height: 1.5em;
    padding-bottom: 5px;
}

#qa p.contens-top {
    font-size: 13px;
    margin: 10px 5px 20px;
}

#qa ul, #qa-spot ul, #qa ol, #qa-spot ol {
    margin: 10px 0 10px 30px;
}

#qa-spot {
    margin: 35px auto 30px;
    width: 100%;
}

#qa>.contents {
    margin-bottom: 20px;
}

#qa>.contents p {
    margin: 5px;
}

#qa>.data {
    margin: 0 auto 30px;
}

#qa>.qa-top {
    margin: 10px 20px 0;
}

#quick-menu h2 {
    margin-bottom: 15px;
}

#quick-menu>.contents p {
    margin: 10px;
}

#receipt {
    margin-bottom: 30px;
}

#receipt h1 {
    margin-top: 30px;
    margin-bottom: 20px;
}

#regulation-check {
    margin: 20px auto 30px;
}

#request-upload #form_plus, #request-upload #form_plus2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

#request-upload .add-file-area {
    justify-content: left;
}

#request-upload input.upload {
    background: #999999;
    border: double 4px #f6f6f6;
    color: white;
    font-size: 14px;
    margin: 8px;
    max-width: 300px;
    padding: 10px;
    text-align: left;
}

#sales {
    margin: 10px auto 30px;
}

#sales .sales-term dt {
    background-color: darkgray;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #999999), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #999999), color-stop(.75, #999999), color-stop(.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
    font-weight: 600;
}

#sales table {
    border-collapse: collapse;
    border-spacing: 0;
    box-shadow: 2px 2px 4px lightgray;
    font-size: 11px;
    margin: 0 auto;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

#sales table .dojin {
    font-size: 13px;
}

#sales table tr td {
    padding: 5px;
}

#sales table tr td.sales-month-last {
    background: white;
    border-top: solid 1px #f6f6f6;
    padding: 0 20px;
    text-align: left;
}

#sales table tr td.sales-month-last>p {
    margin-bottom: 5px;
    margin-top: 5px;
}

#sales table tr td.sales-title {
    text-align: left;
}

#sales table tr td.total-dj, #sales table tr td.total-works {
    color: dimgray;
    font-weight: 600;
}

#sales table tr td.total-sales {
    color: dimgray;
    font-size: 1.1em;
    font-weight: 600;
}

#sales table tr th {
    background-color: #52c2d0;
    border-bottom: whitesmoke dotted 1px;
    border-right: whitesmoke dotted 1px;
    color: white;
    padding: 10px;
    word-wrap: break-word;
}

#sales table tr th.atmonth {
    letter-spacing: 0.1em;
}

#sales table tr th.col {
    border-right: none;
}

#sales table tr th.dojin-dl, #sales table tr th.works-dl {
    width: 15%;
}

#sales table tr th.dojin-id, #sales table tr th.works-id {
    width: 15%;
}

#sales table tr th.dojin-incentive, #sales table tr th.works-incentive {
    width: 20%;
}

#sales table tr th.dojin-title, #sales table tr th.works-title {
    width: auto;
}

#sales table tr th.month-cache {
    width: 40%;
}

#sales table tr th.month-total {
    width: 40%;
}

#sales table tr th.sales-date {
    width: 20%;
}

#sales table tr th.sales-dl {
    width: 7%;
}

#sales table tr th.sales-id {
    width: 10%;
}

#sales table tr th.sales-incentive {
    width: 20%;
}

#sales table tr th.sales-month {
    width: 20%;
}

#sales table tr th.sales-title {
    width: auto;
}

#sales table tr th.total-sales {
    font-size: 1.1em;
}

#sales table tr:nth-child(odd) {
    background-color: #f6f6f6;
}

#sales table.mucome-month tr {
    background-color: #f6f6f6;
}

#sales table.mucome-month tr.even {
    background-color: white;
}

#same-creater-works {
    margin-top: 50px;
}

#same-creater-works .single-work-title {
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 90px;
    word-break: break-all;
}

#same-creater-works .single-work-title a {
    text-decoration: none;
}

#same-creater-works .single-work-area {
    margin: 10px;
}

#same-creater-works .single-work-thum {
    height: 135px;
    width: 90px;
}

#same-creater-works .single-work-thum img.obj-fit-cover {
    object-fit: cover;
}

#same-creater-works .single-work-thum img.single-work-image {
    box-shadow: 0 0 8px lightgray;
    height: 100%;
    object-fit: scale-down;
    width: 100%;
}

#same-creater-works .works-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: normal;
    margin: 15px auto 0;
}

#sample-load-area {
    border: 1px solid #edeff4;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    margin: 30px auto 40px;
    max-width: 98%;
}

#send-form {
    border: none;
    box-shadow: none;
    margin: 20px auto;
    padding: 10px;
}

#send-form input[type="text"], #send-form input[type="number"], #send-form input[type="url"], #send-form select, #send-form textarea {
    background-color: #f1f3f7;
    border: 1px solid #ebedf0;
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    margin-bottom: 7px;
    padding: 15px;
    width: 100%;
}

#send-form input[type="text"]:focus, #send-form input[type="number"]:focus, #send-form input[type="url"]:focus, #send-form select:focus, #send-form textarea:focus {
    border: 1px solid gold;
    outline: 0;
}

#send-form input.add-request {
    margin-bottom: 15px;
    margin-right: 10px;
    min-width: 280px;
    width: 40%;
}

#send-form input.creater-input-publisher {
    min-width: 300px;
    width: 60%;
}

#send-form input.w80, #send-form select.w80 {
    width: 80px;
}

#send-form input.w200, #send-form select.w200 {
    width: 200px;
}

#send-request {
    margin: 40px auto;
}

#send-request>.contents {
    margin: 20px 0 30px;
}

#send-request>.contents p {
    margin: 10px 5px;
}

#search {
    margin-bottom: 30px;
}

#search select {
    /*border: 1px solid #aaa;*/
    border: 1px solid lightsteelblue;
    padding: 5px;
 }

#search select:focus {
    /*border: 1px solid #1093b7;*/
    border: 1px solid gold;
    outline: 0;
}

#seachlist {
    margin-bottom: 30px;
}

#support>.contents {
    margin: 10px 10px 15px;
}

#support>.multi-select-area {
    margin: 10px 0;
}

#tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content {
    display: block;
}

#target-grids {
    display: none;
}

#target-workblock {
    margin-bottom: 10px;
    margin-top: 30px;
}

#tax-included {
    margin: 0 3px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

#top-banner {
    background: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 15px;
    padding-top: 30px;
    width: 100%;
}

#top-banner>.top-banner-area {
    background: rgba(255, 252, 248, 1);
    box-shadow: 0 4px 4px lightgray;
    display: flex;
    flex-wrap: nowrap;
    height: 92px;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    max-width: 95%;
    width: 360px;
}

#top-message {
    flex-grow: 1;
    margin: 0 5px;
}

#top-message p {
    font-size: 13px;
    padding-bottom: 6px;
}

#top-wrapper {
    background-image: url(../image/top.png);
    background-size: cover;
    text-align: center;
}

#top-wrapper .catchcopy {
    border: none;
    color: #FFC107;
    font-size: 4.5vmin;
    font-weight: 500;
    margin: 60px auto 80px;
}

#top-wrapper .catchcopy-new {
    border: none;
    color: #12A4CC;
    font-size: 4.5vmin;
    font-weight: 500;
    line-height: 1.5em;
    margin: 40px auto 60px;
    max-width: 640px;
    text-shadow: 1px 1px 4px white, -1px 1px 4px white, 1px -1px 4px white, -1px -1px 4px white, 1px 0 4px white, 0 1px 4px white, -1px 0 4px white, 0 -1px 4px white;
    width: 85%;
}

#top-wrapper .catchcopy-new-small {
    font-size: 0.6em;
}

#user-main {
    padding-top: 168px;
}

#userlogin_or_customer {
    margin: 0 auto;
}

#users-search {
    max-width: 1024px;
    width: 100%;
}

#work-detail {
    margin: 0 auto 40px;
}

#work-detail>.contents {
    margin: 5px auto 25px;
}

#work-detail>.contents p, #work-detail>.contents pre {
    font-size: 13px;
    margin: 0 12px;
    text-align: center;
}

#work-detail>.contents pre {
    background-color: transparent;
    border: 0;
    color: dimgray;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#zipfile-info {
    margin-bottom: 50px;
}

#zipfile-info>.contents {
    margin: 10px 10px 20px;
}

#zipfile-info>.contents p {
    font-size: 13px;
}

.add-file-area {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 5px;
}

.add-file {
    cursor : pointer;
    font-size: 1.1em;
}

.add-file i {
    color: dimgray;
    font-size: 1.25em;
}

.ajax-failure {
    background-color: lavenderblush;
    color: crimson;
    display: none;
    padding: 3px;
    width: 100%;
}

.ajax-failure-tab {
    margin-top: 20px;
}

.ajax-info {
    background-color: azure;
    color: #017FCC;
    display: none;
    padding: 3px;
    width: 100%;
}

.amount-price {
    font-size: 26px;
}

.amount-tax {
    font-size: 13px;
}

.amount-txt {
    font-size: 18px;
}

.artwork-area {
    align-items: center;
    background: #f6f6f6;
    display: flex;
    flex-direction: column;
    line-height: 1em;
    margin: 0 auto;
    padding-bottom: 7px;
    width: 98%;
}

.artwork-area p {
    color: #12A4CC;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.5em;
    text-align: center;
}

.artwork-image {
    margin: 4px auto;
    width: 140px;
}

.attention-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.atone_cart_info {
    font-size: 0.85em;
    color: #12A4CC;
    border-bottom: 2px dotted;
}

.atone_cart_info:hover {
    cursor: pointer;
}

.atone_guide_info {
    color: #12A4CC;
    border-bottom: 1px solid;
    cursor : pointer;
    margin-right: 0.2em;
}

.attention-box {
    border: solid 2px #FFC107;
    margin: 0 auto 10px;
    padding: 25px 0 7px;
    position: relative;
    width: 98%;
}

.attention-box .box-title {
    background: #FFC107;
    color: white;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    left: -2px;
    letter-spacing: 0.1em;
    line-height: 25px;
    padding: 0 9px;
    position: absolute;
    top: -2px;
}

.attention-box ol {
    font-size: 0.9em;
    margin: 5px 0 5px 30px;
}

.attention-box p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 8px 1em;
    padding-left: 5px;
    text-indent: -0.5em;
}

.attention-box p.no-ident {
    text-indent: 0;
}

.attention-cart-check P {
    text-indent: -1em;
}

.audio-area {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 20px auto;
}

.auth-token-area {
    text-align: center;
}

.auth-token-area input {
    display: block;
    margin-bottom: 10px;
}

.authorize-attention, .login-attention, .membership-attention {
    margin: 20px auto;
}

.authorize-attention p {
    margin-top: 10px;
    text-indent: 0;
}

.bank-finish p {
    margin: 15px 10px;
}

.bankpage-margin {
    margin-top: 20px;
    margin-bottom: 20px;
}

.biginner {
    background-image: url(../image/biginner.png);
    background-repeat: no-repeat;
    height: 16px;
    margin: 1px 0;
    width: 10px;
}

.bookmark-work-title {
    text-decoration: none;
}

.bookmarklist-table-area th, .bookmarklist-table-area td {
    padding: 1px;
}

.bookmarklist-table-area tr.icon>th, .bookmarklist-table-area tr.icon>td {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
}

.bookmarklist-top {
    margin-bottom: 30px;
}

.box-child {
    background: white;
    border: 1px solid #ccc;
    display: block;
    margin: 10px;
    position: relative;
    width: 300px;
}

.box-child a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.box-child img {
    align-items: center;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 7px;
}

.box-child img:hover {
    opacity: 0.7;
}

.box-child p {
    font-size: 0.95em;
    margin: 10px auto;
    max-width: 90%;
    text-align: center;
}

.box-child p.zip-info {
    line-height: 1.4em;
    margin: 5px auto;
}

.box-image-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 10px auto;
}

.box-image-area>img {
    margin-bottom: 20px;
}

.box-select-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 20px;
}

.break-word {
    overflow-wrap: break-word;
}

.button-link {
    cursor: hand;
    text-decoration: underline;
}

.campaign-area {
    margin-top: 20px;
    margin-bottom: 40px;
}

.campaign-info-member {
    margin: 0 10px 10px;
}

.campaign-info-rank {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.campaign-info-rank-child {
    background: #f6f6f6;
    margin: 0 0 20px ;
    text-align: center;
    width: 90%;
}

.campaign-info-rank-child>.rank-amazon-gift {
    font-size: 1.4em;
}

.campaign-info-rank-child>.rank-creater-name {
    font-size: 1.4em;
    margin-bottom: 20px;
}

.campaign-info-rank-child>.rank-detail-info {
    font-size: 0.9em;
    padding: 10px;
}

.campaign-info-rank-child>.rank-gift-price1 {
    background: linear-gradient(180deg, darkred, hotpink 50%, darkred 100%);
    background: -webkit-linear-gradient(-90deg, darkred 0%, hotpink 50%, darkred 100%);
    font-size: 1.6em;
}

.campaign-info-rank-child>.rank-gift-price2 {
    background: linear-gradient(180deg, forestgreen, limegreen 50%, forestgreen 100%);
    background: -webkit-linear-gradient(-90deg, forestgreen 0%, limegreen 50%, forestgreen 100%);
    font-size: 1.5em;
}

.campaign-info-rank-child>.rank-gift-price3 {
    background: linear-gradient(180deg, darkslategray, gray 50%, darkslategray 100%);
    background: -webkit-linear-gradient(-90deg, darkslategray 0%, gray 50%, darkslategray 100%);
    font-size: 1.4em;
}

.campaign-info-rank-child>.rank-gift-price0 {
    background: linear-gradient(180deg, darkslategray, gray 50%, darkslategray 100%);
    background: -webkit-linear-gradient(-90deg, darkslategray 0%, gray 50%, darkslategray 100%);
    font-size: 1.3em;
}

.campaign-info-rank-child>.rank-gift-prices {
    display: inline-block;
    font-weight: 600;
    /*margin: 10px auto 5px;*/
    margin: 10px auto 20px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.campaign-info-rank-child>.rank-numbers {
    color: #6c757d;
    font-size: 2em;
    margin: 20px auto;
}

.campaign-info-rank-child>.rank-numbers>i {
    font-size: 1.5rem;
    margin-right: 0.5em;
}


.campaign-info-rank-child>.rank-reoffer-info {
    font-size: 0.9em;
    margin: 0 5px 10px;
}

.campaign-info-rank-child>.rank-reoffer-title {
    font-size: 1.3em;
    margin-bottom: 20px;
}


.campaign-info-txt {
    margin: 0 20px 20px 25px;
}

.campaign-info-txt>li {
    font-size: 0.9em;
    list-style-type: none;
    margin-bottom: 0.3em;
    text-indent: -5px;
}

.campaign-subtitle {
    color: #12A4CC;
    line-height: 1.2em;
    margin: 0 10px 20px;
    text-align: center;
}

.campaign-info {
    color: #12A4CC;
    line-height: 1.4em;
    margin: 0 15px 20px;
    text-align: left;
}

.campaign-title {
    color: goldenrod;;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-align: center;
}

.campaign-title-creater {
    color: goldenrod;;
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 20px;
    text-align: left;
}

.campaign-prfont {
    margin-bottom: 10px;
    margin-top: 10px;
}

.cart {
    color: dimgray;
    opacity: 0.9;
    padding-left: 6px;
    position: relative;
    z-index: 6;
}

.cart a {
    color: #e48080;
    z-index: 7;
}

.cart a:visited {
    color: #e48080;
}

.cart i {
    font-size: 30px;
    margin: 3px;
}

.cart p {
    color: white;
    font-size: 15px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 100%;
    z-index: 8;
}

.cart-customer {
    margin-bottom: 10px;
}

.cart-customer h5, .cart-customer dl>dt {
    background: #52c2d0;
    font-size: 0.95em;
}

.cartcheck-agree-area {
    margin-bottom: 7px;
    text-align: center;
}

.cartcheck-amounttotal-area {
    display: inline-block;
    font-weight: 600;
    margin: 0 auto 20px;
    text-align: center;
    width: 100%;
}

.cartcheck-ios-alert {
    font-size: 1.05em;
    margin-bottom: 30px;
}

.cartcheck-mailconfirm-area {
    padding-right: 15px;
    text-align: right;
    word-break: break-all;
}

.cartcheck-mailconfirm-area p.mail {
    color: #11c1a4;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.15em;
    margin-bottom: 10px;
}

.cartcheck-mailconfirm-area p.mailinfo {
    color: palevioletred;
    margin-top: 10px;
}

.cartlist-image, .dllist-image, .bookmarklist-image {
    width: 85px;
}

.cartlist-image-area a img, .dllist-image-area a img, .bookmarklist-image-area a img {
    border: 1px dotted #ccc;
}

.cartlist-image-area, .dllist-image-area, .bookmarklist-image-area {
    margin-top: 1px;
}

.cartlist-table-area img, .dllist-table-area img, .bookmarklist-table-area img {
    opacity: 0.8;
    padding: 0 0 0 5px;
    vertical-align: middle;
}

.cartlist-table-area table, .dllist-table-area table, .bookmarklist-table-area table {
    border-collapse: separate;
    border-spacing: 0 2px;
    padding-left: 5px;
    table-layout: fixed;
    width: 100%;
}

.cartlist-table-area td, .dllist-table-area td, .bookmarklist-table-area td {
    background: #f6f6f6;
    font-size: 0.9em;
    padding: 0 5px;
    width: 65%;
}

.cartlist-table-area th, .cartlist-table-area td {
    padding: 1px;
}

.cartlist-table-area th, .dllist-table-area th, .bookmarklist-table-area th {
    background: #52c2d0;
    color: white;
    font-size: 0.9em;
    font-weight: 500;
    width: 35%;
}

.cartlist-table-area tr.icon>th, .cartlist-table-area tr.icon>td {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
}

.cartlist-table-area, .dllist-table-area, .bookmarklist--table-area {
    flex-grow: 2;
    font-size: 12px;
    margin-left: 5px;
}

.cartlist-title, .dllist-title, .bookmarklist-title {
    background-color: #f6f6f6;
    border-bottom: 1px solid #ccc;
    color: dimgray;
    font-size: 13px;
    font-weight: 600;
    margin: 0 auto 5px;
    padding: .5em .75em;
}

.cartlist-work-area, .dllist-work-area, .bookmarklist-work-area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 10px auto 20px;
}

.cart-in-attention-area {
    margin: 40px auto 20px;
}

.center-inline-block {
    display: inline-block;
    text-align: center;
}

.center-left-child {
    display: inline-block;
    text-align: left;
}

.center-left-parent {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.chat-boad-inputarea {
    margin: 20px auto 0;
    text-align: center;
    width: 90%;
}

.chat-boad-textbox {
    background-color: #f1f3f7;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    margin-bottom: 5px;
    padding: 10px;
    width: 100%;
}

.chat-boad-viewarea {
    font-size: 80%;
    margin: 20px auto 10px;
    overflow: hidden;
    padding: 0;
}

.chat-fin-info {
    margin-top: 30px;
}

.chat-image-shadow {
    box-shadow: 0 0 2px lightgray;
}

.chat-info-clear a {
    color: dimgray;
    font-size: 12px;
    text-decoration: none;
}

.chat-info-clear a:hover {
    opacity: 1;
}

.chat-info-clear i {
    margin-right: 3px;
}

.chat-info-plustxt {
    display: none;
}

.chat-left {
    clear: both;
    display: block;
    float: left;
    margin: 5px;
    max-width: 640px;
    position:relative;
    width: 100%;
}

.chat-left .chat-date {
    bottom: 7px;
    display: block;
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-right: 48px;
    text-align: right;
}

.chat-left .chat-left-text {
    margin-left: 70px;
}

.chat-left .chat-left-text .name {
    font-size: 13px;
    text-align: left;
}

.chat-left .text {
    background-color: #f6f6f6;
    border-radius: 20px;
    color: black;
    font-size: 14px;
    margin-right: 40px;
    padding: 20px 10px;
    position: relative;
}

.chat-left .text::after {
    border-bottom: 10px solid transparent;
    border-right: 20px solid #f6f6f6;
    border-top: 10px solid transparent;
    content: '';
    display: block;
    height: 0;
    left: -10px;
    position: absolute;
    top: 10px;
    width: 0;
}

.chat-left figure {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 15px;
    width: 50px;
}

.chat-left figure img,.chat-right figure img {
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.chat-right {
    clear: both;
    display: block;
    float: right;
    margin: 5px;
    max-width: 640px;
    position: relative;
    width: 100%;
}

.chat-right .chat-date {
    bottom: 7px;
    display: block;
    font-size: 10px;
    letter-spacing: 0.1em;
    margin-left: 48px;
    text-align: left;
}

.chat-right .chat-right-text {
    margin-right: 70px;
}

.chat-right .chat-right-text .name {
    color: palevioletred;
    font-size: 13px;
    text-align: right;
}

.chat-right .text {
    background-color: #fbf0e6;
    border-radius: 20px;
    color: black;
    font-size: 14px;
    margin-left: 40px;
    padding: 20px 10px;
    position: relative;
}

.chat-right .text::after {
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fbf0e6;
    border-top: 10px solid transparent;
    content: '';
    display: block;
    height: 0;
    position: absolute;
    right: -10px;
    top: 10px;
    width: 0;
}

.chat-right figure {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 15px;
    width: 50px;
}

.clist-icon {
    margin-bottom: 5px;
}

.clist-icon .status {
    color: white;
    font-size: 12px;
}

.clist-image {
    max-height: 180px;
    width: 95%;
}

.clist-image-area {
    margin: 0 auto;
    position: relative;
    width: 30%;
}

.clist-image-area a img {
    border: 1px dotted #ccc;
}

.clist-notice-area {
    margin: 15px 5px 0;
}

.clist-notice-title {
    color: #e95681;
}

.clist-notice-txt {
    background: #f6f6f6;
    border-radius: 8px;
    display: inline-block;
    line-height: 1.6em;
    margin-top: 7px;
    padding: 10px;
}

.clist-txt-area {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin-left: 10px;
    width: 70%;
}

.clist-txt-data {
    color: goldenrod;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.clist-txt-data p.file_type, .clist-txt-data p.price {
    margin-left: 20px;
}

.clist-txt-title {
    flex-grow: 2;
    height: auto;
    overflow: hidden;
}

.clist-txt-title a {
    font-weight: 600;
    text-decoration: none;
}

.clist-txt-title a:hover {
    opacity: 0.7;
}

.clist-txt-title p {
    display: -webkit-box;
    font-size: 13px;
    line-height: 1.3rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.clist-txtbtn-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.clist-work-area {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    margin: 10px 0;
    width: 100%;
}

.community-caution {
    font-size: 13px;
}

.community-caution-area {
    margin: 0 20px 30px 30px;
}

.community-box {
    height: 220px;
}

.corporation {
    color: #ececec;
    font-size: 12px;
    text-align: center;
}

.creater-cart-agree-area {
    margin-bottom: 10px;
    text-align: center;
}

.creater-cart-btnarea {
    margin: 0px auto 30px;
    text-align: center;
}

.creater-image {
    border-radius: 50%;
    height: 100px;
    object-fit: cover;
    width: 100px;
}

#profile-header-area.work .creater-image {
    height: 70px;
    width: 70px;
}

.creater-image-edit {
    font-size: 0.9em;
    margin-top: 10px;
}

.creater-image-shadow {
    border-radius: 50%;
    box-shadow: 0 0 8px lightgray;
    height: 100px;
    object-fit: cover;
    width: 100px;
}

#profile-header-area.work .creater-image-shadow {
    height: 70px;
    width: 70px;
}

.creater-limited-attention-box {
    border: solid 2px palevioletred;
    margin: 20px auto 30px;
    padding: 25px 0 7px;
    position: relative;
    width: 100%;
}

.creater-limited-attention-box>.box-title {
    background: palevioletred;
    color: white;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    left: -2px;
    letter-spacing: 0.1em;
    line-height: 25px;
    padding: 0 9px;
    position: absolute;
    top: -2px;
}

.creater-limited-attention-box p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 8px 1em;
    padding-left: 5px;
}

.creater-menu li {
    line-height: 1.5em;
}

.creater-menu ul {
    border-top: solid 2px #11c1a4;
    padding-bottom: 7px;
    padding-top: 7px;
}

.creater-profile-area {
    text-align: left;
}

.creater-profile-fieldend {
    margin: 10px auto;
    text-align: left;
}

.creater-title {
    background: lavenderblush;
    color: palevioletred;
}

.creater-work-area {
    text-align: left;
}

.creater-work-depending {
    background-color: goldenrod;
    border-radius: 3px;
    color: white;
    font-size: 11px;
    margin-left: 10px;
    padding: 3px 6px;
    position: relative;
    top: -2px;
}

.creater-work-info {
    font-size: 0.9em;
}

.creater-youtube-load {
    margin-top: 20px;
    max-width: 560px;
    position: relative;
    width: 100%;
}

.creater-youtube-load iframe {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.creater-youtube-load::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%;
}

.consumer-transaction-title {
    background: gray;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    letter-spacing: 0.1em;
    line-height: 25px;
    padding: 2px 6px;
}

.consumer-transaction-body {
    background: #f6f6f6;
    font-size: 0.9em;
    padding: 8px;
}

.consumer-transaction-body p {
    font-size: 13px;
    line-height: 1.5em;
    padding: 0 0 0.5em 5px;
    text-indent: -1em;
}

.customer-info {
    align-items: center;
    display: flex;
    margin-right: 2px;
}

.cvs-child {
    background: white;
    border: 1px solid #ccc;
    display: block;
    height: 100px;
    margin: 10px;
    width: 300px;
}

.cvs-child a {
    align-items: center;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 7px;
}

.cvs-child p {
    font-size: 0.95em;
    text-align: center;
}

.cvs-head, .nwps-head, .youtube-head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cvs-head>img {
    height: 50px;
    width: 135px;
}

.cvs-image-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 10px auto;
}

.cvs-image-area>img {
    height: 160px;
    margin-bottom: 20px;
    width: 160px;
}

.cvs-info {
    margin: 0 auto;
    text-align: center;
}

.cvs-select-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 20px;
}

.cvs-support-image {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin: 10px;
}

.cvs-support-image>img {
    padding: 5px;
}

.cvs-title {
    font-size: 13px;
    margin-left: 20px;
    margin-top: 0;
    text-align: left;
}

.dd-under-area {
    margin: auto;
    width: 90%;
}

.dj-cache-area {
    margin: 30px 0 40px;
}

.dl-attention-area {
    margin: 0 auto 40px;
}

.dl-attention p, .zip-attention p {
    padding-left: 10px;
    text-indent: -1em;
}

.dl-row-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.dldtdd1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: 100%;
}

.dldtdd1 dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    padding-bottom: 10px;
    text-align: center;
}

.dldtdd1 dl>dd {
    background: #f6f6f6;
    padding: 8px;
    width: 100%;
}

.dldtdd1 dl>dt {
    background: #52c2d0;
    color: white;
    padding: 3px;
    width: 100%;
}

.dldtdd1 dl>dt.estimate-name {
    background: gray;
}

.dldtdd1 dl>dt.main-mail {
    background: goldenrod;
}

.dldtdd1 dl>dt.regist-mail {
    background: gray;
}

.dldtdd1 dl>dt.small {
    font-size: 12px;
}

.dldtdd1 dl>dt.trans-name {
    background: #11c1a4;
}

.dldtdd2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    width: 100%;
}

.dldtdd2 dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: stretch;
    line-height: 1.4em;
    text-align: left;
}

.dldtdd2 dl>dd {
    background: #f6f6f6;
    font-size: 13px;
    letter-spacing: 0.02em;
    padding: 10px;
    width: 100%;
}

.dldtdd2 dl>dd>ul {
    list-style: none;
    list-style-position: inside;
}

.dldtdd2 dl>dd>ul >li {
    margin-bottom: 7px;
}

.dldtdd2 dl>dt {
    background: #f1fafe;
    /*color: dimgray;*/
    font-size: 13px;
    /*font-weight: 600;*/
    letter-spacing: 0.05em;
    padding: 10px;
    width: 100%;
}

.dldtdd3 {
    border: 1px solid #d4d4d4;
    margin: 0 auto;
    width: 98%;
}

.dldtdd3 dd {
    flex: 1 1;
    min-width: 0;
    padding: 17px;
}

.dldtdd3 dl {
    border-bottom: 1px solid #d4d4d4;
    display: flex;
    font-size: 13px;
}

.dldtdd3 dl.dl-last {
    border-bottom: none;
}

.dldtdd3 dt {
    background-color: #f6f6f6;
    border-right: 1px solid #d4d4d4;
    padding: 17px;
    width: 6em;
}

.dllist-table-area th, .dllist-table-area th td {
    padding: 1px;
}

.dllist-table-area tr.icon>th, .dllist-table-area tr.icon>td {
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: middle;
}

.dllist-top {
    font-size: 13px;
    margin: 10px 10px 15px;
}

.dllist-top p {
    margin-bottom: 5px;
}

.dlselect-btn-area {
    margin-top: 10px;
    padding-left: 5px;
    display: flex;
    justify-content: left;
}

.download-area {
    margin: 0 auto;
    padding-bottom: 10px;
}

.ellipsis {
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.eyecatch {
    display: flex;
    justify-content: space-between;
}

.file-select-area {
    background: #f6f6f6;
    margin: 0 auto 15px;
    padding: 20px;
}

.footer-content1 a, .footer-content2 a, .footer-content3 a {
    color: #f6f6f6;
}

.footer-content1 li, .footer-content2 li, .footer-content3 li {
    margin-left: 18px;
}

.footer-content1, .footer-content2, .footer-content3 {
    font-size: 12px;
    margin-bottom: 5px;
    padding: 0 20px;
}

.footer-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0 10px;
}

.g-recaptcha-area {
    display: flex;
    justify-content: center;
    margin: 15px auto;
}

.get-adobe-reader {
    padding-top: 5px;
}

.get-adobe-reader img {
    padding-left: 10px;
}

.get-adobe-reader p {
    margin-bottom: 2px;
}

.grad-btn {
    border-radius: 2px;
    background: #11c1a4;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: -0.1em;
    line-height: 1em;
    margin-top: 10px;
    padding: 6px 12px;
    text-align: center;
}

.grad-btn::before {
    content: "続きを読む"
}

.grad-item {
    height: 50px; /*隠した状態の高さ*/
    overflow: hidden;
    position: relative;
}

.grad-item::before {
    bottom: 0;
    background: -webkit-linear-gradient(top, rgba(252,252,252,0) 0%, rgba(252,252,252,0.9) 50%, rgba(252,252,252,0.9) 50%, rgba(252,252,252,1) 100%);
    background: linear-gradient(top, rgba(252,252,252,0) 0%, rgba(252,252,252,0.9) 50%, rgba(252,252,252,0.9) 50%, rgba(252,252,252,1) 100%);
    content: "";
    display: block;
    height: 100%; /*グラデーションで隠す高さ*/
    position: absolute;
    left: 0;
    width: 100%;
}

.grad-item-txt {
    line-height: 1.7em;
    margin-bottom: 15px;
}

.grad-item-txt a {
    /*color: rgba(0, 0, 0, 0.87);*/
    font-size: 13px;
    /*text-decoration: none;*/
}

.grad-title-area {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    position: relative;
}

.grad-title-area a {
    height:100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.grad-title-area>span {
    margin-right: 3px;
}

.grad-title-chat {
    color: palevioletred;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

.grad-trigger {
    display: none; /*チェックボックスは常に非表示*/
}

.grad-trigger:checked ~ .grad-btn::before {
    content: "閉じる" /*チェックされていたら、文言を変更する*/
}

.grad-trigger:checked ~ .grad-item {
    height: auto; /*チェックされていたら、高さを戻す*/
}

.grad-trigger:checked ~ .grad-item::before {
    display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

.grad-wrap-chat {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.grid-creater-delbtn {
    margin-top: 5px;
}

.grid-creater-hover-cover {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    bottom:-1px;
    border-radius: 50%;
    display:flex;
    height: 100px;
    justify-content:center;
    margin:auto;
    object-fit: cover;
    opacity:0;
    padding:0;
    position:absolute;
    right:-1px;
    text-align:center;
    transform:scale(.8);
    transition:all 0.5s ease 0s;
    width: 100px;
}

.grid-creater-hover-cover>a {
    display: block;
    width: 100%;
    height: 100%;
}

.grid-creater-image {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    margin-bottom: 10px;
    position: relative;
    max-height: 100px;
    max-width: 100px;
}

.grid-creater-hover-area {
    top: 25%;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.grid-creater-image img.obj-fit-cover {
    object-fit:cover;
}

.grid-creater-image:hover .grid-creater-hover-cover {
    bottom:0;
    opacity:1;
    transform:scale(1);
}

.grid-creater-rating {
    align-items: baseline;
    color: white;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 15px;
    overflow: visible;
}

.grid-creater-rating a {
    color: skyblue;
}

.grid-creater-rating .rating-count {
    font-size: 12px;
}

.grid-hover-cover {
    background:rgba(0,0,0,0.5) none repeat scroll 0 0;
    bottom:-1px;
    display:flex;
    height:90px;
    justify-content:center;
    margin:auto;
    opacity:0;
    padding:0;
    position:absolute;
    right:-1px;
    text-align:center;
    transform:scale(.8);
    transition:all 0.5s ease 0s;
    width:150px;
}

.grid-image-area a img {
    border:1px dotted #ccc;
    height:100%;
    object-fit:scale-down;
    width:100%;
}

.grid-image-area img.obj-fit-cover {
    object-fit:cover;
}

.grid-image-area:hover .grid-hover-cover {
    bottom:0;
    opacity:1;
    transform:scale(1);
}

.grid-creater-likes-area {
    color: lightpink;
    font-weight: 600;
}

.grid-creater-likes-area i {
    font-size: 2em;
}

.grid-request-icon {
    font-size: 11px;
    margin-bottom: 2px;
    text-decoration: none;
    white-space: nowrap;
}

.grid-txt-area {
    display:block;
    margin-bottom: 10px;
    width:100%;
}

.grid-txt-creater {
    font-size:12px;
    height:auto;
    max-height:16px;
    overflow:hidden;
    text-align: right;
}

.grid-txt-creater a {
    /*color: rgba(0, 0, 0, 0.87);*/
    text-decoration: none;
}

.grid-txt-creater p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.grid-txt-creater a:hover {
    opacity:0.7;
}

.grid-txt-creatername {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    overflow: hidden;
}

.grid-txt-creatername a {
    display: -webkit-box;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.grid-txt-data {
    font-size:12px;
}

.grid-txt-rating-center {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin-top: 3px;
    overflow: visible;
}

.grid-txt-rating-left {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 3px;
    overflow: visible;
}

.grid-txt-status {
    margin: 5px auto 0;
}

.grid-txt-title {
    font-size:13px;
    height:auto;
    line-height:1.3rem;
    margin:10px auto 4px;
    max-height:40px;
    overflow:hidden;
    word-break:break-all;
}

.grid-txt-title a {
    display: -webkit-box;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.grid-txt-title a:hover {
    opacity:0.7;
}

.guide-catch-area {
    margin-bottom: 40px;
}

.guide-catch-contents img, .guide-catch-contents-rvs img {
    height: 100%;
    margin-bottom: 7px;
    width: 100%;
}

.guide-catch-contents, .guide-catch-contents-rvs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 2% 40px;
}

.guide-catch-hr {
    margin: 0 auto 40px;
    width: 97%;
}

.guide-catch-title {
    color: #12A4CC;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    margin: 5px 2px 18px;
}

.guide-catch-txtarea {
    display: block;
}

.guide-catch-txtarea>p {
    line-height: 1.6em;
    padding-bottom: 6px;
}

.guide-flow-area {
    display: block;
    margin: 30px 5vw;
}

.guide-flow-arrow {
    color: #11c1a4;
    font-size: 2rem;
    margin: 15px auto;
    text-align: center;
}

.guide-flow-contents {
    background: white;
    box-shadow: 0 0 8px lightgray;
    padding: 20px;
}

.guide-flow-imagearea {
    margin: 10px;
    width: 300px;
}

.guide-flow-mainarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.guide-flow-title {
    color: #11c1a4;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
}

.guide-flow-txtarea {
    margin: 10px;
}

.guide-flow-txtarea p {
    line-height: 1.7em;
    margin-bottom: 7px;
}

.guide-paymentinfo-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 20px auto 0;
    width: 100%;
}

.guide-paymentinfo-child {
    padding: 0 10px 2px;
}

.guide-qa-area {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 30px 20px;
}

.guide-qa-contents {
    background: white;
    box-shadow: 0 0 8px lightgray;
    margin-bottom: 15px;
    padding: 20px;
}

.guide-search-area {
    padding-top: 40px;
}

.guide-step {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.guide-step img {
    margin-right: 5px;
    width: 200px;
}

.guide-step-info {
    line-height: 1.6em;
}

.guide-top-hr {
    margin: 40px auto;
    width: 95%;
}

.guide-top1-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 50px;
    width: 100%;
}

.guide-top1-imagearea>img {
    margin-top: 7px;
    max-width: 100%;
    opacity: 0.8;
}

.guide-top1-txtarea {
    margin: 10px 10px 0;
}

.guide-top2-area {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.guide-top2-imagearea>img {
    margin-top: 7px;
    max-width: 100%;
    opacity: 0.8;
}

.guide-top2-txtarea {
    margin: 10px 10px 0;
}

.guide-top3-area {
    margin: 0 20px;
}

.guide-top3-info {
    margin: 0 auto;
    width: 95%;
}

.guide-top3-info p {
    font-size: 1em;
    margin-bottom: 4px;
}

.guide-top4-area {
    margin: 0 20px 10px;
}

.guide-top4-info {
    margin: 0 auto;
    width: 95%;
}

.h1-nwps-guide {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.h1-titile {
    margin-right: 8px;
    white-space: nowrap;
}

.header-search {
    margin-top: 10px;
    z-index: 7;
}

.header-search form {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
}

.header-search button[type="submit"] {
    background: #11c1a4;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 28px;
    outline: none;
    right: 4px;
    width: 28px;
}

.header-search input {
    height: 28px;
    padding-left: 0.5em;
    width: 100px;
}

.history-txt-data {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.history-txt-data p.genre {
    color: goldenrod;
    font-size: 12px;
    margin-left: 2px;
    margin-right: 15px;
}

.history-txt-data p.price {
    color: goldenrod;
    font-size: 12px;
}

.history-update-grid {
    font-size: 12px;
    /*font-weight: 600;*/
    letter-spacing: 0.1em;
    margin-top: 5px;
    margin-bottom: 10px;
    /*text-align: center;*/
}

.history-update-list {
    font-size: 13px;
    margin-bottom: 4px;
}

.hr-index {
    margin: 30px auto 20px;
}

.hr-list {
    margin: 15px auto;
    width: 100%;
}

.icon-netprint {
    background: #12A4CC;
    border-radius: 3px;
    letter-spacing: -0.1em;
    padding: 2px 4px;
}

.icon-request {
    background: #e48080;
    border-radius: 3px;
    letter-spacing: -0.1em;;
    padding: 2px 4px;
}

.icon-youtube {
    background: palevioletred;
    border-radius: 3px;
    letter-spacing: 0;
    padding: 2px 4px;
}

.icon_jpg {
    background-image: url(../image/icon_jpg.png);
    background-repeat: no-repeat;
    height: 27px;
    padding-left: 30px;
    width: 25px;
}

.icon_pdf {
    background-image: url(../image/icon_pdf.png);
    background-repeat: no-repeat;
    height: 27px;
    width: 25px;
}

.incentive-info {
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.5em;
    margin: 20px 5px;
}

.incentive-info i {
    color: gray;
    margin-right: 0.7em;
}

.incentive-info>strong {
    color: white;
    font-size: 1.2em;
    font-style: oblique;
    text-shadow: 1px 1px 4px black;
}

.incentive-info-area {
    background: #f6f6f6;
    padding: 5px 20px;
}

.inner-info-link {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
}

.inner-info-link img {
    margin-right: 8px;
    /*margin-bottom: 7px;*/
}
.inner-info-area {
    background: #f6f6f6;
    padding: 10px;
}

.inner-box-cartcheck, .inner-box-idremind, .inner-box-searchlist {
    background-color: #f6f6f6;
    border: dashed 1px white;
    box-shadow: 0 0 0 5px #f6f6f6;
    color: darkgoldenrod;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin: 25px 5px 10px;
    padding: 0.4em 0.5em;
}

.inner-box-cart {
    margin: 15px auto 0;
}

.inner-box-cart, .inner-box-purchase, .inner-box-post {
    background-color: #f6f6f6;
    border: dashed 1px white;
    box-shadow: 0 0 0 5px #f6f6f6;
    font-size: 13px;
    letter-spacing: 0.05em;
    padding: 0.4em 0.5em;
    width: 94%;
}

.inner-box-cart>p {
    margin: 8px 10px;
    text-indent: -0.3em;
}

.inner-box-idremind {
    margin: 50px auto;
}

.inner-box-idremind i.green, .inner-box-pagetop i.green {
    color: #12A4CC;
    opacity: 0.7;
}

.inner-box-idremind i.red, .inner-box-pagetop i.red {
    color: lightcoral;
    opacity: 0.7;
}

.inner-box-login {
    background-color: #f6f6f6;
    border: dashed 1px white;
    box-shadow: 0 0 0 5px #f6f6f6;
    color: darkgoldenrod;
    font-size: 14px;
    letter-spacing: 0.05em;
    margin: 20px 5px;
    padding: 0.4em 0.5em;
}

.inner-box-login>p {
    margin-left: 12px;
    text-indent: -6px;
}

.inner-box-pagetop {
    background-color: #f6f6f6;
    border: dashed 1px white;
    box-shadow: 0 0 0 5px #f6f6f6;
    color: darkgoldenrod;
    font-size: 13px;
    letter-spacing: 0.05em;
    margin: 15px 5px 30px;
    padding: 0.4em 0.5em;
}

.inner-box-post {
    margin: 5px 5px 20px;
}

.inner-box-purchase {
    color: darkgoldenrod;
    margin: 20px auto;
    max-width: 700px;
}

.inner-box-searchlist {
    margin: 40px auto 60px;
}

.inner-box-searchlist-title {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 5px;
}

.inner-box-searchlist ul {
    color: rgba(0, 0, 0, 0.87);
    margin-top: 1.2em;
    margin-left: 1.5em;
}

.inner-box-searchlist ul>li {
    margin-bottom: 7px;
}

.input-fullname-area {
    align-items: baseline;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.input-fullname-area>input {
    margin-left: 0.5em;
    max-width: 170px;
    width: 35%;
}

.input-fullname-area>input.family-name {
    margin-right: 1.2rem;
}

.input-mail-area {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.05em;
    justify-content: center;
    margin-top: 10px;
}

#inst-list>select {
    height: 140px;
    margin-bottom: 10px;
}

.jasrac {
    background-image: url(../image/jasrac.png);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    height: 70px;
}

.jasrac p, .nextone p {
    font-size: 10px;
    line-height: 1.4em;
    margin-left: 70px;
}

label {
    line-height: 2em;
}

.label-multi-flat>label {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.label-multi-flat>label.label-left {
    margin-left: 0;
}

.label-multi-column>label {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 6px;
    text-align: right;
}

.label-multi-column-fit>label {
    display: inline-block;
    margin-bottom: 7px;
    margin-top: 5px;
    margin-left: 1em;
    text-align: left;
    line-height: 1.2em;
    text-indent: -1em;
}

.label-new {
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 10px;
    z-index: 2;
}

.label-new-creater {
    box-sizing: border-box;
    left: 0;
    position: absolute;
    top: 5px;
    z-index: 2;
}

.letter-spacing-narrow {
    letter-spacing: -0.1em;
}

.letter-spacing-wide {
    letter-spacing: 0.1em;
}

.license-box {
    border: solid 2px palevioletred;
    margin: 0 auto 20px;
    padding: 25px 0 7px;
    position: relative;
    width: 98%;
}

.license-box .box-title {
    background: palevioletred;
    color: white;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    left: -2px;
    letter-spacing: 0.1em;
    line-height: 25px;
    padding: 0 9px;
    position: absolute;
    top: -2px;
}

.license-box ol {
    font-size: 12px;
    line-height: 1.5em;
    margin: 10px 5px 5px 25px;
    padding-bottom: 5px;
}

.license-box ol>li {
    padding-bottom: 5px;
}

.license-box p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 8px 1em;
    padding-left: 5px;
}

.license-attention, .zip-attention, .cart-in-attention {
    border: solid 2px palevioletred;
}

.license-attention, .zip-attention {
    margin: 0 auto 30px;
}

.license-attention .box-title, .zip-attention .box-title, .cart-in-attention .box-title {
    background: palevioletred;
}

.linked-agree-area {
    margin-top: 1em;
    text-align: left;
}

.likebtn-info {
    color: palevioletred;
    font-weight: 600;
    line-height: 1.4em;
    position: absolute;
    visibility: hidden;
    /*padding: 6px 15px;*/
    background: #f6f6f6;
    /*border: 5px double #ccc;*/
    border-radius: 10px;
    /*box-shadow: 5px 5px 5px #ccc;*/
    /*text-align: right;*/
    display: inline;
    right: 80px;
    padding:10px;
    text-align:center;
}

.likebtn-info:after {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-top-width:6px;
    border-bottom-width:6px;
    border-left-width:12px;
    border-right-width:12px;
    margin-top: -10px;
    border-left-color:#f6f6f6;
    left:100%;
    top:70%;
}

.likes-total-area {
    color: palevioletred;
    font-size: 1.2em;
    margin-right: 15px;
}

.likes-total-area>i {
    font-size: 1.4em;
    margin-right: 2px;
}

.list-likes-bookmark-area>.likes-total-area {
    font-size: 1.1em;
    margin-right: 10px;
}

.list-likes-bookmark-area>.likes-total-area>i {
    font-size: 1.3em;
}

.list-creater-area {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    margin: 10px 0;
    max-height: 180px;
    width: 100%;
}

.list-creater-image {
    padding-left: 5%;
    position: relative;
    width: 40%;
}

.list-dldtdd-area {
    margin: 5px auto;
    width: 100%;
}

.list-dldtdd-area dl {
    font-size: 14px;
    padding: 0;
}

.list-dldtdd-area dl>dd {
    background: #f1fafe;
    padding: 8px;
}

.list-dldtdd-area dl>dt {
    padding: 6px;
}

.list-image {
    max-height: 180px;
    width: 95%;
}

.list-image-area {
    margin-right: 5px;
    position: relative;
    width: 40%;
}

.list-image-area a img {
    border: 1px dotted #ccc;
}

.list-image-rating {
    height: auto;
    width: 70%;
}

.list-likes-bookmark-area {
    align-items: baseline;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    line-height: 36px;
}

.list-myreview-area {
    background: #f6f6f6;
    border: 7px solid #E0EBF7;
    height: auto;
    margin-bottom: 30px;
    padding: 15px 18px;
}

.list-rating-likebtn-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.list-review-area {
    border: 9px solid #f6f6f6;
    height: auto;
    margin-bottom: 30px;
    padding: 15px 18px;
}

.list-request-icon {
    font-size: 11px;
    /*font-weight: 600;*/
    justify-content: flex-start;
    margin-bottom: 2px;
    margin-left: 10px;
    text-decoration: none;
    white-space: nowrap;
}

.list-txt-area {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    overflow: hidden;
    width: 60%;
}

.list-txt-creater {
    color: dimgray;
    font-size: 12px;
    margin: 5px;
    text-decoration: none;
}

.list-txt-creater-data {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    margin: 7px 0 5px;

}

.list-txt-bycreater {
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.3rem;
    margin-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.list-txt-bycreater a:hover {
    opacity: 0.7;
}

.list-txt-creatername {
    align-items: baseline;
    display: flex;
    font-size: 12px;
    flex-wrap: wrap;
    height: auto;
    overflow: hidden;
}

.list-txt-creatername P {
    font-size: 14px;
    font-weight: 700;
}

.list-txt-creatername P a {
    text-decoration: none;
}

.list-txt-data {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.list-txt-data p.genre {
    color: goldenrod;
    font-size: 12px;
    /*margin-bottom: 5px;*/
}

.list-txt-data p.price {
    color: goldenrod;
    font-size: 12px;
    margin-left: 15px;
}

.list-txt-icon {
    font-size: 11px;
    font-weight: 600;
    justify-content: flex-start;
    margin-bottom: 2px;
    margin-right: 7px;
    text-decoration: none;
    white-space: nowrap;
}

.list-txt-info {
    display: none;
}

.list-txt-tagarea {
    display: block;
    margin: 15px 0 10px 20px;
}

.list-txt-tagarea .tag-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: 2em;
}

.list-txt-tagarea .tag-list li {
    display: block;
    font-size: 13px;
    list-style: none;
    padding-right: 15px;
}

.list-txt-tagarea .tag-list li a {
    text-decoration: none;
}

.list-txt-title {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    overflow: hidden;
}

.list-txt-title a {
    text-decoration: none;
}

.list-txt-title a:hover {
    opacity: 0.7;
}

.list-txt-title p {
    display: -webkit-box;
    font-size: 13px;
    line-height: 1.3rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.list-txtbtn-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.list-txt-profileinfo {
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.2rem;
    margin: 5px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.list-txt-rating {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 1px;
    margin-bottom: 5px;
}

.list-work-area {
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    margin: 10px 0;
    max-height: 180px;
    width: 100%;
}

.loginid-area {
    text-align: center;
    display: block;
}

.loginid-area-child {
    text-align: left;
    display: inline-block;
    width: 90%;
}

.logo {
    background-image: url(../image/logo.png);
    background-repeat: no-repeat;
    height: 20px;
    margin-bottom: 2px;
    width: 149px;
}

.logout {
    /*color: dimgray;*/
    opacity: 0.9;
    padding-left: 6px;
    position: relative;
    z-index: 6;
}

.logout a {
    /*color: dimgray;*/
    z-index: 7;
}

.logout a:visited {
    /*color: dimgray;*/
}

.logout i {
    font-size: 24px;
    margin: 3px;
}

.make-estimate-link {
    font-size: 1.1em;
    margin-bottom: 20px;
    text-align: center;
}

.make-estimate-link a {
    cursor:pointer;
    text-decoration: underline;
}

.members-navi-area {
    margin-bottom: 40px;
    margin-top: 10px;
}

.mail-attention {
    border: solid 2px #F28293;
    margin: 20px auto;
}

.mail-attention p, .sales-attention p {
    line-height: 1.5em;
    padding-bottom: 2px;
}

.mail-attention .box-title {
    background: palevioletred;
}

.mail-success {
    background-color: #F6FDF6;
    color: #27ae60;
    letter-spacing: -0.1em;
    margin: 5px 7px;
}

.mail-success p {
    font-size: 0.9em;
}

.mailto-creater {
    background: #f6f6f6;
    border-bottom: 1px dotted powderblue;
    border-top: 1px dotted powderblue;
    line-height: 1.6em;
    margin: 0 auto;
    padding: 10px 20px;
}

.mailto-creater p {
    font-size: 13px;
    margin-bottom: 15px;
}

.mask-agree-area {
    margin: 25px auto 15px;
    text-align: center;
}

.member-campaign-area {
    margin-bottom: 30px;
    margin-top: 10px;
}

.member-campaign-area>p {
    margin: 10px 5px;
}

.member-header-titlearea {
    display: flex;
    flex-wrap: nowrap;
}

.member-news .contents {
    margin: 10px 0 30px;
}

.member-news .contents p {
    margin: 10px 5px;
}

.member-news h1 {
    margin-bottom: 15px;
}

.member-news h2 {
    margin-bottom: 15px;
}

.member-news li {
    font-size: 14px;
}

.member-news-subinfo {
    font-size: 0.85em;
    margin: 10px;
}

.member-news-title {
    color: white;
    background: #52c2d0;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 10px
;
}

.member-title {
    margin-top: 15px;
}

.membership-agree-area {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 320px;
}

.membership-agree-area>label {
    margin: 0 10px;
}

.menu li {
    background: #11c1a4;
    border-right: 1px dotted lightgray;
    height: 47px;
    list-style: none;
    text-align: center;
    width: 25%;
}

.menu li a {
    color: #fcfcfc;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
    text-decoration: none;
}

.menu li a:visited {
    color: #fcfcfc;
}

.menu li.menu-end {
    border-right: none;
}

.menu li:hover {
    opacity: 0.5;
}

.menu ul {
    display: flex;
}

.menu, .creater-menu {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.middle-left {
    border-left: 2px solid white;
}

.middle-right {
    border-right: 2px solid white;
}

.monthly-report-area {
    margin: 30px 0;
}

.movie_check_now {
    margin: 0 10px 30px;
}

.multi-select-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.multi-select-child {
    background: #f6f6f6;
    border: 1px dotted powderblue;
    margin: 0 0 20px;
    padding: 20px 15px 15px;
    max-width: 100%;
}

.multi-select-child>p {
    margin-bottom: 10px;
}

.multi-select-request {
    color: palevioletred;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    font-size: 1.3em;
    font-weight: 600;
}

.multi-select-support {
    color: yellowgreen;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    font-size: 1.3em;
    font-weight:600;
}

.multi-select-title {
    margin-left: 5px;
    margin-bottom: 15px;
    text-indent: -0.1em;
}

.multi-select-title i {
    margin-right: 6px;
}

.music1 {
    background-color: palevioletred;
    border: 2px solid palevioletred;
}

.music1:hover {
    color: palevioletred;
}

.music2 {
    background-color: #52c2d0;
    border: 2px solid #52c2d0;
}

.music2:hover {
    color: #52c2d0;
}

.myprofile-top>.contents, .myreview-top>.contents {
    margin: 10px 0 30px;
}

.myprofile-top>.contents p, .myreview-top>.contents p {
    margin: 15px 10px;
}

.myreview-reply {
    margin-top: 18px;
    margin-bottom: 7px;
}

.myreview-reply-textbox {
    background-color: #fcfcfc;
    border: 1px solid #ebedf0;
    border-radius: 5px;
    color: rgba(0, 0, 0, 0.87);
    font-size: 14px;
    width: 100%;
    padding: 10px;
}

.myreview-reply-underarea {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.navi-new {
    background: goldenrod;
    color: white;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
    padding: 2px 4px;
}

.networkprint-guide-area {
    margin: 20px auto;
}

.networkprint-guide-box {
    border: solid 2px #62c1ce;
    margin: 0 auto;
    position: relative;
    width: 98%;
}

.networkprint-guide-box .ready {
    background: #62c1ce;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    left: -2px;
    line-height: 25px;
    padding: 0 9px;
    position: absolute;
    top: -27px;
}

.networkprint-guide-box ol {
    font-size: 13px;
    margin: 5px 5px 5px 30px;
}

.networkprint-guide-box ol>li {
    margin-bottom: 5px;
}

.networkprint-guide-box p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 8px 1em;
    padding-left: 5px;
}

.nextone {
    background-image: url(../image/nextone.png);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    height: 70px;
}

.ngwork a {
    font-size: 12px;
}

.ngwork a, .ngwork a:visited {
    color: lightcoral;
    font-size: 12px;
    text-align: center;
}

.nichion-area {
    display: block;
    margin-bottom: 30px;
    margin-left: 15px;
    text-align: left;
}

.nichion-txt {
    color: dimgray;
    display: inline-block;
    text-align: left;
}

.nichion-txt>p {
    text-indent: -1em;
}

.nolist_info {
    margin-bottom: 5px;
    padding: 3px;
}

.no-download {
    margin: 15px auto 20px;
}

.no-seach-filter {
    color: #11c1a4;
    font-weight: 600;
    margin-left: 7px;
}

.nwps-agree-area {
    margin: 10px auto 5px;
    text-align: center;
}

.nwps-agree-area>label {
    line-height: 1em;
}

.nwps-agree-area a {
    text-decoration: none;
}

.nwps-btn-area {
    margin-bottom: 5px;
}

.nwps-cvs-image {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.nwps-cvs-image>img {
    padding: 0 7px;
}

.nwps-cvs-image2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 7px;
}

.nwps-cvs-image2>img {
    padding: 0 7px;
}

.nwps-cvs-image3 {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.nwps-cvs-image3>img {
    padding: 7px;
}

.nwps-head p, .youtube-head p {
    margin: 5px 10px;
    max-width: 600px;
}

.nwps-retry-info {
    margin: 0 1em 5px;
}

.over560-table-cell {
    display: none;
}

.owner-reply {
    background: #f6f6f6;
    display: inline-block;
    max-width: 100%;
    min-width: 120px;
    padding: 7px 10px;
    position: relative;
}

.owner-reply p {
    /*color: crimson;*/
    font-size: 14px;
    line-height: 21px;
    margin: 0;
    padding: 0;
}

.pagination {
    margin: 5px 0 0;
}

.pagination ul li {
    display: inline-block;
}

.pagination ul li a {
    background-color: white;
    border: 1px solid #ddd;
    color: #e48080;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.pagination ul li.active a, .pagination ul li.active a:hover {
    background-color: #e48080;
    border-color: #e48080;
    color: white;
    cursor: default;
    z-index: 2;
}

.pagination-area {
    align-items: center;
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 2px solid #11c1a4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 25px 0;
    overflow: hidden;
    padding: 5px 15px;
}

.pagination-guide {
    font-size: 13px;
    padding: 5px 0;
}

.pagination-guide-top1 {
    display: block;
    padding: 5px 0;
}

.pagination-realtime-report {
    margin: 15px auto 40px;
}

.purchase-alert {
    font-size: 1.1em;
    margin: 20px auto 40px;
}

.payment-method-area {
    padding-bottom: 10px;
    padding-top: 2px;
}

.payment-method-area p {
    color: palevioletred;
    padding-bottom: 5px;
}

.payment-method-cvs {
    font-size: 11px;
    margin-left: 3px;
}

.payment-method-subtxt {
    font-size: 14px;
}

.payment-method-txt {
    font-size: 16px;
    letter-spacing: -0.05em;
}

.payment-solutions {
    font-size: 0.9em;
    line-height: 1.8em;
    word-break: keep-all;
}

.paymentselect-info-area {
    display: block;
    margin: 15px auto 20px;
    text-align: center;
}

.paymentselect-info-area>p {
    display: inline-block;
    font-size: 0.85em;
    padding: 0 10px;
    text-align: left;
}

.paymentselect-menu {
    display: inline-block;
    max-width: 640px;
    padding: 0 10px;
    text-align: left;
}

.paymentselect-menu-child {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.paymentselect-menu-image {
    justify-content: space-evenly;
}

.paymentselect-menu-image a {
    margin-left: 5px;
}

.paymentselect-menu-info {
    font-size: 0.9em;
    justify-content: space-evenly;
    margin-left: 5px;
}

.paymentselect-menu-image {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.paymentselect-menu-image>img {
    padding-bottom: 3px;
    padding-left: 5px;
}

.paymentselect-menu-label {
    font-weight: 500;
    white-space: nowrap;
}

.paymentselect-title {
    color: palevioletred;
    font-size: 1.2em;
    font-weight: 600;
}

.popup_help {
    padding: 0 3px;
    color: palevioletred;
    font-weight: 600;
    cursor: pointer;
}
.popup_help_window {
    max-width: 300px;
    position: absolute;
    padding: 6px 15px;
    background-color: #fff;
    border: 5px double #ccc;
    display: none;
    color: palevioletred;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #ccc;
}

.post-agree-area {
    margin: 50px auto 15px;
    text-align: center;
}

.post-done, .done {
    color: #12A4CC;
}

.post-license-category, .post-arrange {
    display: inline-block;
    line-height: 2em;
    text-align: left;
}

.post-select-box {
    height: 180px;
}

.prefox {
    white-space: pre-wrap;
}

.print-select-area {
    margin: 10px;
    text-align: left;
}

.print-select-area>select {
    margin: 5px;
    padding: 0.5em 0.8em;
}

.profile-creater-name {
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 10px;
    margin-right: 10px;
    word-break: break-all;
}

#profile-header-area.work .profile-creater-name {
    font-size: 32px;
}

.profile-header-first {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.profile-image-area {
    position: relative;
}

.profile-image-area a {
    color: #4d4d4d;
    font-size: 28px;
    left: 0;
    position: absolute;
    text-shadow: 0 0 3px whitesmoke;
    top: 60px;
}

#profile-header-area.work .profile-image-area a {
    position: relative;
    top: 0;
}

.profile-image-area a:hover {
    opacity: 0.9;
}

.profile-info-txt {
    margin-bottom: 20px;
    word-break: break-all;
}

.profile-label {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

/*.profile-label>label {*/
/*    margin: 5px 10px;*/
/*}*/

.profile-list {
    margin-bottom: 10px;
}

.profile-list>select {
    font-size: 0.9em;
    height: 200px;
}

.profile-request-disable {
    background-color: azure;
    color: #017FCC;
    font-size: 12px;
    margin: 0 10px;
}

.profile-request-ng {
    font-size: 12px;
    margin: 0 5px;
}

.profile-review-area {
    display: block;
    margin: 0 5px;
}

.profile-tag-area {
    display: block;
    margin: 10px 5px;
}

.profile-tag-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: 1.6em;
}

.profile-tag-list li {
    display: block;
    font-size: 13px;
    list-style: none;
    padding-right: 15px;
}

.profile-tag-list li a {
    text-decoration: none;
}

.profile-tag-title {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.05em;
    margin: 0 3px;
}

.profile-tag-title i {
    margin-right: 3px;
}

.profile-title-block {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.profile-txt-area {
    margin-left: 20px;
}

.publisher {
    display: inline-block;
}

.publisher-area {
    display: block;
}

.publisher>p {
    margin-bottom: 15px;
}

.quick-menu-child {
    align-items: center;
    background: white;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px 5px 10px;
    max-width: 200px;
    padding: 10px 5px 5px;
    position: relative;
    width: 40%;
}

.quick-menu-child:hover {
    opacity: 0.7;
}

.quick-menu-child a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.quick-menu-child img {
    margin-right: 5px;
    margin-bottom: 5px;
}
.quick-menu-child p {
    font-size: 15px;
    font-weight: 600;
    margin: 5px;
}

.quick-menu-select-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 20px;
}

.quick-menu-txt-dl {
    color: lightseagreen;
    letter-spacing: -0.1em;

}

.quick-menu-txt-networkprint {
    color: goldenrod;
    letter-spacing: -0.1em;
}

.quick-menu-txt-receipt {
    color: indianred;
}

.quick-menu-txt-chat {
    color: yellowgreen;
    /*letter-spacing: -0.1em;*/
}

.radio_choice input[type=radio], .checkbox_choice input[type=checkbox] {
    margin-right: 5px;
}

.radio_choice, .checkbox_choice {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
}

.radioarea, .checkboxarea {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.radioarea-dark, .checkboxarea-dark {
    color: dimgray;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 400px;
}

.radioarea-dark-left, .checkboxarea-dark-left {
    color: dimgray;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: left;
}

.radioarea-dark-multi, .checkboxarea-dark-multi {
    color: dimgray;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 400px;
}

.ranking-title-area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    align-items: center;
}

.ranking-title-area a, .ranking-title-area a:visited {
    color: #12A4CC;
    font-size: 12px;
    margin: 0 5px;
}

.ranking-title-area a.ranking-on {
    font-weight: 600;
}

.ranking-title-area a.ranking-off {
    color: dimgray;
}

.ranking-main-area {
    margin-top: 15px;
}

.read_check_txtinfo  {
    color: palevioletred;
    font-size: 12px;
    margin-right: 2px;
    vertical-align: top;
}

.receipt-detail-area {
    margin: 15px 0;
    display: block;
}

.receipt-detail-area input {
    /*border: 1px solid #aaa;*/
    border: 1px solid lightsteelblue;
    font-size: 14px;
    height: 30px;
    width: 200px;
    padding: 0 5px;
}

.receipt-detail-area input:focus {
    /*border: 1px solid #1093b7;*/
    border: 1px solid gold;
    outline: 0;
}

.receipt-detail-area td {
    padding: 5px 0;
}

.receipt-label {
    text-align: right;
}

.recommend-area-linkworks {
    margin: 10px auto 0;
}

.recommend-area-usermain {
    margin: 10px auto 20px;
}

.recommend-area-userdl {
    margin: 0 auto 20px;
}

.recommend-main-area-usermain {
    margin: 0 auto 20px;
}

.regulation-attention-box {
    border: solid 2px palevioletred;
    margin: 0 auto 30px;
    padding: 25px 0 7px;
    position: relative;
    width: 100%;
}

.regulation-attention-box>.box-title {
    background: palevioletred;
    color: white;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    left: -2px;
    letter-spacing: 0.1em;
    line-height: 25px;
    padding: 0 9px;
    position: absolute;
    top: -2px;
}

.regulation-attention-box p {
    font-size: 13px;
    line-height: 1.5em;
    margin: 8px 1em;
    padding-left: 5px;
}

.reply-delete {
    background-color: cornsilk;
    color: #ad8319;
    display: none;
    padding: 3px;
    width: 100%;
}

.reply-insert {
    background-color: #e6ffec;
    color: #27ae60;
    display: none;
    padding: 3px;
    width: 100%;
}

.reply-update {
    background-color: azure;
    color: #017FCC;
    display: none;
    padding: 3px;
    width: 100%;
}

.repost-link {
    background-color: #11c1a4;
    border: 2px solid #11c1a4;
}

.repost-link:hover {
    color: #11c1a4;
}

.request-attention-canceled {
    font-size: 15px;
    margin: 20px 0;
}

.request-attention-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.request-attention-title i {
    margin-right: 5px;
}

.request-attention-area {
    margin-top: 20px;
    margin-bottom: 30px;
}

.request-attention-area .box-main {
    background: #fcfcfc;
    bottom: 0;
    left: 0;
    padding: 10px;
    right: 0;
    top: 0;
    z-index: 1;
}

.request-attention-area .box-stripe {
    bottom: 5px;
    content: "";
    left: 5px;
    padding: 12px;
    right: 5px;
    top: 5px;
}

.request-attention-area .box-stripe-caution {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #fff9db 0, #fff9db 6px);
}

.request-attention-area .box-stripe-danger {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #fdd 0, #fdd 6px);
}

.request-attention-area .box-stripe-info {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #dbedff 0, #dbedff 6px);
}

.request-attention-area .box-stripe-success {
    background: repeating-linear-gradient(-45deg, #fff, #fff 3px, #dbffdb 0, #dbffdb 6px);
}

.request-attention-area ul {
    margin-top: 15px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.request-attention-area li {
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 6px;
}

.request-block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 5px 0;
    max-width: 960px;
    position: relative;
    width: 100%;
}

.request-block a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.request-fixed {
    color: palevioletred;
    font-size: 1.1em;
    font-weight: 600;
}

.request-flow {
    /*background: #f6f6f6;*/
    margin: 20px auto 0;
    width: 100%;
}

.request-flow-area {
    margin-bottom: 30px;
}

.request-flow-area>p {
    font-size: 15px;
    margin: 10px 5px;
}

.request-flow img {
    width: 100%;
    max-width: 615px;
}

.request-flow-title {
    /*color: dimgray;*/
    font-size: 14px;
    /*font-style: oblique;*/
    font-weight: 600;
    margin-bottom: 5px;
    margin-left: 10px;
    letter-spacing: -0.05em;
    /*border-bottom: 1px dotted palevioletred;*/
}

.request-list-arrow-area {
    align-items: flex-start;
    display: flex;
    color: gray;
    font-size: 16px;
    justify-content: center;
    margin: 10px;
    padding-top: 8px;
}

.request-list-step-area {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    margin: 8px 0;
    width: 44px;
}

.request-list-step-area i {
    color: gray;
    font-size: 1.4em;
}

.request-list-step-area p {
    font-size: 13px;
}

.request-list-txt-area {
    color: gray;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-wrap: nowrap;
    margin: 10px;
    width: 70%;
}

.request-list-txt-datetime {
    font-size: 12px;
}

.request-list-txt-id {
    font-size: 12px;
    margin-right: 10px;
}

.request-list-txt-info {
    display: -webkit-box;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4em;
    letter-spacing: -0.05em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.request-list-txt-subinfo {
    display: flex;
    justify-content: flex-start;
}

.request-record-area {
    border: 9px solid #f6f6f6;
    height: auto;
    margin-bottom: 30px;
    padding: 5px 18px;
}

.request-record-creater-name {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    word-break: break-all;
}

.request-record-parsonaldata-area {
    margin-bottom: 30px;
    margin-top: 20px;
}

.request-record-socredata-area {
    display: flex;
    flex-wrap: wrap;
}

.request-record-socredata {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 10px;
    max-width: 400px;
    width: 100%;
}

.request-record-icon {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-right: 100px;
    width: 120px;
}

.request-record-icon img {
    width: 34px;
    height: 34px;
}

.request-record-icon p {
    font-size: 11px;
    display: flex;
    flex-wrap: nowrap;
}

.request-record-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 10px 10px 20px;
}

.request-record-flex p {
    font-size: 13px;
    word-break: break-all;
}

.request-record-name {
    font-weight: 600;
    padding-right: 10px;
    padding-bottom: 5px;
}

.request-record-type {
    font-weight: 600;
    padding-right: 10px;
    padding-bottom: 5px;
}

.request-record-score {
    font-size: 24px;
    font-weight: 600;
    text-align: right;
    padding-top: 16px;
}

.request-record-score-bad {
    color: cornflowerblue;
}

.request-record-score-good {
    color: goldenrod;
}

.request-record-title {
    color: #11c1a4;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
    word-break: break-all;
}

.request-step-flow-area {
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 6%;
}

.request-uploadbtn-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.reup-info {
    margin: 20px auto 30px;
    width: 90%;
}

.reup-info>p {
    font-size: 0.98em;
    line-height: 1.4em;
    margin-bottom: 5px;
    padding-left: 20px;
    text-indent: -0.5em;
}

.reupload-area {
    margin-top: 20px;
}

.review-avg-on {
    color: #FFC107;
}

.review-avg-off {
    color: #999999;
}

.review-avg-score {
    font-size: 22px;
    font-weight: 600;
    margin-left: 8px;
    /*margin-right: 2px;*/
}

.review-comment {
    margin-bottom: 10px;
}

.review-comment-count {
    font-size: 15px;
    font-weight: 500;
}

.review-comment-count a {
    text-decoration: none;
}

.review-date {
    color: #999999;
}

.review-header-area {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: 2.2em;
    margin: 30px 10px;
}

.review-header-creatername {
    font-size: 18px;
    font-weight: 500;
    margin-right: 20px;
}

.review-header-score {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.review-info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.95em;
    justify-content: flex-end;
}

.review-no-comment {
    margin: 30px auto;
}

.review-main-area {
    margin-top: 40px;
}

.review-reply {
    background: #f6f6f6;
    display: inline-block;
    margin-top: 15px;
    max-width: 100%;
    min-width: 120px;
    padding: 7px 10px;
    position: relative;
}

.review-reply:before {
    content: "";
    position: absolute;
    top: -30px;
    left: 10%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #f6f6f6;
}

.review-reply p {
    font-size: 13px;
    line-height: 21px;
    margin: 0;
    padding: 0;
}

.review-stars {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 20px;
    justify-content: flex-start;
    margin-right: 10px;
}

.review-starbig-area {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 48px;
}

.review-top {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.review-total-count {
    font-size: 14px;
}

.review-user-name {
    font-weight: 600;
    margin-right: 10px;
}

.review-work-title {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 600;
    height: auto;
    overflow: hidden;
}

.review-work-title a {
    text-decoration: none;
}

.ribbon {
    display: inline-block;
    margin: 10px 0 0 -5px;
    width: 70px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    box-sizing: border-box;
    box-shadow: 0 0 4px lightgrey
}

.ribbon-color-blue {
    background-color: #66C9DD;
}

.ribbon-color-blue>.ribbon-title:after {
    border-color: #66C9DD transparent;
}

.ribbon-color-deepblue {
    background-color: #668EDE;
}

.ribbon-color-deepblue>.ribbon-title:after {
    border-color: #668EDE transparent;
}

.ribbon-color-yellow {
    background-color: #FFC107;
}

.ribbon-color-yellow>.ribbon-title:after {
    border-color: #FFC107 transparent;
}

.ribbon-color-orange {
    background-color: #FF9107;
}

.ribbon-color-orange>.ribbon-title:after {
    border-color: #FF9107 transparent;
}


.ribbon-color-red {
    background-color: #F29393;
}

.ribbon-color-red>.ribbon-title:after {
    border-color: #F29393 transparent;
}

.ribbon-color-green {
    background-color: #7BD67A;
}

.ribbon-color-green>.ribbon-title:after {
    border-color: #7BD67A transparent;
}

.ribbon-title {
    margin: 0;
    padding-left: 8px;
    /*padding-top: 1px;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.75em;
}

.ribbon-title:before {
    position: absolute;
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-right: solid 5px darkgray;
    content: '';
}

.ribbon-title:after {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: -10px;
    z-index: 1;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    content: '';
}

.rfc-error-area {
    color: crimson;
    margin-bottom: 20px;
}

.rfc-error {
    margin: 0 20px 10px 30px;
}

.rfc-error>li {
    line-height: 1.4em;
    padding-bottom: 6px;
    word-wrap: break-word;
}

.sales-attention {
    border: solid 2px #F28293;
    color: palevioletred;
    margin: 30px auto;
    padding: 12px 10px;
}

.sales-month-info {
    font-size: 12px;
    margin: 0 auto 30px;
    width: 98%;
}

.sample-audio-area {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 3vmin 8vmin;
}

.sample-title {
    color: #11c1a4;
    font-weight: 600;
    margin-bottom: 15px;
}

.sample-video-area {
    margin: 3vmin 8vmin;
}

.sample-video-load {
    margin-bottom: 30px;
    margin-top: 5px;
    max-width: 720px;
    position: relative;
    width: 100%;
}

.sample-video-load iframe {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.sample-video-load::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%;
}

.schedule {
    margin-bottom: 40px;
}

.score {
    background-color: goldenrod;
    border: 2px solid goldenrod;
}

.score:hover {
    color: goldenrod;
}

.search-filter ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
}

.search-filter ul li {
    border: 1px solid #ccc;
    color: #11c1a4;
    margin: 7px;
    padding: 5px;
    position: relative;
}

.search-filter ul p {
    margin: 7px 0;
    padding: 5px;
}

.search-linkback {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px auto;
}

.search-linkback p {
    margin: 10px 20px;
}

.search_container {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    width: 100%;
}

.search_container button[type="submit"] {
    background: #20C2D3;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 40px;
    outline: none;
    position: relative;
    top: 1px;
    width: 40px;
}

.search_container input[type="search"] {
    background: white;
    border: none;
    box-shadow: 0 0 6px lightgray;
    height: 40px;
    max-width: 560px;
    padding-left: 1em;
    width: 80vw;
}

.search_container input[type="search"]:focus {
    outline: 0;
}

.search-result {
    color: dimgray;
    margin: 10px;
}

.search-result p {
    font-size: 15px;
    font-weight: 600;
}

.search-result-count {
    color: goldenrod ;
    font-weight: 700;
}

.searchlist {
    margin-bottom: 10px;
    margin-top: 10px;
}

.send-agree-area {
    margin: 50px auto 10px;
    text-align: center;
}

.send-agree-area label {
    line-height: 1em;
}

.send-form-title {
    font-size: 1.05em;
    font-weight: 600;
}

.send-request-header {
    margin-bottom: 5px;
    font-size: 12px;
}

.send-request-header a:visited {
    color: white;
}

.send-request-header i {
    margin-right: 5px;
}

.send-request-user h1 {
    margin-bottom: 20px;
}

.send-form-field {
    margin: 10px auto 40px;
    text-align: left;
}

.send-form-fieldend {
    margin: 10px auto 20px;
    text-align: left;
}

.send-form-radio label {
    margin: 5px 10px;
}

.send-form-info {
    font-size: 0.9em;
    margin: 10px 5px 5px;
}

/*.send-form-radio {*/
/*    line-height: 2em;*/
/*    margin: 10px auto 40px;*/
/*    text-align: left;*/
/*}*/

/*.send-form-radio .label-left {*/
/*    margin-left: 0;*/
/*    margin-right: 20px;*/
/*}*/

.send-form-txt {
    margin: 10px;
}

.send-form-upfile-field {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 40px;
}

.send-request-caution {
    font-size: 14px;
    margin: 15px 10px 40px;
}

.send-review-caution {
    font-size: 0.9em;
    margin: 20px auto 0;
    text-align: center;
}

.send-review-endinfo {
    display: block;
    margin: 10px;
}

.send-review-workarea {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 30px;
}

.send-review-workarea img {
    border: 1px dotted #ccc;
    margin-left: 5px;
    margin-right: 20px;
    max-height: 100px;
    width: auto;
}

.send-review-worktitle {
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.5em;
    margin-top: 5px;
}

.setting {
    margin: 20px auto 10px;
    width: 98%;
}

.sort {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    float: right;

}

.sort select {
    border: 0;
    /*border: 1px solid #aaa;*/
    /*border: 1px solid lightsteelblue;*/
    font-size: 13px;
    margin-bottom: 5px;
    padding: 5px;
    position: relative;
}

.sort select:focus {
    /*border: 1px solid #1093b7;*/
    border: 1px solid gold;
    outline: 0;
}

.sort-filter {
    align-items: center;
    background: #f6f6f6 none repeat scroll 0 0;
    border-top: 2px solid #11c1a4;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 25px;
    overflow: hidden;
    padding: 10px 15px;
}

.sort-filter-fit {
    margin-bottom: 0;
}

.sort-filter label {
    display: none;
}

.sort-filter ul li {
    display: inline-block;
}

.sort-filter ul li a {
    display: block;
    height: 17px;
    line-height: 40px;
    width: 25px;
}

.sort-filter ul li button {
    display: block;
    height: 17px;
    line-height: 40px;
    width: 25px;
}

.sort-filter ul li.grid button {
    background: rgba(0, 0, 0, 0) url("../image/grid.png") no-repeat scroll 0 0;
}

.sort-filter ul li.grid.active button {
    background: rgba(0, 0, 0, 0) url("../image/grid.png") no-repeat scroll 0 -17px;
}

.sort-filter ul li.list button {
    background: rgba(0, 0, 0, 0) url("../image/list.png") no-repeat scroll 0 0;
}

.sort-filter ul li.list.active button {
    background: rgba(0, 0, 0, 0) url("../image/list.png") no-repeat scroll 0 -17px;
}

/*.sort-filter>.sort {*/
/*    margin-bottom: 8px;*/
/*}*/

.sort-filter-single {
    align-items: center;
    background: #f6f6f6 none repeat scroll 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px 15px;
}

.sort-filter-single>.sort {
    margin-bottom: 8px;
}

.sort-filter-single label {
    display: inline-block;
}

.ssl-site-seal {
    display: flex;
    flex-wrap: nowrap;
}

.ssl-site-seal form {
    margin-right: 10px;
}

.status-case1 {
    background: #12A4CC;
    border-radius: 3px;
    color: white;
    padding: 3px 6px;
}

.spaces {
    letter-spacing: 0.15em;
}

.star-rating {
    font-size: 0;
    white-space: nowrap;
    display: inline-block;
    width: 250px;
    height: 50px;
    overflow: hidden;
    position: relative;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
}

.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
    background-size: contain;
}

.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative;
}

.star-rating input:hover + i,
.star-rating input:checked + i {
    opacity: 1;
}

.star-rating i ~ i {
    width: 40%;
}
.star-rating i ~ i ~ i {
    width: 60%;
}

.star-rating i ~ i ~ i ~ i {
    width: 80%;
}

.star-rating i ~ i ~ i ~ i ~ i {
    width: 100%;
}

.star-choice {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px;
    display: block;
}

.status-case2 {
    background: gray;
    border-radius: 3px;
    color: white;
    padding: 3px 6px;
}

.status-case3 {
    background: gray;
    border-radius: 3px;
    color: white;
    padding: 3px 6px;
}

.status-case4 {
    background: #ad8319;
    border-radius: 3px;
    color: white;
    padding: 3px 6px;
}

.status-case5 {
    background: palevioletred;
    border-radius: 3px;
    color: white;
    padding: 3px 6px;
}

.status-case8 {
    background: #017FCC;
    border-radius: 3px;
    color: white;
    padding: 3px 6px;
}

.status-case9 {
    background: gray;
    border-radius: 3px;
    color: white;
    padding: 3px 6px;
}

.step {
    display: table;
    list-style-type: none;
    margin: 10px auto 20px;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.step li {
    background: dimgray;
    color: #fff;
    display: table-cell;
    padding: 1em 0.5em 1em 2em;
    position: relative;
}

.step li.is-current {
    background: palevioletred;
    font-weight: bold;
}

.step li.is-current:after {
    border-color: transparent transparent transparent palevioletred;
}

.step li:after {
    border-color: transparent transparent transparent dimgray;
    border-style: solid;
    border-width: 40px 0 40px 1em;
    right: -0.8em;
    top: -15px;
    z-index: 2;
}

.step li:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 40px 0 40px 1em;
    right: -1em;
    top: -15px;
    z-index: 2;
}

.step li:before, .step li:after {
    content: "";
    height: 0;
    margin: auto;
    position: absolute;
    width: 0;
}

.step li:last-child {
    padding-right: 1em;
}

.step li:last-child:before, .step li:last-child:after {
    display: none;
}

.step0 {
    background-image: url(../image/step/step_0.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.step1 {
    background-image: url(../image/step/step_1.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.step2 {
    background-image: url(../image/step/step_2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.step3 {
    background-image: url(../image/step/step_3.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.step4 {
    background-image: url(../image/step/step_4.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.step-flow {
    font-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*margin: 0 0 1em;*/
    padding: 0;
}

.step-flow>li {
    position: relative;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
    text-overflow: ellipsis;
    /*color: gray;*/
    -ms-flex: 1;
    -moz-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-weight: 600;
}

.step-flow>li .step-flow-txt {
    color: gray;
}

.step-flow>li .bubble {
    display: block;
    width: 24px;
    height: 24px;
    /*margin: 0 auto 0.5em;*/
    margin-bottom: 0.5em;
    border-radius: 1000px;
    background-color: darkgray;
    color: white;
    text-align: center;
    font-size: 16px;
    line-height: 1.6em;
}


.step-flow>li .bubble::after,
.step-flow>li .bubble::before {
    position: absolute;
    top: 12px;
    display: block;
    width: 98%;
    height: 3px;
    content: '';
    background-color: darkgray;
    left: 20px;
}

.step-flow>li.completed,
.step-flow>li.completed .bubble {
    /*color: #12A4CC;*/
}

.step-flow>li.completed .bubble,
.step-flow>li.completed .bubble::after,
.step-flow>li.completed .bubble::before {
    background-color: #52c2d0;
}

.step-flow>li.completed>.bubble + span::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
}

.step-flow>li.completed .step-flow-txt {
    color: #12A4CC;
}

.step-flow>li:last-child .bubble::after,
.step-flow>li:last-child .bubble::before {
    width: 0%;
    margin-right: 50%;
}

.step-flow>li.active,
.step-flow>li.active .bubble {
    font-weight: bold;
    /*color: #f57c00;*/
}
.step-flow>li.active .bubble,
.step-flow>li.active .bubble::after,
.step-flow>li.active .bubble::before {
    background-color: #fb8c00;
}

.step-flow>li.active .step-flow-txt {
    color: #f57c00;
}

.support-way {
    color: #11c1a4;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px;
}

.tab_content {
    clear: both;
    display: none;
    overflow: hidden;
}

.tab_item {
    background-color: #f6f6f6;
    border-bottom: 3px solid #11c1a4;
    color: #565656;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: all 0.2s ease;
    width: calc(100% / 2);
}

.tab_item:hover {
    opacity: 0.7;
}

.tabs {
    margin: 0 auto;
}

.tabs input:checked + .tab_item {
    background-color: #11c1a4;
    color: #fff;
}

.tabs-setting {
    margin-bottom: 20px;
}

.tag-title-style {
    background: dimgray;
    border-radius: 5px;
    color: whitesmoke;
    padding: 0.2em 0.4em;
}

.title {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 5px 3px;
    z-index: 5;
}

.title p {
    letter-spacing: -0.05em;
}

.title-catchy {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-align: center;
}

.title a, .title a:visited {
    color: #20C2D3;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
}

.top-banner-1a {
    left: -1px;
    opacity: 0.9;
    position: relative;
}

.top-banner-1b {
    margin-right: 10px;
}

.top-banner-2a {
    opacity: 0.8;
    position: relative;
    top: -5px;
}

.top-banner-2b {
    opacity: 0.9;
    position: relative;
    right: -10px;
}

.top-banner-area {
    position: relative;
}

.top-banner-area a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.top-banner-area a:hover {
    background-color: white;
    opacity: 0.2;
}

.top-banner-area img {
    height: 92%;
    width: 92%;
}

.top-news {
    margin-bottom: 16px;
}

.top-news h2 {
    margin-bottom: 16px;
}

.top-post-genre {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    max-width: 760px;
    position: relative;
    top: -30px;
}

.top-post-genre a:hover {
    opacity: 0.9;
}

.top-post-genre a>img {
    border: 1px solid linen;
    border-radius: 50%;
    box-shadow: 0 0 4px linen;
    height: 80%;
    margin: 15px auto;
    width: 80%;
}

.top-search {
    margin: 0 10px 80px;
}

.top-search form {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.top-search button[type="submit"] {
    background: #11c1a4;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 32px;
    outline: none;
    right: 4px;
    width: 32px;
}

.top-search-input {
    height: 32px;
    padding-left: 1em;
    width: 85%;
}

.topbar {
    align-items: center;
    background: linear-gradient(rgb(252, 252, 252), rgb(246, 246, 246));
    display: flex;
    flex-wrap: nowrap;
    font-size: 12px;
    height: 28px;
    justify-content: space-between;
    margin-bottom: 2px;
}

.topbar a {
    text-decoration: none;
}

.topbar-biginner-area {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-left: 6px;
    z-index: 5;
}

.topbar-biginner-area p {
    margin-left: 4px;
}

.topbar-news-area {
    display: none;
}

.topbar-welcome-area {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-right: 3px;
    z-index: 5;
}

.topbar-welcome-area i {
    margin-right: 6px;
}

.topbar-welcome-area i.fa-user {
    color: dimgray;
}

.topbar-welcome-area a.update-count {
    background-color: rgb(234, 53, 45);
    border-radius: 50%;
    color: white;
    display: inline-block;
    flex-wrap: nowrap;
    font-size: 12px;
    height: 18px;
    letter-spacing: 0;
    line-height: 1.5em;
    margin-right: 8px;
    text-align: center;
    width: 18px;
}

.total-price-area {
    color: goldenrod;
    padding: 10px 10px 5px;
}

.trans-name dt {
    background-color: #11c1a4;
}

.txt-center {
    text-align: center;
}

.txt-indent-1em {
    text-indent: -1em;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txtarea-freelength {
    color: goldenrod;
    margin-left: 5px;
    text-align: left;
}

.txtarea-freelength-right {
    color: goldenrod;
    text-align: right;
}

.under-bookmark {
    margin-top: 60px;
}

.under-cart-caution {
    margin-top: 40px;
}

.under-login {
    margin-top: 40px;
}

.under-seachlist {
    margin-top: 50px;
}

.under-search {
    margin-top: 50px;
}

.under-mylist {
    margin-top: 50px;
}

.under-login {
    margin-top: 50px;
}


.underline-dot {
    border-bottom: 1px solid #e8e8e8;
}

.update-count-child {
    background-color: rgb(234, 53, 45);
    border-radius: 50%;
    color: white;
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    height: 18px;
    letter-spacing: 0;
    line-height: 1.5em;
    margin-left: 2px;
    text-align: center;
    width: 18px;
}

.update-success {
    background-color: #e6ffec;
    color: #27ae60;
    margin: 15px auto;
    padding: 3px;
}

.update-success-info {
    margin: 15px;
}

.upfile-link {
    line-height: 2em;
    margin-right: 20px;
    position: relative;
}

.upfile-link img {
    padding-right: 5px;
    position: relative;
    top: 6px;
}

.upfile-view {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 20px;
}

.upload-error {
    padding-top: 20px;
}

.user-code {
    color: palevioletred;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.2em;
    margin: 0 5px 0 10px;
}

.user-filter {
    border-top: 3px solid #6AB7F7;
}

.member-header-search {
    display: none;
}

.member-title {
    font-size: 13px;
}

.user-menu li {
    line-height: 1.4em;
}

.user-menu li, .creater-menu li {
    font-size: 14px;
    list-style: none;
    margin: 0 auto;
    padding: 6px;
}

.user-menu ul {
    border-top: solid 2px #11c1a4;
    padding-bottom: 5px;
    padding-top: 5px;
}

.user-menu ul, .creater-menu ul {
    background: #f6f6f6;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 10px;
    padding-top: 10px;
}

.user-pagination {
    border-bottom: 2px solid #6AB7F7;
}

.user-title {
    background: azure;
    color: #017FCC;
}

.users-search-area {
    padding-bottom: 20px;
    padding-top: 5px;
}

.video-area {
    margin: 20px;
}

.video-area p {
    font-size: 0.9em;
}

.vtab-2cover-on, .vtab-2cover-off {
    /*line-height: 1.3em;*/
    height: 36px;
    padding-top: 0.8em;
    position: relative;
    text-align: center;
    width: calc(100% / 2);
    word-wrap: break-word;
}

.vtab-3cover-off, .vtab-2cover-off {
    background-color: #f6f6f6;
    color: #565656;
    word-break: break-all;
}

.vtab-3cover-on a, .vtab-3cover-off a, .vtab-2cover-on a, .vtab-2cover-off a {
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -999px;
    top: 0;
    width: 100%;
}

.vtab-3cover-on, .vtab-2cover-on {
    background-color: #11c1a4;
    color: #fff;
    word-break: break-all;
}

.vtab-3cover-on, .vtab-3cover-off {
    height: 36px;
    padding-top: 0.8em;
    position: relative;
    text-align: center;
    width: calc(100% / 3);
    word-wrap: break-word;
}

.vtab-cover-area {
    margin: 10px auto 20px;
}

.vtab-cover-flat {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.vtab-cover-child {
    border-bottom: 3px solid #11c1a4;
    display: flex;
    font-size: 13px;
    font-weight: bold;
    height: 50px;
    align-items: flex-end;
    justify-content: center;
}

.vtab-large-txt {
    padding-right: 2px;
    letter-spacing: -0.1em;
    line-height: 1.3em;
}

.vtabsolid-3cover-off, .vtabsolid-2cover-off {
    border-bottom: 3px solid #CECECE;
    color: #B5B5B5;
    font-size: 14px;
    font-weight: 600;
    word-break: break-all;
}

.vtabsolid-3cover-on a, .vtabsolid-3cover-off a, .vtabsolid-2cover-on a, .vtabsolid-2cover-off a {
    height: 100%;
    left: 0;
    position: absolute;
    text-indent: -999px;
    top: 0;
    width: 100%;
}

.vtabsolid-3cover-on, .vtabsolid-2cover-on {
    color: #11c1a4;
    border-bottom: 3px solid #11c1a4;
    font-size: 14px;
    font-weight: 600;
    word-break: break-all;
}

.vtabsolid-3cover-on, .vtabsolid-3cover-off {
    padding-top: 0.9em;
    position: relative;
    width: calc(100% / 3);
    word-wrap: break-word;
}

.vtabsolid-3cover-on:hover, .vtabsolid-3cover-off:hover, .vtabsolid-2cover-on:hover, .vtabsolid-2cover-off:hover {
    border-bottom: 3px solid paleturquoise;
    color: paleturquoise;
}

.vtabsolid-cover-area {
    margin: 10px auto 20px;
}

.vtabsolid-cover-child {
    display: flex;
    font-weight: bold;
    height: 52px;
    text-align: center;
    vertical-align: middle;
}

.vtab-avg-score {
    font-weight: normal;
    font-size: 13px;
}

.welcome {
    display: none;
}

.work-creatername-area {
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
}

.work-creatername-area>p {
    margin-right: 10px;
}

.work-infomation {
    display: inline-block;
    max-width: 640px;
    text-align: left;
    word-break: break-all;
}

.work-infomation-area {
    display: block;
    margin: 15px 10px 30px;
    text-align: center;
}

.work-label {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.work-label-column {
    display: block;
    margin-bottom: 20px;
    margin-left: 10px;
    text-align: left;
}

.work-label>label {
    margin: 5px 10px;
}

.works-report-area {
    margin: 15px 0 40px;
}

.ymd-end {
    margin-top: 6px;
}

.ymd-start {
    margin-bottom: 6px;
}

.youtube {
    margin: 5px auto 20px;
    max-width: 560px;
    position: relative;
    width: 90%;
}

.youtube iframe {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.youtube-agree {
    display: inline-block;
    line-height: 1.6em;
    margin: 10px 15px 20px;
    max-width: 720px;
    text-align: left;
    text-indent: -1.5em;
}

.youtube-agree-area {
    display: block;
    margin: 40px auto 0;
    text-align: center;
}

.youtube_info {
    margin-top: 3px;
    margin-bottom: 9px;
}


.youtube-link {
    font-size: 0.95em;
    margin: 7px;
}

.youtube-link a {
    font-size: 1em;
}

.youtube2 {
    max-width: 560px;
    position: relative;
    width: 90%;
}

.youtube2 iframe {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.youtube2::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%;
}

.youtube::before {
    content: "";
    display: block;
    padding-top: 56.25%;
    width: 100%;
}

.work-attention {
    margin-bottom: 20px;
    /*text-indent: -0.5em;*/
}

.zipfile-info {
    background: #f6f6f6;
    border-radius: 8px;
    line-height: 1.6em;
    margin: 0 1em 10px;
    padding: 10px;
    display: inline-block;

}

.zipfile-info p {
    margin-left: 0;
    text-indent: 0;
}

a.dl-link {
    font-size: 14px;
    letter-spacing: -0.2em;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-decoration: none;
}

a.dlpage-link {
    color: #11c1a4;
    text-decoration: none;
}

a.list-txt-icon {
    color: white;
}

a.list-request-icon {
    color: white;
}

a.grid-request-icon {
    color: white;
}

a.receipt-link {
    font-size: 14px;
    letter-spacing: -0.1em;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    text-decoration: none;
}

a.work-title-icon {
    color: white;
}

audio {
    padding-bottom: 10px;
}

audio.sample-audio {
    max-width: 640px;
    padding-bottom: 15px;
    width: 100%;
}

button.search-filter-cancel {
    position: absolute;
    right: -7px;
    top: -7px;
}

button.search-filter-cancel i {
    background: #fcfcfc;
    color: gray;
}

footer {
    background: gray;
    bottom: 0;
    color: #f6f6f6;
    margin: 0 auto;
    padding-bottom: 5px;
    width: 100%;
}

h1.download {
    padding-bottom: 20px;
}

h1.review {
    border-left: none;
    margin-bottom: 0;
    padding: 0 0 10px 5px;
}

h1.review::after {
    border-bottom: 2px solid #11c1a4;
}

h1.searchlist {
    border-left: none;
    margin-bottom: 0;
    padding: 0 0 10px 5px;
}

h1.searchlist::after {
    border-bottom: 2px solid #11c1a4;
}

h2.reupoload {
    margin-top: 10px;
}

header {
    background: rgb(252, 252, 252);
    box-shadow: 0 8px 28px 0 rgba(72, 89, 102, 0.1);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4;
}

header#user, header#creater {
    box-shadow: none;
}

p.cartmail-info {
    font-size: 13px;
    text-align: center;
}

p.file_type {
    display: none;
}

p.guide-top1-catchcopy {
    color: #3F2714;
    font-size: 1.9em;
    font-weight: 500;
    line-height: 1.3em;
    margin-bottom: 15px;
    max-width: 85%;
    opacity: 0.8;
}

p.guide-top1-info {
    font-size: 1em;
    margin-bottom: 5px;
}

p.guide-top2-catchcopy {
    color: #3F2714;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 15px;
    max-width: 85%;
    opacity: 0.8;
}

p.guide-top2-info {
    font-size: 1em;
    margin-bottom: 5px;
}

p.guide-top3-catchcopy {
    color: #12A4CC;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.7em;
    margin-bottom: 20px;
    max-width: 100%;
    text-shadow: 0 0 8px azure;
}

p.guide-top4-catchcopy {
    color: #12A4CC;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.7em;
    margin-bottom: 20px;
    max-width: 100%;
    text-shadow: 0 0 8px azure;
}

p.license-area {
    color: #62c1ce;
    font-size: 1.05em;
    font-weight: 600;
    margin: 0 25px 10px;
}

p.login-top {
    margin: 15px 10px 10px;
}

p.pagemid {
    font-size: 13px;
    margin: 20px 10px;
}

p.pagetop {
    font-size: 13px;
    margin: 10px 10px 20px;
}

p.trans-info {
    margin: 15px 10px;
}

section {
    margin: 12px;
}

span.new {
    background: #e95668 none repeat scroll 0 0;
    box-sizing: border-box;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 60px;
}

span.new::after {
    border-color: #e95668 transparent;
    border-style: solid;
    border-width: 13px 10px 13px 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
}


span.new-creater-grid {
    background: #e95668 none repeat scroll 0 0;
    box-sizing: border-box;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: 600;
    left: -10px;
    line-height: 24px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}

span.new-creater-grid:after {
    border-color: #e95668 transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
}

span.new-creater-list {
    background: #e95668 none repeat scroll 0 0;
    box-sizing: border-box;
    color: white;
    display: block;
    font-size: 12px;
    font-weight: 600;
    left: 15px;
    line-height: 24px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 50px;
}

span.new-creater-list:after {
    border-color: #e95668 transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px;
}

table.members-navi th {
    color: white;
    background: #52c2d0;
}

table.members-navi td:hover {
    background-color: #F6FDF6;
}

table.flat-table {
    border-collapse:collapse;
    text-align: left;
    width: 100%;
    /*max-width: 1240px;*/
}

table.flat-table a {
    text-decoration: none;
}

table.flat-table th, table.flat-table td {
    padding:10px;
}

table.flat-table tr:nth-child(odd) {
    background: #f6f6f6;
}


table.news-index {
    border-collapse: separate;
    border-spacing: 0 5px;
    font-size: 13px;
    margin: 0 auto;
    width: 100%;
}

table.news-index td {
    background: #f6f6f6;
    width: 70%;
    word-break: normal;
}

table.news-index th, table.news-index td {
    padding: 5px;
}

table.news-index th {
    background: #f1fafe;
    color: dimgray;
    letter-spacing: 0.06em;
    width: 30%;
}

td.dj_cache {
    background: white;
    color: #9ec34b;
    font-size: 1.5em;
}

td.transfer_info {
    background: #e6ffec;
    color: #27ae60;
}


/*--------------------------------------
レスポンシブ max-width: 342px
---------------------------------------*/
@media (max-width: 342px) {
    /*#creater-main {*/
    /*    padding-top: 159px;*/
    /*    padding-top: 189px;*/
    /*}*/

    .creater-menu li {
        padding-top: 4px;
    }
}

/*--------------------------------------
レスポンシブ max-width: 360px
---------------------------------------*/
@media (max-width: 360px) {

    input.authmail1 {
        width: 140px;
    }

    select {
        font-size: 13px;
    }

    select.authmail2 {
        width: 130px;
    }

    span.new-creater-list {
        left: -5px;
    }

    #grids-view .grid-work-area {
        margin: 10px 7px;
        width: 130px;
    }

    #grids-view .grid-creater-area {
        margin: 10px 20px 20px;
    }

    #grids-view .grid-image-area {
        height: 180px;
        width: 130px;
    }

    #lists-view h2 {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #same-creater-works .works-area {
        justify-content: space-around;
    }

    #top-wrapper .catchcopy {
        font-size: 16px;
    }

    #top-wrapper .catchcopy-new {
        font-size: 20px;
    }

    .cartlist-title, .dllist-title, .bookmarklist-title {
        font-size: 12px;
    }

    .change360 {
        display: none;
    }

    .creater-menu ul {
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .creater-title {
        font-size: 10px;
        margin-top: 10px;
    }

    .cvs-child {
        margin: 10px auto;
    }

    .footer-content1, .footer-content2, .footer-content3 {
        margin: 10px auto;
        padding: 0;
        width: 200px;
    }

    .footer-contents {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .grad-item-txt {
        letter-spacing: -0.05em;
    }

    .grid-hover-cover {
        width: 130px;
    }

    .guide-flow-imagearea img {
        height: 100%;
        width: 100%;
    }

    .guide-qa-area {
        margin: 30px 12px;
    }

    .h-info {
        font-size: 11px;
    }

    .header-search {
        display: none;
    }

    .history-update-grid {
        font-size: 11px;
    }

    .history-update-list {
        font-size: 12px;
    }

    .list-creater-image {
        padding-left: 0;
    }

    .list-dldtdd-area dl {
        font-size: 13px;
        padding: 0;
    }

    .list-txt-data {
        display: none;
    }

    .member-title {
        font-size: 12px;
    }

    .menu i {
        display: none;
    }

    .paymentselect-menu-label {
        font-size: 0.95em;
    }


    .receipt-detail-area input {
        width: 160px;
    }

    .search-content {
        margin-bottom: 14px;
    }

    .search-form input, select {
        margin: 0 auto;
    }

    .search-keyword, .search-creater {
        width: 90%;
    }

    .send-request-header i {
        display: none;
    }

    .sort select {
        font-size: 12px;
    }

    .title a, .title a:visited {
        font-size: 10px;
    }

    .top-post-genre {
        display: none;
    }

    .top-search-input {
        width: 80%;
    }

    .topbar-welcome-area i.fa-user {
        display: none;
    }

    .vtabsolid-3cover-off, .vtabsolid-2cover-off {
        font-size: 13px;
    }

    .vtabsolid-3cover-on, .vtabsolid-2cover-on {
        font-size: 13px;
    }

}

/*--------------------------------------
レスポンシブ max-width: 400px
---------------------------------------*/
@media (max-width: 400px) {
    #data-upload .add-file {
        font-size: 12px;
    }

    #data-upload input.upload {
        font-size: 12px;
    }

    .guide-catch-txtarea>p {
        font-size: 13px;
    }

    .inner-box-cart, .inner-box-post, .inner-box-purchase {
        width: 94%;
    }

    .request-uploadbtn-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .step li {
        font-size: 0.9em;
    }

    input[type="checkbox"] {
        height: 20px;
        margin: 5px;
        width: 20px;
    }

    input[type="radio"] {
        height: 20px;
        margin: 5px;
        width: 20px;
    }

    .step-flow {
        font-size: 90%;
    }

}

/*--------------------------------------
レスポンシブ min-width: 414px
---------------------------------------*/
@media (min-width: 414px) {

    #same-creater-works .single-work-area {
        margin: 10px 20px;
    }

    #same-creater-works .single-work-title {
        font-size: 13px;
    }

    .header-search input {
        width: 150px;
    }
}

/*--------------------------------------
レスポンシブ min-width: 420px
---------------------------------------*/
@media (min-width: 420px) {
    #company>.dldtdd2 dl>dt {
        font-size: 14px;
    }

    #grids-view {
        /*justify-content: center;*/
    }

    #grids-view .grid-work-area {
        margin: 10px 20px 15px;
        width: 160px;
    }

    #grids-view .grid-image-area {
        height: 224px;
        width: 160px;
    }

    #target-lists {
        margin-bottom: 15px;
    }

    .clist-work-area {
        margin: 10px 0px;
    }

    .clist-image-area {
        width: 25%;
    }

    .clist-image {
        max-width: 180px;
        max-height: 200px;
    }

    .clist-txt-area {
        width: 75%;
    }

    .clist-txt-title {
        margin-bottom: 10px;
    }

    .grid-hover-cover {
        width: 160px;
    }

    .list-creater-image {
        width: 35%;
    }

    .list-image-area {
        width: 35%;
    }

    .list-txt-area {
        width: 65%;
    }

    .list-image {
        max-width: 180px;
        max-height: 200px;
    }

    .list-work-area {
        max-height: 200px;
    }

    .paymentselect-menu-label {
        letter-spacing: 0.05em;
    }

    .review-header-score {
        margin-right: 40px;
    }
}

/*--------------------------------------
レスポンシブ min-width: 460px
---------------------------------------*/
@media (min-width: 460px) {
    .bookmarklist-table-area th, .bookmarklist-table-area td {
        padding: 2px;
    }

    .cartlist-image, .dllist-image, .bookmarklist-image {
        width: 90px;
    }

    .cartlist-table-area table, .dllist-table-area table, .bookmarklist-table-area table {
        padding-left: 10px;
    }

    .cartlist-table-area th, .cartlist-table-area td {
        padding: 2px;
    }

    .dllist-table-area th, .dllist-table-area td {
        padding: 2px;
    }

    .dlselect-btn-area {
        padding-left: 10px;
        justify-content: center;
    }

    .guide-step {
        flex-wrap: nowrap;
    }
}

/*--------------------------------------
レスポンシブ min-width: 560px
---------------------------------------*/
@media (min-width: 560px) {
    span.new-creater-list {
        left: 20px;
    }

    #call-back-message {
        font-size: 15px;
    }

    #cartlist, #dllist, #bookmarklist {
        width: 98%;
    }

    #company>.dldtdd2 dl>dd {
        font-size: 14px;
    }

    #contact .contact-caution {
        margin-bottom: 20px;
    }

    #download p.pagetop {
        margin-bottom: 30px;
    }

    #guide-top {
        margin-top: 20px;
    }

    #index {
        margin-top: 50px;
    }

    #make-estimate {
        width: 98%;
    }

    #mylist .delete-from-list i {
        margin-right: 3px;
    }

    #mylist .list-txt-info {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    #nomal-page>.contents {
        margin: 10px 10px 30px;
    }

    #order-history tr {
        font-size: 13px;
    }

    #paymentselect {
        max-width: 800px;
        width: 90%;
    }

    #policy>.contents p {
        font-size: 14px;
    }

    #sales .sales-term {
        padding-bottom: 20px;
        padding-top: 5px;
    }

    #sales .sales-term dt {
        padding-top: 20px;
    }

    #sales table {
        font-size: 12px;
    }

    #sales table tr td {
        padding: 6px;
    }

    #sales table tr th {
        padding: 6px;
    }

    #sales table.dojin {
        font-size: 14px;
    }

    #sales table.dojin tr td {
        padding: 8px;
    }

    #sales table.dojin tr th {
        padding: 8px;
    }

    #send-request>.contents {
        margin: 20px 10px 30px;
    }

    #top-banner {
        flex-wrap: nowrap;
    }

    #top-banner>.top-banner-area {
        display: flex;
        height: 100px;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
        max-width: 360px;
        width: 45%;
    }

    #top-wrapper .catchcopy {
        font-size: 24px;
    }

    #top-wrapper .catchcopy-new {
        font-size: 24px;
    }

    #userlogin_or_customer {
        width: 98%;
    }

    #zipfile-info>.contents p {
        font-size: 14px;
    }

    a.dl-link {
        font-size: 15px;
    }

    a.receipt-link {
        font-size: 15px;
    }

    .bookmark-big-btnarea a {
        font-size: 16px;
    }

    .bookmarklist-table-area th, .bookmarklist-table-area td {
        padding: 4px;
    }

    .campaign-info-rank-child {
        margin: 0 5px 20px;
        width: 45%;
    }

    .cartlist-image, .dllist-image, .bookmarklist-image {
        width: 100px;
    }

    .cartlist-table-area th, .cartlist-table-area td {
        padding: 4px;
    }

    .cartlist-table-area, .dllist-table-area, .bookmarklist-table-area {
        font-size: 13px;
    }

    .cartlist-title, .dllist-title, .bookmarklist-title {
        font-size: 14px;
    }

    .clist-image-area {
        width: 20%;
    }

    .clist-txt-area {
        margin-top: 3px;
        width: 80%;
    }

    .clist-txt-title .work_id {
        font-size: 12px;
    }

    .clist-txt-title p {
        font-size: 14px;
        line-height: 1.4rem;
    }

    .dd-under-area {
        width: 80%;
    }

    .dldtdd1 dl>dt {
        padding: 5px;
    }

    .dllist-table-area th, .dllist-table-area td {
        padding: 4px;
    }

    .dllist-top {
        font-size: 14px;
    }

    .dllist-top p {
        margin-bottom: 3px;
    }

    .dlselect {
        font-size: 14px;
    }

    .download {
        font-size: 14px;
        margin-top: 5px;
        padding: 0.6em 1.2em;
    }

    .grad-item-txt a {
        font-size: 14px;
        line-height: 2em;
    }

    .grid-request-icon {
        font-size: 12px;
    }

    .guide-flow-title {
        font-size: 1.6em;
        margin-bottom: 15px;
    }

    .guide-top1-area {
        flex-wrap: nowrap;
        margin-bottom: 40px;
    }

    .guide-top1-imagearea {
        display: block;
        width: 52%;
    }

    .guide-top1-txtarea {
        margin: 10px 15px 0;
        width: 45%;
    }

    .guide-top2-area {
        flex-wrap: nowrap;
    }

    .guide-top2-imagearea {
        display: block;
        width: 52%;
    }

    .guide-top2-txtarea {
        margin: 10px 15px 0;
        width: 45%;
    }

    .h-info {
        font-size: 12px;
    }

    .header-search input {
        height: 28px;
        width: 240px;
    }

    .history-like-btnarea {
        margin-right: 20px;
    }

    .hr-list {
        margin: 30px auto;
    }

    .hr-request-list {
        margin: 0 auto;
    }

    .inner-box-pagetop {
        font-size: 14px;
    }


    .list-creater-image {
        width: 30%;
    }

    .list-txt-creatername P {
        font-size: 15px;
    }

    .list-image {
        max-height: 220px;
    }

    .list-image-area {
        width: 30%;
    }

    .list-image-rating {
        height: auto;
        width: 60%;
    }

    .list-request-icon {
        font-size: 12px;
    }

    .list-likes-bookmark-area>.likes-total-area {
        font-size: 1.2em;
        margin-right: 15px;
    }

    .list-likes-bookmark-area>.likes-total-area>i {
        font-size: 1.4em;
    }

    .list-txt-area {
        width: 70%;
    }

    .list-txt-bycreater {
        font-size: 13px;
    }

    .list-txt-icon {
        font-size: 12px;
    }

    .list-txt-info {
        display: -webkit-box;
        font-size: 12px;
        line-height: 1.2rem;
        margin: 5px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .list-txt-tagarea .tag-list li {
        font-size: 14px;
    }

    .list-txt-title p {
        font-size: 14px;
        line-height: 1.4rem;
    }

    .list-work-area {
        max-height: 220px;
    }

    .mail-success p {
        font-size: 1em;
    }

    .mailto-creater p {
        font-size: 14px;
    }

    .member-news contents {
        margin: 10px 10px 30px;
    }

    .message-from-creater p {
        font-size: 14px;
    }

    .ngwork a {
        font-size: 12px;
    }

    .over560-table-cell {
        display: table-cell;
    }

    .pagination-guide {
        font-size: 14px;
    }

    .paymentselect-menu-label {
        margin-right: 5px;
    }

    .paymentselect-title {
        font-size: 1.3em;
    }

    .print-select-area {
        justify-content: center;
    }

    .profile-creater-name {
        margin-right: 20px;
    }

    .profile-tag-list li {
        font-size: 14px;
    }

    .quick-menu-child {
        flex-direction: row;
        flex-wrap: nowrap;
        max-width: 220px;
        width: 40%;
    }

    .quick-menu-child p {
        font-size: 17px;
    }

    .ribbon {
        width: 110px;
        height: 24px;
    }

    .ribbon-title {
        padding-left: 10px;
        padding-top: 2px;
        font-size: 0.9em;
    }

    .ribbon-title:after {
        border-width: 12px 10px 12px 0;
    }


    .receipt-detail-area input {
        width: 240px;
    }

    .request-attention-title {
        font-size: 18px;
    }

   .request-block {
        margin: 5px 10px;
    }

    .request-flow-area>p {
        margin: 10px;
    }

    .request-list-arrow-area {
        font-size: 18px;
        margin: 10px 20px;
    }

    .request-list-step-area {
        height: 52px;
        margin: 8px;
        width: 52px;
    }

    .request-list-step-area p {
        font-size: 14px;
    }

    .request-list-txt-area {
        margin: 10px 20px;
    }

    .request-list-txt-info {
        font-size: 18px;
        letter-spacing: 0;
    }

    .request_ng {
        margin-bottom: 40px;
    }

    .search-filter ul {
        font-size: 14px;
    }

    .sort label {
        color: #565656;
        display: inline-block;
        font-size: 13px;
        font-weight: 600;
        margin-bottom: 5px;
        max-width: 100%;
    }

    .title p {
        letter-spacing: 0;
    }

    .top-banner-area img {
        height: 100%;
        width: 100%;
    }

    .top-post-genre a>img {
        margin: 15px auto;
    }

    .top-search-input {
        width: 60%;
    }

    .vtab-cover-child {
        font-size: 15px;
    }

    .welcome {
        display: block;
        font-size: 11px;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .work-infomation-area {
        margin: 15px 20px 20px;
    }

    .work-title-icon {
        font-size: 12px;
    }

    h1 {
        margin-top: 12px;
    }

    input.authmail1 {
        width: 250px;
    }

    input.txt, input.search {
        width: 70%;
    }

    input.regist {
        width: 70%;
    }

    input.txt-h28 {
        width: 70%;
    }

    input.url, input.address {
        width: 85%;
    }

    p.file_type {
        display: block;
    }

    p.guide-top1-catchcopy {
        font-size: 1.7em;
        line-height: 1.2em;
        max-width: 100%;
    }

    p.guide-top1-info {
        font-size: 1em;
        margin-bottom: 15px;
    }

    p.guide-top2-catchcopy {
        font-size: 1.7em;
        line-height: 1.2em;
        max-width: 100%;
    }

    p.guide-top2-info {
        font-size: 1em;
        margin-bottom: 15px;
    }

    p.pagetop {
        font-size: 14px;
    }

    select.authmail2 {
        width: 150px;
    }

    textarea {
        width: 80%;
    }

    .loginid-area-child {
        width: 70%;
    }

    .vtabsolid-3cover-off, .vtabsolid-2cover-off {
        font-size: 15px;
        font-weight: 700;
    }

    .vtabsolid-3cover-on, .vtabsolid-2cover-on {
        font-size: 15px;
        font-weight: 700;
    }

}

/*--------------------------------------
レスポンシブ min-width: 556px
---------------------------------------*/
@media (min-width: 556px) {
    #user-main {
        padding-top: 137px;
    }
}

/*--------------------------------------
レスポンシブ min-width: 659px
---------------------------------------*/
@media (min-width: 616px) {
    #creater-main {
        padding-top: 133px;
    }
}

/*--------------------------------------
レスポンシブ min-width: 701px
---------------------------------------*/
@media (min-width: 701px) {
    .header-search input {
        width: 280px;
    }
}

/*--------------------------------------
レスポンシブ min-width: 768px
---------------------------------------*/
@media (min-width: 768px) {
    span.new-creater-list {
        left: 25px;
    }

    #alert {
        margin: 20px auto;
    }

    #alert-request {
        margin: 20px auto 40px;
    }

    #company>.dldtdd2 dl {
        flex-wrap: nowrap;
        padding-bottom: 3px;
    }

    #company>.dldtdd2 dl>dd {
        padding: 10px 15px;
        width: 65%;
    }

    #company>.dldtdd2 dl>dt {
        min-height: 30px;
        padding: 10px 15px;
        width: 30%;
    }

    #dllist {
        margin-bottom: 40px;
    }

    #grids-view .grid-creater-area {
        margin: 20px 40px 60px;
    }

    #grids-view .grid-work-area {
        margin: 10px 30px 15px;
    }

    #lists-view {
        margin: 20px;
    }

    #lists-view h2 {
        font-size: 15px;
    }

    #order-history tr {
        font-size: 14px;
    }

    #paypay-campaign {
        background: url(../image/payment/paypay_2021_03_728.jpg) no-repeat center;
        height: 90px;
        margin: 0 auto 20px;
        position: relative;
        width: 728px;
    }

    #paypay-campaign2 {
        background: url(../image/payment/paypay_2021_03finale_728.jpg) no-repeat center;
        height: 90px;
        margin: 0 auto 20px;
        position: relative;
        width: 728px;
    }

    #policy>.contents {
        margin-bottom: 30px;
    }

    #qa {
        margin: 0 auto 40px;
    }

    #qa .question, #qa-spot .answer, #networkprint .answer, #receipt .answer {
        font-size: 14px;
        line-height: 1.7em;
        padding: 10px 25px;
    }

    #qa .question, #qa-spot .question, #networkprint .question, #receipt .question {
        font-size: 15px;
        line-height: 1.5;
    }

    #qa h1, #qa h2 {
        margin-bottom: 20px;
        margin-top: 50px;
    }

    #qa-spot {
        margin: 45px auto 40px;
    }

    #sales table tr th.sales-date {
        width: 15%;
    }

    #same-creater-works .single-work-title {
        font-size: 14px;
        width: 100px;
    }

    #same-creater-works .single-work-thum {
        height: 150px;
        width: 100px;
    }

    #send-form {
        border: 1px solid #edeff4;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
        margin: 20px 5px 40px;
        padding: 30px 60px;
    }

    #target-lists {
        margin-bottom: 20px;
    }

    #top-message {
        margin: 0;
    }

    #top-message p {
        font-size: 14px;
    }

    #user-main, #creater-main {
        padding-top: 139px;
    }

    #users-search {
        display: none;
    }

    #work-detail>.contents p, #work-detail>.contents pre {
        font-size: 14px;
    }

    .artwork-area {
        margin: 8px auto;
    }

    .artwork-area p {
        font-size: 12px;
    }

    .artwork-image {
        margin: 7px auto;
        width: 280px;
    }

    .cartlist-image, .dllist-image, .bookmarklist-image {
        width: 120px;
    }

    .cartlist-table-area table, .dllist-table-area table, .bookmarklist-table-area table {
        font-size: 13px;
        padding-left: 10px;
    }

    .cartlist-work-area, .dllist-work-area, .bookmarklist-work-area {
        margin-bottom: 30px;
    }

    .chat-info-clear a {
        font-size: 13px;
    }

    .chat-info-plustxt {
        display: inline-block;
        text-decoration: underline;
    }

    .clist-image {
        width: 80%;
    }

    .clist-txt-data {
        font-size: 14px;
    }

    .clist-txt-title p {
        font-size: 15px;
        line-height: 1.5rem;
    }

    .creater-youtube-load {
        margin: 20px 5px 0;
    }

    .customer-info {
        margin-right: 8px;
    }

    .cvs-image-area {
        margin-left: 20px;
        margin-right: 20px;
    }

    .cvs-image-area>img {
        height: 200px;
        width: 200px;
    }

    .cvs-title {
        margin-left: 40px;
    }

    .dldtdd1 dl {
        flex-wrap: nowrap;
        padding-bottom: 6px;
    }

    .dldtdd1 dl>dd {
        width: 60%;
    }

    .dldtdd1 dl>dt {
        font-size: 15px;
        font-weight: 500;
        min-height: 30px;
        width: 37%;
    }

    .dldtdd1 dl>dt.small {
        font-size: 13px;
    }

    .dldtdd3 dl {
        font-size: 14px;
    }

    .dldtdd3 dt {
        padding: 17px;
        width: 10em;
    }

    .dlselect {
        font-size: 15px;
    }

    .download {
        font-size: 15px;
        margin-top: 10px;
    }

    .footer-content2 {
        padding: 0 120px;
    }

    .guide-catch-contents {
        align-items: flex-start;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
    }

    .guide-catch-contents img {
        height: auto;
        padding: 0 7% 0 10px;
        width: 50%;
    }

    .guide-catch-contents-rvs {
        align-items: flex-start;
        flex-direction: row-reverse;
        flex-wrap: nowrap;
    }

    .guide-catch-contents-rvs img {
        height: auto;
        padding: 0 10px 0 7%;
        width: 50%;
    }

    .guide-catch-title {
        margin-top: 0;
    }

    .guide-catch-txtarea {
        margin: 0 10px;
    }

    .guide-catch-txtarea>p {
        padding-bottom: 10px;
    }

    .guide-flow-txtarea {
        max-width: 40%;
    }

    .guide-qa-area {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }

    .guide-qa-contents {
        margin: 10px 10px 30px;
        max-width: 40%;
        padding: 30px 25px;
    }

    .header-search input {
        width: 360px;
    }

    .history-txt-data p.genre, .history-txt-data p.price {
        font-size: 14px;
    }

    .license-box {
        margin: 0 auto 30px;
    }

    .list-creater-image {
        width: 25%;
    }

    .list-image {
        width: 80%;
    }

    .list-image-area {
        width: 25%;
    }

    .list-txt-tagarea {
        margin: 10px 0 0 1px;
    }

    .list-txt-area {
        width: 75%;
    }

    .list-txt-bycreater {
        font-size: 14px;
    }

    .list-txt-creater {
        font-size: 14px;
    }

    .list-txt-data {
        margin: 5px;
    }

    .list-txt-data p.genre, .list-txt-data p.price {
        font-size: 14px;
    }

    .list-txt-info {
        font-size: 13px;
        line-height: 1.3rem;
        -webkit-line-clamp: 3;
    }

    .list-txt-title p {
        font-size: 15px;
        line-height: 1.5rem;
        -webkit-line-clamp: 3;
    }

    .list-txt-profileinfo {
        font-size: 13px;
        line-height: 1.3rem;
        -webkit-line-clamp: 3;
    }

    .profile-tag-area {
        margin: 7px 3px;
    }

    .ranking-title-area a, .ranking-title-area a:visited {
        font-size: 13px;
        margin: 0 7px;
    }

    .reup-info {
        width: 93%;
    }

    .request-list-txt-area {
        margin: 10px 30px;
    }

    .sample-title {
        font-size: 1.05em;
    }

    .sort select {
        font-size: 14px;
    }

    .ticker ul li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .ticker ul li a {
        color: rgba(0, 0, 0, 0.87);
    }

    .ticker ul li i {
        margin-right: 2px;
    }

    .top-post-genre {
        justify-content: space-evenly;
        top: -20px;
    }

    .top-post-genre a>img {
        height: 85%;
        width: 85%;
    }

    .top-search {
        margin: 0 auto 120px;
    }

    .top-search-input {
        width: 50%;
    }

    .topbar {
        font-size: 13px;
    }

    .topbar-news-area {
        display: block;
        flex-grow: 1;
        margin: 0 auto;
        max-width: 400px;
        z-index: 5;
    }

    .tr-bank {
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .tr-bank-deatail {
        margin: 15px 20px;
    }

    .tr-bank-deatail p {
        color: #9ec34b;
        font-size: 1.1em;
        font-weight: 600;
        line-height: 1.05em;
    }

    .user-menu li, .creater-menu li {
        font-size: 15px;
    }

    .user-menu ul, .creater-menu ul {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .member-header-search {
        display: inline-block;
        margin-top: 10px;
        z-index: 7;
    }

    .member-header-search form {
        align-items: flex-start;
        display: flex;
        flex-wrap: nowrap;
    }

    .member-header-search button[type="submit"] {
        background: #52c2d0;
        border: none;
        color: #fff;
        cursor: pointer;
        height: 28px;
        outline: none;
        right: 4px;
        width: 28px;
    }

    .member-header-search input {
        height: 28px;
        width: 340px;
    }

    .member-title {
        font-size: 14px;
        margin-right: 20px;
    }

    .request-list-txt-datetime {
        font-size: 13px;
    }

    .request-list-txt-id {
        font-size: 13px;
    }

    .vtabsolid-3cover-off, .vtabsolid-2cover-off {
        font-size: 16px;
        font-weight: 800;
    }

    .vtabsolid-3cover-on, .vtabsolid-2cover-on {
        font-size: 16px;
        font-weight: 800;
    }

    h1 {
        font-size: 18px;
    }

    h3 {
        font-size: 14px;
    }

    h4 {
        font-size: 22px;
    }

    midium {
        font-size: 13px;
    }

    p.guide-top1-catchcopy {
        font-size: 1.9em;
        line-height: 1.4em;
    }

    p.guide-top2-catchcopy {
        font-size: 1.9em;
        line-height: 1.4em;
    }

    section {
        margin: 12px 24px;
    }

    section#target_display {
        margin: 0 24px 12px;
    }

    select.authmail2 {
        width: 170px;
    }

    small {
        font-size: 12px;
    }

    table.news-index {
        width: 98%;
    }

    table.news-index td {
        width: 70%;
    }

    table.news-index th, table.news-index td {
        padding: 6px;
    }

    table.news-index th {
        width: 25%;
    }
}

/*--------------------------------------
レスポンシブ min-width: 1024px
---------------------------------------*/
@media (min-width: 1024px) {
    span.new-creater-list {
        left: 30px;
    }

    #header-contents, #main, #user-main, #creater-main, footer {
        width: 1024px;
    }

    #main-just-top {
        width: 1024px;
    }

    #policy>.contents {
        margin-bottom: 40px;
    }

    #same-creater-works .single-work-title {
        width: 120px;
    }

    #same-creater-works .single-work-thum {
        height: 180px;
        width: 120px;
    }

    #same-creater-works .single-work-area {
        margin: 10px 30px;
    }

    #top-wrapper .catchcopy {
        font-size: 26px;
    }

    .bookmarklist-table-area th, .bookmarklist-table-area td {
        padding: 9px;
    }

    .campaign-info-rank-child {
        margin: 0 10px 20px;
        width: 30%;
    }

    .cartlist-image, .dllist-image, .bookmarklist-image {
        width: 140px;
    }

    .cartlist-table-area table, .dllist-table-area table, .bookmarklist-table-area table {
        font-size: 14px;
        padding-left: 20px;
    }

    .cartlist-table-area th, .cartlist-table-area td {
        padding: 9px;
    }

    .clist-txt-title p {
        font-size: 16px;
        line-height: 1.6rem;
    }

    .creater-title {
        font-size: 14px;
        margin-left: 3px;
        margin-top: 8px;
    }

    .customer-info {
        margin-right: 12px;
    }

    .cvs-title {
        margin-left: 80px;
    }

    .dd-under-area {
        width: 70%;
    }

    .dllist-table-area th, .dllist-table-area td {
        padding: 9px;
    }

    .dlselect-btn-area {
        padding-left: 20px;
    }

    .guide-flow-area {
        margin: 30px;
    }

    .guide-flow-txtarea {
        max-width: 50%;
    }

    .list-txt-creater {
        font-size: 15px;
    }

    .list-txt-title p {
        font-size: 16px;
        line-height: 1.6rem;
    }

    .member-title {
        font-size: 15px;
    }

    .menu li a {
        font-size: 17px;
    }

    .multi-select-child {
        max-width: 440px;
    }

    .multi-select-child>p {
        margin-bottom: 15px;
    }

    .multi-select-request, .multi-select-support {
         letter-spacing: 0;
    }

    .top-banner-1b {
        margin-right: 30px;
    }

    .welcome {
        font-size: 12px;
        max-width: 240px;
    }

    h4 {
        font-size: 24px;
    }

    .header-search input {
        width: 480px;
    }

    .list-image-rating {
        height: auto;
        width: 50%;
    }

    .member-header-search input {
        height: 28px;
        width: 480px;
    }

    .under-cart-caution {
        margin-top: 50px;
    }

    p.guide-top1-catchcopy {
        font-size: 2.2em;
        line-height: 1.4em;
    }

    p.guide-top2-catchcopy {
        font-size: 2em;
        line-height: 1.4em;
    }

    table.news-index td {
        letter-spacing: 0.05em;
    }

    table.news-index th {
        letter-spacing: 0.1em;
    }

    table.news-index th, table.news-index td {
        padding: 7px;
    }

    textarea {
        width: 70%;
    }
}

/*--------------------------------------
レスポンシブ min-width: 1280px
---------------------------------------*/
@media (min-width: 1280px) {
    #cartcheck table th.code, #cartcheck table th.price {
        width: 7vw;
    }
}