@charset "utf-8";
/* CSS Document */

a,p{
    font-family: 'hiragino_kaku';
    color: #000;
}

@font-face {
    font-family: 'hiragino_kaku';
    src: url("font/Hiragino_Kaku_StdN_W2.otf"red_bld) format('opentype');
    font-weight: 200;
    font-style: normal;
} 

@font-face {
    font-family: 'hiragino_kaku';
    src: url("font/Hiragino_Kaku_StdN_W4.otf") format('opentypeblu_bld');
    font-weight: 400;
    font-style: normal;
} 

@font-face {
    font-family: 'hiragino_kaku';
    src: url("font/Hiragino_Kaku_StdN_W6.otf") format('opentype');
    font-weight: 600;
    font-style: normal;
} 

@font-face {
    font-family: 'hiragino_kaku';
    src: url("font/Hiragino_Kaku_StdN_W7.otf") format('opentype');
    font-weight: 700;
    font-style: normal;
} 

@font-face {
    font-family: 'hiragino_kaku';
    src: url("font/Hiragino_Kaku_StdN_W8.otf") format('opentype');
    font-weight: 800;
    font-style: normal;
} 


#sp_header_inner,
.pcbr,
.spbr{
    display: none;
}

a{
    text-decoration: none;
    transform: 0.5;
}
a:hover{
    opacity: 0.8;
}

a#page_top{
    position: fixed;
    display: block;
    width: 62px;
    height: 62px;
    text-align: center;
    right: 5%;
    bottom: 30px;
}

#pc_header{
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    z-index: 999;
    transition: .3s;
    background: rgba(255,255,255,0.75);
}

#pc_header_inner{
    width: 90%;
    height: 120px;
    margin: 0 auto;
    padding: 20px 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
a.logo_link{
    display: block;
    width: 45%;
    max-width: 466px;
}

.contact_btn{
    width: 50%;
    max-width: 458px;
    display: flex;
    justify-content: space-between;
}

.contact_btn a{
    width: 48%;
    height: auto;
    object-fit: contain;
    box-shadow: 0px 3px 6px #00000073;
}



/*ここからナビゲーション*/
nav.pc_nav{
    width: 100%;
    height: 71px;
    margin: 0px auto;
    background: #FFF4AB;
    padding: 17px 0px;
}

ul.gnav{
    width: 100%;
    display: flex;  
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

ul.gnav li {
    list-style: none;
    margin-right: 5px;
    text-align: center;
    border-left: 2px solid #FF1B00;
    border-right: 2px solid #FF1B00;
    padding: 0 3%;
    height: 37px;
    display: flex;
    align-items: center;
}

ul.gnav li+ li {
  border-left: 0;
  border-right: 2px solid #FF1B00;
}


ul > li {
    display: inline-block;
}

ul.gnav > li > a,
ul.gnav > li > p{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-family: "hiragino_kaku";
    font-weight: 400;
    color: #000000;
    display: block;
    text-align: center;
    line-height: 1em;
    transform: 0.5;
    cursor:pointer;
}


/*ここからサブメニュー*/

ul.gnav > li > div{
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 30px;
  color: #333;
  background: #FFF4AB;
  visibility: hidden;
}

ul.gnav > li:hover > div{
    visibility: visible;
}

ul.gnav > li > div ul{
    width: 98%;
    margin: 0 auto;
    display: flex;
/*    justify-content: space-between;*/
justify-content: flex-start;
    flex-wrap: wrap;
    /*grid-row-gap: 20px;*/
}


ul.gnav > li > div ul::after{
  content:"";
  display: block;
  width: 24%;
}


.gnav li div ul li {
    width: 24%;
    height: auto;
    text-align: center;
    padding: 0;
    border: none;
    margin-bottom: 20px;
}

.gnav li:hover > div > ul > li {
    overflow: visible;
}

.gnav li div ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-size: clamp(14px, 0.9vw, 18px);
    font-weight: 300;
    background: #FFF;
    border: 2px solid #FF1B00;
    padding: 15px 3%;
}

.wrap{
    padding-top: 191px;
}

/*ここからスライドショー(背景)*/
.main_img {
   width: 100%;
    height: auto;
    object-fit: contain;
}

/*ここからコンテンツ*/
.top_contents{
    width: 100%;
    height: auto;
    background: #FFF7D6;
    padding: 50px 0px;
}

.inner{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
}

.top_title{
    width: fit-content;
    width: -moz-fit-content;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /*grid-column-gap: 10px;*/
}

.top_title div{
    width: 80px;
    height: 80px;
    border-radius: 20px;
    background: #A7A7A7;
    padding: 13px;
    margin-right: 10px;
}

.top_title div:last-child{
    margin-right: 0px;
}

.top_title div p{
    display: flex;
    width: 100%;
    height: 100%;
    background: #FFC847;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-size: clamp(26px, 1.87vw, 36px);
    font-weight: 600;
    line-height: 1;
}

ul.top_menu{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*grid-row-gap: 50px;*/
    margin: 50px auto;
}

ul.top_menu li{
    width: 48%;
    margin-bottom: 50px;
}

ul.top_menu li a{
    display: block;
    width: 100%;
    background: #F2EDD7;
    border-radius: 20px;
    box-shadow: 0px 3px 6px #00000073;
    padding: 20px;
}

ul.top_menu li a h2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: 70px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FF7B23;
    border: 1px solid #E35B4B;
    border-radius: 20px 20px 0 0;
    font-size: 20px;
    font-size: clamp(20px, 1.25vw, 24px);
    font-weight: 600;
    color: #FFF;
    padding: 0 1%;
}
ul.top_menu li a h2._color-red{color: #ff1b00;}
ul.top_menu li a h2._bgcolor-orange{background-color: #ffc847;}

ul.top_menu li a#nove h2{
    display: flex;
    width: 100%;
    min-height: 70px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FF7B23;
    border: 1px solid #E35B4B;
    border-radius: 20px 20px 0 0;
    font-size: 20px;
    font-size: clamp(20px, 1.25vw, 24px);
    font-weight: 600;
    color: #FFF;
    line-height: 1;
    padding: 6% 1%;
}
ul.top_menu li a#nove h2 span{
    display: block;
    width: 100%;
    font-size: 15px;
    font-size: clamp(15px, 1vw, 20px);
    font-weight: 600;
    line-height: 1;
    color: #FFF;
    margin-top: 10px;
}

ul.top_menu li a div,
a.orderflow_btn div{
    width: 100%;
    height: auto;
    background: #FFF;
    border: 1px solid #E24B48;
    border-top: none;
    border-radius: 0 0 20px 20px;
    padding: 15px 0;
}

ul.top_menu li a div img,
a.orderflow_btn div img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

