/* new css */
a:focus{border:none;}
h2{color:#1E5A34;border-bottom: #1E5A34 2px solid;padding-left:1em;padding-bottom:0.2em;margin-top:1em;font-weight:bold;}
h3{border-left:6px solid #109141;padding:0.2em 0.2em 0.2em 0.8em;font-weight:bold;margin-bottom:20px;}
h4{padding:0.2em 0.2em 0.2em 0.8em;font-weight:bold;font-size:24px;margin-bottom:20px;}
p.txt{font-size:18px;margin:20px;line-height:24px;}
ul.list{font-size:16px;padding-left:2.5em;}
ul.list li{list-style: disc;}
.center{text-align:center;}

.bg_green{background:#E3F2E4;}

.color-box{padding:20px;margin:40px 0;}
.halfbox_area{
    display: -webkit-flex;
    display: flex;
    gap: 10px;
    margin-bottom:10px;
}
.halfbox_area .hbox{
width:100%;
border:2px solid #109141;
background:#fff;
padding:15px;
}
.hbox_carea{
    display: -webkit-flex;
    display: flex;
    gap: 10px;
}
.hbox_carea_txt{width:50%;}

.bgcolor_D1CA96{background:#D1CA96;}
.bgcolor_E08E52{background:#E08E52;}
.bgcolor_815A2B{background:#815A2B;}
.bgcolor_A38494{background:#A38494;}
.bgcolor_83A197{background:#83A197;}
.bgcolor_8CA3A8{background:#8CA3A8;}
.bgcolor_8D8EA0{background:#8D8EA0;}
.no_dic{padding:19px 0 !important;}


.metalic_area{margin-top:50px;}
.metalic_area .c_txt{line-height:2.9em;}

.icon_color{  border-radius: 50%;width:18px;height:18px;display: inline-block;margin-right:5px;}
.c_txt{font-size:18px;line-height:24px;margin-bottom:5px;}

.f_area{display:flex;gap:20px;}





.image-popup,
.image-popup * {
  box-sizing: border-box;
}
.image-popup {
  margin: 0;
  text-align: center;
}
.image-popup__toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.image-popup__thumb {
  display: inline-block;
  max-width: 100%;
  cursor: zoom-in;
}
.image-popup__thumb img {
  display: block;
  width: 373px;
  max-width: 100%;
  height: auto;
border: 2px solid #109141;
}
.image-popup__toggle:focus + .image-popup__thumb {
  outline: 3px solid #0b57d0;
  outline-offset: 3px;
}
.image-popup__modal {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 12px;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.image-popup__toggle:checked ~ .image-popup__modal {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.image-popup__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.82);
  cursor: zoom-out;
}
.image-popup__panel {
  position: relative;
  z-index: 1;
  width: fit-content;
  max-width: min(calc(80% + 20px), 1200px);
  max-height: calc(100% - 24px);
  overflow: auto;
  padding: 4px 10px;
  background: #fff;
  border-radius: 5px;
}
.image-popup--portrait .image-popup__panel {
  max-width: min(calc(95% + 20px), 740px);
}
.image-popup__bar {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 6px 8px 6px 12px;
  background: rgba(255, 255, 255, 0.96);
}
.image-popup__title {
  font-size: 15px;
}
.image-popup__close {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  font: bold 32px/1 sans-serif;
  cursor: pointer;
}
.image-popup__large {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(100vh - 96px);
  max-height: calc(100dvh - 96px);
}


/*刺繍*/

span.indent{padding-left:1.2em;text-indent:-1.2em;display:block;}
.c_box{display:block;width:100%;margin:10px auto;height:80px;}
.c_silver{background:#C3C3C3;border:1px solid #C3C3C3;}
.c_gold{background:#AA994C;border:1px solid #AA994C;}
.c_navy{background:#1D4386;border:1px solid #1D4386;}
.c_bw{  background: linear-gradient(to right, #fff 0%, #fff 50%, #000 50%, #000 100%);border:1px solid #000;}
.coloremchip {
    float: left;
    width: 148px;
height:290px;
}
.colorchip{height:100px;}
.coloremchip img{border:2px solid #efefef;}

.coloremchip img:hover{border:2px solid #00A9A4;}



/*書体*/
.font-box{border:2px solid #109141;width:100%;padding-bottom:20px;margin-bottom:40px;}
.font-box h4{background:#109141;color:#fff;padding:10px;width:100%;margin-top:0;}
.font-box h4 span{font-size:14px;margin-left:10px;}

.font-box img{margin:0 5px;}
.font_menu .hbox{padding:0;margin:20px;}
.font_menu .hbox  h4{background:#E3F2E4;color:#109141;padding:10px;width:100%;margin-top:0;margin-bottom:0;}
.font_menu .hbox ul{margin-bottom:0;}
.font_menu .hbox ul li{font-size:16px;font-weight:bold;}

.font_menu .hbox ul li a{padding:10px;display:block;color:#000;}
.font_menu .hbox ul li a:hover{background:#efefef;text-decoration:none;}

.font_menu .hbox ul li a::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 3px solid #21b54e;
  border-right: 3px solid #21b54e;
  transform: rotate(45deg); 
  margin-right: 8px;
}

/*スタッフ*/
table.table_staff_price{
border:2px solid #109141;
border-collapse: collapse;
margin:20px auto !important;
}
table.table_staff_price th{text-align:center;font-size:18px;border: 1px solid #109141;padding:0 50px;}

table.table_staff_price td{text-align:center;border: 1px solid #109141;}
h2.h2_staff{border:none;font-size:32px;color: #109141;text-align:center;padding-left:0;margin:50px 0;line-height:1.4em;}

h2.h2_staff span{background: linear-gradient(transparent 60%, #fff176 60%);}


.flex_area{display:flex;}

.tips{display:flex;gap:20px;
background: #E3F2E4;padding:10px;border-radius: 10px;
border:2px solid #109141;
justify-content: space-around;
align-items: center;
margin:40px auto;
width:90%;
}
.tips h3{border:none;width:200px;text-align:center;}
.tips p{padding:10px;font-size:16px;text-indent:-1em;padding-left:1em;}
.staff_btn_area{display:flex;gap:20px;margin:40px 0;}

.staff_btn_area a{width:33%;
display:inline-block;
font-size:16px;
border:2px solid #dadada;
padding:10px;
border-radius: 10px;
background:#efefef;
color:#000;
position: relative;
}
.staff_btn_area a:hover{text-decoration:none;opacity:0.5;}
.staff_btn_area a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
}


.staff_btn_area a strong{font-weight:bold;display:block;font-size:16px;}
.staff_btn_area a span.memo{display:block;font-size:14px;}
.topic{font-size:20px;margin:30px 20px;color:red;}
.topic strong{font-size:32px;}
.topic span{display:inline-block;}


.staff h3 span {
    font-size: 16px;
    display:block;
}
.staff-box{width:100%;padding-bottom:20px;margin-bottom:40px;}
.staff-box h4{background:#109141;color:#fff;padding:10px;width:100%;margin-top:0;}
.staff-box h4 span{font-size:14px;margin-left:10px;}

.staff-box p.staff_price{font-size:18px;font-weight:bold;color:#c36;padding:5px 20px;}

div.t_box {
    width: 805px;
    height: 320px;
    background: url(https://img0.land-mark.biz/ut_img/public_images/guide/print_shurui/ut_guide_img_120.png) no-repeat;
}
div.t_box_in {
    padding: 50px 0 0 41px;
}
.staff_box{padding:0 10px;}



/*デザインの入稿について*/
.design_box{
border: 2px solid #109141;
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
}
.d_btn_area{display:flex;gap:10px;}
.d_btn_area a{background:#109141;color:#fff;text-decoration:none;font-size:20px;display:block;width:33%;font-weight:bold;padding:20px 0;border-radius: 10px;text-align:center;position: relative;}
.d_btn_area a:hover{opacity:0.6}

.d_btn_area a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    width: 9px;
    height: 9px;
    margin: auto;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-2px) rotate(135deg);
    box-sizing: border-box;
}

.design_box h2{border:none;color:#000;padding-left:0;margin-top:0;display:flex;align-items: center;}
.design_box h2 span.desigin_icon{background:#109141;border-radius: 50%;height: 70px;display: inline-block;padding: 15px;margin-right:10px;}
.design_box h2 span.right{}


.design_box p{font-size:16px;}
.design_box .flex_area{gap:10px;}

.design_box h2 span.ttl{margin-right:auto;}
.design_box h2 span.right{border:1px solid #109141;color:#109141;padding:10px 30px;font-size:16px;border-radius: 30px;}
.design_box .design_box_in{/*border: 1px solid #109141;*/padding:20px;margin:10px;background:#fff;}
.design_box_in img{display:block;margin:20px auto;}


.design_box .design_box_list{display:flex;flex-wrap: wrap;align-items: flex-end;}
.design_box .design_box_list li{width:48%;font-size:18px;padding:5px;margin-bottom:15px;border-bottom:dashed #dadada 2px;margin:1%;}

.design_box h3{color:#109141;border:none;padding-left:0;margin:0 0 20px 0;}

.btn_design_box{background:#109141;font-size:16px;width:250px;padding:20px ;text-align:center;display:block;color:#fff;font-weight:bold;margin:10px;border-radius: 10px;}
.btn_design_box:hover{color:#fff;text-decoration:none;opacity:0.8;}
.design_box_in h4{background:#109141;color:#fff;display:inline-block;border-radius: 30px;font-size:16px;padding:10px 40px;}

.btn_design_box img{
    display: inline;
    padding: 0;
    margin: 0 5px 0 0;
}



.design_box p.point_txt{margin:10px 20px;line-height:2em;}

.arrow {
  position: relative;
  display: block;
  width: 100px;
  height: 4px;
  margin: 100% auto;
  border-radius: 9999px;
  background-color: #000000;
}

.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 45px;
  height: 4px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: calc(100% - 2px) 50%;
}

.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  transform: rotate(-45deg);
}
.design_ba div{flex: 1; }
.design_ba div.center{flex: 2;}


.arrow2 {
  position: relative;
  display: block;
  width: 4px;
  height: 70px;
  margin: 0 auto;
  border-radius: 9999px;
  background-color: #000000;
}

.arrow2::before,
.arrow2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 2px);
  width: 4px;
  height: 45px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 50% calc(100% - 2px);
}

.arrow2::before {
  transform: rotate(45deg);
}

.arrow2::after {
  transform: rotate(-45deg);
}
.design_area{padding:10px;}
.design_other{margin-bottom:40px;margin-top:40px;}
/*プリントについて*/

.print-box{border:2px solid #109141;width:100%;padding-bottom:20px;margin-bottom:40px;}
.print-box h4{background:#109141;color:#fff;padding:10px;width:100%;margin-top:0;}
.print-box img{margin:1%;width:31.3%;}
.print-box a:hover{opacity:0.6;text-decoration:none;}


p.ti{font-size:20px;font-weight:bold;padding-left:10px;margin-bottom:5px;}
p.ti strong.no{color:#21b54e;margin-right:10px;}
p.ti strong.pop{color:#ff0000;margin-left:10px;}
p.font{margin-bottom:20px;}