.tablecapttl {
background-color: #4a4a4a;
color: #fff;
font-size: 18px;
font-weight: bold;
padding: 10px 0 10px 20px;
}
table.contact {
width: 100%;
border-spacing: 0;
font-size: 14px;
margin-bottom: 30px;
}
table.contact th,
table.contact td {
border:solid 1px #D3D3D3;
}
table.contact th {
background-color: #F2F2F2;
padding:14px 20px;
text-align: left;
font-weight: normal;
width: 32.5%;
}
table.contact.plus th {
font-weight: bold;
width: 5%;
text-align: center;
}
table.contact2 th {
width: auto;
text-align: center;
}
table.contact td {
border-left: none;
padding: 10px;
}
table.contact.contact2 td {
border-left: solid 1px #D3D3D3;
}
table.contact input,
table.contact textarea,
table.contact select {
border:solid 1px #D3D3D3;
padding:12px 16px;
outline: none;
box-sizing: border-box;
}
table.contact input[type="password"],
table.contact input[type="text"],
table.contact select {
width: 360px;
}
table.contact .calender input[type="text"] {
width: 156px;
}
table.contact td.date select{
width: 85px;
margin-right: 10px;
}
















.total{
text-align: right;
}
.total table{
display: inline-block;
}



.checktext h4 {
padding: 25px 0;
}
.textpplink {
color: #0066C0;
}
.textpplink:hover{
text-decoration: underline;
}
.my_btn {
display: flex;
margin-bottom: 40px;
justify-content: center;
}
.my_btn a {
display: inline-block;
padding: 20px;
font-size: 18px;
font-weight: bold;
color:#829CE3;
border:solid 1px #D3D3D3;
margin:0 10px;
}
.my_btn a:hover{
color:#fff;
background-color: #829CE3;
border:solid 1px #829CE3;
}
.my_btn a.check{
color:#fff;
background-color: #829CE3;
border:solid 1px #829CE3;
}
.my_btn p {
display: inline-block;
padding: 20px;
font-size: 18px;
font-weight: bold;
color:#829CE3;
border:solid 1px #D3D3D3;
margin:0 10px;
}
.my_btn p.check{
color:#fff;
background-color: #829CE3;
border:solid 1px #829CE3;
}
.caution {
color: #FF0000;
display: block;
padding: 20px 0;
}
.caution-text {
display: block;
border:solid 1px #FF0000;
padding: 30px;
margin-bottom: 90px;
}
.point {
color: #FF0000
}
.kana_search {
text-align: center;
font-weight: bold;
padding: 35px;
border:solid 1px #D3D3D3;
background-color: #F2F2F2;
font-size: 18px;
}
.kana_search dt {
margin-bottom: 20px;
}
.kana_search dd {
width: auto;
display: inline-block;
margin: 0;
}
.kana_search dd input {
border:solid 1px #707070;
padding: 10px;
background-color: #fff;
color: #000;
font-weight: bold;
font-size: 18px;
}
.paging_address {
text-align: center;
padding: 60px 0;
}



.buttons {
text-align: center;
margin: 25px 0 100px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.buttons p {
padding: 25px 0;
border-top: solid 1px #707070;
display: block;
width: 100%;
}
.buttons input {
font-size: 20px;
font-weight: bold;
width: 250px;
text-align: center;
display: inline-block;
padding:20px 0;
border: none;
background-color: #8C93C7;
color: #fff;
margin:0 10px;
}
.buttons input.back {
background-color: #EBE8E8;
border:solid 1px #D3D3D3;
color: #333333;
font-weight: normal;
}
.buttons input[type="radio"] {
width: auto;
}
.buttons input[type="checkbox"] {
width: auto;
}

.topback {
font-size: 20px;
width: 250px;
text-align: center;
display: inline-block;
padding: 20px 0;
margin: 0 auto 100px;
background-color: #EBE8E8;
border: solid 1px #D3D3D3;
color: #333333;
font-weight: normal;
display: block;
}
.thxtext {
text-align: center;
}
.thxtext h2 {
font-size: 28px;
margin-bottom: 40px;
}
.thxtext p {
margin-bottom: 40px;
}
.thxtext img {
display: block;
width: 250px;
margin: 0 auto 20px;
}
.thxtext iframe {
margin-bottom: 20px;
width: 50%;
}




.pankuzu {
font-size: 12px;
padding: 10px 0;
border-top:solid 1px #acacac;
border-bottom:solid 1px #acacac;
}
.pankuzu a,
.pankuzu p {
display: inline-block;
}
.pankuzu a:hover {
text-decoration: underline;
color: blue;
}
.pankuzu ol {
padding:0;
margin:0;
display: flex;
/*justify-content: flex-end;*/
}
.pankuzu ol span {
padding:0 10px;
display: inline-block;
}
.pankuzu ol li a span {
padding:0;
}
.pankuzu ol li a span:hover {
text-decoration: underline;
color: blue;
}
.bottomtitle {
font-size: 26px;
padding: 20px 0;
border-bottom: solid 2px #acacac;
margin-bottom: 20px;
}
.bottomsubtitle {
font-size: 18px;
margin-bottom: 38px;
}
.bottomsubtitle2 {
font-size: 14px;
font-weight: normal;
margin-bottom: 38px;
}
.bottomsubtitle3 {
font-size: 19px;
font-weight: bold;
color: #fff;
display: block;
border-radius: 10000px;
text-align: center;
padding: 27px 0;
background-color: #10D52E;
}
.sec-ttl-btm {
background-color: #EBE8E8;
border-left: solid 8px #C4C4C4;
padding: 6px 16px;
margin: 40px 0 23px;
}
.sec-ttl-btm h2{
color: #333333;
}
.sec-ttl-btm2 {
border:solid 1px #D3D3D3;
border-left: solid 16px #7A83C3;
padding: 12px 20px;
margin: 40px 0 23px;
}
.sec-ttl-btm2.flex {
display: flex;
align-items: center;
margin:0;
}
.sec-ttl-btm2 h2{
color: #333333;
}
.sec-ttl-btm3 {
border-left: solid 8px #333333;
padding: 5px 20px;
margin: 40px 0 23px;
border-bottom: solid 1px #D3D3D3;
}
.sec-ttl-btm3 h2{
color: #333333;
font-size: 18px
}
.sec-ttl-btm4 {
padding: 13px 20px;
margin: 40px 0 23px;
background-color: #758AE3;
}
.sec-ttl-btm4 h2{
color: #fff;
font-size: 20px;
}

.sender_2btn_note {
padding:20px 0;
display: block;
}
.lidingttl {
padding-bottom: 20px;
}
.mp_card_tbl img {
width: 100px;
}
.mp_card_tbl .card_btn {
text-align: right;
}

/*--はじめての方へ--*/
.begginers_txt {
padding-top: 38px;
border-top: dotted 2px #707070;
}
.acclink {
padding: 55px 0 38px;
text-align: center;
}
.acclink p {
padding: 20px 55px;
background-color: #000;
box-sizing: border-box;
font-weight: bold;
display: inline-block;
border-radius: 10000px;
}
.acclink p b {
padding-left: 32px;
color: #fff;
letter-spacing: 5px;
font-size: 23px;
background-image: url(/base/images/secttl-icon.svg);
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: 23px;
}
.showlist ul {
display: flex;
margin-bottom: 30px;
}
.showlist ul li {
width: 50%;
box-sizing: border-box;
}
.showlist-txt {
background-color: #F5F5F5;
padding: 5%;
}
.showlist-txt h2 {
text-align: center;
font-size: 32px;
margin-bottom: 32px;
}
.showlist-img {
background-repeat: no-repeat;
background-size: cover;
}
.showlist-cld1 .showlist-img {
background-image: url(/base/images/showlist1.jpg);
background-position: right;
}
.showlist-cld2 .showlist-img {
background-image: url(/base/images/showlist2.jpg);
background-position: left;
}
.showlist-cld3 .showlist-img {
background-image: url(/base/images/showlist3.jpg);
background-position: right;
}


.service {
padding: 100px 0;
text-align: center;
}
.service h2 {
display: inline-block;
width: 409.32px;
}
.service h3 {
font-size: 22px;
margin: 40px 0 20px;
}
.service ul {
display: flex;
flex-wrap: wrap;
}
.service ul li {
width: 25%;
border: solid 1px #d3d3d3;
box-sizing: border-box;
font-weight: 600;
}
.service ul.servicelist1 li a {
padding:30px 0;
display: block;
}
.service ul.servicelist1 li a:hover{
background-color: #dbdbdb;
}
.service ul.servicelist2 li a {
padding:15px 0;
display: block;
}
.service ul.servicelist2 li a:hover {
background-color: #dbdbdb;
}
.directlink {
width: 740px;
display: inline-block;
}
/*--はじめての方へ--*/










/*--商品一覧--*/
.category-ttl {
font-size: 22px;
padding-left: 27px;
position: relative;
margin-bottom: 10px;
}
.category-ttl::before{
content: "";
display: block;
width: 16px;
height: 16px;
position: absolute;
left: 0;
top: 25%;
}



#bottom-listup .listup li {
position: relative;
}
#bottom-listup .listup li::before{
content: "";
position: absolute;
top: 7px;
left: 7px;
border-right: 18.6px solid transparent;
border-left: 0px solid transparent; 
}
#bottom-listup .listup li h3 {
position: absolute;
top: 22px;
left: 26px;
color: #fff;
font-size: 22px;
}
#bottom-listup .listup li h3 span{
display: block;
font-size: 18px;
}
#bottom-listup .listup li h3 span::after{
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #fff;
margin: 4px 0px;
}


