/* ==========================================

【　目次　】

【1】ご利用ガイド - カスタマイズ用

	【1-1】※整理中

	【1-2】編集機能ガイド

	【1-3】一般商品ページ・共通項目_再構築

【2】小カテゴリ概要/詳細 - カスタマイズ用

	【2-1】一般商品ページ・共通項目

	【2-2】商品券_ef

	【2-3】ポケットフォルダー_pf

	【2-4】ポスター

	【2-5】ユポポスター

	【2-6】一般商品ページ・共通項目_再構築

	【2-7】その他

	【2-8】ラクラ_rqr

========================================== */









/* ==========================================

【1】ご利用ガイド - カスタマイズ用

※他ページのCSSとの干渉を防ぐため
「.guide-section」をつけて設定してください。

========================================== */

/* サンプル */
.guide-section .xxxxxx {
  /* xxxx: xxxx; */
}



/* ================================================================================== */
/*--▼ 【1-1】※整理中 ////////////////////////////▼--*/

.guide-section td {
 padding:10px;
}

.guide-section th {
 padding:10px;
}

.guide-section tr {
 padding:10px;
}

.guide-section p {
 font-size:14px;
}





.guide-section .container1{
	display:flex;
	flex-direction: row;
	margin-top:30px;
	margin-bottom:30px;
} 


.guide-section .container2{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}



.guide-section .head-text{
	font-size:21px;
	margin-bottom:12px;
	font-weight: 700;
}



.guide-section .main-text{
	font-size:14px;
	line-height:23px;
		text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}



.guide-section .size2{
	z-index:2;
	
	background-color: #F9F8F8;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 8px;
	width:360px;
}




.guide-section .main-image{
	width: 320px;
	max-height: 240px;
	margin-right:30px;
}


.guide-section .text-blue{
	color:#009FBE;
}

.guide-section .text-bold{
	font-weight: 600;
}

.guide-section .text-underline{
	text-decoration:underline solid;
}

.guide-section .caption{
		padding: 20px; 
	margin-bottom: 35px; 
	background:#f5dbd7;
}

.guide-section .caption-title{
		font-size:18px;
	font-weight: 600;
	color:#D7001D;
	margin-bottom: 10px;
}

.guide-section .caption-text-big{
		font-size:15px;
	font-weight: 500;
		margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 3px;
}


/*--▲ 【1-1】※整理中 ////////////////////////////▲--*/
/* ================================================================================== */




/* ================================================================================== */
/*--▼ 【1-2】編集機能ガイド ////////////////////////////▼--*/

.guide-section .h5-title{
    font-size: 21px;
    font-weight: bold;
    background-color: #F9F8F8;
    padding: 24px 16px;
	color:#0e0e0e;
	width: 710px;
	margin-top: 90px;
	border-top: 2px solid #0e0e0e;
	letter-spacing: 0.03em;
}

.guide-section .main-text_editor{
	font-size:17px;
	line-height:29px;
	margin-left: 0px !important;
    margin-right: 0px !important;
	color:#4d4d4d;
	margin-top: 30px;
	font-weight: 500;
	letter-spacing: 0.03em;
}

.guide-section .img_editor{
	margin-top: 30px;
	filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.15));
	border-radius: 6px;
}

.guide-section .item-option-container {
	display: flex;
	justify-content: space-between;
    padding: 26px;
    margin-top: 30px;
	border: solid 1px #cdd6dd;
}

.guide-section .item-option-image{
	margin-left:26px;
}

.guide-section .option-text_editor{
	font-size:15px;
	line-height:25px;
	font-weight: 500;
	color: #4d4d4d;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}

.guide-section .head-text{
	font-size:21px;
	margin-bottom:4px;
	font-weight: 700;
}




.guide-section .contents-list {
    padding: 20px;
    border: 1px solid #cdd6dd;
	margin: 30px 0 30px;
}

.guide-section .contents-list div {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px 0 15px;
	font-size: 15px;
    font-weight: 600;
}

.guide-section .contents-list div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M3.8%2017.2h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.8-.8-.8zm0-15h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8V3c-.1-.4-.4-.8-.8-.8zm0%207.6h-3c-.5%200-.8.3-.8.7v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.7-.8-.7zM23.2%2018h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8zm0-15h-15c-.4%200-.7.3-.7.8v1.5c0%20.4.3.7.7.7h15c.5%200%20.8-.3.8-.8V3.8c0-.5-.3-.8-.8-.8zm0%207.5h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8z%22%2F%3E%3C%2Fsvg%3E');
    content: '';
}

.guide-section .contents-list ol {
    margin: 0;
    padding: 0 1.2em;
}

.guide-section .contents-list ol li {
    margin-bottom: 0px;
    line-height: 2;
}



.guide-section .contents-list-main {
    color: #4d4d4d;
	font-size: 15px;
    font-weight: 600;
	text-decoration: none;
}

.guide-section .contents-list-sub {
    color: #4d4d4d;
	font-size: 15px;
    font-weight: 500;
	text-decoration: none;
}



.guide-section .editor_inquiry{
	margin-top: 90px;
}



.guide-section .banner-container{
	display: grid;
	gap: 20px;
	grid-template-columns: 345px 135px;
	margin-bottom: 35px;
}





/*--▲ 【1-2】編集機能ガイド ////////////////////////////▲--*/
/* ================================================================================== */




/* ================================================================================== */
/*--▼ 【1-3】一般商品ページ・共通項目_再構築 ////////////////////////////▼--*/


/* margin要素 ==================================== */

.guide-section .mt-100{
	margin-top: 100px
}

.guide-section .mt-75{
	margin-top: 75px
}

.guide-section .mt-65{
	margin-top: 65px
}

.guide-section .mt-60{
	margin-top: 60px
}

.guide-section .mt-40{
	margin-top: 40px
}

.guide-section .mt-30{
	margin-top: 30px
}


.guide-section .mt-26{
	margin-top: 26px
}

.guide-section .mt-20{
	margin-top: 20px
}

.guide-section .mt-12{
	margin-top: 12px
}

.guide-section .mt-10{
	margin-top: 10px
}

.guide-section .mt-5{
	margin-top: 5px
}


.guide-section .ml-26{
	margin-left: 26px
}

.guide-section .margin-box{
	width        : 100%;
	height       : 26px;
	background   : #ffffff;
}

.guide-section .mb-32{
	margin-bottom: 32px;
}

/* ========================================== */


/* Flexbox ==================================== */

.guide-section .flex-direction-row{
	display:flex;
	flex-direction: row;
}


/* ========================================== */



/* caption-area ==================================== */

.guide-section .caption-area-red{
	padding: 20px;
	background: #f5dbd7;
}

.guide-section .caption-area-gray{
	padding: 20px;
	background: #f9f8f8;
}

.guide-section .caption-area-line{
	padding: 20px;
	border: solid 1px #cdd6dd;
}

.guide-section .caption-area-text15{
	font-size:15px;
	font-weight: 500;
}

.guide-section .caption-area-text13{
	font-size:13px;
	font-weight: 500;
}

.guide-section .caption-area-title{
		font-size:18px;
	font-weight: 600;
}


/* ========================================== */

.guide-section .top-img{
	width: 710px;
}

.guide-section .sub-title{
    font-size: 21px;
    font-weight: bold;
    background-color: #F9F8F8;
    padding: 24px 16px;
	color:#0e0e0e;
	width: 710px;
	border-top: 2px solid #0e0e0e;
	letter-spacing: 0.03em;
}


.guide-section .main-txt15{
	font-size:15px;
	line-height:24px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	margin-left: 0px !important;
    margin-right: 0px !important;
}

.guide-section .main-txt17{
	font-size:17px;
	line-height:29px;
	margin-left: 0px !important;
    margin-right: 0px !important;
	color:#4d4d4d;
	font-weight: 500;
	letter-spacing: 0.03em;
}

