@charset "utf-8";
/******* キャラリンクボタン *******/
.chara {
  transition-duration: .4s;
}
.chara:hover {
  transform: scale(1.1);
}
/******* サイズ表を見るリンクボタン *******/
 a.link-s{
display: inline-block;
font-size: 14px;
color: #fff;
background-color: #15B8EB;
padding: 2px 8px;
margin-top: 5px;
margin-left: 5px;
border-radius: 5px;
}
a.link-s:hover{
transition: all .3s;
color: #15B8EB;
background-color: #FFFF00
}
/******* 色見本を見るリンクボタン *******/
p.modaal-link{
display:block;
font-size: 14px;
color: #fff;
letter-spacing: 0.1em;
background-color:  rgba(76, 73, 62, 1.0);
padding: 3px 5px 3px 15px;
margin-top: 15px;
text-align: left;
font-weight: 400;
line-height: 1.8;
width: 127px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto
}
p.modaal-link::after {
content: '\f061';
font-family: "Font Awesome 5 Free";
padding-left: 5px;
font-weight: 600;
/*アニメーションの指定*/
transition: all .3s;
}
p.modaal-link:hover::after{
padding-left: 20px;
transition: all .3s;
}
p.modaal-link:hover{
transition: all .3s; 
background-color: crimson
}

/******* 角丸見出し *******/
p.maru-t{
color: #000;
font-weight: bold;
border-radius: 100vh;
background-color:#FFFF00;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: center
}
/* 角丸見出し1行 */
p.maru-t01{
width: 160px;
font-size: 16px;
line-height: 1.1;
letter-spacing: 0.05rem;
padding: 15px 5px;
}
/* 角丸見出し2行 */
p.maru-t02{
width: 160px;
font-size: 16px;
line-height: 1.1;
letter-spacing: 0.05rem;
padding: 7px 0px;
}
/* 角丸見出し1行長 */
p.maru-t03{
width: 190px;
font-size: 16px;
line-height: 1.1;
letter-spacing: 0.05rem;
padding: 15px 5px;
}
/* 説明文太字 */
.se-bold{
font-weight: bold;
color: crimson
	}
/* 青太文字 */
.futo{
	color: #29BBEF;
	font-weight: bold}