.ct01 .category-ttl::before{
background-color: #1A94E5;
}
.ct01 .listup li::before{
border-top: 18.6px solid #1A94E5;
}
.ct02 .category-ttl::before{
background-color: #c61720;
}
.ct02 .listup li::before{
border-top: 18.6px solid #c61720;
}
.ct03 .category-ttl::before{
background-color: #e9b92b;
}
.ct03 .listup li::before{
border-top: 18.6px solid #e9b92b;
}
.ct04 .category-ttl::before{
background-color: #FB0025;
}
.ct04 .listup li::before{
border-top: 18.6px solid #FB0025;
}
.ct05 .category-ttl::before{
background-color: #be9671;
}
.ct05 .listup li::before{
border-top: 18.6px solid #be9671;
}
.ct06 .category-ttl::before{
background-color: #49B9A6;
}
.ct06 .listup li::before{
border-top: 18.6px solid #49B9A6;
}
.ct07 .category-ttl::before{
background-color: #00aa27;
}
.ct07 .listup li::before{
border-top: 18.6px solid #00aa27;
}
/*--商品一覧--*/




/*--会社概要--*/
.table-set {
width: 100%;
text-align: left;
margin-bottom: 40px;
}
.table-set th {
background-color: #F2F2F2;
padding:17px;
border: solid 1px #D3D3D3;
font-weight: normal;
}
.table-set td {
padding:17px;
border: solid 1px #D3D3D3;
}
.table-set.table01 th {
width: 32.5%;
}
.table-set.table01 td {
width: 67.5%;
}
.table-set.table02 th {
width: 15.5%;
}
.table-set.table02 td {
width: 84.5%;
}
/*--会社概要--*/




/*--ご利用規約--*/
#kiyaku b,
#kiyaku p,
#kiyaku span {
display: block;
}
#kiyaku b {
margin:42px 0 23px;
display: block;
font-size: 16px;
}
#kiyaku p {
}
#kiyaku span {
padding-left: 16px;
}
.mrgn30 {
margin-top: 30px;
}
.indent {
text-indent: -16px;
padding-left: 16px;
}
/*--ご利用規約--*/