.guide-section .heading{
	
    font-size: 18px;
    font-weight: 700;
    background-color: #CDD6DD;
    padding: 8px 16px;
	color:#0e0e0e;
	width: 710px;
	
}

.guide-section .product-grid-split-2{
	display: grid;
	grid-template-columns: 335px 335px;
	gap:40px;
}

.item-section .product-grid-split-3{
	display: grid;
	grid-template-columns: 210px 210px 210px;
	gap:40px;
}

.guide-section .product-name{
	font-size:17px;
	text-align: center;
    font-weight: 700;
	margin-top: 10px;
	color:#0e0e0e;
}


.guide-section .product-btn{
	margin-top: 10px;
	display:inline-block;
	background:#ff7f00;
	padding:10px 0px;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#fff;
	margin-right:0px;
	width: 100%;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;
	
}
	
.guide-section .product-btn:hover {
	background: #FFA83F;
	color: #fff;
}

.guide-section .product-btn-sub{
	margin-top: 12px;
	display:inline-block;
	background:#fff;
	padding:10px 0px;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#ff7f00;
	padding-left: 28px;
	width: 100%;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;
	border: 1px solid #ff7f00;
}
	
.guide-section .product-btn-sub:hover {
	background: #FFEFCC;
	color: #ff7f00;
}

.guide-section .product-name{
	font-size:17px;
	text-align: center;
    font-weight: 700;
	margin-top: 10px;
	color:#0e0e0e;
}

.guide-section .product-feature{
	display: flex;
	flex-direction: row;
}

.guide-section .product-feature-heading{
    border-left: 4px solid #009FBE;
    padding-left: 15px;
    font-size: 18px;
	font-weight: 600;
	color:#009FBE;
}

.guide-section .banner-double{
	display: grid;
	gap: 20px;
	grid-template-columns: 345px 135px;
}



/*--▲ 【1-3】一般商品ページ・共通項目_再構築 ////////////////////////////▲--*/
/* ================================================================================== */



/* ================================================================================== */
/*--▼ 【1-4】その他 ////////////////////////////▼--*/


/* ダウンロードアイコン ==================================== */

 .guide-section .gg-software-download {
 box-sizing: border-box;
 position: absolute;
 display: block;
 transform: scale(var(--ggs,1));
 width: 16px;
 height: 6px;
 border: 2px solid;
 border-top: 0;
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
 margin-top: -8px;
 margin-left: -10px;
}

.guide-section .gg-software-download::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 8px;
 height: 8px;
 border-left: 2px solid;
 border-bottom: 2px solid;
 transform: rotate(-45deg);
 left: 2px;
 bottom: 4px
}

.guide-section .gg-software-download::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 2px;
 height: 10px;
 background: currentColor;
 left: 5px;
 bottom: 5px
} 

/* ==================================== */

/* FSC関連デザイン==================================== */

.guide-section .product-btn-sub-fsc{
	margin-top: 12px;
	display:inline-block;
	background:#fff;
	padding:10px 0px;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#275b4c;
	padding-left: 28px;
	width: 300px;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;
	border: 1px solid #275b4c;

}
	
.guide-section .product-btn-sub-fsc:hover {
	background: #dde5e2;
	color: #275b4c;
}


/* ==================================== */



/*--▲ 【2-7】その他 ////////////////////////////▲--*/
/* ================================================================================== */






/* ==========================================

【2】小カテゴリ概要/詳細 - カスタマイズ用

※他ページのCSSとの干渉を防ぐため
「.item-section」をつけて設定してください。

========================================== */

/* サンプル */
.item-section .xxxxxx {
  /* xxxx: xxxx; */
}








/* ================================================================================== */
/*--▼ 【2-1】一般商品ページ・共通項目 ////////////////////////////▼--*/



.item-section .container1{
	display:flex;
	flex-direction: row;
	margin-top:30px;
	margin-bottom:30px;
} 



.item-section .container2{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.item-section .container3{
	margin-top:75px;
}

.item-section .main-image{
	width: 320px;
	max-height: 240px;
	margin-right:30px;
}

.item-section .main-text{
	font-size:14px;
	line-height:23px;
		text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}




.item-section .size2{
	z-index:2;
	
	background-color: #F9F8F8;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 8px;
	width:360px;
}


.item-section .head-text{
	font-size:21px;
	margin-bottom:4px;
	font-weight: 700;
}


/* ========================================== */




.item-section .aside{
	padding: 20px; 
	margin-bottom: 30px; 
	background:#F9F8F8;
}




.item-section .menu{
	display:flex;
	flex-directiion:row;
	margin-bottom: 75px;
	gap:10px;
	}


.item-section .menu-button{
display:inline-block;
background:#fff;
padding:8px 0px;
text-align:center;
font-size:13px;
font-weight:500;
color:#009FBE;
margin-right:0px;
width: 134px;
cursor:pointer;
border-radius: 6px;
border: 1px solid #009FBE;
text-decoration: none;}
	
.item-section .menu-button:hover {
	background: #009FBE;
	color: #fff;

	
}

/* ========================================== */

.item-section .sub-category-container{
	padding-top: 45px;
}


.item-section .sub-category{
	font-size:28px;
	font-weight: 700;
	margin-bottom: 24px;
	color:#0e0e0e;
}



/* ========================================== */


.item-section .table{
	width: 710px;
	margin-bottom: 75px;
	border-width: 0px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	
}




.item-section .table-th{
	font-weight:500;
	width: 150px;
	font-size:14px;
	text-align:left;
	vertical-align: top;
	border-width: 1px 1px  1px  0px;
   border-color:#CCD5DC;
   border-style: solid;
	background: #DDF0F5;
	padding:15px;
}

.item-section .table-td{
	border-width: 1px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	padding:15px;
	font-size:15px;
}

.item-section .table-td2{
	border-width: 1px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	padding:15px;
	font-size:13px;
	text-align: end;
	
}












.item-section .accordion {
	/*border: solid 1px #ccc;*/

}

.item-section .toggle {
display: none;

}

.item-section .option {
position: relative;
}

.item-section .title,
.item-section .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.1s;

}

.item-section .title {
display: block;
cursor:pointer;
padding:0px 0px 0px 25px;
font-size:14px;
font-weight:500;	
	
}



.title::after,
.title::before {
content: "";
position: absolute;
left:8px;
top:calc( 50% - 8px );
width: 2.25px;
height: 16px;
background-color: #009FBE;
transition: all 0.1s;

}

.title::after {
transform: rotate(90deg);
}




.item-section .content {
max-height: 0;
overflow: hidden;
}

.item-section .content p {
margin: 0;
padding: 7px 0px 0px 0px;
font-size: 0.9em;
line-height: 1.5;
}




.item-section .toggle:checked + .title + .content {
max-height: 3000px;
transition: all 1.5s;
}

.item-section .toggle:checked + .title::before {
transform: rotate(45deg) !important;
}
.item-section .toggle:checked + .title::after {
transform: rotate(135deg) !important;
}






.item-section .table2{
	
	
	border-width: 0px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	margin-top:15px;
	width: 530px;
}


.item-section .table2-tr:nth-child(2n+1){
	 background-color: #F0F0F0;
}


.item-section .table2-th{
	font-weight:500;
	font-size:12px;
	text-align:left;
	vertical-align: top;
	border-width: 1px 0px;
   border-color:#CCD5DC;
   border-style: solid;
	padding:15px 20px 15px 20px ;
}

.item-section .table2-td{
	border-width: 1px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	padding:15px 20px 15px 0px;
	font-size:14px;
	color:#009FBE;
	text-align:right;
}




 .item-section .template-name{
	 font-size:14px;
	 font-weight:500;
}
 .item-section .template-size{
	 font-size:12px;
}

.item-section .template-title{
		 font-size:14px;
	 font-weight:500;
	margin:20px 0px -5px 0px
}

/* ========================================== */


.item-section .paper-caption{

	margin-bottom: 30px;
}