/* ########### 413px以下 (375まで)########### */
@media screen and (max-width: 413px) {

/******* flexボックス *******/
.pro-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
/******* ギャラリー右ヨコ部分 *******/
.right-box{
width: 100%;
margin-left: 0%;
}
.chara{
width: 80%;
height: auto;
margin-top:2%
}
/******* 商品名タイトル *******/
h5 {}
h5.pc{
display: none;
}
h5.sp{
display: flex;
align-items: center;
color: #000;
font-weight:700;
text-align: left;
letter-spacing: 0.00em;
line-height: 1.8;
font-family: "M PLUS 1p";
margin-bottom: 10px;
}
.pc-01{
font-size: 30px;
letter-spacing: 0.00em;}
	
.pc-02{
font-size: 28px;
letter-spacing: 0.00em;}
h5 img{
width: 40px;
height: auto;
margin-right: 3px
}

/******* 用途例イラスト *******/
.youto-box {display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 50px;
}
.youto-box2 {display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 25px;
}
.youto-1 {
  gap: 0px;
}
.youto-2 {
  gap:5px;
}
.youto-3 {
  gap: 5px;
}
.youto-5 {
  gap: 10px;
}
.youto-box img{
height: auto;
}
.many{
max-width: 95%;
height: auto;
}
.only{
width: 100%;
height: auto;
}
.combi{
width: 100%;
height: auto;
}
/******* 材質・厚み *******/
.zai-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
.zai-box-in{
width: 100%;
}
.zai-box img{
width: 100%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
margin-top: 20px
}
.zai-box p{
font-size: 18px;
line-height: 1.6;
letter-spacing: 0.05rem;
text-align: left
}

/******* 生地の色を選ぶ *******/
.kizi-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
.kizi-box img{
width: 100%;
}
.kizi p{
font-size: 16px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #B4E2F1;
margin-bottom: 10px
}
.eco p{
font-size: 16px;
color: #06B4EA;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #FFFF00;
margin-bottom: 80px
}

/******* サイズを選ぶ *******/
.size-box{display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
margin-bottom: 25px;
}
.size-box img{
margin-bottom: 25px;
}
.size-img1{
width:100%;
}
.size-img2{
width:100%;
}
/******* ひもを選ぶ *******/
.himo-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
.himo-box img{
width: 100%;
}
/******* 納品までの流れ *******/
.nohin-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 120px;
}
.nohin-box-in{
width: 100%;
text-align: center;
}
.nohin-box img{
width: 100%;
height: auto;
}
.nohin-box p {
display: block;
position: relative;
font-size: 18px;
color: #06B4EA;
line-height: 1.5;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 18px;
font-weight: 500;
background-color: #FFFF00;
margin-bottom: 40px
}
.nohin-box p:after {
position: absolute;
content: '';
border: 12px solid transparent;
border-bottom: 12px solid #FFFF00;
top: -24px;
left: 14%;
}
span.nohin-txt{
display: inline-block;
font-size: 18px;
color: #fff;
line-height: 1;
letter-spacing: 0.05rem;
text-align: left;
padding: 7px 10px 7px 10px;
background-color: #06B4EA;
margin-bottom: 8px
}

}
/* ########### 514px以下 (375まで)########### */
@media screen and (max-width: 514px) {


/******* 加工について *******/
.kako-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
.kako-box-in02{
width: 100%;
text-align: center;
margin-bottom: 40px
}
.kako-box-in03{
width: 100%;
text-align: center;
margin-bottom: 40px
}
.kako-box-in04{
width: 100%;
text-align: center;
margin-bottom: 0px
}
.kako-box-in00{
display: none;
}
p.sub{
font-size: 15px;
color: #06B4EA;
line-height: 1.7;
letter-spacing: 0.1rem;
margin-bottom: 20px
}
p.sub-no{
display: none;
}
img.kako-no{
max-width: 80%;
height: auto
}
img.kako-sen{
width: 100%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
margin-bottom: 20px
}
img.kako-4{
max-width: 80%;
height: auto;
margin-bottom: 30px
}
p.setumei{
padding:15px 15px 15px 15px;

font-size: 16px;
line-height: 1.6;
letter-spacing: 0.02rem;
margin-top: 20px;
background-color: #B4E2F1;
margin: 0 auto;	
text-align: left;
text-align:justify;
}

/* 紙を選ぶ */
.setumei-kami{
height: auto
}
/* 表面加工を選ぶ */
.setumei-l{
height: auto
}
/* 下に色見本ボタンがあるやつ */
.setumei-s{
height: auto
}
.kizinote{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 0px;
}	
.kizinote p{
font-size: 16px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #FFFF00;
margin-bottom: 10px
}
}
/* ########### 414pxから666pxまで ########### */
@media screen and (min-width: 414px) and (max-width: 666px) {

/******* flexボックス *******/
.pro-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}

/******* ギャラリー右ヨコ部分 *******/
.right-box{
width: 100%;
margin-left: 0%;
}
.chara{
width: 65%;
height: auto;
margin-top:3%
}
/******* 商品名タイトル *******/

h5 {}
h5.pc{
display: none;
}
h5.sp{
display: flex;
align-items: center;
color: #000;
font-weight:700;
text-align: left;
letter-spacing: 0.00em;
line-height: 1.8;
font-family: "M PLUS 1p";
margin-bottom: 10px;
}
.pc-01{
font-size: 36px;
letter-spacing: 0.00em;}
	
.pc-02{
font-size: 32px;
letter-spacing: 0.00em;}
	
h5 img{
width: 50px;
height: auto;
margin-right: 3px
}
/******* 用途例イラスト *******/
.youto-box {display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 50px;
}
.youto-box2 {display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 25px;
}
.youto-1 {
  gap: 0px;
}
.youto-2 {
  gap:30px;
}
.youto-3 {
  gap: 5px;
}
.youto-5 {
  gap: 10px;
}
.youto-box img{
height: auto;
}
.many{
max-width: 90%;
height: auto;
}
.only{
width: 50%;
height: auto;
}
.combi{
width: 100%;
height: auto;
}

/******* 材質・厚み *******/
.zai-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.zai-box-in{
width: 100%;
}
.zai-box img{
width: 100%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
margin-top: 20px
}
.zai-box p{
font-size: 18px;
line-height: 1.6;
letter-spacing: 0.05rem;
text-align: left
}