ul.top_menu li a p,
a.orderflow_btn p{
    background: #686868;
    border-radius: 10px;
    padding: 8px;
    text-align: center;
    width: 60%;
    font-size: 14px;
    font-size: clamp(14px, 1.1vw, 20px);
    font-weight: 600;
    margin: 20px auto 0 auto;
    color: #FFF;
}


a.orderflow_btn{
    display: block;
    width: 45%;
    background: #FFF;
    box-shadow: 0px 3px 6px #00000073;
    border-radius: 20px;
    margin: 0 auto;
    padding: 20px;
}
.orderflow_btn._bgcolor-white {
  background-color: #FFF;
}

a.orderflow_btn h2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 70px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #FFC847;
    border: 1px solid #E35B4B;
    border-radius: 20px 20px 0 0;
    font-size: 20px;
    font-size: clamp(20px, 1.25vw, 24px);
    font-weight: 600;
    color: #FF1B00;
}

.sns{
    width: 100%;
    background-image: url("img/sns_back.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 0px;
}

.sns div{
    display: block;
    width: 80%;
    max-width: 611px;
    margin: 0 auto;
}


footer{
    width: 100%;
    background: #4A69E8;
    padding: 50px;
}

footer ul{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*grid-row-gap: 20px;*/
}

footer ul li{
    width: 31%;
    margin-bottom: 20px;
}

footer ul li a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFFFFF;
    padding: 9px 3%;
    text-align: center;
    font-size: 15px;
    font-size: clamp(15px, 1vw, 20px);
    font-weight: 400;
    color: #FFFFFF;
}

footer p{
    font-size: 14px;
    font-size: clamp(14px, 0.9vw, 18px);
    font-weight: 200;
    color: #FFFFFF;
    margin-top: 150px;
    text-align: center;
}