.item-section .paper-lineup{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	/*background-color:red;*/
	margin-bottom: 75px;
}



.item-section .paper-lineup1{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	/*background-color:red;*/
	margin-bottom: 30px;
}


.item-section .paper-lineup2{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	/*background-color:red;*/
	margin-bottom: 75px;
}

.item-section .paper-lineuptitle{
	

			 font-size:16px;
	 font-weight:700;
	margin-bottom: 18px;
	padding-bottom: 6px;
	border-bottom:1px solid #CCD5DC
}

.item-section .paper-container{
	width:220px;
	/*background-color:aqua;*/
	text-align: justify;
	text-justify: inter-ideograph;
}

.item-section .paper-title{
	font-size:13px;
	font-weight: 700;
	color:#009FBE;
}

.item-section .paper-thickness{
    font-size: 12px;
    font-weight: 700;
	margin: 3px 0px;
	width: 220px;
}



.item-section .paper-text{
	font-size:13px;
	font-weight: 400;
}

.item-section .paper-box {
  margin       : auto;
  width        : 220px;
  height       : 25px;
  border: solid 1px #7F7F7F;
}




.item-section .paper-container2{
	width:158px;
	/*background-color:aqua;*/
	text-align: justify;
	text-justify: inter-ideograph;
}

.item-section .paper-box2 {
  margin       : auto;
  width        : 158px;
  height       : 25px;
  border: solid 1px #7F7F7F;
}

.item-section .paper-title2{
	font-size:12px;
	font-weight: 700;
	color:#4d4d4d;
}

/* ========================================== */


.item-section .thickness-image{
	width: 710px;
	margin-bottom: 75px;
}

.item-section .thickness-image-2{
	width: 710px;
	margin-bottom: 30px;
}

/* ========================================== */

.item-section .options-lineup{
	display:flex;
	flex-wrap:wrap;
	gap:26px;
	/*background-color:red;*/
	margin-bottom: 75px;
}

.item-section .options-container{
	width:158px;
	/*background-color:aqua;*/
	text-align: justify;
	text-justify: inter-ideograph;
	text-decoration: none;
	color:inherit;
}


.item-section .options-image{
	width: 158px;
}


.item-section .options-title{
	font-size:13px;
	font-weight: 700;
	margin: 6px 0px 0px;
}


.item-section .options-text{
	font-size:13px;
	font-weight: 400;
}


.item-section .options-caption{
	display: flex;
	flex-direction:row;
}

.item-section .options-captiontext{
	font-size:13px;
	font-weight: 400;
	color:#009FBE;
	margin: 4px 0px 0px;
}

.item-section .arrow-right {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 11px 4px;
  border-top: 1px solid #009FBE;
  border-right: 1px solid #009FBE;
  transform: rotate(45deg);
}


/* ========================================== */



.item-section .caption{
		padding: 20px; 
	margin-bottom: 35px; 
	background:#f5dbd7;
}


.item-section .caption-title{
		font-size:18px;
	font-weight: 600;
	color:#D7001D;
	margin-bottom: 10px;
}

.item-section .caption-title-blue{
		font-size:18px;
	font-weight: 600;
	color:#009FBE;
	margin-bottom: 10px;
}

.item-section .caption-text{
		font-size:13px;
	font-weight: 500;
		margin-left: 1em;
	text-indent: -1em;
}

.item-section .caption-text-big{
		font-size:15px;
	font-weight: 500;
		margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 3px;
}

.item-section .caption-text-blue{
		font-size:15px;
	font-weight: 500;
	text-align: justify;
	color:#009FBE;
}


/* ======================================== */

.item-section .product-title-caption{
	
	font-size:15px;
	line-height:24px;
		text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	margin-bottom: 24px;
	font-weight: 500;
}

/* ======================================== */

.item-section .main-image-campaign{
	width: 710px;
}


/* ======================================== */

.item-section .banner-container{
	display: grid;
	gap: 20px;
	grid-template-columns: 345px 135px;
	margin-bottom: 35px;
}

/* ======================================== */





/*--▲ 【2-1】一般商品ページ・共通項目 ////////////////////////////▲--*/
/* ================================================================================== */









/* ================================================================================== */
/*--▼ 【2-2】商品券_ef ////////////////////////////▼--*/



.item-section .main-image-ef{
	width: 710px;
	margin-bottom:24px;
}


.item-section .container1-ef{
	margin-top:30px;
	margin-bottom:40px;
} 

.item-section .main-text-ef{
	font-size:15px;
	line-height:24px;
		text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	color: #0e0e0e;
}

.item-section .main-textbox-ef{
	margin-bottom: 32px;
}


.item-section .EFitem-content{
	margin-top: 32px;
	margin-bottom: 35px;
}


.item-section .product-title{
	
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #CDD6DD;
    padding: 8px 16px;
    margin-bottom: 15px;
	color:#0e0e0e;
	width: 710px;
	
}

.item-section .product-section {
    padding-top: 40px; /* 上部余白の値を指定してください */
    scroll-margin-top: 40px; /* 上部余白の値を指定してください */
}



/* ========================================== */

.item-section .item-option-accordion{
	display: flex;
	flex-direction: column;
	gap: 26px;	
}

.item-section .item-option {
position: relative;
background:#DDF0F5;
padding: 22px 26px;
border-radius: 13px;
}

.item-section .item-option-price {
position: relative;
background:#F9F8F8;
padding: 22px 26px;
border-radius: 13px;
}

.item-section .item-option-title::before{
    position: absolute;
    left: 651px;
}
.item-section .item-option-title::after{
    position: absolute;
    left: 651px;
}

.item-section .item-option-title{
	font-size:16px;
	font-weight: 700;
	padding: 0px 25px 0px 0px;

}

.item-section .item-option-container {
	display: flex;
	justify-content: space-between;
}

.item-section .item-option-container-left{
	padding-top: 22px;
}
.item-section .item-option-container-right{
	padding-top: 22px;
}

.item-section .item-option-image{
	margin-left:26px;
}





.item-section .itm-draft {
	display: flex;
	justify-content: space-between;
	padding: 16px ;
	
	border: solid 1px #cdd6dd;
	
	margin-top: -12px;
	margin-bottom: 35px;
}

.item-section .itm-draft-left{
	display: flex;
	flex-direction: row;
}

.item-section .itm-draft-img{
	height: 40px;

}



.item-section .itm-draft-text{
		font-size:17px;
	font-weight: 700;	 
	color: #4d4d4d;
	padding-top: 8px;
	padding-left:8px; 
}

.item-section.btn--orange,
.item-section a.btn--orange {
  color: #4d4d4d;
  background-color: #fff;
	height: 40px;
	
  padding: 6px 20px 0px;
}
.item-section.btn--orange:hover,
.item-section a.btn--orange:hover {
  color: #009FBE;
	border: solid 1px #009FBE
}

.item-section a.btn--radius {
   border-radius: 100vh;
}


.item-section .btn,
.item-section a.btn,
.item-section button.btn {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  cursor: pointer;
	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
border: solid 1px #cdd6dd;
}

.item-section .itm-draft-icon{
	display: flex;
	gap:6px;
}


.item-section .itm-draft-btn{
	display: flex;
	gap:8px;
}





/* ========================================== */

.item-section .price-table {
        border-collapse: collapse;

}


.item-section .price-table tr th:first-child {
        text-align: center;
        padding: 8px;
        border: 1px solid #ddd;
        width: 80px;
}


.item-section .price-table tr td:first-child {
         text-align: center;
        padding: 8px;
        border: 1px solid #ddd;
        width: 80px;
}


.item-section .price-table th,.price-table td {
        text-align: center;
        padding: 8px;
        border: 1px solid #ddd;
        width: 150px;
        font-size: 15px;
}

.item-section .price-table th {
        background-color: #DDF0F5;
        font-size: 15px;
        font-weight: 700;
		color: #009fbe;
}