/******* 生地の色を選ぶ *******/
.kizi-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.kizi-box img{
width: 100%;
}
.kizi p{
font-size: 16px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #B4E2F1;
margin-bottom: 20px
}
.eco p{
font-size: 16px;
color: #06B4EA;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #FFFF00;
margin-bottom: 80px
}
/******* サイズを選ぶ *******/
.size-box{display: block;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
margin-bottom: 25px;
}
.size-box img{
margin-bottom: 25px;
}
.size-img1{
width: 100%;
}
.size-img2{
width:100%;
}
/******* ひもを選ぶ *******/
.himo-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
.himo-box img{
width: 85%;
}
/******* 納品までの流れ *******/
.nohin-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 120px;
}
.nohin-box-in{
width: 100%;
text-align: center;
}
.nohin-box img{
width: 100%;
height: auto;
}
.nohin-box p {
display: block;
position: relative;
font-size: 18px;
color: #06B4EA;
line-height: 1.5;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 18px;
font-weight: 500;
background-color: #FFFF00;
margin-bottom: 40px
}
.nohin-box p:after {
position: absolute;
content: '';
border: 12px solid transparent;
border-bottom: 12px solid #FFFF00;
top: -24px;
left: 14%;
}
span.nohin-txt{
display: inline-block;
font-size: 18px;
color: #fff;
line-height: 1;
letter-spacing: 0.05rem;
text-align: left;
padding: 7px 10px 7px 10px;
background-color: #06B4EA;
margin-bottom: 8px
}

}

/* ########### 515pxから666pxまで ########### */
@media screen and (min-width: 515px) and (max-width: 666px) {


/******* 加工について *******/
.kako-box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.kako-box-in02{
width: 100%;
text-align: center;
margin-bottom: 40px
}
.kako-box-in03{
width: 50%;
text-align: center;
margin-bottom: 0px
}
.kako-box-in04{
width: 50%;
text-align: center;
margin-bottom: 0px
}
.kako-box-in00{
display: none;
}
p.sub{
font-size: 15px;
color: #06B4EA;
line-height: 1.7;
letter-spacing: 0.1rem;
margin-bottom: 20px
}
p.sub-no{
font-size: 15px;
color: #fff;
line-height: 1.7;
letter-spacing: 0.1rem;
margin-bottom: 20px
}
img.kako-no{
max-width: 50%;
height: auto
}
img.kako-sen{
width: 90%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
margin-bottom: 20px
}
img.kako-4{
max-width: 100%;
height: auto;
margin-bottom: 30px
}
p.setumei{
padding:15px 15px 0px 15px;
width: 75%;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.02rem;
margin-top: 0px;
background-color: #B4E2F1;
margin-left: auto;
margin-right: auto;
text-align: left;
text-align:justify;
}

/* 紙を選ぶ */
.setumei-kami{
height: 260px;
margin-bottom: 30px
}
/* 表面加工を選ぶ */
.setumei-l{
height: 115px;
margin-bottom: 30px
}
/* 下に色見本ボタンがあるやつ */
.setumei-s{
height: 190px
}
.kizinote{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 0px;
}	
.kizinote p{
font-size: 16px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #FFFF00;
margin-bottom: 20px
}
}