/**********************
ここから下層共通
**********************/
.page_title{
    width: 100%;
    height: auto;
    padding: 8% 0px;
    background:rgba(255,123,35,0.6);
    background-image: url("img/pagetitle_back.png");
    background-blend-mode: multiply;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.page_title p{
    font-size: 35px;
    font-size: clamp(35px, 2.3vw, 45px);
    font-weight: 600;
    color: #FFF;
    text-align: center;
}

.page_title img{
    width: 40%;
    max-width: 917px;
    height: 100%;
    object-position: left;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.contents{
    width: 90%;
    max-width: 1400px;
    heifht: auto;
    margin: 50px auto;
}

h4.org{
    font-size: 26px;
    font-size: clamp(26px, 1.87vw, 36px);
    font-weight: 600;
    color: #FF7B23;
    text-align: center;
}

.each,
.half_each{
    margin-bottom: 100px;
}

.each h3,
.half_each h3{
    width: 100%;
    padding: 8px 0 8px 3%;
    border-left: 21px solid #FF1B00;
    background: #FF7B23;
    font-size: 26px;
    font-size: clamp(26px, 1.87vw, 36px);
    color: #FFF;
    font-weight: 600;
    margin-bottom: 30px;
}

.each p.caption{
    width: 100%;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 300;
}

a.font_link{
    display: block;
    width: 411px;
    height: auto;
    object-fit: contain;
    box-shadow: 0px 3px 6px #0000009C;
    margin-bottom: 150px;
}

.org_maru_tape{
    width: 500px;
    padding: 11px 0px;
    text-align: center;
    background: #FF7B23;
    border-radius: 40px;
    color: #FFF;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    margin: 25px auto 100px auto;
}

.bld{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

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

.tax{
    font-size: 14px;
    font-weight: 400;
    text-align: right;
}

.mt10{
    margin-top: 10px;
}

.mt20{
    margin-top: 20px;
}

.mt30{
    margin-top: 30px;
}

.mt50{
    margin-top: 50px;
}

.mt100{
    margin-top: 100px;
}

h4.gry_tape{
    width: 100%;
    background: #C8C8C8;
    font-size: 18px;
    font-size: clamp(18px, 1.35vw, 26px);
    font-weight: 600;
    text-align: center;
    padding: 15px 0px;
    color: #000;
}

h4.blu_tape{
    display: block;
    width: fit-content;
    background: #4A69E8;
    font-size: 20px;
    font-size: clamp(20px, 1.56vw, 30px);
    font-weight: 600;
    color: #FFF;
    padding: 11px 57px;
}

/**********************
ここからハガキ・挨拶状
**********************/
table.post1{
    width: 100%;
    margin: 50px auto 100px auto;
}

table.post1 th,
table.post1 td{
    padding: 10px 3%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.post1 th{
    width: 24%;
    background: #FFF7D6;
    text-align: right;
}

table.post1 td{
    width: 76%;
    background: #FFFFFF;
    text-align: left;
}


table.post2{
    width: 100%;
}


table.post2 tr.top th{
    width: 19%;
    text-align: center;

}

table.post2 tr.org th{
    width: 19%;
    text-align: center;
    background: #FFE19B;
}

table.post2 th,
table.post2 td{
    padding: 10px 1%;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.post2 th{
    width: 25%;
    background: #FFF7D6;
    text-align: right;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.post2 td{
    width: 19%;
    background: #FFFFFF;
    text-align: right;

}

table.post2 td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.post2 td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}

table.post2 td.center{
    text-align: center;
}

table.post2 td.bb_none{
    border-bottom: none;
}

table.post2 td.bt_none{
    border-top: none;
}


/**********************
ここから封筒
**********************/
.futo{
    margin-bottom: 30px;
}

.futo div{
    width: 70%;
}

.futo img{
    width: 30%;
    height: auto;
    object-fit: contain;
}

table.futo{
    width: 100%;
    margin: 0;
}


table.futo tr.top th{
    width: 19%;
    text-align: center;

}

table.futo tr.yel th{
    width: 19%;
    text-align: center;
    background: #FFF7D6;
}

table.futo th,
table.futo td{
    padding: 10px 1%;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.futo th{
    width: 25%;
    background: #FFE19B;
    text-align: right;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.futo td{
    width: 19%;
    background: #FFFFFF;
    text-align: right;

}

table.futo td.red{
    background: #FFDDC7;
}

table.futo td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.futo td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}

table.futo td.center{
    text-align: center;
}

table.futo td.bb_none{
    border-bottom: none;
}

table.futo td.bt_none{
    border-top: none;
}

img.futo_img{
    width: 700px;
    height: auto;
    object-fit: contain;
    margin-top: 30px;
}

/**********************
ここから伝票
**********************/
.slip{
    margin-bottom: 30px;
}

.slip div{
    width: 48%;
}

.slip div p.slip_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

.slip div img{
    width: 70%;
}

table.slip{
    width: 100%;
    margin: 0;
}

table.slip tr th.quantity{
    width: 14%;
    text-align: center;
}

table.slip tr th.yel{
    width: 14%;
    text-align: right;
    background: #FFF7D6;
}

table.slip th,
table.slip td{
    padding: 10px 1%;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.slip th{
    width: 18%;
    background: #FFE19B;
    text-align: center;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.slip td{
    width: 18%;
    background: #FFFFFF;
    text-align: right;

}

table.slip td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.slip td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}

/**********************
ここからステッカー
**********************/
.sticker{
    margin-bottom: 30px;
    /*grid-row-gap: 50px;*/
}

.sticker div{
    width: 48%;
    margin-bottom: 50px;
}

.sticker div img{
    width: 100%;
}

.sticker div .sticker_txt{
    margin-top: 10px;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
}

img.fc_sticker{
    width: 300px;
    height: auto;
    object-fit: contain;
}

.sticker_table{
    width: 70%;
    max-width: 920px;
}

table.sticker{
    width: 100%;
    margin: 0;
}
table.sticker tr.top th.none{
    width: 25%;
    background: #FFF;
    border: none;
}

table.sticker tr.top th{
    width: 25%;
    text-align: center;
    background: #FFE19B;
}

table.sticker th,
table.sticker td{
    padding: 10px 1%;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.sticker th{
    width: 25%;
    background: #FFF7D6;
    text-align: center;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.sticker td{
    width: 25%;
    background: #FFFFFF;
    text-align: right;


}

table.sticker td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.sticker td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}
img#sticker_size{
    width: 400px;
    height: auto;
    object-fit: contain;
}

img#sticker_color{
    width: 90%;
    max-width: 1000px;
    height: auto;
    object-fit: contain;
    margin-top: 30px;
}

a#sticker_font{
    display: block;
    width: 400px;
    margin-top: 30px;
}

a#sticker_font img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

img#cuttingsheat{
    width: 90%;
    max-width: 800px;
    height: auto;
    object-fit: contain;
    margin-top: 30px;
}


table.cuttingsheat{
    width: 100%;
    margin: 50px 0 0 0;
}

table.cuttingsheat tr.top th.size{
    width: 10%;
    background: #FFE19B;
}

table.cuttingsheat tr.top th{
    width: 15%;
    text-align: center;
    background: #FFE19B;
}

table.cuttingsheat th,
table.cuttingsheat td{
    padding: 10px 1%;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.cuttingsheat th{
    width: 10%;
    background: #FFF7D6;
    text-align: center;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.cuttingsheat td{
    width: 15%;
    background: #FFFFFF;
    text-align: right;

}

table.cuttingsheat td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.cuttingsheat td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}


.cutting_option{
    margin-top: 50px;
}

table.discount{
    width: 28%;
}

table.discount tr.top th{
    width: 50%;
    text-align: center;
    background: #FFE19B;
}

table.discount th,
table.discount td{
    width: 50%;
    padding: 10px 3%;
    border: 1px solid #707070;
    vertical-align: middle;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.discount th{
    background: #FFF7D6;
    text-align: left;
}

table.discount td{
    background: #FFFFFF;
    text-align: center;

}

.cutting_option div{
    width: 64%;
}


.cutting_option table.option{
    width: 100%;
    margin-bottom: 50px;
}

.cutting_option table.option:last-child{
    margin-bottom: 0px;
}

table.option tr.top th{
    text-align: center;
    background: #FFE19B;
}

table.option th,
table.option td{
    padding: 10px 3%;
    border: 1px solid #707070;
    vertical-align: middle;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
    text-align: left;
}

table.option th{
    width: 67%;
    background: #FFF7D6;
}

table.option td{
    width: 33%;
    background: #FFFFFF;
}

img#cutting_howto1{
    width: 90%;
    max-width: 800px;
    height: auto;
    object-fit: contain;
}

img#cutting_howto2{
    width: 90%;
    max-width: 1200px;
    height: auto;
    object-fit: contain;
}

.red_attention{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 300;
    color: #FF1B00;
    margin-top: 30px;
}

.howto_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}


dl.howto{
    counter-reset: list;
    list-style-type: none;
    padding: 0px;
    margin-top: 47px;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;

}
    
dl.howto dt{
    width: 10%;
    height: 4%;
    max-width: 60px;
    max-height: 60px;
    background: #FFC847;
    border-radius: 10px;
    font-size: 25px;
    font-size: clamp(25px, 1.56vw, 30px);
    font-weight: 600;
    text-align: center;
    margin-right: 2%;
    color: #fff;
    line-height: 60px;
    margin-bottom: 30px;
}

  

dl.howto dd{
    width: 88%;
    font-weight: 400;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    color: #000;
    line-height: 1.5em;
    margin-bottom: 30px;
}
  

dl.howto dd span{
    display: block;
    color: #FF1B00;
}
  
/**********************
ここからチラシ
**********************/
img#fryer_img{
    display: block;
    width: 80%;
    max-width: 600px;
    object-fit: contain;
    margin: 0 auto 100px auto;
}

.fryer_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400px;
    margin-top: 72px;
}

table.fryer{
    width: 100%;
    margin: 30px 0 0 0;
}

table.fryer tr.top th{
    width: 16%;
    text-align: center;
    background: #FFE19B;
}


table.fryer tr th.left{
    width: 10%;
}

table.fryer tr th.each{
    width: 14%;
}

table.fryer th,
table.fryer td{
    padding: 10px 1%;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.fryer th{
    width: 10%;
    background: #FFF7D6;
    text-align: right;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.fryer td{
    background: #FFFFFF;
    text-align: right;
}

table.fryer td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.fryer td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}

table.fryer tr.color td{
    text-align: center;
}

table.fryer td img{
    width: auto;
    height: 27px;
    object-fit: contain;
}


/**********************
ここからポスター・横断幕・のぼり
**********************/
.contents_btn{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*grid-row-gap: 32px;*/
    margin-bottom: 100px;
}

.contents_btn a{
    display: block;
    width: 48%;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400px;
    color: #000;
    text-align: center;
    background: #FFE19B;
    border: 4px solid #F8B926;
    padding: 27px 0px;
    position: relative;
    margin-bottom: 32px;
}

.contents_btn a::before{
    font-family: "Font Awesome 5 Free";
    content: '\f078';
    font-weight: 900;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    color: #000;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

img#poster_img{
    display: block;
    width: 70%;
    max-width: 581px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}

.poster_table{
    width: 90%;
    max-width: 1150px;
    margin: 0 auto;
}

table.poster{
    width: 100%;
    margin: 50px auto;
}

table.poster th,
table.poster td{
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.poster th{
    width: 33%;
    background: #4A69E8;
    text-align: right;
    color: #FFF;
}

table.poster td{
    width: 67%;
    background: #FFF;
    text-align: left;
    color: #000;
}


table.poster2{
    width: 100%;
    margin: 0 auto;
}

table.poster2 th,
table.poster2 td{
    width: 20%;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.poster2 th{
    background: #FFF7D6;
    text-align: center;
    color: #000;
}

table.poster2 td{
    background: #FFF;
    text-align: right;
    color: #000;
}

table.poster2 tr.top th{
    background: #FFE19B;
}

table.poster2 td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.poster2 td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}

.poster_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    margin-top: 30px;
}

img#banner_img{
    display: block;
    width: 90%;
    max-width: 826px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
}


.banner_table{
    width: 100%;
    max-width: 690px;
    margin: 0;
}

table.banner{
    width: 100%;
    margin: 0;
}

table.banner th,
table.banner td{
    width: 33%;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.banner th{
    background: #FFE19B;
    text-align: center;
    color: #000;
}

table.banner td{
    background: #FFF;
    text-align: right;
    color: #000;
}

table.banner td p{
    display: inline-block;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    color: #000;
}

table.banner td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    font-weight: 400;
    color: #A7A7A7;
    text-align: left;
}

.flag div{
    width: 48%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}


.flag div img{
    width: 43%;
    height: auto;
    object-fit: contain;
}

table.flag{
    width: 53%;
}

table.flag th,
table.flag td,
table.miniflag th,
table.miniflag td{
    border: 1px solid #707070;
        font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    padding: 10px 3%;
}

table.flag th,
table.miniflag th{
    background: #FFE19B;
    text-align: center;
}

table.flag td,
table.miniflag td{
    background: #FFF;
    text-align: right;
}

table.flag td.option,
table.miniflag td.option{
    background: #FFF;
    text-align: left;
}

table.flag td p,
table.miniflag td p{
    display: inline-block;
    color: #FF7B23;
}

table.flag td span,
table.miniflag td span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}
.flag_div{
    width: 62%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
	margin:auto;
}