.item-section .price-table td {
       background-color: #FFFFFF;
}

.item-section .price-table tr:nth-child(even) td {
        background-color: #F9F8F8;
}


/* ========================================== */

.item-section .step-container {
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
	margin-top: 48px;
}

.item-section .step-container > li .step-box {
    background: #DDF0F5;
    position: relative;
    height: 135px;
    width: 135px;
    border-radius: 50%;
	margin-bottom: 24px;
}

.item-section .step-container > li:not(:last-child) .step-box::before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 10px;
    display: inline-block;
    border-top: 4px solid #98A6B5;
    border-right: 4px solid #98A6B5;
    position: absolute;
    top: calc(53% - 14px);
    left: 111%;
    transform: rotate(45deg);
}

.item-section .step-count-img {
    height: 24px;
    margin-top: -11px;
    margin-bottom: 25px;
}

.item-section .step-img {
    height: 62px;
    margin-bottom: 40px;
}

.item-section .step-box p {
    margin: auto;
    font-size: 15px;
    font-weight: 500;
}


/* ========================================== */


.item-section .point-area{
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 32px;
}

.item-section .point-container {
	display: flex;
	justify-content: space-between;
	background:#F9F8F8;
	padding: 26px ;
	border-radius: 13px;
}

.item-section .point-no {
  padding: 3px 15px;
  width: 85px;
  background: #009FBE;
  color: #fff;
  font-size:12px;
  font-weight: 500;
  border-radius:100vh;
  text-align: center;
  margin-bottom:15px;
}

.item-section .point-container-left {
}

.item-section .point-container-right {
}

.item-section .point-container-image{
	width: 300px;
	margin-left:25px;
}

/* ========================================== */

.item-section .envelope-container {
	margin-top: 25px;
}

.item-section .envelope-container-image{
	width: 334px;
	margin-left:26px;
}

.item-section .envelope-container-left{
	
}



.item-section .envelope-container-right{
	
}

.item-section .envelope-container-bottom{
	margin-top: 30px;
}


.item-section .envelope-price-container{
	width: 710px;
	border-bottom: 2px solid #4d4d4d;
}

.item-section .envelope-price{
	font-size:16px;
  	font-weight: 700;
	padding-bottom: 14px;
}

.item-section .envelope-template-container{
	display:flex;
	justify-content: space-between;
	gap:16px;
	margin-top: 16px;
}

.item-section .envelope-template-image{
	width: 226px;
}


.item-section .envelope-template-no{
	margin-top: 16px;
	width: 226px;
	background-color: #98A6B5;
	color: #fff;
	text-align: center;
	font-size:14px;
  	font-weight: 500;
}










/* ========================================== */


.item-section .gizomark {
	background:#F9F8F8;
	padding: 26px ;
	border-radius: 13px;
	margin-bottom: 75px;
}



.item-section .gizomark-container{
	display: flex;
	justify-content: space-between;
}

.item-section .gizomark-container-left {
}

.item-section .gizomark-container-right {
}

.item-section .gizomark-container-image{
	width: 300px;
	margin-left:26px;
}


.item-section .gizomark-flow{
	margin-top: 16px;
}

/* ========================================== */

.item-section .point-lineup{
	display:flex;
	flex-wrap:wrap;
	gap:25px;
	margin-bottom: 32px;
	margin-top: 32px;
}

.item-section .point-lineup-container{
	width:220px;
	text-align: justify;
	text-justify: inter-ideograph;
	text-decoration: none;
	color:inherit;
}


.item-section .point-image{
	width: 220px;
	margin-bottom: 8px;
}


.item-section .point-text{
	font-size:15px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
}



/* ========================================== */




.item-section .menu-ef{
	display:flex;
	flex-directiion:row;
	margin-bottom: 75px;
	gap:13px;
	margin-top: -130px;
	margin-left: 50px
	}


.item-section .menu-button-ef{
display:inline-block;
padding:8px 0px;
text-align:center;
font-size:15px;
font-weight:600;
color:#4d4d4d;
margin-right:0px;
cursor:pointer;
text-decoration: none;}
	
.item-section .menu-button-ef:hover {
	color:#009FBE;

	
}