/* ########### 667pxから833pxまで ########### */
@media screen and (min-width: 667px) and (max-width: 833px) {

/******* flexボックス *******/
.pro-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
/******* ギャラリー右ヨコ部分 *******/
.right-box{
width: 48%;
margin-left: 0%;
}
.chara{
width: 70%;
height: auto;
margin-top:5%
}
/******* 商品名タイトル *******/
h5 {
}
h5 img{
width: 42px;
height: auto;
margin-right: 3px
}
h5.pc{
display: flex;
align-items: center;
color: #000;
font-weight:700;
text-align: left;
letter-spacing: 0.00em;
line-height: 1.8;
font-family: "M PLUS 1p";
margin-bottom: 20px;
}
.pc-01{
font-size: 27px;
letter-spacing: 0.00em;}
	
.pc-02{
font-size: 25px;
letter-spacing: 0.00em;}
h5.sp{
display: none;
}
/******* 用途例イラスト *******/
.youto-box {display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 60px;
}
.youto-box2 {display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 30px;
}
.youto-1 {
  gap: 0px;
}
.youto-2 {
  gap:30px;
}
.youto-3 {
  gap: 20px;
}
.youto-5 {
  gap: 10px;
}
.youto-box img{
height: auto;
}
.many{
max-width: 95%;
height: auto;
}
.only{
width: 40%;
height: auto;
}
.combi{
width: 90%;
height: auto;
}
/******* 材質・厚み *******/
.zai-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.zai-box-in{
width: 50%;
}
.zai-box img{
width: 100%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
}
.zai-box p{
font-size: 18px;
line-height: 1.7;
letter-spacing: 0.05rem;
text-align: left
}

/******* 生地の色を選ぶ *******/
.kizi-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.kizi-box img{
width: 49%;
}
.kizi p{
font-size: 16px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #B4E2F1;
margin-bottom: 40px
}
.eco p{
font-size: 16px;
color: #06B4EA;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #FFFF00;
margin-bottom: 100px
}

/******* サイズを選ぶ *******/
.size-box{display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
.size-box img{
}
.size-img1{
width: 49%;
}
.size-img2{
width:48%;
}
/******* 加工について *******/
.kako-box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.kako-box-in02{
width: 48%;
text-align: center;
}
.kako-box-in03{
width: 33%;
text-align: center;
}
.kako-box-in00{
width: 33%;
text-align: center;
}
.kako-box-in04{
width: 33%;
text-align: center;
}
p.sub{
font-size: 15px;
color: #06B4EA;
line-height: 1.7;
letter-spacing: 0.1rem;
margin-bottom: 20px
}
p.sub-no{
font-size: 15px;
color: #fff;
line-height: 1.7;
letter-spacing: 0.1rem;
margin-bottom: 20px
}
img.kako-no{
max-width: 75%;
height: auto
}
img.kako-sen{
width: 90%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
margin-bottom: 20px
}
img.kako-4{
max-width: 100%;
height: auto;
margin-bottom: 30px
}
p.setumei{
padding:15px 15px 20px 15px;
width: 78%;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.02rem;
margin-top: 20px;
background-color: #B4E2F1;
margin: 0 auto;	
text-align: left;
text-align:justify;
}

/* 紙を選ぶ */
.setumei-kami{
height: auto
}
/* 表面加工を選ぶ */
.setumei-l{
height: 120px
}
/* 下に色見本ボタンがあるやつ */
.setumei-s{
height: 220px
}
a.link-c{
margin-bottom: 30px; 
}
/******* ひもを選ぶ *******/
.himo-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.himo-box img{
width: 80%;
}
/******* 納品までの流れ *******/
.nohin-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 60px;
}
.nohin-box-in{
width: 50%;
text-align: center;
}
.nohin-box img{
width: 100%;
height: auto;
}
.nohin-box p {
display: block;
position: relative;
font-size: 18px;
color: #06B4EA;
line-height: 1.5;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 18px;
font-weight: 500;
background-color: #FFFF00;
margin-top: 0px
}
.nohin-box p:after {
position: absolute;
content: '';
border: 12px solid transparent;
border-bottom: 12px solid #FFFF00;
top: -24px;
left: 14%;
}
span.nohin-txt{
display: inline-block;
font-size: 18px;
color: #fff;
line-height: 1;
letter-spacing: 0.05rem;
text-align: left;
padding: 7px 10px 7px 10px;
background-color: #06B4EA;
margin-bottom: 8px
}

}
/* ########### 834px 以上 ########### */
@media screen and (min-width:834px) {
/******* 一番上flexボックス *******/
.pro-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 80px;
}

/******* ギャラリー右ヨコ部分 *******/
.right-box{
width: 48%;
margin-left: 0%;

}
.chara{
width: 70%;
height: auto;
margin-top:5%
}


/******* 商品名タイトル *******/
h5 {}
h5.pc{
display: flex;
align-items: center;
color: #000;
font-weight:700;
text-align: left;
letter-spacing: 0.00em;
line-height: 1.8;
font-family: "M PLUS 1p";
margin-bottom: 20px;
}
.pc-01{
font-size: 34px;
letter-spacing: 0.00em;}
	
.pc-02{
font-size: 31px;
letter-spacing: 0.00em;}
	