.mini{
    width: 53%;
}

table.miniflag{
    width: 100%;
    margin-bottom: 20px;
}

/**********************
ここからライター・箸袋・etc
**********************/

.lighter_txt,
.light_flex p{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

.light_flex{
    width: 100%;
    display: flex;
    /*grid-row-gap: 100px;*/
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 57px;
}

.light_flex h4.blu_tape{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    padding: 11px 10%
}

.light_flex .half{
    width: 45%;
    margin-bottom: 100px;
}

.light_flex img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin: 20px 0px;
}


.light_flex .quarter{
    width: 22%;
    margin-bottom: 100px;
}

table.lighter{
    width: 63%;
    max-width: 585px;
}

table.lighter th,
table.lighter td{
    border: 1px solid #707070;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: center;
    padding: 10px 1%;
}

table.lighter th{
    background: #FFE19B;
    width: 33%;
}

table.lighter td{
    background: #FFF;
    text-align: right;
}

table.lighter tr.top th{
    background: #FFF7D6;
}

table.lighter tr.top td{
    text-align: center;
}

table.lighter td.org{
    color: #FF7B23;
    text-align: center;
}

table.lighter td p{
    display: inline-block;
    color: #000;
}

table.lighter span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

table.lighter td.last{
    text-align: left;
}

table.lighter td.last span{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    color: #000;
    font-weight: 400;
}

.light_flex .fc_left{
    width: 43%;
    margin-bottom: 100px;
}

.light_flex .fc_right{
    width: 55%;
    margin-bottom: 100px;
}

.light_flex .tax{
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
}

table.wht_lighter{
    width: 100%;
}