.item-section .menu-ef li:not(:last-child)::after {
    content: "";
    border-left: 1px solid #bfbfbf;
    margin: 4px 0px 8px 12px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.item-section .new {
  display: inline-block; /* インラインブロック要素にする */
  background-color: #EF0341; /* 赤色の背景色にする */
  color: white; /* 白色の文字色にする */
  padding: 0px 4px 2px 4px; /* パディングを設定する */
  font-weight: bold; /* 太字にする */
  font-size: 12px;
  margin-bottom: 2px;
  vertical-align: middle;
  margin-right: 2px;
	
}

/* ========================================== */


.item-section .tab02 {
  display: flex;
  flex-wrap: wrap;
  margin: 14px auto 35px;
}
.item-section .tab02:after {
  content: '';
  width: 100%;
  height: 1px;
  display: block;
  order: -1;
}
.item-section .tab_label {
  height: 40px;
  line-height: 44px;
  color:#fff;
  background:#666;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
  font-size: 15px;
}

.item-section .tab_label:not(:last-of-type) {
  margin-right: 4px;
}
.item-section .tab_content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブタブ */
.item-section .tab_active:checked+.tab_label {
  color:#666;
  background:#fff;
  border: solid 1px #cdd6dd;
  border-bottom: solid 1px #fff;
}
.item-section .tab_active:checked+.tab_label+.tab_content {
  height: auto;
  overflow: auto;
  opacity: 1;
  /*--transition: .3s opacity;--*/
  background: #fff;
  padding: 30px 22px 26px;
  border: solid 1px #cdd6dd;
  margin-top: -2px;

}
/* ラジオボタン非表示 */
.item-section .tab_active {
  display: none;
}



/*--▲ 【2-2】商品券_ef ////////////////////////////▲--*/
/* ================================================================================== */









/* ================================================================================== */
/*--▼ 【2-3】ポケットフォルダー_pf ////////////////////////////▼--*/


.item-section .sub-image-PocketFolder-container{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	width: 710px;
}

.item-section .sub-image-PocketFolder{
	width: 140px;
	margin-bottom: 4px;
	text-align: center;
}


.item-section .sub-image-PocketFolder-text{
	text-align: center;
	font-size:15px;
	font-weight: 500;
	line-height: 21px;
	margin-top: 4px;
}


.item-section .example-container{
	display:flex;
	justify-content:space-between;
}


.item-section .example{
	width: 335px;
}


.item-section .example-title{
	font-size:18px;
	text-align: left;
    font-weight: 700;
	margin-top: 4px;
	margin-bottom: 4px;
}

.item-section .example-text{
	font-size:15px;
	line-break: strict;
	text-align: justify;
	line-height: 24px;
}


.item-section .example-image{
	width: 335px;
	margin-bottom: 10px; 
}





.item-section .container1-pf{
	margin-top:30px;
	margin-bottom:40px;
} 


.item-section .main-image-pf{
	width: 710px;
	margin-bottom:26px;
}


.item-section .aside-pf{
	padding: 20px; 
	margin-bottom: 20px; 
	border: #009FBE solid 1px;
}









.item-section .main-text-pf{
	font-size:15px;
	line-height:24px;
		text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}









/* ========================================== */



.item-section .pf-option-accordion{
	display: flex;
	flex-direction: column;
	gap: 26px;	
	margin-top: 32px;
}

.item-section .pf-option {
position: relative;
border: #009FBE solid 1px;
padding: 25px;
margin-bottom: 75px;
}



.item-section .pf-option-title::before{
    position: absolute;
    left: 651px;
}
.item-section .pf-option-title::after{
    position: absolute;
    left: 651px;
}

.item-section .pf-option-title{
	font-size:16px;
	font-weight: 700;
	padding: 0px 25px 0px 0px;
	color:#009FBE;
}

.item-section .pf-option-container {
	display: flex;
	justify-content: space-between;
}

.item-section .pf-option-container-left{
	padding-top: 22px;
}








/* ========================================== */

.item-section .pf-container{
	display: grid;
	grid-template-columns: 335px 335px;
	gap:40px;
	margin-bottom: 40px;
		
}

.item-section .pf-product{
	
}


.item-section .pf-product-title{
	font-size:17px;
	text-align: center;
    font-weight: 700;
	margin: 10px 0px;
	color:#0e0e0e;
}

.item-section .pf-product-image{
	width: 335px;
	height: 335px;
}


.item-section .pf-product-button{
display:inline-block;
background:#ff7f00;
padding:10px 0px;
text-align:center;
font-size:15px;
font-weight:700;
color:#fff;
margin-right:0px;
width: 335px;
cursor:pointer;
text-decoration: none;
transition: all .1S linear;
letter-spacing: 0.05em;
border-radius: 4px;
	
}
	
.item-section .pf-product-button:hover {
	background: #FFA83F;
	color: #fff;
	
}

/* ========================================== */

.item-section .pf-content{
	display: grid;
	grid-template-columns: 400px 284px;
	gap:24px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.item-section .pf-content-image{
	width: 400px;
	height: 320px;
}

.item-section .pf-content-right{
	
}

.item-section .pf-content-desc{
	font-size:15px;
	line-height:23px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	font-weight: 500;
}

.item-section .pf-content-button-A{
display:inline-block;
background:#ff7f00;
padding:10px 0px;
text-align:center;
font-size:15px;
font-weight:700;
color:#fff;
margin-right:0px;
width: 284px;
cursor:pointer;
text-decoration: none;
transition: all .1S linear;
margin-top: 7px;
letter-spacing: 0.05em	;
border-radius: 4px;
}
	
.item-section .pf-content-button-A:hover {
	background: #FFA83F;
	color: #fff;
	
}

.item-section .pf-content-button-B{
display:inline-block;
background:#fff;
padding:10px 0px;
text-align:center;
font-size:15px;
font-weight:700;
color:#ff7f00;
margin-right:0px;
width: 284px;
cursor:pointer;
text-decoration: none;
transition: all .1S linear;
margin-top: 12px;
border: 1px solid #ff7f00;
letter-spacing: 0.05em;
border-radius: 4px;
}
	
.item-section .pf-content-button-B:hover {
	background: #FFEFCC;
	color: #ff7f00;
	
}


.item-section .pf-content-table{
	width: 284px;
	border-width: 0px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	margin-top: 15px;
}

.item-section .pf-content-table-td{
	border-width: 1px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	font-size:14px;	
}

.item-section .pf-content-table-td2{
	border-width: 1px 0px;
	border-color: #CCD5DC;
	border-style: solid;
	font-size:13px;
	text-align: end;	
}


.item-section .pf-content-image-sub-1{
	width: 710px;
	margin-bottom: 75px;
}

.item-section .pf-content-image-sub-2-container{
	width: 710px;
	display:flex;
	justify-content: space-between;
	margin: 40px 0px 30px 0px;
}

.item-section .pf-content-image-sub-2-container-text{
		font-size:15px;
	font-weight: 500;
	line-height:23px;
		text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}

.item-section .pf-content-image-sub-2{
	width: 343px;
	margin-bottom: 8px;
}

.item-section .pf-sub-container{
	margin-bottom: 60px;
	
}

.item-section .pf-price{
	font-size: 30px;
    font-weight: 600;
    color: #D7001D;
	margin-left: 5px;
	vertical-align: -1px;
}

.item-section .pf-price-sub{
    font-weight: 600;
	margin-top: 4px;
	
}


/*--▲ 【2-3】ポケットフォルダー_pf ////////////////////////////▲--*/
/* ================================================================================== */









/* ================================================================================== */
/*--▼ 【2-4】ポスター ////////////////////////////▼--*/


.item-section .container-poster {
  display: flex;
  width: 710px;
  height: 305px;
  margin-bottom: 32px;
}

.item-section .left-section-poster {
  display: flex;
  flex-direction: column;
  width: 560px;
  height: 305px;
  margin-right: 32px;
}

.item-section .right-section-poster {
  display: flex;
  flex-direction: column;
  width: 118px;
  height: 305px;
}

.item-section .top-left-poster {
  width: 560px;
  height: 195px;
  margin-bottom: 32px;
  display: grid;
  grid-template-columns: 138px 112px 97px 80px 69px;
  grid-gap: 16px;
}

.item-section .top-left-item-poster:nth-child(1) {
  width: 138px;
  height: 195px;
}

.item-section .top-left-item-poster:nth-child(2) {
  width: 112px;
  height: 160px;
}

.item-section .top-left-item-poster:nth-child(3) {
  width: 97px;
  height: 137px;
}

.item-section .top-left-item-poster:nth-child(4) {
  width: 80px;
  height: 113px;
}

.item-section .top-left-item-poster:nth-child(5) {
  width: 69px;
  height: 98px;
}

.item-section .top-left-item-poster {
  background-color: #F3C59E;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 2px solid #ff7f00;
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s;
}

.item-section .top-left-item-poster:hover {
  background-color: #ff7f00;
  color: white;
}

.item-section .top-left-item-poster a{
  text-decoration: none;
  color: inherit;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


.item-section .top-left-item-poster:hover a {
  color: white;
}

.item-section .bottom-left-poster {
  width: 560px;
  height: 78px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.item-section .bottom-left-item-poster {
  justify-content: center;
  text-align: center;
  align-items: center;
  border: 1px solid black;
  box-sizing: border-box;
  margin-bottom: -1px;
  margin-right: -1px;
  padding-top: 18px;
}

.item-section .right-section-poster img {
  max-width: 100%;
  max-height: 100%;
}


/* ========================================== */



.item-section .product-title-caption-poster{
	
	font-size:15px;
	line-height:24px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	font-weight: 500;
	margin-top: -24px;
    margin-bottom: 24px;
}




.item-section .container1-poster{
	margin-top:30px;
	margin-bottom:20px;
} 




/*--▲ 【2-4】ポスター ////////////////////////////▲--*/
/* ================================================================================== */



/* ================================================================================== */
/*--▼ 【2-5】ユポポスター ////////////////////////////▼--*/


.item-section .container-yupo_poster {
  display: flex;
  width: 710px;
  height: 305px;
}

.item-section .left-section-yupo_poster {
  display: flex;
  flex-direction: column;
  width: 577px;
  margin-right: 15px;
}

.item-section .right-section-yupo_poster {
  display: flex;
  flex-direction: column;
  width: 118px;
  height: 305px;
}

.item-section .top-left-yupo_poster {
  display: grid;
  grid-template-columns: 129px 112px 91px 79px 64px 56px 46px;
}

.item-section .top-left-item-yupo_poster-A:nth-child(1) {
  width: 129px;
  height: 182px;
}

.item-section .top-left-item-yupo_poster-B:nth-child(2) {
  width: 112px;
  height: 158px;
}

.item-section .top-left-item-yupo_poster-A:nth-child(3) {
  width: 91px;
  height: 129px;
}

.item-section .top-left-item-yupo_poster-B:nth-child(4) {
  width: 79px;
  height: 112px;
}

.item-section .top-left-item-yupo_poster-A:nth-child(5) {
  width: 64px;
  height: 91px;
}

.item-section .top-left-item-yupo_poster-B:nth-child(6) {
  width: 56px;
  height: 79px;
}

.item-section .top-left-item-yupo_poster-A:nth-child(7) {
  width: 46px;
  height: 64px;
}





.item-section .top-left-item-yupo_poster-A {
  background-color: #2f99e8;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-right: 2px solid #fff;
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s;
}

.item-section .top-left-item-yupo_poster-A:hover {
  background-color: #82c2f1;
  color: white;
}

.item-section .top-left-item-yupo_poster-A a{
  text-decoration: none;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


.item-section .top-left-item-yupo_poster-A:hover a {
  color: white;
}



.item-section .top-left-item-yupo_poster-B {
  background-color: #eb2460;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-right: 2px solid #fff;
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s;
}

.item-section .top-left-item-yupo_poster-B:hover {
  background-color: #f37ca0;
  color: white;
}

.item-section .top-left-item-yupo_poster-B a{
  text-decoration: none;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}


.item-section .top-left-item-yupo_poster-B:hover a {
  color: white;
}







.item-section .bottom-left-yupo_poster {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  height: 56px;
  margin-top: 33px;
	
}

.item-section .bottom-left-item-yupo_poster {
  justify-content: center;
  text-align: center;
  align-items: center;
  border: 1px solid black;
  box-sizing: border-box;
  margin-bottom: -1px;
  margin-right: -1px;
  padding-top: 10px;
  font-size: 11px;
}

.item-section .right-section-yupo_poster img {
  max-width: 100%;
  max-height: 100%;
}

.item-section .product-title-caption-yupo_poster{
	margin-top: 10px;
	font-size:15px;
	line-height:24px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	font-weight: 500;
}

/*--▲ 【2-5】ユポポスター ////////////////////////////▲--*/
/* ================================================================================== */








/* ================================================================================== */
/*--▼ 【2-6】一般商品ページ・共通項目_再構築 ////////////////////////////▼--*/


/* margin要素 ==================================== */

.item-section .mt-100{
	margin-top: 100px
}

.item-section .mt-84{
	margin-top: 84px
}

.item-section .mt-75{
	margin-top: 75px
}

.item-section .mt-65{
	margin-top: 65px
}

.item-section .mt-60{
	margin-top: 60px
}

.item-section .mt-40{
	margin-top: 40px
}
z
.item-section .mt-30{
	margin-top: 30px
}

.item-section .mt-26{
	margin-top: 26px
}

.item-section .mt-20{
	margin-top: 20px
}

.item-section .mt-12{
	margin-top: 12px
}

.item-section .mt-10{
	margin-top: 10px
}

.item-section .mt-5{
	margin-top: 5px
}


.item-section .ml-26{
	margin-left: 26px
}

.item-section .margin-box{
	width        : 100%;
	height       : 26px;
	background   : #ffffff;
}

.item-section .mb-32{
	margin-bottom: 32px;
}

/* ========================================== */


/* Flexbox ==================================== */

.item-section .flex-direction-row{
	display:flex;
	flex-direction: row;
}


/* ========================================== */



/* 画像へのタッチイベント無効化 ==================================== */

.item-section .img-events-none{
	pointer-events:none;
}


/* ========================================== */


/* caption-area ==================================== */

.item-section .caption-area-red{
	padding: 20px;
	background: #f5dbd7;
}

.item-section .caption-area-gray{
	padding: 20px;
	background: #f9f8f8;
}

.item-section .caption-area-line{
	padding: 20px;
	border: solid 1px #cdd6dd;
}

.item-section .caption-area-text15{
	font-size:15px;
	font-weight: 500;
}

.item-section .caption-area-text13{
	font-size:13px;
	font-weight: 500;
}

.item-section .caption-area-title{
		font-size:18px;
	font-weight: 600;
}


/* ========================================== */

.item-section .top-img{
	width: 710px;
}


.item-section .head-txt{
	font-size:21px;
	font-weight: 700;
}


.item-section .main-txt{
	font-size:15px;
	line-height:24px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}

.item-section .heading{
	
    font-size: 18px;
    font-weight: 700;
    background-color: #CDD6DD;
    padding: 8px 16px;
	color:#0e0e0e;
	width: 710px;
	
}

.item-section .product-grid-split-2{
	display: grid;
	grid-template-columns: 335px 335px;
	gap:40px;
}

.item-section .product-grid-split-3{
	display: grid;
	grid-template-columns: 210px 210px 210px;
	gap:40px;
}

.item-section .product-name{
	font-size:17px;
	text-align: center;
    font-weight: 700;
	margin-top: 10px;
	color:#0e0e0e;
}


.item-section .product-btn{
	margin-top: 10px;
	display:inline-block;
	background:#ff7f00;
	padding:10px 0px;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#fff;
	margin-right:0px;
	width: 100%;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;
	
}
	
.item-section .product-btn:hover {
	background: #FFA83F;
	color: #fff;
}

.item-section .product-btn-sub{
	margin-top: 12px;
	display:inline-block;
	background:#fff;
	padding:10px 0px;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#ff7f00;
	padding-left: 28px;
	width: 100%;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;
	border: 1px solid #ff7f00;
}
	
.item-section .product-btn-sub:hover {
	background: #FFEFCC;
	color: #ff7f00;
}

.item-section .product-name{
	font-size:17px;
	text-align: center;
    font-weight: 700;
	margin-top: 10px;
	color:#0e0e0e;
}

.item-section .product-feature{
	display: flex;
	flex-direction: row;
}

.item-section .product-feature-heading{
    border-left: 4px solid #009FBE;
    padding-left: 15px;
    font-size: 18px;
	font-weight: 600;
	color:#009FBE;
}

.item-section .banner-double{
	display: grid;
	gap: 20px;
	grid-template-columns: 345px 135px;
}


/*--▲ 【2-6】一般商品ページ・共通項目_再構築 ////////////////////////////▲--*/
/* ================================================================================== */








/* ================================================================================== */
/*--▼ 【2-7】その他 ////////////////////////////▼--*/


/* ダウンロードアイコン ==================================== */

 .item-section .gg-software-download {
 box-sizing: border-box;
 position: absolute;
 display: block;
 transform: scale(var(--ggs,1));
 width: 16px;
 height: 6px;
 border: 2px solid;
 border-top: 0;
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
 margin-top: -8px;
 margin-left: -10px;
}

.item-section .gg-software-download::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 8px;
 height: 8px;
 border-left: 2px solid;
 border-bottom: 2px solid;
 transform: rotate(-45deg);
 left: 2px;
 bottom: 4px
}

.item-section .gg-software-download::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 2px;
 height: 10px;
 background: currentColor;
 left: 5px;
 bottom: 5px
} 

/* ==================================== */

/* ダウンロードアイコン ホワイト==================================== */

 .item-section .gg-software-download-white {
 box-sizing: border-box;
 position: absolute;
 display: block;
 transform: scale(var(--ggs,1));
 width: 16px;
 height: 6px;
 border: 2px solid;
 border-top: 0;
 border-bottom-left-radius: 2px;
 border-bottom-right-radius: 2px;
 margin-top: -9px;
 margin-left: 16px;
}

.item-section .gg-software-download-white::after {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 width: 8px;
 height: 8px;
 border-left: 2px solid;
 border-bottom: 2px solid;
 transform: rotate(-45deg);
 left: 2px;
 bottom: 4px
}

.item-section .gg-software-download-white::before {
 content: "";
 display: block;
 box-sizing: border-box;
 position: absolute;
 border-radius: 3px;
 width: 2px;
 height: 10px;
 background: currentColor;
 left: 5px;
 bottom: 5px
} 

/* ==================================== */

/* FSC関連デザイン==================================== */

.item-section .product-btn-sub-fsc{
	margin-top: 12px;
	display:inline-block;
	background:#fff;
	padding:10px 0px;
	text-align:center;
	font-size:15px;
	font-weight:700;
	color:#275b4c;
	padding-left: 28px;
	width: 300px;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;
	border: 1px solid #275b4c;

}
	
.item-section .product-btn-sub-fsc:hover {
	background: #dde5e2;
	color: #275b4c;
}

.item-section .product-feature-heading-fsc{
    border-left: 4px solid #275b4c;
    padding-left: 15px;
    font-size: 18px;
	font-weight: 600;
	color:#275b4c;
}

/* ==================================== */



/*--▲ 【2-7】その他 ////////////////////////////▲--*/
/* ================================================================================== */








/* ===============================================================================
==================================================================================
==================================================================================
==================================================================================
================================================================================== */
/*--▼ 【2-8】ラクラ_rqr ////////////////////////////▼--*/

/* ラクラ共通／レイアウト系 ==================================== */
.item-section .rqr-center{
	margin: 0 auto;
}

.item-section .rqr-pt-15{
	padding-top: 15px;
}

.item-section .rqr-mt-15{
	margin-top: 15px;
}

.item-section .rqr-mt-50{
	margin-top: 50px;
}

.item-section .rqr-m-15{
	margin: 15px;
}

.item-section .rqr-p-15{
	padding: 15px;
}

.item-section .rqr-pb-50{
	padding-bottom: 50px;
}



/*ラクラ共通／テキスト ==================================== */
.item-section .rqr-heading{
	font-size: 18px;
    font-weight: 700;
    background-color: #CDD6DD;
    padding: 8px 16px;
	color:#0e0e0e;
	width: 710px;
}

.item-section .rqr-sub-heading{
	text-align: center;
	font-size:28px;
	font-weight: 700;
	color:#0e0e0e;
}

.item-section .rqr-caption{
	font-size:18px;
	line-height:24px;
	text-align: left;
	line-break: strict;
	font-weight: 500;
}

.item-section .rqr-text-center{
	text-align: center;
}



/*ラクラ共通／画像 ==================================== */
.item-section .rqr-img{
	width: 710px;
	margin-top: 15px;
}

.item-section .rqr-main-img{
	width: 320px;
	max-height: 240px;
	margin-right:30px;
}

.item-section .rqr-cyusen-image-sub-2-container{
	width: 710px;
	display:flex;
	justify-content: space-between;
	margin: 40px 0px 30px 0px;
}

.item-section .rqr-cyusen-image-sub-2-container-text{
		font-size:15px;
	font-weight: 500;
	line-height:23px;
		text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}

.item-section .rqr-cyusen-image-sub-2{
	width: 343px;
	margin-bottom: 8px;
}



/* メインビジュアル ==================================== */



/* 冒頭文 ==================================== */



/* ページ内リンク ==================================== */
.item-section .rqr-inpage-link-btn{
	display:inline-block;
	background:#fff;
	padding: 7px 0px 8px;
	text-align:center;
	font-size:12px;
	font-weight:600;
	color:#10355A;
	margin-right:0px;
	width: 108.5px;
	cursor:pointer;
	border-radius: 40px;
	border: 1px solid #10355A;
	text-decoration: none;
	letter-spacing: 0.2px;
}
		
.item-section .rqr-inpage-link-btn:hover {
	background: #10355A;
	color: #fff;
}


.item-section .rqr-menu{
	display:flex;
	flex-directiion:row;
	justify-content: space-between;
	}



/* 活用シーン ==================================== */
.item-section .rqr-bgc-liteyellow{
	background-color: #fffacd;
}

.item-section .rqr-m-30{
	margin: 30px;
}

.item-section .rqr-katuyou-img{
	width: 650px;
	height: 611px;
}


/* 商品の特徴／ページ内遷移リンク ======================= */
.item-section .rqr-bgc-skyblue{
	background-color: #87ceeb;
}


/* 商品の特徴／ページ内遷移リンク ======================= */
.item-section .rqr-width-650{
	width: 650px;
}


/* 商品の特徴／抽選イメージ ======================= */


/* 商品の特徴／抽選バリエーション一覧 ======================= */
.item-section .rqr-cyusen-variation-img{
	width:85px;
	height:85px;
}


/* 商品の特徴／あたり等級設定 ======================= */



/* 商品の特徴／もぎり付きデジタルクーポン ======================= */
.item-section .rqr-mogiri-info{
	margin: 0 auto;
	margin-top: 25px;
	padding: 15px 35px;
	background-color: #ffd7d7;
	border-radius: 10px;
	width: 500px;
}

.item-section .rqr-mogiri-caption{
	font-size:18px;
	line-height:24px;
	color: #333333;
	text-align: left;
	line-break: strict;
	font-weight: 500;
}

.item-section .rqr-mogiri-text{
	font-size:14px;
	color: #333333;
	line-height:23px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}


/* 商品の特徴／キャンペーン案内バナー ======================= */
#campaign-baner{
	position: relative;
}

#rqr-cyusen-plan-ltd-baner-1{
	position: absolute;
	width: 150px;
	height: 66px;
	top: 15px;
	left: 15px;
}

.item-section .rqr-cyusen-btn{
	display:inline-block;
	background:#fff;
	padding:8px 0px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:#0000cd;
	margin-right:0px;
	width: 100px;
	cursor:pointer;
	border-radius: 2.5px;
	border: 2px solid #0000cd;
	text-decoration: none;
}
		
.item-section .rqr-cyusen-btn:hover {
	background: #0000cd;
	color: #fff;
}


/* 集計報告 ======================= */
#rqr-cyusen-syukei{
	position: relative;
	margin-bottom: 40px;
}