/*--お支払い方法--*/
#payment b {
display: block;
margin-top: 40px;
}
.minittl {
font-size: 18px;
padding-bottom: 10px;
border-bottom: solid 1px #707070;
font-weight: bold;
margin:30px 0 14px;
}
.minittl.red p {
border-left: solid 20px red;
line-height: 20px;
padding-left: 10px;
}
.minittl.black {
padding-bottom: 2px;
}
.minittl.black p {
border-left: solid 10px #333333;
line-height: 50px;
padding-left: 30px;
}
.other-link {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.other-link a {
font-size: 18px;
font-weight: bold;
border: solid 1px #D3D3D3;
display: block;
width: 48%;
box-sizing: border-box;
margin-bottom: 20px;
background-image: url(../images/otherarrow.svg);
background-size: 10px;
background-repeat: no-repeat;
background-position: 97% 50%;
}
.other-link a p {
display: inline-block;
padding-left: 25px;
}
.other-link a:before{
display: inline-block;
height: 100%;
width: 70px;
color: #fff;
background-color: #7A83C3;
text-align: center;
padding: 20px 0;
box-sizing: border-box;
}
.other-link a:nth-child(1):before{
content: "1";
}
.other-link a:nth-child(2):before{
content: "2";
}
.other-link a:nth-child(3):before{
content: "3";
}
.other-link a:nth-child(4):before{
content: "4";
}
.other-link a:nth-child(5):before{
content: "5";
}
.other-link a:nth-child(6):before{
content: "6";
}
.other-link a:nth-child(7):before{
content: "7";
}
.other-link a:nth-child(8):before{
content: "8";
}

.cardlist {
width: 34%;
min-width: 333px;
padding: 0 0 20px;
}
/*--お支払い方法--*/


















/*--pp-print-list--*/
.mrgn10 {
margin-bottom: 10px;
}
.mrgn20 {
margin-bottom: 20px;
}
.mrgn25 {
margin-bottom: 25px;
}
.mrgn30 {
margin-bottom: 30px;
}
.mrgn40 {
margin-bottom: 40px;
}
.mrgn60 {
margin-bottom: 60px;
}
.mrgn70 {
margin-bottom: 70px;
}
.mrgn80 {
margin-bottom: 80px;
}
.size-list {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.size-list li {
width: 15%;
margin-right: 2%;
}
/*.size-list li:last-child{
margin-right: 0;
}*/


.size-list li:nth-child(6n){
margin-right: 0;
}
.size-list li:nth-child(n+7){
margin-top: 40px;
}
.size-list li img {
width: 100%;
margin: auto;
}


.size-list li a {
display: block;
text-align: center;
color: #fff;
padding: 13px 0;
background: linear-gradient(180deg, #1E8CD0, #0F4668);
border: solid 1px #707070;
margin-top: 7px;
}


.size-list2 {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.size-list2 li {
width: 15%;
margin-right: 2%;
}
/*.size-list li:last-child{
margin-right: 0;
}*/


.size-list2 li:nth-child(6n){
margin-right: 0;
}
.size-list2 li:nth-child(n+7){
margin-top: 40px;
}
.size-list2 li img {
width: 100%;
margin: auto;
}


.size-list2 li a {
display: block;
text-align: center;
color: #fff;
padding: 13px 0;
background: linear-gradient(180deg, #1E8CD0, #0F4668);
border: solid 1px #707070;
margin-top: 7px;
}



.size-list {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
.size-list li {
width: 15%;
margin-right: 2%;
}
/*.size-list li:last-child{
margin-right: 0;
}*/


.size-list li:nth-child(6n){
margin-right: 0;
}
.size-list li:nth-child(n+7){
margin-top: 40px;
}
.size-list li img {
width: 100%;
margin: auto;
}


.size-list li a {
display: block;
text-align: center;
color: #fff;
padding: 13px 0;
background: linear-gradient(180deg, #1E8CD0, #0F4668);
border: solid 1px #707070;
margin-top: 7px;
}
.sizettl {
padding: 10px 0;
text-align: center;
background-image: url(/base/images/polygon250.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
font-size: 20px;
}
.sizettl2 {
padding: 10px 0;
text-align: center;
background-image: url(/base/images/polygon349.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
font-size: 30px;
text-shadow    : 
   2px  2px 1px #fff,
  -2px  2px 1px #fff,
   2px -2px 1px #fff,
  -2px -2px 1px #fff,
   2px  0px 1px #fff,
   0px  2px 1px #fff,
  -2px  0px 1px #fff,
   0px -2px 1px #fff;
}
.option-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.option-list img {
display: block;
width: 48%;
margin-bottom: 20px;
}
.advantage {
border:solid 4px #E62222;
position: relative;
padding: 70px 35px 35px;
}
.advantage h3 {
    border: solid 4px #E62222;
font-size: 30px;
background-color: #E62222;
color: #fff;
padding: 20px 57px;
border-radius: 10000px;
display: inline-block;
line-height: 30px;
position: absolute;
top: -43px;
left: 23%;
letter-spacing: 2px;
}
.visual {
display: flex;
justify-content: space-between;
}
.visual img {
display: block;
width: 40%;
height: max-content;
}
.visual ul {
width: 55%;
}
.visual ul li {
display: flex;
align-items: center;
background-color: #F5F5F5;
border:solid 1px #D3D3D3;
margin-bottom: 12px;
}
.visual ul li b {
text-align: center;
background-color: #E62222;
color: #fff;
font-size: 32px;
width: 10%;
display: block;
border: solid 1px #D3D3D3;
padding: 20px 0;
}
.visual ul li span {
width: 25%;
display: block;
box-sizing: border-box;
padding: 0 3%;
font-size: 22px;
font-weight: bold;
}
.visual ul li p {
width: 65%;
display: block;
box-sizing: border-box;
padding: 0 3%;
font-size: 16px;
}
.work {
display: flex;
justify-content: space-between;
}
.work li {
width: 24%;
}
.work li p {
text-align: center;
background-color: #333333;
font-size: 18px;
color: #fff;
padding: 15px 0;
}
















#iconlist .iconlist-cld {
padding: 27px;
background-color: #FFF0F0;
}
#iconlist b {
font-size: 22px;
color: #AA1A1A;
display: block;
padding-left: 10px;
border-left: solid 22px #AA1A1A;
line-height: 22px;
margin-bottom: 20px;
}
#iconlist ul li {
background-color: #fff;
padding: 7px 9px;
display: flex;
align-items: center;
margin-bottom: 10px;
}
#iconlist ul li:last-child{
margin-bottom: 0px;
}
#iconlist ul li span {
display: inline-block;
color: #fff;
background-color: red;
padding: 9px 14px;
font-size: 20px;
font-weight: bold;
line-height: 20px;
}
#iconlist ul li h4 {
font-size: 16px;
display: block;
width: 240px;
margin:0 43px 0 14px;
}
#iconlist ul li p {
font-weight: bold;
font-size: 14px;
}
#iconlist ul li.icon01 span {background-color: #3F69AE;}
#iconlist ul li.icon02 span {background-color: #4FAC7F;}
#iconlist ul li.icon03 span {background-color: #DB692E;}

#iconlist ul li.icon01 h4{color: #3F69AE;}
#iconlist ul li.icon02 h4{color: #4FAC7F;}
#iconlist ul li.icon03 h4{color: #DB692E;}









.concept-ttl {
display: flex;
background-color: #727272;
padding: 18px 25px;
color: #fff;
align-items: center;
margin-bottom: 30px;
}
.concept-ttl h2 {
font-size: 24px;
}
.concept-ttl h2 span {
display: block;
font-size: 14px;
font-weight: normal;
}
.concept-ttl p {
padding: 0 82px 0 37px;
}
.concept-ttl ul {
display: flex;
justify-content: flex-start;
align-items: center;
}
.concept-ttl li {
padding: 13px 10px;
color: #000;
background-color: #fff;
margin-right: 10px;
font-weight: bold;
font-size: 15px;
}

.conceptlist-cont {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.conceptlist-cont-cld {
margin-bottom: 20px;
display: flex;
align-items: center;
border:solid 1px #D3D3D3;
width: 49%;
/*background: url("../images/item-bg.jpg")repeat-x bottom;*/
background-color: rgba(185,221,241,1.00);
/*background-color: rgba(234,228,212,1.00);*/
/*background-color:rgba(189,190,193,1.00);*/
/*background-color: #F7F7F7;*/
position: relative;
}
.conceptlist-cont-cld .imagespop {
position: absolute;
bottom: 4px;
left: 4px;
width: 24px;
height: 24px;
background-image: url("/base/images/expansion.svg");
background-size: contain;
background-repeat: no-repeat;
}
.popmodal {
height: 100vh;
background-color: rgba(255,255,255,.6);
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
display: none;
text-align: center;
padding: 10% 0;
box-sizing: border-box;
}
.popmodal img {
height: 70vh;
width: auto;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background-color: rgba(185,221,241,1.00);
padding: 30px;
}
.conceptlist-cont-cld-img {
width: 33.33%;
}

.conceptlist-cont-cld-img img {
display: block;
width: 66.66%;
height: auto;
margin: 0 auto;
}

@media screen and (max-width: 780px) {
.conceptlist-cont-cld-img {
width: 33.33%;
}
}

@media screen and (max-width: 780px) {
.conceptlist-cont-cld-img img {
display: block;
width: 50%;
height: auto;
margin: 0 auto;
}
}

.conceptlist-cont-cld-spec {
width: 66.66%;
padding: 30px 13px;
background-color: #fff;
}
.conceptlist-cont-cld-spec a {
/*font-size: 18px;
color: #0066C0;
text-decoration: underline;*/
font-weight: bold;
}
.conceptlist-cont-cld-spec h2 {
font-size: 24px;
padding: 15px 0;
}
.conceptlist-cont-cld-spec h2 span {
display: inline-block;
margin-left: 15px;
color: #fff;
font-size: 20px;
padding: 7px 13px;
line-height: 20px;
}
.conceptlist-cont-cld-spec p {
font-size: 14px;
font-weight: 500;
}
.tug {
padding: 7px 14px;
margin-bottom: 4px;
font-size: 12px;
display: inline-block;
line-height: 12px;
}







.basic .conceptlist-cont-cld-spec h2 span {
background-color: #4FAC7F;
font-size: 16px;
padding: 6px 8px;
}
.basic .tug {
border:solid 1px #4FAC7F;
color: #4FAC7F;
margin-top:22px;
}
.gorgeous .conceptlist-cont-cld-spec h2 span {
background-color: #DB692E;
font-size: 16px;
padding: 6px 8px;	
}
.gorgeous .tug {
border:solid 1px #DB692E;
color: #DB692E;
margin-top:22px;
}
.usude .conceptlist-cont-cld-spec h2 span {
background-color: #3F69AE;
font-size: 16px;
padding: 6px 8px;	
}
.usude .tug {
border:solid 1px #3F69AE;
color: #3F69AE;
margin-top:22px;
}
.tug.no1 {
background-color: #ECFF06;
color: #333333;
}
.tug.no2 {
background-color: #E1D1FF;
color: #333333;
}
.tug.no3 {
background-color: #F7E1B9;
color: #333333;
}
/*--pp-print-list--*/
















/*--promo-print-list--*/
.promo .concept-ttl {
position: relative;
}
.promo .concept-ttl h2 {
padding: 0 66px 0 110px;
}
.promo .concept-ttl b{
display: block;
position: absolute;
background-color: red;
padding: 27px 0;
width: 110px;
left: 0;
text-align: center;
font-size: 24px;
}
.promo .concept-ttl span{
font-size: 12px;	
}
.promo .conceptlist-cont-cld {
width: 100%;
background-color: #fff;
margin-bottom: 48px;
}



.promo .conceptlist-cont-cld-spec {
padding: 0 26px;
}
/*.promo .conceptlist-cont-cld-spec a {
margin-bottom: 20px;
display: block;
font-size: 22px;
}*/


.promo .conceptlist-cont-cld-img img {
width: 100%;
}
.promo .sub {
display: flex;
}
.promo .sub li {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 2px;
padding-right: 2px;
}
.promo .sub .li01 {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
}
.promo .sub .li02 {
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0px;
}
.dlbtn {
width: 138px;
display: block;
margin: 20px 0;
}
.comment {
font-size: 16px;
}
.promo .concept-ttl li.no1 {background-color: #ECFF07}
.promo .concept-ttl li.no2 {background-color: #E1D1FF}
.promo .concept-ttl li.no3 {background-color: #F7E1B9}
/*--promo-print-list--*/




#column ul li {
display: flex;
overflow: hidden;
padding: 22px 0;
border-bottom: dashed 2px #D3D3D3;
}
#column ul li p {
display: inline-block;
margin-right: 45px;
}
#column ul li a {
display: inline-block;
white-space: nowrap;
/*text-decoration: underline;*/
/*color: #0066C0;*/
}
#pickcont ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 15px;
}
#pickcont ul li {
margin-bottom: 2%;
}















/*--user-guide--*/
.guide-landing {
display: flex;
}
.guide-landing li {
width: 14.285%;
text-align: center;
border:solid 1px #D3D3D3;
padding: 20px 3px 60px;
background-image: url(/base/images/arrow-u.svg);
background-repeat: no-repeat;
background-position: center 220px;
}
.guide-landing li p {
font-size: 16px;
font-weight: bold;
padding: 25px 0;
}
.guide-landing li b {
font-size: 22px;
padding: 5px 11px;
display: inline-block;
background-color: #7A83C3;
color: #fff;
}
.guide-landing li img {
width:39.285%;
margin:0 auto;
}



.guide-flow {
margin-bottom: 65px;
}
.guide-flow li {
border:solid 1px #D3D3D3;
margin-bottom: 25px;
}
.guide-flow li h3 {
font-size: 22px;
background-color: #F5F4F4;
border-bottom:solid 1px #D3D3D3;
padding: 7px;
}
.guide-flow li h3 span {
font-size: 18px;
padding: 5px 11px;
display: inline-block;
background-color: #7A83C3;
color: #fff;
margin-right: 20px;
}
.guide-flow li .cont {
padding:15px 28px 15px 70px;
font-size: 20px;
text-align: center;
}
.guide-flow li .cont p {
text-align: left;
}
.newacc {
padding:20px 35px;
font-size: 22px;
font-weight: bold;
color: #fff;
background-color: #E20000;
display: inline-block;
margin-top: 30px;
letter-spacing: 2px;
}
.newacc span {
color:#FFFF00;
}
.cont-link {
text-align: left;
margin-top: 10px;
}
.cont-link a {
text-decoration: underline;
margin-right: 30px;
}
.tempbtn {
display: flex;
justify-content: space-between;
padding: 40px 0;
}
.tempbtn li {
width: 48%;
text-align: center;
border:none;
margin-bottom: 0;
}
.tempbtn li p {
color: red;
font-weight: bold;
font-size: 14px;
display: inline-block;
}
.guide-flow li .cont p.imgtext {
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 37px 0 14px;
}
/*--user-guide--*/









/*--faq--*/

.faq-box li {
padding: 25px;
border:solid 1px #D3D3D3;
margin-bottom: 20px;
}
.faq-box li h3 {
padding-left: 42px;
position: relative;
line-height: 27px;
}
.faq-box li p {
padding-left: 42px;
margin-top: 25px;
display: none;
}
.faq-box li.open p {
display: block;
position: relative;
}
.faq-box li h3:before,
.faq-box li p:before {
content: "";
display: inline-block;
width: 27px;
height: 27px;
vertical-align: middle;
position: absolute;
left: 0;
top: 0;
}
.faq-box li h3:before{
background-image: url(/base/images/q.svg);
}
.faq-box li p:before {
background-image: url(/base/images/a.svg);
}
/*--faq--*/




/*--size--*/

.size-box li {
padding: 25px;
border:solid 1px #D3D3D3;
margin-bottom: 20px;
}
.size-box li h3 {
padding-left: 42px;
position: relative;
line-height: 27px;
}
.size-box li p {
padding-left: 42px;
margin-top: 25px;
display: none;
}
.size-box li.open p {
display: block;
position: relative;
}
.size-box li h3:before,
.size-box li p:before {
content: "";
display: inline-block;
width: 27px;
height: 27px;
vertical-align: middle;
position: absolute;
left: 0;
top: 0;
}
.size-box li h3:before{
background-image: url(/base/images/q.svg);
}
.size-box li p:before {
background-image: url(/base/images/a.svg);
}
/*--size--*/




/*--promo-print-list02--*/
.visual-cont {
display: flex;
justify-content: space-between;
}
.visual-cont li:first-child {
width: 40%;
}
.visual-cont li:last-child {
width: 55%;
}
.visual-cont li:last-child h4 {
font-size: 22px;
font-weight: normal;
text-align: center;
padding: 17px 0;
background-color: #EBE8E8;
border: solid 1px #D3D3D3;
margin-bottom: 30px;
}
.visual-cont li:last-child p {
font-size: 22px;
padding-left: 48px;
position: relative;
background-image: url(/base/images/checkbox.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
margin-bottom: 17px;
}


.visual-cont.set2 li:last-child h4 {
font-size: 16px;
font-weight: normal;
text-align: left;
padding: 0;
background-color: rgba(0,0,0,0);
border: none;
margin-bottom: 30px;
}
.visual-cont.set2 li:last-child p {
padding-left: 80px;
margin-bottom: 17px;
line-height: 60px;
}
.visual-cont.set2 li:last-child p:nth-child(2) {
background-image: url(/base/images/point1.svg);
}
.visual-cont.set2 li:last-child p:nth-child(3) {
background-image: url(/base/images/point2.svg);
}
.visual-cont.set2 li:last-child p:last-child {
background-image: url(/base/images/point3.svg);
}

h1.jitsugen {
font-size: 28px;
display: block;
text-align: center;
line-height: 28px;
padding: 20px 0;
background-color: #E2E8FF;
border: solid 1px #CCD2FF;
color: #170F55;
position: relative;
width: 90%;
margin: 50px auto;
}
h1.jitsugen:before,
h1.jitsugen:after {
content: "";
width: 160px;
display: block;
height: 160px;
background-image: url(/base/images/adpro_img.svg);
position: absolute;
top: -60px;
}
h1.jitsugen:before{
left: -100px;
}
h1.jitsugen:after{
right: -100px;
transform: rotate(25deg);
}
h1.tool {
background-color: #FF0000;
border: solid 1px #D3D3D3;
font-size: 26px;
color: #fff;
text-align: center;
display: block;
padding: 20px 45px;
margin: 0 auto 30px;
width: 80%;
border-radius: 10000px;
}



section.kokininsatsu {
background-image: url(/base/images/koukin_background.jpg);
background-size: cover;
background-position: center;
padding: 40px;
text-align: center;
}
section.kokininsatsu h2 {
font-size: 34px;
color: #008BD5;
}
section.kokininsatsu h2 span {
font-size: 45px;
}
section.kokininsatsu p {
font-size: 17px;
color: #333333;
padding: 25px 0 30px;
}
section.kokininsatsu iframe {
width: 50%;
}
section.kokininsatsu .plus {
width: 75%;
margin: 0 auto 30px;
}
section.kokininsatsu ul {
display: flex;
justify-content: space-between;
}
section.kokininsatsu ul li {
width: 48%;
}


section.shokai {
padding: 40px;
text-align: center;
}
section.shokai h1 {
font-size: 40px;
border-radius: 23px;
display: inline-block;
text-align: center;
line-height: 28px;
padding: 30px 85px;
background: linear-gradient(180deg,#ED2929,#9A0404);
color: #fff;
position: relative;
margin: 0px auto 20px;
}
section.shokai p {
font-size: 20px;
font-weight: bold;
}
section.shokai iframe {
width: 50%;
}



section.katsudo ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
section.katsudo ul li {
width: 49%;
position: relative;
border:solid 1px #D3D3D3;
margin-bottom:2%;
}
section.katsudo ul li b {
position: absolute;
top: 0;
left: 0;
font-size: 20px;
font-weight: bold;
color: #fff;
width: 214px;
text-align: center;
padding: 5px 0;
}
section.katsudo ul li:nth-child(1) b {
background-color: #FF2929;
}
section.katsudo ul li:nth-child(2) b {
background-color: #FF6C00;
}
section.katsudo ul li:nth-child(3) b {
background-color: #19467B;
}
section.katsudo ul li:nth-child(4) b {
background-color: #6F65E8;
}
section.katsudo ul li:nth-child(5) b {
background-color: #00950B;
}
section.katsudo ul li:nth-child(6) b {
background-color: #6493CB;
}
section.katsudo ul li p {
display: block;
padding: 15px;
}
/*--promo-print-list02--*/






/*--ready-made01--*/
.made-point h4 {
padding: 0% 1% 0% 190px;
background-image: url(/base/images/point.svg);
background-repeat: no-repeat;
background-size: 174px;
background-position: center left;
line-height: 46px;
margin-top: 20px;
background-color: #fff;
border: solid 1px #D3D3D3;
font-size: 16px;
font-weight: normal;
margin-bottom: 32px;
}
/*--ready-made01--*/







/*--アドレス帳--*/
.mid_address {
display: flex;
justify-content: space-between;
padding: 60px 0;
align-items: center;
}
.mid_address select {
border: solid 1px #D3D3D3;
padding: 12px 16px;
outline: none;
width: 360px;
margin-left: 10px;
}
.perbtn {
font-size: 14px;
color: #fff;
border:solid 1px #D3D3D3;
background-color: #7A83C3;
padding: 10px 17px;
}
.mid_address.tableup {
padding: 20px 0;
}
/*--アドレス帳--*/






/*--カード情報設定--*/
.cardlist {
display: flex;
}
.cardlist img {
display: inline-block;
/*width: 50px;*/
height: auto;
}


/*--カード情報設定--*/






/*--配送先、支払方法選択--*/
.sender_box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.sender_left,
.sender_right {
width: 49%;
margin-bottom: 20px;
}
.addedit {
text-align: center;
border: solid 1px #D3D3D3;
background-color: #7a83c3;
font-size: 12px;
color: #fff;
font-weight: bold;
padding: 5px 20px;
display: inline-block;
margin: 0 5px;
}
.sender_tbl_in {
padding: 25px 30px;
display: block;
width: 100%;
border:solid 1px #D3D3D3;
box-sizing: border-box;
}
.csv_tbl {
text-align: left;
width: 100%;
}
.csv_tbl th,
.csv_tbl td {
padding: 22px 30px;
border:solid 1px #D3D3D3;
}
.b_sender_download,
.b_sender_batch {
display: block;
width: 100%;
text-align: center;
border: solid 1px #D3D3D3;
background-color: #fff;
font-size: 14px;
font-weight: bold;
padding: 8px 0;
}

#ajax_order_detail table.contact {
margin-bottom: 10px;
}
/*--配送先、支払方法選択--*/





.stepttl {
padding: 20px 0 20px 170px;
background-repeat: no-repeat;
background-size: 150px;
background-position: left center;
}
.stepttl.step1{
background-image: url(/base/images/step1.svg);
}
.stepttl.step2{
background-image: url(/base/images/step2.svg);
}
.stepttl.step3{
background-image: url(/base/images/step3.svg);
}
.stepttl.step4{
background-image: url(/base/images/step4.svg);
}












/*--入稿ガイド--*/
.chui {
padding: 25px;
border:solid 1px #707070;
margin-top: 30px;
}
.colorvar b {
font-size: 18px;
margin-bottom: 10px;
}
.colorvar ul {
display: flex;
padding: 2% 0;
justify-content: center;
border:solid 1px #707070;
}
.colorvar ul li {
width: 38px;
height: 76px;
margin: 0 10px;
}
.kaito {
border:solid 1px #707070;
background-color: #F4F4F4;
padding: 3%;
position: relative;
}
.kaito h4{
position: absolute;
font-size: 16px;
padding: 14.5px;
border: solid 1px #333;
line-height: 16px;
top: -22px;
border-radius: 10000px;
background-color: #fff;
}
.kaito b {
margin:0;
}
.inputflow ul{
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.inputflow ul li {
width: 48%;
}
.inputflow ul li b {
font-size: 18px;
margin:0 0 10px 0;
}
.inputflow ul li:last-child {
position: relative;
}
.inputflow ul li:last-child:before {
display: inline-block;
position: absolute;
top: 1px;
left: 1px;
font-size: 24px;
line-height: 24px;
font-weight: bold;
padding: 16.5px 20px;
background-color: #EAEAEA;
}
.inputflow ul:nth-child(1) li:last-child:before {
content: "1";
}
.inputflow ul:nth-child(2) li:last-child:before {
content: "2";
}
.inputflow ul:nth-child(3) li:last-child:before {
content: "3";
}
.inputflow ul:nth-child(4) li:last-child:before {
content: "4";
}
.inputflow ul:nth-child(5) li:last-child:before {
content: "5";
}
.inputflow ul:nth-child(6) li:last-child:before {
content: "6";
}
.inputflow ul:nth-child(7) li:last-child:before {
content: "7";
}
.inputflow ul:nth-child(8) li:last-child:before {
content: "8";
}
.inputflow ul:nth-child(9) li:last-child:before {
content: "9";
}
.inputflow ul:nth-child(10) li:last-child:before {
content: "10";
}
/*--入稿ガイド--*/













/*--お見積り--*/
.est_select_wrap {
text-align: center;
}
.est_select_wrap:after {
display: block;
content: "";
width: 37.77px;
margin: 30px auto;
height: 39px;
background-image: url(/base/images/arrow-d.svg);
}
.est_select_wrap select {
width: 550px;
padding: 10px;
border: solid 1px #D3D3D3;
font-size: 16px;
}
.contact .est_select_wrap:after {
display: none;
}




/*--お見積り--*/
.price_wrap {
max-width: 600px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 10px 10px 25px 10px;
border: solid 1px #D3D3D3;
margin-bottom: 100px;
}
.price_wrap .price_bg {
padding: 30px 0;
line-height: 28px;
background-color: #F0F0F0;
width: 100%;
text-align: center;
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}

.price_wrap .price_bg p span {
font-size: 28px;
color: red;
padding: 0 15px;
}
.price_wrap b {
width: 40%;
background-color: #ddd;
text-align: center;
margin: 0 10px;
font-size: 20px;
padding: 20px;
box-sizing: border-box;
border:solid 1px #D3D3D3;
color: #fff;
}
.price_wrap b.hatchu {
background-color: #DD1B1B;
}
.price_wrap b.mitsumori {
background-color: #7A83C3;
}














/*--テンプレートダウンロード--*/
.templist-link {
display: flex;
flex-wrap: wrap;
justify-content: left;
margin-bottom: 30px;
}
.templist-link a {
width: 32%;
margin-right: 1%;
display: flex;
border: solid 1px #D3D3D3;
align-items: center;
margin-bottom: 25px;
background-image: url("/base/images/arrow-r.svg");
background-repeat: no-repeat;
background-position: 95% center;
background-size: 13px;
}
.templist-link a .img {
width: 23%;
background-color: #D3D3D3;
padding: 10% 5%;
box-sizing: border-box;
height: 100%;
display: flex;
align-items: center;
}
.templist-link a .text {
width: 77%;
font-size: 22px;
font-weight: bold;
padding-left: 5%;
box-sizing: border-box;
}
.templist-link a .text span {
font-size: 16px;
display: block;
}
.templist-link a .text span.red {
font-size: 12px;
display: block;
color: red;
font-weight: normal;
}


.attention h4 {
padding: 17px 30px;
box-sizing: border-box;
font-size: 16px;
color: #fff;
background-color: #333333;
}
.attention p {
display: block;
box-sizing: border-box;
padding: 30px 22px;
font-size: 16px;
color: #333333;
border: solid 1px #D3D3D3;
}
.attention p b {
color: red;
}

table.contact.contact2.tempdltable {
text-align: center;
}
table.contact.contact2.tempdltable tr:first-child th:nth-child(1),
table.contact.contact2.tempdltable tr:first-child th:nth-child(3) {
width: 25%;
}
table.contact.contact2.tempdltable tr:first-chils th:nth-child(2) {
width: 50%;
}
table.contact.contact2.tempdltable td{
padding: 30px 0;
}
table.contact.contact2.tempdltable td span{
display: block;
font-size: 12px;
}
table.contact.contact2.tempdltable td a:after{
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/base/images/ai.png);
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
margin-left: 5px;
}
table.contact.contact2.tempdltable td a:hover {
text-decoration: underline;
}
/*--テンプレートダウンロード--*/







/*--在庫一覧表--*/
.stockbox {
padding: 25px 37px;
box-sizing: border-box;
border: solid 1px #D3D3D3;
margin-bottom: 30px;
}
.stockbox-ttl {
display: flex;
align-items: center;
justify-content: space-between;
}
.stockbox-ttl h2 {
font-size: 28px;
}
.stockbox-ttl a {
font-size: 26px;
padding: 16px 37px;
box-sizing: border-box;
color: #7A83C3;
font-weight: bold;
border: solid 1px #D3D3D3;
}
.stockbox-text {
padding-top: 40px;
}
.stockbox-text b {
font-size: 20px;
display: block;
margin-bottom: 10px;
}
/*--在庫一覧表--*/





/*--shine--*/
.scene-ttl {
background-color: #F4F4F4;
border-left: solid 10px #D01F1F;
padding: 16px;
margin: 40px 0 23px;
font-size: 22px;
}
.scene-ttl span {
font-size: 20px;
margin-left: 38px;
}
.scene-subttl {
display: block;
padding: 22px 0;
margin: 22px 0;
border: solid 1px #D3D3D3;
text-align: center;
font-weight: normal;
font-size: 18px;
}
.scene-subttl span:before {
display: inline-block;
content: "▼";
color: red;
margin-right: 10px;
}
/*--shine--*/









/*--納期目安表--*/
.delivery-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 30px; 
}
.delivery-list li {
width: 49%;
position: relative;
padding:50px 30px 30px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
border: solid 1px #D3D3D3;
}
.delivery-list li h2 {
font-size: 20px;
position: absolute;
padding: 12px 42px;
background-color: #EDEDED;
border: solid 1px #D3D3D3;
top: -23px;
line-height: 20px;
}
.delivery-list li h4 {
font-size: 26px;
color: red;
display: block;
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.delivery-list li img {
display: block;
width: 104px;
padding-right: 33px;
}
.delivery-list li p {
display: block;
font-size: 20px;
font-weight: bold;
line-height: 33px;
}
.delivery-list li p span {
font-size: 30px;
color: red;
}
.delivery-list li div {
width: 100%;
margin-top: 20px;
text-align: center;font-size: 16px;
}


.delivery-schedule {
margin-bottom: 40px;
}
.delivery-schedule b {
font-size: 18px;
display: block;
margin-bottom: 20px;
}
.delivery-schedule b span{
font-size: 17px;
display: block;
font-weight: normal;
}
.delivery-schedule.set1 img {
width: 292px;
}
.delivery-schedule.set2 img {
width: 389px;
}
.delivery-schedule.set3 img {
width: 577px;
}
.delivery-schedule.set4 img {
width: 634px;
}
.delivery-schedule.set5 img {
width: 634px;
}
.delivery-schedule.set6 img {
width: 690px;
}
.delivery-schedule.set7 img {
width: 690px;
}
.delivery-schedule.set8 img {
width: 748px;
}
.delivery-schedule.set9 img {
width: 748px;
}
.delivery-schedule.set10 img {
width: 922px;
}
.delivery-schedule.set11 img {
width: 922px;
}
.delivery-schedule.set12 img {
width: 100%;
}
/*--納期目安表--*/




@media screen and (max-width: 980px) {

form {
width: 100%;
margin:0 auto;
}
.tablecapttl {
font-size: 14px;
}
table.contact {
font-size: 10px;
}
table.contact input[type="password"],
table.contact input[type="text"],
table.contact select {
width: 100%;
}
table.contact input,
table.contact textarea,
table.contact select {
width: 100%;
}
.buttons input{
font-size: 12px;
padding: 10px;
width: auto;
}
table.contact input[type="radio"] {
width: auto;
margin:0;
vertical-align: middle;
}









.pankuzu {
padding: 5px 0;
}
.pankuzu a, .pankuzu p {
display: inline-block;
font-size: 10px;
}


.bottomtitle {
font-size: 18px;
padding: 15px;
}
.bottomsubtitle2 {
font-size: 12px;
}










.sec-ttl-btm h2 {
font-size: 16px;
}
.sec-ttl-btm2 h2 {
font-size: 16px;
}
.sec-ttl-btm3 h2 {
font-size: 16px;
}
.sec-ttl-btm4 h2 {
font-size: 16px;
}
.stockbox-ttl h2 {
font-size: 16px;
display: block;
padding-bottom: 10px;
}
.stockbox-text b {
font-size: 14px;
display: block;
margin-bottom: 10px;
}
.stockbox {
padding: 25px 15px;
}

.category-ttl {
font-size: 14px;
padding-left: 22px;
margin-bottom: 10px;
}
.category-ttl::before {
width: 14px;
height: 14px;
top: 15%;
}
.stockbox-ttl {
flex-wrap: wrap;
padding-bottom: 20px;
}
.stockbox-ttl a {
font-size: 14px;
padding: 10px;
width: 100%;
text-align: center;
}

#bottom-listup .listup li h3 span {
font-size: 14px;
}
.listup.two-peace li {
width: 100%;
margin-bottom: 5px;
}
#bottom-listup .listup li h3 {
top: 16px;
font-size: 14px;
}
#bottom-listup .listup li h3 span {
display: block;
font-size: 12px;
}
.bottomsubtitle {
font-size: 12px;
width: 95%;
margin: 0 auto;
padding-bottom: 10px;
}