table.wht_lighter th,
table.wht_lighter td{
    border: 1px solid #707070;
    padding: 10px 1%;
    width: 20%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

table.wht_lighter th{
    background: #FFE19B;
    text-align: center;
}

table.wht_lighter td{
    text-align: right;
}

table.wht_lighter td p{
    display: inline-block;
    color: #000;
}

table.wht_lighter span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

img.napkin{
    width: 100%;
    height: auto;
    object-fit: cover;
}

.towel_flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.towel_flex div{
    width: 48%;
}

table.towel{
    width: 100%;
}

table.towel th,
table.towel td{
    width: 50%;
    border: 1px solid #707070;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
}

table.towel th{
    background: #FFF7D6;
}

table.towel td{
    background: #FFFFFF;
}

table.towel td p{
    display: inline-block;
    color: #000;
}

table.towel span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

table.towel tr.top th{
    background: #FFE19B;
    text-align: center;
}

img.towelcolor{
    display: block;
    width: 50%;
    height: auto;
    object-fit: contain;
    margin: 30px 0px;
}

table.towel_option{
    width: 50%;
    max-width: 485px;
    margin-top: 30px;
}

table.towel_option th,
table.towel_option td{
    border: 1px solid #707070;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
}

table.towel_option th{
    width: 60%;
    background: #FFF7D6;
}

table.towel_option td{
    width: 40%;
    background: #FFFFFF;
}

table.towel_option td p{
    display: inline-block;
    color: #000;
}

table.towel_option span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

table.towel_option tr.top th{
    background: #FFE19B;
    text-align: center;
}


img.towel{
    width: 80%;
    height: auto;
    object-fit: cover;
}

/**********************
ご注文から納品の流れ
**********************/
.flow_each{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 100px;
}

.flow_each:first-child{
    margin-top: 100px;
}


.flow_each img{
    width: 14%;
    height: auto;
    object-fit: contain;
}

.flow_each div{
    width: 83%;
}

.flow_each div.top{
    width: 48%;
}

.flow_each p.blu_bld{
    font-size: 18px;
    font-size: clamp(18px, 1.35vw, 26px);
    font-weight: 600;
    color: #4A69E8;
    margin-bottom: 20px;
    text-align: left;
}

.flow_each p.txt{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
}

.flow_each p.grn_tape{
    width: 100%;
    background: #3AAE36;
    color: #FFF;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 300;
    text-align: center;
    padding: 9px 3%;
    margin-top: 20px;
}

img.line_qr{
    width: 32%;
    height: auto;
    object-fit: contain;
}

.pay{
    width: 100%;
    max-width: 960px;
    display: flex;
    justify-content: space-between;
}

.pay img{
    width: 32%;
    height: auto;
    object-fit: contain;
}


.flow_each p.red_tape{
    display: block;
    width: fit-content;
    background: #FF1B00;
    color: #FFF;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 300;
    text-align: center;
    padding: 9px 20px;
    margin-top: 20px;
}

/**********************
ここから名刺・ポイントカード
**********************/
table.card{
    width: 100%;
}

table.card th,
table.card td{
    width: 16.6%;
    border: 1px solid #707070;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
}

table.card th{
    background: #FFF7D6;
}

table.card td{
    background: #FFF;
}

table.card td p{
    display: inline-block;
    color: #000;
}

table.card span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

.card_sample{
    width: 50%;
    max-width: 463px;
    margin: 30px 0 0 auto;
    display: flex;
    justify-content: space-between;
}

.card_sample a{
    display: block;
    width: 48%;
    background: #686868;
    border-radius: 10px;
    padding: 12px 0px;
    text-align: center;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 300;
    color: #FFF;
}

.card_sample2{
    width: 50%;
    max-width: 463px;
    margin: 30px 0 0 auto;
}

.card_sample2 a{
    display: block;
    width: 100%;
    background: #686868;
    border-radius: 10px;
    padding: 12px 0px;
    text-align: center;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 300;
    color: #FFF;
}

table.offset{
    width: 80%;
    max-width: 735px;
    margin-top: 30px;
}

table.offset th,
table.offset td{
    width: 50%;
    border: 1px solid #707070;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
}

table.offset th{
    background: #FFF7D6;
}

table.offset td{
    background: #FFF;
}

table.blk{
    width: 100%;
}

table.blk th,
table.blk td{
    border: 1px solid #707070;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
}

table.blk tr.top th{
    text-align: center;
    vertical-align: bottom;
}

table.blk th{
    background: #FFF7D6;
}


table.blk th.left{
    width: 14%;
}


table.blk td p{
    display: inline-block;
    color: #000;
}

table.blk span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

img.pointcard_img{
    display: block;
    width: 411px;
    height: auto;
    object-fit: contain;
    margin-top: 30px;
}


/**********************
ここから表札・名札・プレート
**********************/
.np_left{
    width: 48%;
}

.item_info{
    text-align: center;
}

.item_info img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

p.item_name{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
}

p.item_size{
    font-size: 14px;
    font-size: clamp(14px, 1.1vw, 20px);
    font-weight: 400;
    margin-top: 15px;
    overflow-wrap: break-word;
}

p.item_price{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
    color: #FF7B23;
    margin-top: 15px;
}

p.item_tax{
    font-size: 12px;
    font-size: clamp(12px, 0.83vw, 16px);
    font-weight: 400;
    color: #686868;
    margin-top: 5px;
}

p.item_grytape{
    width: 100%;
    background: #686868;
    font-size: 14px;
    font-size: clamp(14px, 0.83vw, 16px);
    color: #FFF;
    padding: 6px;
    text-align: center;
    margin-top: 20px;
}

p.item_texture{
    font-size: 14px;
    font-size: clamp(14px, 0.83vw, 16px);
    font-weight: 400;
    margin-top: 10px;
    text-align: left;
}

.np_right{
    width: 48%;
}

.np_right .flex{
    margin-bottom: 50px;
    align-items: flex-start;
}

.np_right .flex img{
    width: 45%;
    height: auto;
    object-fit: contain;
}

.np_right .flex div{
    width: 50%;
}

.np_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

a.color_sample{
    display: block;
    background: #4A69E8;
    border-radius: 40px;
    font-size: 18px;
    font-size: clamp(18px, 1.35vw, 26px);
    font-weight: 400;
    color: #FFF;
    padding: 14px 63px;
    width: fit-content;
}

.two_acrylic{
    width: 100%;
    margin: 50px 0px;
}

.two_acrylic img{
    width: 48%;
    height: auto;
    object-fit: contain;
}


.two_acrylic2 .item_info{
    width: 32%;
    max-width: 300px;
}

.two_alumi .item_info{
    width: 48%;
}

.two_stainless{
    width: 90%;
    max-width: 1000px;
    margin: 50px auto 0 auto;
}

.two_stainless .item_info{
    width: 30%;
    margin-bottom: 100px;
}

.nametag{
    margin: 50px auto 0 auto;
}

.nametag .item_info{
    width: 21%;
}

.nametag .left{
    width: 60%;
}

table.nametag{
    width: 100%;
    margin: 0;
}

table.nametag th,
table.nametag td{
    width: 50%;
    border: 1px solid #707070;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: center;
}

table.nametag th{
    background: #FFF7D6;
}

table.nametag tr.wht th{
    background: #FFF;
    color: #FF7B23;
}

table.nametag tr.top th{
    background: #FFE19B;
}

table.nametag td{
    text-align: right;
}

table.nametag td p{
    display: inline-block;
    color: #000;
}

table.nametag span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

.nametag .left .caption{
    font-weight: 400;
}

.nametag .right{
    width: 38%;
}

.nametag .right img{
    width: 30%;
    height: auto;
    object-fit: contain;
}

.annotation{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
    margin-top: 20px;
}

.red_bld{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    margin-top: 20px;
    color: #FF1B00;
}

.colorsample_flx{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    /*grid-column-gap: 7%;*/
    /*grid-row-gap: 50px;*/
    margin: 20px 0 100px 0;
}

.colorsample_flx img{
    display: block;
    width: 18%;
    height: auto;
    object-fit: contain;
    margin-bottom: 50px;
    margin-right: 7%;
}

.colorsample_flx img:last-child,
.colorsample_flx img:nth-child(4){
    margin-right: 0;
}


/**********************
ここからレーザー加工
**********************/

.blu_bld{
    font-size: 20px;
    font-size: clamp(20px, 1.25vw, 24px);
    color: #4A69E8;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

table.acrylic{
    width: 100%;
}

table.acrylic th,
table.acrylic td{
    padding: 10px 1%;
    border: 1px solid #707070;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
}

table.acrylic th{
    width: 24%;
    background: #FFF7D6;
}

table.acrylic td{
    width: 19%;
    background: #FFF;
}

table.acrylic tr.top th{
    width: 19%;
    background: #FFE19B;
    text-align: center;
}

table.acrylic td p{
    display: inline-block;
    color: #000;
}

table.acrylic span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

.lasermaterial div{
    width: 48%;
    max-width: 575px;
}

.lasermaterial .blu_bld{
    text-align: left;
}

table.material{
    width: 100%;
}

table.material th,
table.material td{
    width: 50%;
    padding: 10px 1%;
    border: 1px solid #707070;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
}

table.material th{
    background: #FFF7D6;
}

table.material td{
    background: #FFF;
}

table.material tr.top th{
    background: #FFE19B;
    text-align: center;
}

table.material td p{
    display: inline-block;
    color: #000;
}

table.material span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

.laserprocessing{
    width: 100%;
    margin-top: 100px;
}

table.processing{
    width: 100%;
}

table.processing th,
table.processing td{
    padding: 10px 1%;
    border: 1px solid #707070;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
}

table.processing th{
    width: 35%;
    background: #FFF7D6;
}

table.processing td{
    width: 32%;
    background: #FFF;
}

table.processing tr.top th{
    background: #FFE19B;
    text-align: center;
}

table.processing td p{
    display: inline-block;
    color: #000;
}

table.processing span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

.cloring{
    width: 100%;
}

.coloring div{
    width: 48%;
    max-width: 575px;
}

.coloring p.caption{
    width: 48%;
    max-width: 725px;
}

.coloring p.caption{
    font-weight: 400;
}

table.laser{
    width: 100%;
    max-width: 1150px;
}

table.laser th,
table.laser td{
    padding: 10px 1%;
    border: 1px solid #707070;
    font-weight: 400;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    text-align: center;
    vertical-align: middle;
}

table.laser th{
    width: 40%;
    background: #FFF7D6;
}

table.laser td{
    width: 30%;
    background: #FFF;
}

table.laser tr.top th{
    background: #FFE19B;
    width: 30%;
}

table.laser td p{
    display: inline-block;
    color: #000;
}

table.laser span{
    display: block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #000;
    text-align: center;
}

.laser_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

img.acrylic_img{
    width: 100%;
    max-width: 1100px;
    height: auto;
    object-fit: contain;
}

.acrylicbox h4.blu_tape{
    margin-top: 100px;
}

.double div{
    width: 17%;
    margin-top: 50px;
}

.double div img{
    width: 100%;
    height: auto;
    object-fit: contain;
}

.double div p{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 600;
}

/**********************
ここからノベルティ
**********************/
.novelty_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

.acce div{
    width: 48%;
    max-width: 667px;
    text-align: center;
    margin-top: 70px;
}

.acce div img{
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.acce div img.belt{
    width: 100%;
    max-width: 475px;
    height: auto;
    margin: 0 0 47px 0;
}

.cuttxt{
    width: 100%;
    max-width: 1100px;
    margin: 50px auto 0px auto;
    /*grid-row-gap: 70px;*/
    text-align: center;
}

.cuttxt div{
    width: 27%;
    margin-bottom: 70px;
}

.cuttxt div img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 30px;
}

.trophy,
.platetag{
    width: 100%;
    margin: 80px auto 0px auto;
    /*grid-row-gap: 100px;*/
}

.trophy div,
.platetag div{
    width: 29%;
    margin-bottom: 100px;
}

.trophy div img,
.platetag div img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 30px;
}

.trophy p,
.platetag p{
    text-align: center;
}

.trophy::after{
    display: block;
    content: '';
    width: 29%;
    height: auto;
}

.w_ring{
    width: 100%;
    max-width: 1000px;
    align-items: center;
}

.w_ring img{
    width: 40%;
    height: auto;
    object-fit: contain;
}

.w_ring p.caption{
    width: 54%;
    font-weight: 400;
}

.color_left{
    width: 56%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    /*grid-row-gap: 40px;*/
    text-align: center;
    margin-top: 30px;
}

.color_left div{
    width: 48%;
    margin-bottom: 40px;
}


.color_left div img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
}