#rqr-cyusen-plan-ltd-baner-2{
	position: absolute;
	width: 150px;
	height: 66px;
	top: 50px;
	left: 15px;
}

.item-section .rqr-content{
	display: grid;
	grid-template-columns: 400px 284px;
	grid-template-rows: 206px 150px;
	gap:24px;
	margin-top: 40px;
	
}

.item-section #rqr-syukei-1{
	grid-column: 1;
	grid-row: 1 / 2;
	height: 350px;
}

.item-section #rqr-syukei-2{
	grid-column: 2;
	grid-row: 1;
	height: 200px;
}

.item-section #rqr-syukei-3{
	grid-column: 2;
	grid-row: 2;
	display: flex;
    align-items: flex-end;
    height: 150px;
}

.item-section .rqr-report-info{
	margin: 0 auto;
	padding: 15px 35px;
	background-color: #fffad7;
	border-radius: 10px;
	width: 625px;
}

.item-section .rqr-report-caption{
	font-size:18px;
	line-height:24px;
	color: #333333;
	text-align: left;
	line-break: strict;
	font-weight: 500;
}

.item-section .rqr-report-text{
	font-size:14px;
	color: #333333;
	line-height:23px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
}


/* 使用期間 ======================= */
.item-section .rqr-container1{
	display:flex;
	flex-direction: row;
	margin-top:30px;
	margin-bottom:30px;
}