.guide-landing {
flex-wrap: wrap;
}
.guide-landing li {
width: 100%;
padding: 0;
background-position: 96% center;
}
.guide-landing li a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 45px 10px 10px;
}
.guide-landing li img {
width: 30px;
margin: inherit;
}
.guide-landing li p {
font-size: 14px;
font-weight: bold;
padding: 0 0 0 15px;
}
.guide-landing li b {
font-size: 12px;
padding: 5px 11px;
display: inline-block;
background-color: #7A83C3;
color: #fff;
}
.guide-flow li h3 {
font-size: 16px;
}
.guide-flow li h3 span {
font-size: 12px;
}
.guide-flow li .cont {
padding: 15px;
font-size: 12px;
}
.other-link a {
font-size: 12px;
width: 100%;
margin-bottom: 5px;
background-size: 7px;
}
.other-link a:before {
width: 10%;
padding: 8px 0;
}






.faq-box li {
padding: 15px;
margin-bottom: 5px;
}
.faq-box li h3 {
line-height: 18px;
font-size: 14px;
}
.faq-box li h3:before, .faq-box li p:before {
top: -4px;
}


.tempbtn {
flex-wrap: wrap;
padding: 20px 0 0;
}
.tempbtn li {
width: 100%;
margin-bottom: 20px;
}
.tempbtn li p {
font-size: 10px;
}