.price_right{
    width: 34%;
}

.price_right img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 30px;
}

.price_right p.item_name{
    text-align: left;
}

.price_right p.item_price,
.price_right p.item_tax{
    text-align: right;
}

.leather{
    width: 100%;
    margin: 30px auto 0px auto;
    /*grid-row-gap: 50px;*/
}

.leather div{
    width: 31%;
    text-align: center;
    margin-bottom: 50px;
}

.leather:after{
    display: block;
    content: "";
    width: 31%;
}

.leather div img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 30px;
}

.pencase{
    align-items: flex-start;
}

.pencase img{
    width: 50%;
    height: auto;
    object-fit: contain;
}

.pencase div{
    width: 43%;
}

.pencase div p{
    text-align: center;
}

.penceseimg{
    margin-top: 50px;
}

.penceseimg img{
    width: 32%;
    height: auto;
    object-fit: contain;
}

/**********************
ここから印鑑
**********************/
.red_maru_tape{
    width: 500px;
    padding: 15px 0px;
    text-align: center;
    background: #FF1B00;
    border-radius: 40px;
    color: #FFF;
    font-size: 25px;
    font-size: clamp(25px, 1.56vw, 30px);
    font-weight: 600;
    margin: 25px auto;
}

.stamp_cate{
    /*grid-row-gap: 100px;*/
}

.stamp_cate div{
    width: 28%;
    margin-bottom: 100px;
}

.stamp_cate div p.blu_tape{
    width: 100%;
    background: #4A69E8;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
    color: #FFF;
    padding: 11px 0;
    text-align: center;
    margin-bottom: 30px;
}

.stamp_cate div img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 30px;
}

.stamp_cate div p.caption{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
}

.stamp_cate div p.caption span{
    display: block;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 600;
    color: #FF7B23;
}


.stamp_cate::after{
    display: block;
    content: '';
    width: 28%;
    height: auto;
}

img.stamp_img{
    width: 100%;
    max-width: 1000px;
    height: auto;
    object-fit: contain;
    margin-top: 50px;
}

.stamp_kinds,
.stamp_font{
    margin: 70px 0 100px 0;
    /*grid-row-gap: 100px;*/
}

.stamp_kinds div,
.stamp_font div{
    width: 28%;
    margin-bottom: 100px;
}

.stamp_kinds div p.orgtape_maru{
    width: 100%;
    background: #FF7B23;
    border-radius: 20px;
    text-align: center;
    padding: 12px 0px;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
    color: #FFF;
    margin: 0;
}

.stamp_kinds div p.caption,
.stamp_font div p.caption{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
    margin-top: 30px;
}

.stamp_price{
    /*grid-row-gap: 100px;*/
    margin-top: 50px;
}

.stamp_price div{
    width: 46%;
    margin-bottom: 100px;
}

table.stamp{
    width: 100%;
    margin-top: 20px;
}

table.stamp th,
table.stamp td{
    width: 50%;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    text-align: right;
    border: 1px solid #707070;
}

table.stamp th{
    background: #FFF7D6;
}

table.stamp td{
    background: #FFF;
}

table.stamp td p{
    display: inline-block;
    color: #000;
}

table.stamp span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

.stampcase{
    width: 100%;
    max-width: 911px;
    margin-top: 100px;
}

.stampcase img{
    width: 44%;
    height: auto;
    object-fit: contain;
}

.stampcase div p{
    text-align: center;
}

p.orgtape_maru{
    width: 400px;
    background: #FF7B23;
    border-radius: 20px;
    text-align: center;
    padding: 12px 0px;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
    color: #FFF;
    margin-top: 50px;
}

img.c_stamp_img{
    width: 100%;
    max-width: 800px;
    height: auto;
    object-fit: contain;
    margin: 30px auto 70px auto;
}

.stamp_price div.stamp_set{
    width: 100%;
    margin-top: 30px;
}

.stamp_price div.stamp_set div{
    width: 50%;
}

.stamp_price div.stamp_set p{
    text-align: center;
}


/**********************
ここからゴム印
**********************/
p.r_stamp_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

.r_stamp{
    margin-top: 50px;
}

.r_stamp div{
     width: 46%;   
}

img.s_adress{
    width: 60%;
    max-width: 600px;
    height: auto;
    object-fit: contain;
}

.s_check img{
    width: 45%;
    height: auto;
    object-fit: contain;
}

.s_transfer div{
    width: 45%;
}

.s_transfer div img{
    width: 100%;
    height: auto;
    object-fit: contain;
    margin-bottom: 30px;
}

.s_transfer div p{
    text-align: center;
}

.s_name{
    align-items: center;
}

.s_name img{
    width: 42%;
    height: auto;
    object-fit: contain;
}