.item-section .rqr-container2{
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}

.item-section .rqr-sub-img{
	width: 200px;
	max-height: 240px;
	margin-right:30px;
}


/* 料金プラン表 ======================= */

.item-section .rqr-table{
	position: relative;
 
}


.item-section .rqr-table-th-A{
	width: 200px;
	border: 1px solid #E6E4E4;
	padding: 14px;

}


.item-section .rqr-table-th-A-plan{

	font-size: 15px;
    font-weight: 600;
	color: #10355A;
	
}

.item-section .rqr-table-th-A-kingaku{

	font-size: 30px;
    font-weight: 600;
	color: #10355A;
	

}



.item-section .rqr-table-th-B{
	width: 110px;
	border: 1px solid #E6E4E4;
	text-align:left;
	font-size: 14px;
    font-weight: 600;
	color: #4d4d4d;
	line-height: 18px;
	background-color: #F9F8F8;
	padding: 12px;
}

.item-section .rqr-table-th-B-White{
	background-color: #FFF;
	border-top: 0px;
	border-right: 1px solid #E6E4E4;
	border-bottom: 1px solid #E6E4E4;
	border-left: 0px;
}


.item-section .rqr-table-td-A{
	border: 1px solid #E6E4E4;
	text-align: center;
	padding: 14px;
	font-size: 17px;
    font-weight: 600;
    color: #4d4d4d;
    line-height: 20px;
}

.item-section .rqr-table-td-B{
	border: 1px solid #E6E4E4;
	font-size: 15px;
    font-weight: 500;
	color: #4d4d4d;
	line-height: 24px;
	padding: 24px;
	
}