.begginers {
width: 95%;
margin:0 auto;
}
.acclink p {
padding: 15px;
width: 100%;
}
.acclink p b {
padding-left: 32px;
color: #fff;
letter-spacing: 2px;
font-size: 14px;
background-size: 25px 15px;
}




.showlist ul {
display: block;
margin-bottom: 30px;
}
.showlist ul li {
width: 100%;
}
.showlist-img {
background-image: url(/base/images/showlist1.jpg);
background-position: right;
height: 250px;
}


.showlist-txt {
background-color: #F5F5F5;
padding: 10% 5% 5%;
}
.showlist-txt h2 {
text-align: left;
font-size: 16px;
margin-bottom: 10px;
}
.service h2 {
width: 80%;
}
.service h3 {
font-size: 16px;
margin: 20px 0 10px;
}
.service ul li {
width: 50%;
}
.service ul.servicelist1 li a,
.service ul.servicelist2 li a {
padding: 10px 0;
font-size: 12px;
display: block;
}
.directlink {
width: 100%;
}





#column ul li {
padding: 5px 0;
}








.delivery-list li {
width: 100%;
padding: 30px 15px 15px;
margin-bottom: 30px;
}
.delivery-list li h2 {
font-size: 14px;
padding: 10px 40px;
}
.delivery-list li h4 {
font-size: 14px;
margin-bottom: 10px;
}
.delivery-list li img {
width: 80px;
padding-right: 10px;
}
.delivery-list li p {
font-size: 12px;
line-height: 20px;
}
.delivery-list li p span {
font-size: 18px;
}
.delivery-list li div {
margin-top: 10px;
font-size: 10px;
}
.delivery-schedule b {
font-size: 14px;
}
.delivery-schedule b span {
font-size: 12px;
}