.s_name_right{
    width: 46%;
    display: flex;
    justify-content: space-between;
}

.s_name_right div{
    width: 50%;
}

.s_name_right div p{
    text-align: center;
}

.s_kaku,
.s_date{
    margin-top: 50px;
}

.s_kaku img,
.s_date img{
    width: 50%;
    height: auto;
    object-fit: contain;
}

.s_kaku div,
.s_date div{
    width: 46%;
}

.half_each{
    width: 46%;
    margin-bottom: 200px;
}

.half_each img{
    display: block;
    margin: 50px 0px;
}

.half_each div p{
    text-align: center;
}

.s_other{
    align-items: flex-end;
}

.s_other div{
    width: 47%;
}

.s_other_right{
    border: 4px solid #4A69E8;
    border-radius: 40px;
    padding: 30px 3%;
}

.s_other_right p.orgtape{
    display: block;
    width: fit-content;
    padding: 10px 68px;
    background: #FF7B23;
    border-radius: 40px;
    color: #FFF;
    font-size: 18px;
    font-size: clamp(18px, 1.35vw, 26px);
    font-weight: 600;
    margin-bottom: 50px;
}

.skina img{
    width: 28%;
    height: auto;
    object-fit: cover;
}

.skina div{
    width: 70%;
}

.skina div img{
    width: 100%;
    max-width: 668px;
    object-fit: contain;
}

table.skina{
    width: 100%;
    margin-top: 30px;
}

table.skina th,
table.skina td{
    width: 31%;
    border: 1px solid #707070;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    vertical-align: middle;
}

table.skina th{
    background: #FFF7D6;
    text-align: center;
}

table.skina td{
    text-align: right;
}

table.skina td.color{
    width: 38%;
    text-align: center;
}

table.skina td p{
    display: inline-block;
    color: #000;
}

table.skina span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

.skina_size{
    margin-top: 80px;
    /*grid-row-gap: 30px;*/
}

.skina_size div.each{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 21%;
    height: 230px;
    text-align: center;
    margin: 0 0 30px 0;
}

.skina_size div.each div{
    width: 100%;
}

.skina_size div.each div img{
    height: auto;
    object-fit: contain;
    margin-bottom: 30px;
}

img.kaku2020{
    width: 27%;
}

img.kaku2525,
img.maru25{
    width: 31%;
}

img.kaku3030,
img.naga3015,
img.maru30{
    width: 39%;
}

img.naga2510{
    width: 33%;
}

img.naga4515{
    width: 58%;
}

img.naga5020{
    width: 65%;
}

img.naga5520,
img.naga5530{
    width: 70%;
}

img.naga6525{
    width: 83%;
}

img.naga7010,
img.naga7040{
    width: 88%;
}

img.maru15{
    width: 21%;
}

/**********************
ここからTシャツプリント
**********************/
.t_bld{
    width: 500px;
    margin: 0 auto 30px auto;
    display: flex;
    justify-content: space-between;
}

.t_bld p{
    font-size: 30px;
    font-weight: 400;
    color: #000;
}

.t_bld span{
    display: inline-block;
    border-radius: 10px;
    color: #FFF;
    font-size: 25px;
    font-size: clamp(25px, 1.56vw, 30px);
    font-weight: 400;
    padding: 7px 20px;
    margin: 0 auto;
}

.t_bld span.org{
    background: #FF7B23;
}

.t_bld span.pnk{
    background: #FF236E;
}

.wear div{
    width: 100%;
}

.wear h4.blu_tape{
    width: 70%;
    text-align: center;
    margin-top: 30px;
    padding: 11px 0px;
}

table.wear{
    width: 100%;
    margin-top: 30px;
}

table.wear th,
table.wear td{
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.wear th{
    width: 28%;
    background: #FFE19B;
}

table.wear td{
    width: 72%;
    text-align: left;
}

p.wear_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
}

table.print{
    width: 100%;
    margin-top: 30px;
}

table.print th,
table.print td{
    width: 20%;
    text-align: right;
    padding: 10px 1%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.print tr.top th{
    background: #FFE19B;
    text-align: center;
}

table.print th{
    background: #FFF7D6;
}

table.print td p{
    display: inline-block;
    color: #000;
}

table.print span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

img.wear_color{
    width: 50%;
    height: auto;
    object-fit: contain;
    margin-top: 30px;
}

img.wear_neon{
    width: 50%;
    height: auto;
    object-fit: contain;
    margin-top: 30px;
}

/**********************
ここから格安コピー・ラミネート
**********************/
p.copy_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
}

table.copy{
    width: 100%;
    margin-top: 30px;
}

table.copy th,
table.copy td{
    width: 20%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    padding: 10px 1%;
    text-align: right;
    border: 1px solid #707070;
}

table.copy th{
    background: #FFF7D6;
}

table.copy td{
    background: #FFF;
}

table.copy tr.top th{
    background: #FFE19B;
    text-align: center;
}

table.copy td p{
    display: inline-block;
    color: #000;
}

table.copy span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

img.copy_size{
    display: block;
    width: 100%;
    max-width: 1000px;
    margin-top: 30px;
}

table.laminate{
    width: 100%;
    margin-top: 30px;
}

table.laminate th,
table.laminate td{
    width: 16.6%;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    padding: 10px 1%;
    text-align: right;
    border: 1px solid #707070;
}

table.laminate th{
    background: #FFF7D6;
}

table.laminate td{
    background: #FFF;
}

table.laminate tr.top th{
    background: #FFE19B;
    text-align: center;
}

table.laminate td p{
    display: inline-block;
    color: #000;
}

table.laminate span{
    display: inline-block;
    font-size: 10px;
    font-size: clamp(10px, 0.72vw, 14px);
    color: #A7A7A7;
    text-align: left;
}

/**********************
ここから店舗案内
**********************/
.store img{
    width: 31%;
    height: auto;
    object-fit: contain;
}

.store{
    align-items: flex-start;
}

.store div{
    width: 64%;
}

.store div h5.org{
    font-size: 20px;
    font-size: clamp(20px, 1.45vw, 28px);
    font-weight: 600;
    color: #FF7B23;
}

.store div p{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
    margin-top: 15px;
}

table.storeinfo{
    width: 100%;
}