.item-section .rqr-table-td-C{
	border: 1px solid #E6E4E4;
	padding: 21px;
	text-align: center;
}

.item-section .rqr-table-td-D{
	border: 1px solid #E6E4E4;
	text-align: center;
	padding: 14px;
	font-size: 14px;
    font-weight: 600;
    color: #4d4d4d;
    line-height: 20px;
}



.item-section .rqr-cyusen-sample-qr{
	width: 80px;
}



.item-section .rqr-table-maru{
	color: #63D420;
	font-size: 18px;
	font-weight: bold;
}

.item-section .rqr-table-batu{
	color: #B5B5B5;
	font-size: 18px;
	font-weight: bold;
}









.item-section .rqr-cyusen-app-sample-btn{
	display:inline-block;
	background:white;
	padding:0px;
	text-align:center;
	font-size:13px;
	font-weight:500;
	color:#10355A;
	margin-right:0px;
	width: 140px;
	cursor:pointer;
	border-radius: 2.5px;
	border: 1px solid #10355A;
	text-decoration: none;	
}

.item-section .rqr-cyusen-app-sample-btn:hover {
	background: #10355A;
	color: #fff;
}

.item-section .rqr-cyusen-buy-btn{
	display:inline-block;
	background:yellow;
	padding:10px 0px;
	text-align:center;
	font-size:16px;
	font-weight:500;
	color:black;
	margin-top: 15px;
	width: 140px;
	cursor:pointer;
	border-radius: 2.5px;
	border: 2px solid #ff7f00;
	text-decoration: none;	
}

.item-section .rqr-cyusen-buy-btn:hover {
	background: #ff7f00;
	color: #fff;
}







.item-section .rqr-cyusen-price{
	display: grid;
	grid-template-columns: 400px 284px;
	gap:24px;
}


.item-section .rqr-cyusen-price-A{
display:inline-block;
background:#ff7f00;
padding:10px 0px;
text-align:center;
font-size:15px;
font-weight:700;
color:#fff;
margin-right:0px;
width: 284px;
cursor:pointer;
text-decoration: none;
transition: all .1S linear;
letter-spacing: 0.05em	;
border-radius: 4px;
}
	
.item-section .rqr-cyusen-price-A:hover {
	background: #FFA83F;
	color: #fff;
	
}

.item-section .rqr-cyusen-price-B{
display:inline-block;
background:#fff;
padding:10px 0px;
text-align:center;
font-size:15px;
font-weight:700;
color:#ff7f00;
margin-right:0px;
width: 284px;
cursor:pointer;
text-decoration: none;
transition: all .1S linear;
margin-top: 12px;
border: 1px solid #ff7f00;
letter-spacing: 0.05em;
border-radius: 4px;
}
	
.item-section .rqr-cyusen-price-B:hover {
	background: #FFEFCC;
	color: #ff7f00;
	
}








/* ご注文方法／目安のスケジュール ======================= */


/* ご注文方法／ご注文の流れ ======================= */
.item-section .rqr-bgc-white{
	background-color: white;
}

.item-section .rqr-cyusen-for-order-btn{
	width: 100px;
	height: 29px;
}

.item-section .rqr-cyusen-for-cart-btn{
	width: 100px;
	height: 24px;
}

.item-section .rqr-cyusen-form_mihon-btn{
	width: 100px;
	height: 24px;
}

.item-section .rqr-cyusen-qr-mail-img{
	width: 55px;
	height: 60px;
}




/* FAQ ======================= */

.item-section .rqr-option-accordion{
	display: flex;
	flex-direction: column;
	gap: 26px;	
}

.item-section .rqr-option {
position: relative;
background:#DDF0F5;
padding: 22px 26px;
border-radius: 13px;
}

.item-section .rqr-option-price {
position: relative;
background:#F9F8F8;
padding: 22px 26px;
border-radius: 13px;
}

.item-section .rqr-option-title::before{
    position: absolute;
    left: 651px;
}
.item-section .rqr-option-title::after{
    position: absolute;
    left: 651px;
}

.item-section .rqr-option-title{
	font-size:16px;
	font-weight: 700;
	padding: 0px 25px 0px 0px;

}

.item-section .rqr-option-container {
	display: flex;
	justify-content: space-between;
}

.item-section .rqr-option-container-left{
	padding-top: 22px;
}
.item-section .rqr-option-container-right{
	padding-top: 22px;
}

.item-section .rqr-option-image{
	margin-left:26px;
}


/*  商品の特徴 ======================= */


.item-section .rqr-cyusen-tokucyou-3{
	position: relative;
}


.item-section .rqr-cyusen-tokucyou{
	padding: 125px 276px 50px;
	display: grid;
    grid-template-columns: 198px 198px;
    gap: 8px;
	position: absolute; 
    top: 69px;
}

.item-section .rqr-cyusen-tokucyou-2{
	padding: 146px 30px 22px;

}


.item-section .product-btn-rqr{
	display:inline-block;
	background:#ff7f00;
	padding:5px 0px;
	text-align:center;
	font-size:13px;
	font-weight:500;
	color:#fff;
	margin-right:0px;
	width: 100%;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 20px;
	
}
	
.item-section .product-btn-rqr:hover {
	background: #FFA83F;
	color: #fff;
}



.item-section .rqr-cyusen-syukei-3{
	position: relative;
}


.item-section .rqr-cyusen-syukei{
	position: absolute; 
    top: 293px;
    left: 524px;
}


.item-section .product-btn-sub-rqr{
	display:inline-block;
	background:#fff;
	padding:10px 0px;
	text-align:center;
	font-size:14px;
	font-weight:700;
	color:#ff7f00;
	padding-left: 22px;
	width: 186px;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;
	border: 1px solid #ff7f00;
}
	
.item-section .product-btn-sub-rqr:hover {
	background: #FFEFCC;
	color: #ff7f00;
}

.item-section .rqr-osusume{
	position: absolute;
    top: 79px;
    left: 322px;
	z-index:99;
}



/*--▲ 【2-8】ラクラ_rqr ////////////////////////////▲--*/
/* ================================================================================== */



/* ================================================================================== */
/*--▼ 【2-9】偽造防止用紙 ////////////////////////////▼--*/


.item-section .gizo-chumon_relative{
	
	position: relative;
}

.item-section .gizo-chumon{
	padding: 40px 40px;
	display: grid;
    grid-template-columns: 275px 275px;
    gap: 80px;
	position: absolute; 
    top: 150px;
}

.item-section .gizo-chumon-2{
	
	

}

.item-section .gizo-chumon-3{
	padding: 40px 40px;
	display: grid;
    grid-template-columns: 275px 275px;
    gap: 80px;
	position: absolute; 
    top: 2410px;
}


.item-section .gizo-chumon-A{
	padding: 215px 215px;
	display: grid;
    grid-template-columns: 280px;
	position: absolute; 
    top: -1320px;
}

.item-section .gizo-chumon-A-DL{
    padding: 180px 180px;
    display: grid;
    grid-template-columns: 350px;
    position: absolute;
    top: -1050px;
}


.item-section .gizo-chumon-B{
	padding: 80px 80px;
	display: grid;
    grid-template-columns: 260px 260px;
    gap: 30px;
	position: absolute; 
    top: -680px;
}



.item-section .product-btn-gizo{
	margin-top: 10px;
	display:inline-block;
	background:#ff7f00;
	padding:13px 0px;
	text-align:center;
	font-size:16px;
	font-weight:700;
	color:#fff;
	margin-right:0px;
	width: 100%;
	cursor:pointer;
	text-decoration: none;
	transition: all .1S linear;
	letter-spacing: 0.05em;
	border-radius: 4px;

}
	
.item-section .product-btn-gizo:hover {
	background: #FFA83F;
	color: #fff;
}






/*--▲ 【2-9】ラクラ_rqr ////////////////////////////▲--*/
/* ================================================================================== */