.delivery-schedule.set1 img,
.delivery-schedule.set2 img,
.delivery-schedule.set3 img,
.delivery-schedule.set4 img,
.delivery-schedule.set5 img,
.delivery-schedule.set6 img,
.delivery-schedule.set7 img,
.delivery-schedule.set8 img,
.delivery-schedule.set9 img,
.delivery-schedule.set10 img,
.delivery-schedule.set11 img,
.delivery-schedule.set12 img {
width: 100%;
}





.minittl.black p {
border-left: solid 5px #333333;
line-height: 30px;
padding-left: 15px;
font-size: 14px;
}
.est_select_wrap select {
width: 100%;
padding: 10px;
font-size: 12px;
}
.est_select_wrap:after {
display: block;
content: "";
width: 20px;
margin: 10px auto;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-image: url(/base/images/arrow-d.svg);
}
.price_wrap {
justify-content: space-between;
}
.price_wrap b {
width: 49%;
margin: 0; 
font-size: 14px;
padding: 10px 0;
}
.riyou {
font-size: 12px;
}
.table-set {
font-size: 12px;
}
.my_btn {
justify-content: space-between;
}
.my_btn a {
padding: 3% 0;
text-align: center;
font-size: 10px;
width: 19%;
box-sizing: border-box;
margin: 0;
}
.my_btn p {
width: 24%;
margin: 0;
box-sizing: border-box;
padding: 15px 5px;
font-size: 10px;
text-align: center;
}
.stepttl {
padding: 10px 0 10px 90px;
background-size: 80px;
font-size: 16px;
}
.step1 table.contact select,
.step2 table.contact select{
width: 200px;
}
.advantage h3 {
font-size: 16px;
width: 100%;
text-align: center;
padding: 10px 0;
line-height: 30px;
top: -30px;
left: 0;
box-sizing: border-box;
}
.visual {
display: block;
}
.visual img {
width: 100%;
height: inherit; 
}
.visual ul {
width: 100%;
padding: 20px 0;
}
.visual ul li b {
font-size: 14px;
width: 10%;
padding: 10px 0;
}
.visual ul li span {
width: 20%;
padding: 0 3%;
font-size: 12px;
}
.visual ul li p {
width: 70%;
font-size: 10px;
}