table.storeinfo th,
table.storeinfo tr{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.storeinfo th{
    width: 20%;
    background: #FFE19B;
    text-align: right;
    padding: 10px 1%;
}

table.storeinfo td{
    width: 80%;
    background: #FFF;
    text-align: left;
    padding: 10px 16px;
}

.googlemap{
    width: 100%;
    height: 840px;
}



/**********************
ここからお問い合わせ
**********************/

.contact_choice a{
    display: block;
    width: 24%;
    max-width: 300px;
    background: #3AAE36;
    border-radius: 10px;
    box-shadow: 0px 3px 6px #00000066;
    padding: 22px 0px;
    text-align: center;
}

.contact_choice a img{
    display: block;
    width: auto;
    height: 70px;
    object-fit: contain;
    margin: 0 auto;
}

.contact_choice a p{
    font-size: 14px;
    font-size: clamp(14px, 1.1vw, 20px);
    font-weight: 500;
    color: #FFF;
    margin-top: 20px;
}

a.c_org,
p.c_org{
    font-size: 35px;
    font-size: clamp(35px, 2.3vw, 45px);
    font-weight: 600;
    color: #FF7B23;
}

.c_flex{
    display: flex;
    flex-wrap: wrap;
    /*grid-row-gap: 30px;*/
    margin-top: 30px;
}

.c_flex div{
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.c_flex div p.blu_tape{
    width: 40%;
    max-width: 180px;
    background: #4A69E8;
    color: #FFF;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 600;
    text-align: center;
    padding: 10px 0px;
    margin: 0;
}

.c_flex div p{
    width: 60%;
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
    margin-left: 20px;
}

a.faxpaper{
    display: block;
    width: 70%;
    max-width: 700px;
    background: #FFC847;
    border: 4px solid #DEA727;
    border-radius: 10px;
    text-align: center;
    color: #FFF;
    padding: 3% 0px;
    font-size: 26px;
    font-size: clamp(26px, 1.87vw, 36px);
    font-weight: 600;
    margin-top: 60px;
}

a.faxpaper span{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    color: #FFF;
}


.co_form {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.co_form dl {
    width: 100%;
    min-height: 100px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}


.co_form dt {
    width: 38%;
    padding-left: 20px;
    box-sizing: border-box;
    color: #000;
    line-height: 4em;
    position: relative;
}

.co_form label{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    color: #000;
    font-weight: 400;
}

.co_form dt span{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
    color: #FFF;
    padding: 5px 10px;
    background: #E35B4E;
    border-radius: 5px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.co_form dt span.red{
    background: #E35B4E;
}

.co_form dt span.grn{
    background: #7FC552;
}

.co_form dd {
    padding: 2%;
    width: 62%;
    box-sizing: border-box;
}

input[type="text"],[type="tel"],[type="email"]{
    width: 100%;
    font-size: 14px;
    font-size: clamp(14px, 0.83vw, 16px);
    border: solid 1px #707070;
    padding: 5px;
    background: #FFF7D6;
}

.contact_select_ber{
    width: 100%;
    font-size: 14px;
    font-size: clamp(14px, 0.9vw, 18px);
    border: 1px solid #707070;
    padding: 5px 5px 5px 20px;
    background: #FFF7D6;
}

.contact_select{
    position: relative;
}

.contact_select_p::before{
    content: "▼";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 35px;
    top: 30%;
}

.contact_select th{
    text-align: left;
    padding-right: 20px;
}

.contact_select_ber option{
    font-size: 14px;
    font-size: clamp(14px, 0.9vw, 18px);
}

input[type="file"] {
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    margin-bottom: 10px;
}

.submit_box{
    width: 70%;
    max-width: 650px;
    margin: 60px auto 0px auto;
    display: flex;
    justify-content: space-between;
}

.sent {
    width: 46%;
    display: inline-block;
    padding: 16px 0px;
    text-decoration: none;
    background: #FFC847;
    border-radius: 10px;
    white-space: nowrap;
    color: #fff;
    font-size: 26px;
    font-size: clamp(26px, 1.87vw, 36px);
    font-weight: 600;
    transition: .2s ease-in-out;
    border: 4px solid #DEA727;
}

.reset {
    width: 46%;
    display: inline-block;
    padding: 16px 0px;
    text-decoration: none;
    border-radius: 10px;
    white-space: nowrap;
    color: #fff;
    font-size: 26px;
    font-size: clamp(26px, 1.87vw, 36px);
    font-weight: 600;
    border: 4px solid #DEA727;
    color: #FFC847;
}

#contact_comform{
    font-size: 14px;
    font-size: clamp(14px, 0.9vw, 18px);
    text-align: center;
    margin-top: 30px;
}

#contact_complete{
    font-family: 'ヒラギノ角ゴ Pro', sans-serif;
    font-size: 37px;
    font-size: clamp(37px, 2.4vw, 47px);
    color: #00C54F;
    text-align: center;
    margin-bottom: 32px;
    font-weight: 500;
}

#contact_complete_text{
    font-size: 14px;
    font-size: clamp(14px, 0.9vw, 18px);
    text-align: center;
}

.howtoline img{
    width: 600px;
    height: auto;
    object-fit: contain;
    margin-bottom: 50px;
}

.line_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 600;
    margin-bottom: 30px;
}

.line_txt_org{
    font-size: 20px;
    font-size: clamp(20px, 1.25vw, 24px);
    font-weight: 600;
    margin-bottom: 30px;
    color: #FF7B23;
}

/**********************
ここから送信完了
**********************/
.cp_box{
    width: 100%;
    text-align: center;
}

p.complete_b{
    font-size: clamp(50px, 3.12vw, 60px);
    color: #FF7B23;
    font-weight: bold;
    letter-spacing: 0.1em;
}

p.complete_s{
    font-size: clamp(16px, 1.1vw, 20px);
    margin-top: 30px;
    font-weight: 300;
}

a.back{
    text-align: center;
    display: inline-block;
    padding: 10px 5%;
    transition: .2s ease-in-out;
    border: 4px solid #DEA727;
    color: #fff;
    background: #FFC847;
    border-radius: 10px;
    font-size: clamp(20px, 1.1vw, 22px);
    margin-top: 50px;
}


/**********************
ここから個人情報保護
**********************/
.privacy_txt_b{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
}

h5.p_blue_tape{
    display: block;
    width: fit-content;
    background: #4A69E8;
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 600;
    color: #FFF;
    padding: 10px 50px;
    margin-bottom: 20px;
}

.privacy_txt{
    font-size: 14px;
    font-size: clamp(14px, 0.9vw, 18px);
    font-weight: 400;
}

/**********************
ここから当サイトについて
**********************/
.about_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
    line-height: 2em;
}


/**********************
ここからおすすめサイト
**********************/
.link_txt{
    font-size: 16px;
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: 400;
}

table.link{
    width: 100%;
    max-width: 1180px;
}

table.link th,
table.link tr{
    font-size: 16px;
    font-size: clamp(16px, 1.25vw, 24px);
    font-weight: 400;
    border: 1px solid #707070;
    vertical-align: middle;
}

table.link th{
    width: 26%;
    background: #FFF7D6;
    text-align: right;
    padding: 10px 1%;
}

table.link td{
    width: 74%;
    background: #FFF;
    text-align: left;
    padding: 10px 16px;
}

/**********************
ここから書体サンプル
**********************/

img.fontsample{
    width: 100%;
    max-width: 1000px;
    height: auto;
    object-fit: contain;
}