h5 img{
width: 50px;
height: auto;
margin-right: 5px
}
h5.sp{
display: none;
}
	
/******* 用途例イラスト *******/
.youto-box {display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 80px;
}
.youto-box2 {display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-bottom: 30px;
}
.youto-1 {
  gap: 0px;
}
.youto-2 {
  gap: 50px;
}
.youto-3 {
  gap: 80px;
}
.youto-5 {
  gap: 10px;
}
.youto-box img{
height: auto;
}
.many{
max-width: 100%;
height: auto;
}
.only{
width: 35%;
height: auto;
}
.combi{
width: 60%;
height: auto;
}	
/******* 材質・厚み *******/
.zai-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 80px;
}
.zai-box-in{
width: 50%;
}
.zai-box img{
width: 90%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
}
.zai-box p{
font-size: 18px;
line-height: 1.7;
letter-spacing: 0.1rem;
text-align: left
}
.zai-box span{
}

/******* 生地の色を選ぶ *******/
.kizi-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 80px;
}
.kizi-box img{
width: 49%;
}
.kizi p{
font-size: 18px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #B4E2F1;
margin-bottom: 40px
}
.eco p{
font-size: 18px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #FFFF00;
margin-bottom: 100px
}
.kizinote{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 0px;
}	
.kizinote p{
font-size: 18px;
color: #000;
line-height: 1.8;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 22px;
background-color: #FFFF00;
margin-bottom: 20px
}
/******* サイズを選ぶ *******/
.size-box{display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 50px;
}
.size-box img{
}
.size-img1{
width: 49%;
}
.size-img2{
width:33%;
}
/******* 加工について *******/
.kako-box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
margin-bottom: 80px;
}
.kako-box-in02{
width: 48%;
text-align: center;
}
.kako-box-in03{
width: 33%;
text-align: center;
}
.kako-box-in00{
width: 33%;
text-align: center;
}
.kako-box-in04{
width: 25%;
text-align: center;
}
p.sub{
font-size: 16px;
color: #06B4EA;
line-height: 1.6;
letter-spacing: 0.1rem;
margin-bottom: 20px
}
p.sub-no{
font-size: 17px;
color: #fff;
line-height: 1.7;
letter-spacing: 0.1rem;
margin-bottom: 20px
}
img.kako-no{
max-width: 75%;
height: auto
}
img.kako-sen{
width: 90%;
height: auto;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color:#4C4948;
margin-bottom: 20px
}
img.kako-4{
max-width: 90%;
height: auto
}
p.setumei{
padding:15px 15px 20px 15px;
width: 70%;
font-size: 16px;
line-height: 1.6;
letter-spacing: 0.02rem;
margin-top: 20px;
background-color: #B4E2F1;
margin: 0 auto;	
text-align: left;
text-align:justify;
}

/* 紙を選ぶ */
.setumei-kami{
height: auto
}
/* 表面加工を選ぶ */
.setumei-l{
height: 100px
}
/* 下に色見本ボタンがあるやつ */
.setumei-s{
height: 190px
}
a.link-c{
margin-bottom: 30px; 
}
/******* ひもを選ぶ *******/
.himo-box{
display: block;
justify-content: space-between;
text-align: center;
margin-bottom: 80px;
}
.himo-box img{
width: 70%;
}
/******* 納品までの流れ *******/
.nohin-box{
display: flex;
justify-content: space-between;
text-align: center;
margin-bottom: 80px;
}
.nohin-box-in{
width: 50%;
text-align: center;
}
.nohin-box img{
width: 100%;
height: auto;
}
.nohin-box p {
display: block;
position: relative;
font-size: 18px;
color: #06B4EA;
line-height: 1.5;
letter-spacing: 0.05rem;
text-align: left;
padding: 15px 10px 15px 18px;
font-weight: 500;
background-color: #FFFF00;
margin-top: 0px
}
.nohin-box p:after {
position: absolute;
content: '';
border: 12px solid transparent;
border-bottom: 12px solid #FFFF00;
top: -24px;
left: 14%;
}
span.nohin-txt{
display: inline-block;
font-size: 18px;
color: #fff;
line-height: 1;
letter-spacing: 0.05rem;
text-align: left;
padding: 7px 10px 7px 10px;
background-color: #06B4EA;
margin-bottom: 8px
}

}