#iconlist .iconlist-cld {
padding: 15px;
}
#iconlist b {
font-size: 14px;
padding-left: 10px;
border-left: solid 14px #AA1A1A;
line-height: 14px;
margin-bottom: 10px;
}
#iconlist ul li {
flex-wrap: wrap;
}
#iconlist ul li h4 {
width: auto; 
margin: 0 0 0 12px;
font-size: 14px;
}
#iconlist ul li span {
font-size: 12px;
line-height: 10px;
}
#iconlist ul li p {
font-weight: bold;
font-size: 12px;
padding-top: 8px;
line-height: 16px;
}



.concept-ttl {
padding: 10px 15px;
margin: 30px 0 0;
flex-wrap: wrap;
}
.concept-ttl h2 {
font-size: 16px;
}
.concept-ttl h2 span {
font-size: 10px;
display: inline-block;
margin-left: 5px;
}
.concept-ttl p {
padding: 0; 
font-size: 10px;
}
.concept-ttl li {
padding: 5px 10px;
margin-right: 10px;
font-size: 10px;
}




.conceptlist-cont-cld {
margin-bottom: 5px;
width: 100%;
}
.conceptlist-cont-cld-spec {
width: 66.66%;
padding: 15px;
}
.conceptlist-cont-cld-spec a {
font-size: 12px;
}
.conceptlist-cont-cld-spec h2 {
font-size: 16px;
padding: 5px 0;
}
.conceptlist-cont-cld-spec h2 span {
font-size: 12px;
padding: 5px 10px;
line-height: 12px;
}



.tug {
padding: 5px 15px;
font-size: 10px;
line-height: 10px;
}


.pankuzu ol {
flex-wrap: wrap;
align-items: center;
}
.pankuzu ol span {
font-size: 10px;
}
.scene-ttl {
padding: 10px 10px;
margin: 40px 0 23px;
font-size: 16px;
}
.scene-ttl span {
font-size: 12px;
display: block;
margin-left: 0;
}
.scene-subttl {
padding: 10px 0;
font-size: 12px;
}
#b-insatu .listup li {
width: 100%;
}
#b-insatu .listup li p {
font-size: 12px;
padding: 10px;
}
.sec-ttl-btm2 h2 span {
display: block;
font-size: 10px !important;
margin-left: 0 !important;
}
.mp_card_tbl img {
width: 35px;
}
.mid_address {
display: block;
}
.mid_address select {
width: 100%;
margin-left: 0;
}
.perbtn {
font-size: 14px;
padding: 10px 17px;
margin-top: 8px;
display: block;
}
.kana_search {
padding: 15px;
font-size: 16px;
}
.sender_left, .sender_right {
width: 100%;
}
.option-list img {
width: 100%;
margin-bottom: 5px;
height: 100%;
}
.contact.contact2 textarea,
.csv_tbl input[type="file"] {
width: 100% !important;
}
.bottomsubtitle3 {
font-size: 12px;
border-radius: 10px;
text-align: left;
padding: 15px;
}


.templist-link a {
width: 100%;
margin: 0 0 5px;
background-position: 95% center;
background-size: 10px;
}
.templist-link a .img {
width: 15%;
background-color: #D3D3D3;
padding: 4%;
}
.templist-link a .text {
font-size: 14px;
}
.templist-link a .text span {
font-size: 10px;
line-height: 10px;
display: block;
}
.templist-link a .text span.red {
font-size: 10px;
margin-top: 5px;
}
.attention p {
padding: 15px;
font-size: 12px;
}
.kaito {
margin-top: 30px;
}
.kaito h4 {
top: -22px;
left: 0;
box-sizing: border-box;
text-align: center;
width: 100%;
}




.inputflow ul {
flex-wrap: wrap;
}
.inputflow ul li {
width: 100%;
}
.inputflow ul li:first-child {
margin-bottom: 10px;
}
.inputflow ul li:last-child:before {
font-size: 14px;
padding: 10px 15px;
}
.chui {
padding: 15px;
}


.visual-cont {
display: block;
}
.visual-cont li:first-child {
width: 100%;
}
.visual-cont li:last-child {
width: 100%;
}
.visual-cont li:last-child h4 {
font-size: 16px;
padding: 10px 0;
margin-bottom: 20px;
}
.visual-cont li:last-child p {
font-size: 14px;
padding-left: 30px;
margin-bottom: 10px;
}




h1.jitsugen {
font-size: 16px;
padding: 10px 78px;
box-sizing: border-box;
line-height: 22px;
width: 100%;
overflow: hidden;
}
h1.jitsugen:before, h1.jitsugen:after {
width: 100px;
height: 100px;
background-size: cover;
background-position: center;
top: -18px;
}
h1.jitsugen:before {
left: -15px;
}
h1.jitsugen:after {
right: -15px;
}
h1.tool {
font-size: 16px;
width: 100%;
box-sizing: border-box;
}
section.shokai {
padding: 0px;
box-sizing: border-box;
}
section.shokai h1 {
font-size: 18px;
padding: 15px 0;
width: 100%;
}
section.shokai p {
font-size: 14px;
}
section.shokai iframe {
width: 100%;
height: auto;
}
section.katsudo ul li b {
font-size: 14px;
width: 100%;
text-align: center;
padding: 5px 0;
box-sizing: border-box;
position: inherit;
display: block;
}
.promo .concept-ttl {
position: relative;
margin-bottom: 0;
padding:0;
}
.promo .concept-ttl b {
font-size: 12px;
position: inherit;
width: 100%;
padding: 10px 0;
}
.promo .concept-ttl h2 {
padding: 10px;

}
.concept-ttl ul {
margin-left: auto;
padding-bottom: 10px;
}
.promo .conceptlist-cont-cld {
display: block;
}
.conceptlist-cont-cld-img {
width: 100%;
}
.promo .conceptlist-cont-cld-spec {
padding: 5%;
width: 100%;
box-sizing: border-box;
}
.promo .conceptlist-cont-cld-spec a {
margin-bottom: 10px;
display: block;
font-size: 16px;
}
.comment {
font-size: 12px;
padding: 10px 0;
}


section.kokininsatsu {
padding: 10% 3%;
box-sizing: border-box;
}
section.kokininsatsu h2 {
font-size: 16px;
}
section.kokininsatsu h2 span {
font-size: 22px;
}
section.kokininsatsu p {
font-size: 12px;
text-align: left;
color: #333333;
padding: 15px 0 0;
}
section.kokininsatsu iframe {
width: 100%;
height: auto;
}
section.kokininsatsu .plus {
width: 100%;
margin: 0 auto 30px;
}
section.kokininsatsu ul {
flex-wrap: wrap;
}
section.kokininsatsu ul li {
width: 100%;
}
section.kokininsatsu ul li:first-child {
margin-bottom: 20px;
}
.conceptlist-cont-cld .imagespop {
top: 4px;
width: 30px;
height: 30px;
}
.made-point h4 {
padding: 36px 0 0;
background-position: top left;
font-weight: bold;
font-size: 14px;
line-height: 20px;
border: 0;
display: block;
background-size: 33%;
color: #e59600;
}




.popmodal img {
height: auto;
width: 90%;
}













}




/*--C5追加--*/
.eco-ttl {
position: relative;
overflow: hidden;
font-size: 20px;
padding: 1.5rem 2rem 1.5rem 130px;
border: 2px solid #005525;
}

.eco-ttl:before {
position: absolute;
top: -150%;
left: -100px;
width: 200px;
height: 300%;
content: '';
background: #005525;
}

.eco-ttl span {
font-size: 23px;
font-size: 2.3rem;
font-weight: 600;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-top: 10px;
padding-left: 24px;
color: #fff;
}




.no-ttl {
position: relative;
overflow: hidden;
font-size: 18px;
padding: 1.2rem 2rem 1.2rem 130px;
border: 1px solid #8B794B;
}

.no-ttl:before {
position: absolute;
top: -150%;
left: -100px;
width: 200px;
height: 300%;
content: '';
background: #8B794B;
}

.no-ttl span {
font-size: 24px;
font-weight: 600;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-top: 18px;
padding-left: 34px;
color: #fff;
}





.no-ttl2 {
position: relative;
overflow: hidden;
font-size: 14px;
padding: 1rem 1.4rem 1rem 100px;
border: 1px solid #EEE;
}

.no-ttl2:before {
position: absolute;
top: -150%;
left: -100px;
width: 180px;
height: 300%;
content: '';
background: #EEE;
}

.no-ttl2 span {
font-size: 16px;
font-weight: 600;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-top: 26px;
padding-left: 30px;
color: #222;
}




.no-ttl3 {
position: relative;
overflow: hidden;
font-size: 14px;
padding: 1rem 1.4rem 1rem 100px;
border: 1px solid #8B794B;
}

.no-ttl3:before {
position: absolute;
top: -150%;
left: -100px;
width: 180px;
height: 300%;
content: '';
background: #8B794B;
}

.no-ttl3 span {
font-size: 16px;
font-weight: 600;
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: block;
padding-top: 14px;
padding-left: 30px;
color: #fff;
}




.kado-maru-ttl{
background:#CBFCCB;
border-radius: 20px;
padding: 10px 10px 10px 20px;
margin-bottom: 20px;
}

.middle-ttl {
border-bottom: solid 3px #ddd;
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}

.middle-ttl:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #005525;
bottom: -3px;
width: 20%;
}

.middle-ttl2 {
margin: 20px 0;
padding: 0.5em;
color: #333;
text-align: center;
border-bottom: solid 1px #333;
}


.img-wdt{
width: 70%;
height: auto;
margin: 20px auto;
}
@media screen and (max-width: 780px) {
.img-wdt{
width: 90%;
height: auto;
padding: 20px 0;
}
}

.img-wdt2{
width: 60%;
height: auto;
margin: 20px auto;
}
@media screen and (max-width: 780px) {
.img-wdt2{
width: 90%;
height: auto;
padding: 20px 0;
}
}

.img-wdt3{
width: 80%;
height: auto;
margin: 20px auto;
}
@media screen and (max-width: 780px) {
.img-wdt3{
width: 100%;
height: auto;
padding: 20px 0;
}
}

.img-wdt4{
width: 50%;
height: auto;
margin: 20px auto;
}
@media screen and (max-width: 780px) {
.img-wdt4{
width: 80%;
height: auto;
padding: 20px 0;
}
}

.img-wdt5{
width: 40%;
height: auto;
margin: 20px auto;
}
@media screen and (max-width: 780px) {
.img-wdt5{
width: 60%;
height: auto;
padding: 20px 0;
}
}


.img-wdt6{
width: 30%;
height: auto;
}
@media screen and (max-width: 780px) {
.img-wdt6{
width: 60%;
height: auto;
padding: 20px 0;
}
}


.grn-cont {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.grn-cont-cld {
margin-bottom: 20px;
display: flex;
align-items: center;
border:solid 1px #D3D3D3;
width: 48%;
background-color: #F7F7F7;
position: relative;
}
.grn-cont-cld .imagespop {
position: absolute;
bottom: 4px;
left: 4px;
width: 24px;
height: 24px;
background-image: url("/base/images/expansion.svg");
background-size: contain;
background-repeat: no-repeat;
}






.product-list {
padding: 0;
}

.product-list a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}


/*--カートのボタン--*/
#ajax_cart .buttons input[name="order"], #spnmitsumori input[type="button"] {
    background-color: #D77F1E;
    width: 400px;
}

#ajax_cart .buttons input[name="order"]:hover, #spnmitsumori input[type="button"]:hover {
    opacity: 0.7;
}

.cart-footer {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 60px;
}

.cart-footer .buttons {
    margin: 0 40px;
}

.pdfbtn {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
    background-origin: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
    position: relative;
    font-size: 20px;
    font-weight: 600;
    width: 250px;
    text-align: center;
    display: inline-block;
    padding: 16px 0;
    background-color: #ffffff;
    color: #000;
    margin: 0 10px;
    border: 2px solid #c3c3c3;
    padding-left: 50px;
    cursor: pointer;
}

.pdfbtn:hover {
    opacity: 0.7;
}

.total {
    order: 2;
}

.pdfbtn-logo {
	position: absolute;
	background-image: url(/base/images/1588903.png);
    background-size: 100%;
    left: 14px;
    top: calc(50% - 20px);
    width: 36px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: left center;
}

@media screen and (max-width: 980px) {
    .pdfbtn {
        font-size: 12px;
        padding: 10px 10px 10px 40px;
        width: auto;
        margin: 6px;
    }

    .pdfbtn-logo {
        left: 2px;
        width: 29px;
        height: 32px;
        top: calc(50% - 16px);
    }

    #ajax_cart .buttons input[name="order"], #spnmitsumori input[type="button"] {
        width: 200px;
    }
}