*{
    font-family: 'Noto Sans JP',"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif !important;
}

body {
	opacity: 1;
	transition: .3s ease-out !important;
	overflow-x: hidden;
}
body.single-format-standard{
	overflow-x: visible;
}
#content.one-columnOut{
	width:100%;
}
.one-columnW{
    background: #f8f8f8;
    padding: 60px 0 60px;
    margin-bottom: 60px;
}
.columnBgW{
    background: #ffffff;
    padding: 60px 0 0;
}
.columnBgW2{
    background: #ffffff;
    padding: 50px 0 0;
}
.columnBgW3{
    background: #ffffff;
    padding: 0 0 0;
}
.columnBgB{
    background: #e7f5ff;
    padding: 40px 0 40px;
}
.columnBgHoujin{
    background: #F7F7F7 ;
	background-size: cover;
    padding: 100px 0 100px;
	margin-bottom: 0;
	margin-top: 60px;
	position: relative;
}


.houjinTitle{
	font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 500
}
.houjinRead{
	font-size: 15px;
	margin-bottom: 40px;
	text-align: center;
}
.houjinBanas{
	display: flex;
	justify-content: space-between;
	
}
.houjinBanas li{
	width:32%;
}
.houjinBanas li img{
	width:100%;
	height: auto;
}


.snsTitle{
	font-size: 32px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 500;
	position: relative;
	
	letter-spacing: .05em;
}
a.snsPastBtn{
	position: absolute;
	top: 6px;
	right: 0;
	background: #00aaef url(../images/page/goods/original-tshirts/arrow_w.png) no-repeat right 10px center;
    background-size: 15px;
    color: #fff !important;
    display: block;
    padding: 10px 35px 10px 20px;
    line-height: 100%;
    text-decoration: none;
    border-radius: 30px;
	
	font-size: 14px;
	
}




.topCamp{
    background: #ffffff;
    padding: 0 0 50px;
}
.topCamp.newcamp .one-column > img,
.topCamp.newcamp .one-column > picture > img{
	width: 350px;
	height: auto;
	margin: 5px 20px 10px;
	display: block;
}

.topCamp.newcamp ul{
	opacity: 0;
	height: 132px;
}
.topCamp.newcamp ul.slick-initialized{
	opacity: 1;
}
.topCamp.newcamp{
	margin-bottom: 0;
}
.topCamp.newcamp .one-column{
	border: 3px solid #eee;
	padding: 0 0 20px 0;
}


/* バナーが4つない場合*/
.topCamp.newcamp .slick-track{
	/*width: 250px !important;*//*1つ　バナーの数によって数字変える*/
	width: 773px !important;/*3つ　バナーの数によって数字変える*/
}

.topCamp.newcamp ul li.notlimit {
	width: 242px !important;
	height: 138px !important;
}
/* バナーが4つない場合*/





.topCamp.featureBox{
	margin-top: 30px;
}
.topCamp.featureBox .one-column{
	border: 3px solid #eee;
	padding: 20px 0 20px 0;
}
.topCamp.featureBox .one-column .featureTxt{
	text-align: center;
	font-size: 24px;
	margin-bottom: 10px;
}
.topCamp.featureBox .one-column .featureImg{
	margin-bottom: 10px;
	text-align: center;
}
.topCamp.featureBox .one-column .featureImg img{
	width: 80%;
	height: auto;
	display: inline-block;
}



.topCamp h2{
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
.topCamp h2 img{
	width:360px;
	height: auto;
	
}
.topCamp ul{
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.topCamp ul li{
	width:22%;
	margin: 0 1%;
	border: 1px solid #ddd;
}
.topCamp ul li.bdno{
	border: none;
}
.topCamp ul li img{
	width:100%;
	height: auto;
}





.topCamp .ryokinBtn {
    text-align: center;
}
.topCamp .ryokinBtn a {
    padding: 7px 50px 7px 30px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url(../images/page/icon_down.png) no-repeat right 15px center;
    background-size: 12.5px auto;
    border-radius: 50px;
}


.topCamp .goBtn {
    text-align: center;
}
.topCamp .goBtn a {
    padding: 7px 50px 7px 30px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
    background-size: 12.5px auto;
    border-radius: 50px;
}





.columnBgW.contentHead{
    padding: 0px 0 0;
}
.one-column.nopd{
	width:100% !important;
}


/*商品ページ　新プレート*/

.onecolumn-cont{
	border-top: 2px solid #eee;
	padding: 0;
}

.pnkzNew{
	padding: 10px 0 5px;
	margin-bottom: 0;
	
}
.pnkzNew.pnkzOther{
	padding: 10px 0 5px;
	/*padding: 8px 0 9px;*/
	margin-bottom: 0;
	/*border-bottom: 1px solid #eee;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	background: #F8F8F8;*/
}

.pnkzNew ul{
	width:1070px;
	margin: 0 auto;
	text-align: center;
}
.pnkzNew ul li{
	display: inline-block;
	margin: 0 0;
	font-size: 12px;
	color: #999 !important;
	line-height: 100%;
}
.pnkzNew ul li a{
	text-decoration:  none;
	color: #666 !important;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	transform: translateY(-1px);
}
.pnkzNew ul li a::after{
	content: " > ";
	display: inline;
	vertical-align: middle;
	padding: 0 8px;
	line-height: 100%;
	color: #ccc;
}
.pnkzNew ul li:nth-last-of-type(1) a::after{
	content: none;
}

.pnkzNew h1{
    text-decoration: none;
    color: #999 !important;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
	margin: 0;
}
.pnkzNew ul li h1::before {
    content: " > ";
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    line-height: 100%;
    color: #ccc;
    margin-top: -2px;
}





.pnkzNew2{
	padding: 4px 0 10px;
	margin-bottom: 0;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0);
    position: relative;
	
}
.pnkzNew2.left ul{
	text-align: left;
	
}
.pnkzNew2.bgGr{
	background: #F8F8F8;
	
}

.pnkzNew2.pnkzOther{
	padding: 8px 0 9px;
	margin-bottom: 0;
	border-bottom: 1px solid #eee;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	background: #F8F8F8;
}

.pnkzNew2 ul{
	width:1070px;
	margin: 0 auto;
	text-align: center;
}
.pnkzNew2 ul li{
	display: inline-block;
	margin: 0 0;
	font-size: 12px;
	color: #999 !important;
	line-height: 100%;
	padding-left: 0;
}
.pnkzNew2 ul li a{
	text-decoration:  none;
	color: #666 !important;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	transform: translateY(-1px);
}
.pnkzNew2 ul li a::after{
	content: " > ";
	display: inline;
	vertical-align: middle;
	padding: 0 8px;
	line-height: 100%;
	color: #ccc;
}
.pnkzNew2 ul li:nth-last-of-type(1) a::after{
	content: none;
}

.pnkzNew2 h1{
    text-decoration: none;
    color: #999 !important;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
	margin: 0;
}
.pnkzNew2 ul li h1::before {
    content: " > ";
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    line-height: 100%;
    color: #ccc;
    margin-top: -2px;
}






.pdtLocalMenu{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	
	padding-bottom: 10px;
	
	width:1070px;
	margin: 0 auto;
}
.pdtLocalMenu .parentMenu{
	width:13%;
}
.pdtLocalMenu .parentMenu a{
	color: #000 !important;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}
.pdtLocalMenu ul{
	width:87%;
	font-size: 0;
}
.pdtLocalMenu li{
	display: inline-block;
	font-size: 13px;
}
.pdtLocalMenu li a{
	display: block;
	padding: 4px 10px;
	color: #666 !important;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	margin-right: 3px;
	margin-bottom: 2px;
	border-radius: 20px;
}
.pdtLocalMenu li a.active{
	background: #eee;
	border-radius: 20px;
}
.pdtLocalMenu li a:hover{
	background: #ddd;
}
.pdtLocalMenu li a:before{
	content: ">";
	display: inline-block;
	padding: 0 2px 0 0;
	color: #d813b5;
	font-weight: bold;
	font-size: 12px;
	margin-top: -2px;
}


#pageHeadNew{
	background: #fff;
	padding: 0 0 2px;
	margin-bottom: 0;
	opacity: 1;

}



@keyframes openSlide {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}




#pageHeadNew .inner{
	width:1070px;
	margin: 0 auto;
}

.mod-bxslider-demo-01 {
	overflow: hidden;
}

.goodsSlider > li:not(:first-child){
  display: none;
}

#pageHeadNew ul.goodsSlider{
	height: 535px;
}


#pageHeadNew .slick-slider:before,
#pageHeadNew .slick-slider:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	height: 100.1%;
	background-color: rgba(0, 171, 240, 0.4);
	z-index: 1000;
}

#pageHeadNew .slick-slider {
	overflow: visible !important;
	left: 0;
	border-width: 0;
	box-shadow: none;
	height: 535px;
}

#pageHeadNew .slick-slider:before {
	right: 100%;
	left: -100%;
}

#pageHeadNew .slick-slider:after {
	left: 100%;
	right: -100%;
}

#pageHeadNew ul.goodsSlider img{
	width: 1070px;
	height: 535px;
}






#pageHeadNew .goodsTopImg{
	padding-top: 20px;
}

#pageHeadNew .goodsTopImg img{
	width: 100%;
	height: auto;
}



.acrylInsatsu{
}
.acrylInsatsu .goodsSlider2{
	position: relative !important;
	padding: 0 !important;
}



.acrylInsatsu .goodsSlider2 > div{
}
.acrylInsatsu .goodsSlider2 > div > img{
	width: 100% !important;
	margin: 0 auto !important;
}
.acrylInsatsu .bx-pager{
	padding: 10px 0 0;
	margin-bottom: 0 !important
}
.acrylInsatsu .bx-pager a {
	border: 3px solid #ccc;
}
.acrylInsatsu .bx-pager a.active {
	border: 3px solid #50A0DC;
}
.acrylInsatsu .bx-pager a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50);
	width:100px;
	height: auto;
}  
.acrylInsatsu .bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=100);  
} 

#slidePager{
	width:100%;
	margin: 0 auto;
	text-align: center;
}
#slidePager a{
	border:1px solid #ccc;
}
#slidePager a.active{
	border:1px solid #999;
}


#pageTItleNew{
	margin: 0 0 20px;
	padding: 0 0 14px;
	border-bottom: 1px solid #ccc;

	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}
#pageTItleNew h1{
	margin: 0 0 0;
	width:80%;
}
#pageTItleNew .ryokinBtn{
	width:20%;
}
#pageTItleNew .ryokinBtn a{
	padding: 10px 20px 10px 10px;
	text-align: center;
	display: block;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_down.png") no-repeat right 15px center;
	background-size: 12.5px auto ;
}





#pageTItleNew .arrowBtn{
	width:20%;
}
#pageTItleNew .arrowBtn a{
	padding: 10px 20px 10px 10px;
	text-align: center;
	display: block;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
	background-size:  auto 12.5px;
}

#pageCatch{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}
#pageCatch .goodsTitleTxt{
	width:70%;
}
#pageCatch .downloadBtn{
	width:30%;
}




#pageCatch .downloadBtn a{
	border: 1px solid #bebebe;
	padding: 10px 20px 10px 10px;
	text-align: center;
	display: block;
	color: #666 !important;
	text-decoration: none !important;
	font-weight: bold;
	background: #fff url("../images/page/icon_dl.png") no-repeat right 25px center;
	background-size: 21px auto;
}


.productPageTitle{
	margin-bottom: 40px;
}
.productPageTitle h1{
	font-size: 52px;
	text-align: center;
	margin-bottom: 20px;
}

.productPageTitle .goodsTitleTxt{
	text-align: center;
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 20px;
}
.productPageTitle .goodsTitleTxt.txtLeft{
	text-align: left;
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 20px;
}
.productPageTitle h2{
	font-size: 17px;
	line-height: 160%;
	margin: 0 0 5px;
}

.productPageTitle .goodsTitleTxt.txtLeft .txtcenter{
	text-align: center;
	display: block;
}

.productPageTitle span.minyuka{
	display: block;
	color: #CD0003;
	margin: 6px 0 10px;
	font-weight: bold;
	text-align:center;
}



.productPageTitle h2,
.productPageTitle .goodsTitleTxt.txtLeft strong{
	text-align: center;
	display: block;
	font-weight: bold;
}
.productPageTitle .ryokinBtn{
	text-align: center;
	margin-bottom: 10px;
}
.productPageTitle .ryokinBtn a{
	padding: 15px 50px 15px 30px;
	text-align: center;
	display: inline-block;;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_down.png") no-repeat right 15px center;
	background-size: 12.5px auto;
	border-radius: 50px;
	font-size: 18px;
}

.productPageTitle .ryokinBtn.goDetail a {
    background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
    display: block;
	background-size: 12.5px auto;
	padding: 19px 50px 19px 30px;
	border-radius: 10px;
}
.productPageTitle .ryokinBtn.goMitsu a {
    background: #9B2FE7 url("../images/page/icon_arrow.png") no-repeat right 15px center;
    display: block;
	background-size: 12.5px auto;
	padding: 9px 50px 9px 30px;
}




.productPageTitle .arrowBtn{
	text-align: center;
}
.productPageTitle .arrowBtn a{
	padding: 7px 50px 7px 30px;
	text-align: center;
	display: inline-block;;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
	background-size: auto 12.5px ;
	border-radius: 50px;
}


.taisyo{
	border: 4px solid #ffa1ee;
	padding: 20px 20px 14px 0;
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	
	width:70%;
	margin: 0 auto 20px;
	
  justify-content: center;
  align-items: center;
}
.taisyo p{
	width:30%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.taisyo ul{
	width:35%;
}
.taisyo ul li{
	margin-bottom: 8px;
}
.taisyo ul li::before{
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f105";
	display: inline-block;
	padding: 0 7px 0 0;
}
	
.goodsPhNew{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: center;
	
	margin-bottom: 40px;

}
.goodsPhNew li {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 130%;
    vertical-align: top;
	
	text-align: center;
	
	/*box-shadow: 0 0 10px rgba(0,0,0,.1);*/
	
	padding: 0;
	position: relative;
	
}
.goodsPhNew li:nth-of-type(3n) {
    margin-right: 0;
}
.goodsPhNew li:nth-last-of-type(1) {
    margin-right: 0;
}
.goodsPhNew li.muryo::before,.goodsPhNew li.yuryo::before,.goodsPhNew li.yuryo2::after {
	position: absolute;
	left: -10px;
	top: -10px;
	border-radius: 50%;
	width:50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	text-align: center;
	color: #fff;

}
.goodsPhNew li.muryo::before {
	content: "無料";
	background: #51a9ec;
}
.goodsPhNew li.yuryo::before {
	content: "有料";
	background: #ff16d6;
}
.goodsPhNew li.yuryo2::after {
	content: "有料";
	background: #ff16d6;
	left: 45px;
}


.goodsPhNew li img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: block;
    margin-bottom: 20px;
	
	border-radius: 15px;
	border: 4px solid #eee;
}
.goodsPhNew .goodsCatch{
	color: #51a9ec;
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
}
.goodsPhNew p{
	font-size: 14px;
	line-height: 150%;
}

.mokuji{
	width:680px;
	margin: 0 auto 30px;
	
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: center;
	
	position: relative;
}
.mokuji .mokujiList{
	width:45%;
	padding: 20px 0;
}
.mokuji .mokujiList:nth-of-type(1){
	width:34%;
	margin-left: 21%;

}
.mokuji .mokujiList li{
	margin-bottom: 10px;
	margin-left: 1.5em;
	list-style-type: decimal;
}
.mokuji .mokujiList li a{
	font-size: 16px;
}
.mokuji .mokujiList li a{
}

.mokujiArea{
	position: relative;
}
.mokujiArea::after{
    content: "";
    width: 0;
    height: 0;
    border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-top: 24px solid #e7f5ff;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -12px;
}


.tabsListPdt{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: center;
}
.tabsListPdt li{
	margin-right: 1.1%;
	background: #51a9ec;
	text-align: center;
	position: relative;
}
.tabsListPdt li::after{
	
}
.tabsListPdt li a{
	display: block;
	color: #fff !important;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	padding: 13px ;
}
.tabsListPdt li.active{
	background: #ff16d6;
}
.tabsListPdt li.active::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ff16d6;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
}
.tabsListPdt li:hover{
	background: #ff16d6;
}
.tabsListPdt li:hover::after{
	border-top: 10px solid #ff16d6;
}


.tabsListPdt1-1{
	width:32.6%;
}
.tabsListPdt1-2{
	width:32.6%;
}
.tabsListPdt1-3{
	width:32.6%;
}
.tabsListPdt li:nth-last-of-type(1){
	margin-right: 0;
}


h2.h2TitlePdt1,h2.h2TitlePdt2,
.h2TitlePdt1,.h2TitlePdt2,
div.h2TitlePdt1,div.h2TitlePdt2{
	padding: 18px 13px;
	font-size: 40px;
	font-weight: lighter;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 30px;
}

h2.h2TitlePdt1::after,h2.h2TitlePdt2::after,
.h2TitlePdt1::after,.h2TitlePdt2::after,
div.h2TitlePdt1::after,div.h2TitlePdt2::after{
	display: none;
	content: "";
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-right: 16px solid transparent;
	border-top: 16px solid #51a9ec;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -16px;
}

.h2TitleBox{
	position: absolute;
	background: #FF355A;
	border-radius: 40px;
	padding: 10px 15px ;
	color: #fff;
	right: 10px;
	top: 25px;
}

h2.h2TitlePdt3,
.h2TitlePdt3,
div.h2TitlePdt3{
	padding: 0;
	font-size: 40px;
	font-weight: lighter;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 30px;
}


.pdtTopCont h2.h2TitlePdt3,
.pdtTopCont .h2TitlePdt3,
.pdtTopCont div.h2TitlePdt3{
	padding: 0;
	font-size: 32px;
	font-weight: 500;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 20px;
	
	letter-spacing: .05em;
}


.pdtTopCont h2.h2TitlePdt3 span.h2TitlePdtBolc,
.pdtTopCont .h2TitlePdt3 span.h2TitlePdtBolc,
.pdtTopCont div.h2TitlePdt3 span.h2TitlePdtBolc{
	display: inline-block;
	position: relative;
	z-index: 1;
}
.pdtTopCont h2.h2TitlePdt3 span.h2TitlePdtBolc::before,
.pdtTopCont .h2TitlePdt3 span.h2TitlePdtBolc::before,
.pdtTopCont div.h2TitlePdt3 span.h2TitlePdtBolc::before{
	content: "";
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 12px;
	background: #F3FF00;
	position: absolute;
	display: inline-block;
	z-index: -1;
}


/*h1TitlePdt4*/
.pdtTopCont h1.h1TitlePdt4{
	padding: 0;
	font-size: 36px;
	font-weight: 700;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 60px;
	
	letter-spacing: .05em;
}
.pdtTopCont h1.h1TitlePdt4 span{
	border-bottom:none;
}
.pdtTopCont h1.h1TitlePdt4 span.titleStxt{
	font-size: 30px;
	font-weight: 700;
}
.pdtTopCont h1.h1TitlePdt4::after{
	display: block;
	content: "";
	width: 60px;
	height: 10px;
	background: #00aaef;
	position: absolute;
	bottom: -30px;
	left: 50%;
	border-radius: 30px;
	transform: translateX(-50%);
}

.pdtTopCont h1.h1TitlePdt4 span.titlePdtBolc{
	display: inline-block;
	position: relative;
	font-weight: 700;
	z-index: 1;
}
.pdtTopCont h1.h1TitlePdt4 span.titlePdtBolc::before{
	content: "";
	bottom: -0px;
	left: 0;
	width: 100%;
	height: 12px;
	background: #F3FF00;
	position: absolute;
	display: inline-block;
	z-index: -1;
}



/*h2TitlePdt4*/

.pdtTopCont h2.h2TitlePdt4{
	padding: 0;
	font-size: 36px;
	font-weight: 700;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 60px;
	
	letter-spacing: .05em;
}
.pdtTopCont h2.h2TitlePdt4 span.titleStxt{
	font-size: 30px;
	font-weight: 700;
}

.pdtTopCont h2.h2TitlePdt4::after{
	display: block;
	content: "";
	width: 60px;
	height: 10px;
	background: #00aaef;
	position: absolute;
	bottom: -30px;
	left: 50%;
	border-radius: 30px;
	transform: translateX(-50%) ;
}






.pdtTopCont h2.h2TitlePdt4 span.titlePdtBolc{
	display: inline-block;
	position: relative;
	z-index: 1;
}
.pdtTopCont h2.h2TitlePdt4 span.titlePdtBolc::before{
	content: "";
	bottom: -0px;
	left: 0;
	width: 100%;
	height: 12px;
	background: #F3FF00;
	position: absolute;
	display: inline-block;
	z-index: -1;
}

.pdtTopCont h2.h2TitlePdt4 span.h2TitleS{
	font-size: 20px;
	display: block;
	padding: 4px 0 8px;
	line-height: 150%;

}






p.titleL1{
	padding: 10px 0;
	font-size: 40px;
	font-weight: lighter;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 30px;
}


p.titleS1{
	padding: 10px 0 0;
	font-size: 24px;
	font-weight: bold;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 20px;
}
p.titleS1::before{
	content:"●";
	display: inline-block;
	padding: 0 4px 0 0;
	color: #51a9ec;
}
p.titleS1::after{
	content:"●";
	display: inline-block;
	padding: 0 0 0 4px;
	color: #51a9ec;
}





h3.h3TitlePdt1,
.h3TitlePdt1,
div.h3TitlePdt1{
	padding: 0 10px 0 10px;
    font-size: 26px;
    font-weight: bold;
    background: transparent;
    color: #333;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 0;
    border-left: 10px solid #51a9ec;
    text-align: left;
    position: relative;
    line-height: 32px;
}
h3.h3TitlePdt1::before,
.h3TitlePdt1::before,
div.h3TitlePdt1::before{
	content:"";
	display: inline-block;
	padding: 0 4px 0 0;
	color: #51a9ec;
}
h3.h3TitlePdt1::after,
.h3TitlePdt1::after,
div.h3TitlePdt1::after{
	content:"";
	display: inline-block;
	padding: 0 0 0 4px;
	color: #51a9ec;
}
h3.h3TitlePdt2,
.h3TitlePdt2,
div.h3TitlePdt2{
	padding: 15px 10px 14px 0;
	font-size: 18px;
	font-weight: bold;
	background: transparent;
	color: #666;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 0;
	border-bottom: 1px solid #ddd;
	
	text-align: center;
	
	position: relative;
	line-height: 32px;
}

h3.h3TitlePdt3,
.h3TitlePdt3,
div.h3TitlePdt3{
	padding: 15px 10px 14px 0;
	font-size: 26px;
	font-weight: bold;
	background: transparent;
	color: #666;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 0;
	border-bottom: 1px solid #ddd;
	
	text-align: left;
	
	position: relative;
	
	line-height: 32px;
}
h3.h3TitlePdt3::before,
.h3TitlePdt3::before,
div.h3TitlePdt3::before{
	content:"●";
	display: inline-block;
	padding: 0 4px 0 0;
	color: #51a9ec;
}

.h3Btm{
	font-size: 14px;
	padding-top: 10px;
	margin-bottom: 30px;
	margin-top: -20px;
	text-align: center;
}

h3.h3TitlePdt1.step1::after,
h3.h3TitlePdt1.step2::after,
h3.h3TitlePdt1.step3::after,
h3.h3TitlePdt1.step4::after,
h3.h3TitlePdt1.step5::after,
h3.h3TitlePdt1.step6::after,
h3.h3TitlePdt1.step7::after,
h3.h3TitlePdt1.step8::after,
h3.h3TitlePdt1.step9::after,
h3.h3TitlePdt1.step10::after,
div.h3TitlePdt1.step1::after,
div.h3TitlePdt1.step2::after,
div.h3TitlePdt1.step3::after,
div.h3TitlePdt1.step4::after,
div.h3TitlePdt1.step5::after,
div.h3TitlePdt1.step6::after,
div.h3TitlePdt1.step7::after,
div.h3TitlePdt1.step8::after,
div.h3TitlePdt1.step9::after,
div.h3TitlePdt1.step10::after,
.h3TitlePdt1.step1::after,
.h3TitlePdt1.step2::after,
.h3TitlePdt1.step3::after,
.h3TitlePdt1.step4::after,
.h3TitlePdt1.step5::after,
.h3TitlePdt1.step6::after,
.h3TitlePdt1.step7::after,
.h3TitlePdt1.step8::after,
.h3TitlePdt1.step9::after,
.h3TitlePdt1.step10::after{
	content:none;
}


h3.h3TitlePdt1.step1,
h3.h3TitlePdt1.step2,
h3.h3TitlePdt1.step3,
h3.h3TitlePdt1.step4,
h3.h3TitlePdt1.step5,
h3.h3TitlePdt1.step6,
h3.h3TitlePdt1.step7,
h3.h3TitlePdt1.step8,
h3.h3TitlePdt1.step9,
h3.h3TitlePdt1.step10,
div.h3TitlePdt1.step1,
div.h3TitlePdt1.step2,
div.h3TitlePdt1.step3,
div.h3TitlePdt1.step4,
div.h3TitlePdt1.step5,
div.h3TitlePdt1.step6,
div.h3TitlePdt1.step7,
div.h3TitlePdt1.step8,
div.h3TitlePdt1.step9,
div.h3TitlePdt1.step10,
.h3TitlePdt1.step1,
.h3TitlePdt1.step2,
.h3TitlePdt1.step3,
.h3TitlePdt1.step4,
.h3TitlePdt1.step5,
.h3TitlePdt1.step6,
.h3TitlePdt1.step7,
.h3TitlePdt1.step8,
.h3TitlePdt1.step9,
.h3TitlePdt1.step10{
	padding: 35px 10px 10px 0;
}
h3.h3TitlePdt1.step1::before,
h3.h3TitlePdt1.step2::before,
h3.h3TitlePdt1.step3::before,
h3.h3TitlePdt1.step4::before,
h3.h3TitlePdt1.step5::before,
h3.h3TitlePdt1.step6::before,
h3.h3TitlePdt1.step7::before,
h3.h3TitlePdt1.step8::before,
h3.h3TitlePdt1.step9::before,
h3.h3TitlePdt1.step10::before,
div.h3TitlePdt1.step1::before,
div.h3TitlePdt1.step2::before,
div.h3TitlePdt1.step3::before,
div.h3TitlePdt1.step4::before,
div.h3TitlePdt1.step5::before,
div.h3TitlePdt1.step6::before,
div.h3TitlePdt1.step7::before,
div.h3TitlePdt1.step8::before,
div.h3TitlePdt1.step9::before,
div.h3TitlePdt1.step10::before,
.h3TitlePdt1.step1::before,
.h3TitlePdt1.step2::before,
.h3TitlePdt1.step3::before,
.h3TitlePdt1.step4::before,
.h3TitlePdt1.step5::before,
.h3TitlePdt1.step6::before,
.h3TitlePdt1.step7::before,
.h3TitlePdt1.step8::before,
.h3TitlePdt1.step9::before,
.h3TitlePdt1.step10::before{
	display: block;
	padding: 0 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
	background: #0579d1;
	border-radius: 20px;
	width:100px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left:  -50px;
}
h3.h3TitlePdt1.step1::before{
	content:"STEP1";
}
h3.h3TitlePdt1.step2::before{
	content:"STEP2";
}
h3.h3TitlePdt1.step3::before{
	content:"STEP3";
}
h3.h3TitlePdt1.step4::before{
	content:"STEP4";
}
h3.h3TitlePdt1.step5::before{
	content:"STEP5";
}
h3.h3TitlePdt1.step6::before{
	content:"STEP6";
}
h3.h3TitlePdt1.step7::before{
	content:"STEP7";
}
h3.h3TitlePdt1.step8::before{
	content:"STEP8";
}
h3.h3TitlePdt1.step9::before{
	content:"STEP9";
}
h3.h3TitlePdt1.step10::before{
	content:"STEP10";
}
div.h3TitlePdt1.step1::before{
	content:"STEP1";
}
div.h3TitlePdt1.step2::before{
	content:"STEP2";
}
div.h3TitlePdt1.step3::before{
	content:"STEP3";
}
div.h3TitlePdt1.step4::before{
	content:"STEP4";
}
div.h3TitlePdt1.step5::before{
	content:"STEP5";
}
div.h3TitlePdt1.step6::before{
	content:"STEP6";
}
div.h3TitlePdt1.step7::before{
	content:"STEP7";
}
div.h3TitlePdt1.step8::before{
	content:"STEP8";
}
div.h3TitlePdt1.step9::before{
	content:"STEP9";
}
div.h3TitlePdt1.step10::before{
	content:"STEP10";
}
.h3TitlePdt1.step1::before{
	content:"STEP1";
}
.h3TitlePdt1.step2::before{
	content:"STEP2";
}
.h3TitlePdt1.step3::before{
	content:"STEP3";
}
.h3TitlePdt1.step4::before{
	content:"STEP4";
}
.h3TitlePdt1.step5::before{
	content:"STEP5";
}
.h3TitlePdt1.step6::before{
	content:"STEP6";
}
.h3TitlePdt1.step7::before{
	content:"STEP7";
}
.h3TitlePdt1.step8::before{
	content:"STEP8";
}
.h3TitlePdt1.step9::before{
	content:"STEP9";
}
.h3TitlePdt1.step10::before{
	content:"STEP10";
}


p.h4TitlePdt1,
.h4TitlePdt1,
h4.h4TitlePdt1{
	padding: 12px 20px 11px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 0;
	text-align: center;
	line-height: 100%;
	position: relative;
	
	background:#51a9ec;
	border-radius: 50px;
	display: block;
	width:100px;
	margin: 0 auto 20px
	
}
p.h4TitlePdt2,
.h4TitlePdt2,
h4.h4TitlePdt2{
	padding: 12px 20px 11px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 0;
	text-align: center;
	line-height: 100%;
	position: relative;
	
	background:#51a9ec;
	border-radius: 50px;
	display: block;
	width:200px;
	margin: 0 auto 20px
	
}


.contRead{
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	
}
.contRead .contReadStitle{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 20px;
    background: #51a9ec;
    margin-left: -4px;
    text-align: center;
    margin-bottom: 3px;
	margin-top: 10px;
	font-weight: bold;
	color: #fff;
}


.contRead2{
	text-align: center;
	font-size: 20px;
	padding: 10px 0  10px 0;
	margin: 0;
}
.contRead3{
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
}
.contRead4{
	text-align: center;
	font-size: 18px;
	margin-bottom: 30px;
	color: #FF2C2F;
	font-weight: bold;
}
.contRead5{
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
	
}

.btnArea{
	padding: 0 0 50px 0;
	text-align: center;
}
.btnArea a.arrowLink{
	margin-right: 10px;
}
.btnArea a.arrowLink:nth-last-of-type(1){
	margin-right: 0;
}

.pageIndexBox{
	padding: 30px 0;
	background: #fff;
	margin-bottom: 30px;
}
.service01,
.service02,
.service03,
.service04,
.service05,
.service06,
.service07{
	height: 550px;
	position: relative;
	margin-bottom: 20px;
}
.service01 div,
.service02 div,
.service03 div{
	position: absolute;
	font-size: 13px;
	bottom: 40px;
	left: 0;
	width:100%;
	text-align: center;
	line-height: 150%;
}
.service01.colort div,
.service02.colort div,
.service03 div{
	color: #fff
}
.service07 div,
.service04 div,
.service05 div,
.service06 div{
	position: absolute;
	font-size: 13px;
	bottom: 40px;
	left: 0;
	width:100%;
	text-align: center;
	line-height: 150%;
	height: calc(100% - 80px);
}
.service01 span,
.service02 span,
.service03 span,
.service04 span,
.service05 span,
.service06 span,
.service07 span{
	font-size: 26px;
	display: block;
	margin-bottom: 30px;
	line-height: 150%;
}
.service04 p,
.service05 p,
.service06 p,
.service07 p{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;width: 100%;
	
}

.service01{
	background: url("../images/page/goods/white_tshirt/service_img1_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service02{
	background: url("../images/page/goods/white_tshirt/service_img5_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service03{
	background: url("../images/page/goods/white_tshirt/service_img7_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service04{
	background: url("../images/page/goods/white_tshirt/service_img8_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service05{
	background: url("../images/page/goods/white_tshirt/service_img9_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service06{
	background: url("../images/page/goods/white_tshirt/service_img10_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service07{
	background: url("../images/page/goods/message_tshirts/service_img3_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service01.colort{
	background: url("../images/page/goods/color_tshirt/service_img1_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}
.service02.colort{
	background: url("../images/page/goods/color_tshirt/service_img5_2_pc.jpg") no-repeat center top;
	background-size: auto 100%;
}


.promo01,
.promo02,
.promo03,
.promo04,
.promo05,
.promo06,
.promo07,
.promo08,
.promo09,
.promo10{
	height: 500px;
	position: relative;
	margin-bottom: 20px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center top;
}

.promo01 div,
.promo02 div,
.promo03 div,
.promo04 div,
.promo05 div,
.promo06 div,
.promo07 div,
.promo08 div,
.promo09 div,
.promo10 div{
	position: absolute;
	font-size: 15px;
	bottom: 40px;
	left: 0;
	width:100%;
	text-align: center;
	line-height: 150%;
}

.promo01 span,
.promo02 span,
.promo03 span,
.promo04 span,
.promo05 span,
.promo06 span,
.promo07 span,
.promo08 span,
.promo09 span,
.promo10 span{
	font-size: 26px;
	display: block;
	margin-bottom: 30px;
	line-height: 150%;
}








.serviceSep{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: space-between;
}


.productHead{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: space-between;
	
	width:1070px;
	margin: 0 auto;
	padding: 30px 0 30px;
}
.productHeadImg{
	width:52%;
}
.productHeadImg img{
	width: 100%;
	height: auto;
}



/* ★ PC版：既存とほぼ同じ */
.promomov_new {
    position: relative;
    width: 100%;
    padding-top: 54.8%; /* ← そのまま */
    height: 0;
    margin: 0 auto 15px;
    border: 4px solid #eee;
    cursor: pointer;
    overflow: hidden;
}

/* ★ SP版：既存と同じアスペクト比 */
.promomov {
    position: relative;
    width: 94%;
    padding-top: 51.6%; /* ← SPの比率 */
    height: 0;
    margin: 0 auto 20px;
    cursor: pointer;
    overflow: hidden;
}

/* サムネイル */
.youtube-lite .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

/* 再生ボタン */
.youtube-lite .playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}




.productHeadTxt{
	width:45%;
}
.productHead .pnkzNew {
	padding: 10px 0 0 0;
}
.productHead .pnkzNew ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.productHead .productPageTitle {
	margin-bottom: 10px;
}
.productHead .productPageTitle h1 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.productPageTitle h1.smallTitle{
	font-size: 32px;
	text-align: center;
	margin-bottom: 20px;
}
.productPageTitle h1.smallTitle span{
	font-size: 20px;
	text-align: center;
	color: #FF8800;
	display: block;
	margin-top: 11px;
}

.productHead .dlListTitle{
	text-align: center;
	position: relative;
	z-index: 1;
	padding-top: 30px;
	
}
.productHead .dlListTitle span{
	display: inline-block;
	padding: 0 2px;
	background:#fff;
	font-weight: bold;
}
.productHead .dlList,
.pdfHowtoImg .dlList{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content:center;
}

.productHead .dlList ul,
.pdfHowtoImg .dlList ul{
	padding: 20px 20px 0 20px;
	position: relative;
	text-align: center;
	
}
.productHead .dlList ul{
	padding: 20px 5px 0 5px;
	border-top: 2px dashed #ddd;
	margin-bottom: 20px;
	margin-top: -10px;
}

.productHead .dlList ul.dllitW100{
	min-width: 65%;
}



.productHead .dlList ul li,
.pdfHowtoImg .dlList ul li{
	text-align: left;
	margin-bottom: 7px;
}
.productHead .dlList ul li a,
.pdfHowtoImg .dlList ul li a{
	display: block;
	color: #666 !important;
	line-height: 20px;
	padding: 0 0 0 25px;
	text-decoration: none;
}
.productHead .dlList ul li.dlai a,
.pdfHowtoImg .dlList ul li.dlai a{
	background: url("../images/page/goods/icon_ai.png") no-repeat 0 0;
	background-size: 20px auto;
}
.productHead .dlList ul li.dlpsd a,
.pdfHowtoImg .dlList ul li.dlpsd a{
	background: url("../images/page/goods/icon_psd.png") no-repeat 0 0;
	background-size: 20px auto;
}
.productHead .dlList ul li a:hover,
.pdfHowtoImg .dlList ul li a:hover{
	text-decoration: underline;
}
.productHead .dlAboutTxt {
	background: #EFEFEF;
	padding: 15px;
	text-align: left;
	
}
.pdtImg100{
	width:100%;
	margin-bottom: 50px;
}
.pdtImg100 img{
	width:100%;
	height: auto;
	
}
.pdtImg80{
	width:100%;
	margin-bottom: 50px;
	text-align: center;
}
.pdtImg80 img{
	width:80%;
	height: auto;
	
}
.productHead .headIndex{
	background: #F8F8F8;
	padding: 13px 20px;
}
.productHead .h2TitlePdt3{
	font-size: 24px!important;
}
.productHead .mokujiList{

}
.productHead .mokujiList li{
	margin-bottom: 10px;
	margin-left: 1.5em;
	list-style-type: decimal;
	text-align: left;
}


.pdtDetailSep{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: space-between;
}
.pdtDetailSep .pdtDetailL{
	width: 40%;
	text-align: center;
	margin-bottom: 30px;
}
.pdtDetailSep .pdtDetailL img{
	width: 75%;
	height: auto;
}
.pdtDetailSep .pdtDetailR{
	width: 60%;
}

.pdtDetailImg{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}

.pdtDetailImg li{
	width: 24%;
}
.pdtDetailImg li img{
	display: block;
	width:100%;
	height: auto;
	border: 2px solid #ddd;
}



.pdtDetailSep2{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.pdtDetailSep2 .pdtDetailL2{
	width: 50%;
	text-align: center;
	margin-bottom: 30px;
}
.pdtDetailSep2 .pdtDetailL2 img,
.pdtDetailSep2 .pdtDetailR2 img{
	width: 50%;
	height: auto;
	display: inline-block;
	padding: 0 0;
}
.pdtDetailSep2 .pdtDetailR2{
	width: 50%;
	margin-bottom: 30px;
}


.pdtDetailSep2 .pdtChart2{
	width:80%;
	margin: 20px auto 0;
	
}
.pdtDetailSep2 .pdtChart2 td,
.pdtDetailSep2 .pdtChart2 th{
	padding: 8px 0 !important;
}


.ryokinChui{
	border:3px solid #ffa1ba;
	padding: 25px 15px 20px;
	margin: 30px auto 30px;
	position: relative;
	width:67%;
	text-align: center;
}

.ryokinChui div,
.ryokinChui h4{
	position: absolute;
	width:320px;
	background: #FF355A;
	padding:11px 10px 12px;
	color: #fff;
	font-weight: bold;
	top: -33px;
	left: 50%;
	margin-left: -160px;
	text-align: center;
}

.ryokinChui2{
	text-align: center;
}
.ryokinChui2 p{
	display: inline-block;
	border:3px solid #ffa1ba;
	padding: 14px 30px 14px;
	margin: 0 auto 30px;
	position: relative;
	text-align: center;
}

.ryokinChui3Out{
	text-align:center;
}
.ryokinChui3{
	border:3px solid #ffa1ba;
	padding: 14px 15px 14px;
	margin: 0 0 30px;
	position: relative;
	display: inline-block;
	text-align: left;
}

.ryokinChui3 h4{
	position: absolute;
	width:320px;
	background: #FF355A;
	padding: 7px 10px 8px;
	color: #fff;
	font-weight: bold;
	top: -33px;
	left: 50%;
	margin-left: -160px;
	text-align: center;
}


.soPriceLink{
	text-align: center;
	display: none;
}
.soPriceLink a{
	padding: 7px 50px 7px 30px;
	text-align: center;
	display: inline-block;;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_down.png") no-repeat right 15px center;
	background-size: 12.5px auto;
	border-radius: 50px;
}




.priceFlex{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: space-between;
}
.boxFlex1{
	width:35%;
}
.boxFlex2{
	width:35%;
}
.boxFlex3{
	width:26%;
}
.boxFlex4{
	width:56%;
}
.boxFlex5{
	width:40%;
}
.boxFlex6{
	width:31%;
}

.chartSc{
	width:70%;
	margin: 0 auto;
}


.priceFlex table .txtS{
	font-size: 9px;
}
.boxFlex3 .cBgG01{
	background-color: #f2f2f2;
}


.parent-pageid-980 #content .section, .parent-pageid-978 #content .section{
	margin-bottom: 40px;
}

.pdtChart{
	margin-bottom: 40px;
}
.pdtChart table{
	border-top:1px solid #cccccc;
	width: 100%;
}

.pdtChart table td{
	border: none;
	background: transparent;
	text-align: left;
	border-bottom:1px solid #cccccc;
	padding: 23px 0;
}
.pdtChart table td.cellC{
	text-align: center;
}
.pdtChart table td.borderL{
	border-left: 1px solid #cccccc;
}
.pdtChart table td.pdtChTitle{
	font-size: 18px;
	color: #666;
	font-weight: bold;
	width:16%;
}
.pdtChart table td.sizeImg{
	text-align: center;
	vertical-align: bottom
}
.pdtChart table td.sizeImg img{
	width:80%;
	height: auto;
}



.pdtChart2{
	margin-bottom: 40px;
	text-align: center;
}
.pdtChart2 .chthead{
	text-align: right;
	margin-bottom: 5px;
	font-size: 13px;
}
.pdtChart2 table{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin: 0 auto;
}

.pdtChart2 table th{
	border: none;
	background: rgba(0,0,0,.02);
	text-align: center;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding: 12px 0;
}
.pdtChart2 table td{
	border: none;
	background: transparent;
	text-align: center;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding: 12px 0;
}



.acrylInsatsu{
	padding: 10px;

	text-align: center;
	border: 4px solid #eee;
	
	background: #fff;
	
	width:100%;
	margin: 0 auto 30px;
}
.acrylInsatsu h2{
	font-size: 24px;
	font-weight: normal;
	margin: 10px 0 0;
}
.acrylInsatsu img{
	width:92%;
	height: auto;
}

.acrylInsatsunoB{

	text-align: center;
	background: #fff;
	
	width:100%;
	margin: 0 auto 30px;
}
.acrylInsatsunoB img{
	width:70%;
	height: auto;
}



.goodsPh5{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: left;
}
.goodsPh5 li{
	width:24.25%;
	margin-right: 1%;
	margin-bottom: 20px;
}
.goodsPh5 li:nth-of-type(4n){
	margin-right: 0;
}
.goodsPh5.clm3 li{
	width:32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.goodsPh5.clm3 li:nth-of-type(4n){
	margin-right: 2%;
}
.goodsPh5.clm3 li:nth-of-type(3n){
	margin-right: 0;
}
.goodsPh5.clm4 li{
	width:24%;
	margin-right: 1%;
	margin-bottom: 20px;
}
.goodsPh5.clm4 li:nth-of-type(4n){
	margin-right: 0;
}
.goodsPh5.clm4 li:nth-of-type(3n){
	margin-right: 1%;
}
.goodsPh5.clm2 li{
	width:49%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.goodsPh5.clm2 li:nth-of-type(4n){
	margin-right: 0;
}
.goodsPh5.clm2 li:nth-of-type(3n){
	margin-right: 2%;
}
.goodsPh5.clm2 li:nth-of-type(2n){
	margin-right: 0;
}
.goodsPh5.clm2-2 li{
	width:49%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.goodsPh5.clm2-2 li:nth-of-type(4n){
	margin-right: 0;
}
.goodsPh5.clm2-2 li:nth-of-type(3n){
	margin-right: 2%;
}
.goodsPh5.clm2-2 li:nth-of-type(2n){
	margin-right: 0;
}

.goodsPh5.clm1 li{
	width:100%;
	margin: 0 auto 20px;
}
.goodsPh5.clm1 li:nth-of-type(4n){
	margin-right: 0;
}




.goodsPh5 li img{
	width:calc(100% - 4px);
	height: auto;
	
	border-radius: 0px;
	/*border: 2px solid #eee;*/
	
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.goodsPh5 li p{
	margin-top: 8px;
	font-size: 15px;
	line-height: 150%;
}

.goodsPh5 li p.goodsPhTitle{
    color: #51a9ec;
    font-size: 18px;
    line-height: 140%;
    font-weight: bold;
}

.goodsPh5 li p span{
    color: #5B5B5B;
    font-size: 18px;
    line-height: 140%;
    font-weight: bold;
	display: block;
	margin-bottom: 5px;
	
}

.goodsPh5 li p.tpdl{
	padding: 3px 8px;
	border-radius: 20px;
	background: #eee;
	margin-left: -4px;
	text-align: center;
	margin-bottom: 3px;
	vertical-align: middle;
}
.goodsPh5 li p.tpdl::before{
	content: "テンプレートDL　";
	display: inline-block;
	font-weight: bold;
}
.goodsPhStitle{
    font-size: 14px;
    line-height: 100%;
    font-weight: bold;
	margin-bottom: 9px;
}
.goodsPhStitle::before{
	content: "● ";
	color: #51a9ec;
	
}
.goodsPhList{
    font-size: 14px;
    line-height: 130%;
    font-weight: normal;
	padding: 0 0 0 0;
	position: relative;
	margin: 0 !important;
}
.goodsPhList span{
	display: inline-block;
	padding: 3px 8px;
	border-radius: 20px;
	background: #eee;
	margin-left: -4px;
	text-align: center;
	margin-bottom: 3px;
}


.pdtFrm1{
	padding: 10px 10px 7px 10px;
	border: 4px solid #eee;
	margin-bottom: 40px;
	background: #fff;
}

.pdfHowto{
	margin-bottom: 40px;
}

.acrylcharmPrice li a p{
	position: relative;
	padding: 0 0 0 14px;
	
}
.acrylcharmPrice li a img{
	display: block;
}
.acrylcharmPrice li a p:nth-of-type(1)::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #ff3dfe;
  border-right: solid 1px #ff3dfe;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
}

.pdfHowtoImg{
	width:100%;
	margin-right: 0;
	text-align: center;
}
.pdfHowtoImg > img{
	width:40%;
	height: auto;
    border: 2px solid #eee;
	box-sizing:border-box;
	display: inline-block;
	margin-bottom: 20px;
}

.pdfHowtoImg.w100 > img{
	width:100%;
}
.pdfHowtoTxt{
	width:100%;
		border-top: 1px solid #E6E6E6;
		padding-top: 20px;
}
.pdfHowtoTxt p{
}

.pdfHowto.flexB{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: left;
}
.pdfHowto.flexB .pdfHowtoImg{
	width:32%;
	text-align: left;
}
.pdfHowto.flexB .pdfHowtoImg > img{
	width:90%;
}

.pdfHowto.flexB .pdfHowtoTxt{
	width:66%;
	border-top: transparent;
	padding-top: 0;
}


.fBox2 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.fbg_W {
    background-color: #ffffff;
    border: 4px solid #eee;
}
.fbg_W ul{
	text-align: left;
	
}
.fbg_W ul li{
	text-align: left;
}
.fbox2Title{
	text-align: center;
	border-bottom: 1px solid #ddd;
	background: #fff !important;
}


.pdtBana1,.pdtBana2 {
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: center;

	text-align: center;
	margin: 0 auto 20px;
	width:880px;
}

.pdtBana1 li {
    width: 49%;
    display: block;
    margin-right: 0;
}
.pdtBana1 li:nth-of-type(2n) {
    margin-left: 2%;
}
.pdtBana1 li a img{
	width:100%;
	height: auto;
}
.pdtBana1 li.pdtBanaS {
    width: 32%;
    display: block;
    margin-right: 0;
    margin-left: 2% !important;
	margin-top: 13px;
}
.pdtBana1 li.pdtBanaS:nth-of-type(3n) {
    margin-left: 0 !important;
}


.pdtBana2 {
	width:1070px;
}

.pdtBana2 li {
    width: 32.53333333%;
    display: block;
    margin-right: 1.2%;
}
.pdtBana2 li:nth-of-type(3n) {
    margin-right: 0;
}
.pdtBana2 li a img{
	width:100%;
	height: auto;
}

.priceSelectTab{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	margin-bottom:30px;
}
.priceSelectTab li{
	padding:18px 0;
	text-align:center;
	background:#999;
	width:49.5%;
	cursor:pointer;
	
	position:relative;
}


.priceSelectTab li.active{
	padding:18px 0;
	text-align:center;
	background:#ff3dfe;
}
.priceSelectTab li:hover{
	background:#666;
}
.priceSelectTab li.active:hover{
	background:#ff00fe;
}

.priceSelectTab li a::before {
  content: "";
  display: none;
}
.priceSelectTab li.active a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #ff3dfe;
  border-right: 2px solid #ff3dfe;
  transform: translateX(-50%) rotate(135deg);
}



.priceSelectTab li a{
	color:#fff !important;
	font-size:16px !important;
}
.priceSelect select {
    min-width: 340px;
    margin: 0 auto;
    display: block;
    padding: 20px 31px 18px 20px;
    font-size: 24px;
}
.priceSelect{
	position: relative;
	text-align: center;
}
.priceSelect::after{
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #51a9ec;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -16px;
}


.chart0104{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}
.chart0104 table{
	width: 100%;
}
.cTxtGbc{
	background: #f2f2f2;
}
.chart0104Br {
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}
.chart0104 td {
    font-size: 18px;
    line-height: 18px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
    padding: 12px 2px 11px 2px;
    font-family: 'arial' !important;
}
.cBgB010401 {
    background: #f2f2f2;
    background-image: none;
}
.chart0104 tr td:nth-of-type(1).cBgB010401 {
    background: #f9f9f9;
}

.scheduleIcon03 {
    color: #333 !important;
    padding: 0 0 0 0;
    font-size: 18px;
    background: transparent !important;
    box-shadow: none;
}
.cBgY010406 {
	background: #f2f2f2;
    background-image: none;
}
.cBgP010401 {
	background: #f2f2f2;
    background-image: none;
}
.cBgY010406 {
	background: #f2f2f2;
    background-image: none;
}
.chart0104Br tr td.cBgY010402{
	background: #fff;
}
.chart0104Br tr:nth-child(2n+1) td.cBgY010402{
	background: #fff;
}
.chart0104Br tr td.cBgSat{
	background:#ecf9ff;
}
.chart0104Br tr td.cBgSun{
	background: #fff3f6;
}

.priceSelectTxt{
	display: inline-block;
	padding: 0 0 0 20px;
	vertical-align: middle;
	position: relative;
}

.priceSelectTxt::after{
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 6px solid #666;
	border-bottom: 6px solid transparent;
	position: absolute;
	bottom: 2px;
	left: 15px;
	margin-left: -5px;
}








.chartPrice,
.chartPrice2{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
}
.cTxtGbc{
	background: #f2f2f2;
}
.chart01Br {
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
}
.newHomeNewsT .chart01Br {
    border-top: none;
    border-left: none;
}

.chartPrice td,
.chartPrice2 td {
    font-size: 18px !important;
    line-height: 18px;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 0;
    padding: 6px 7px 5px 7px;
    font-family: 'arial' !important;
}
.chartPrice th ,
.chartPrice2 th {
    font-size: 18px !important;
}
.chartPrice2 td ,
.chartPrice2 th {
    font-size: 14px !important;
}
.cBgB010401 {
    background: #f2f2f2;
    background-image: none;
}
.chartPrice tr td:nth-of-type(1).cBgB010401 ,
.chartPrice2 tr td:nth-of-type(1).cBgB010401 {
    background: #f9f9f9;
}






.cBgY010406 {
	background: #f2f2f2;
    background-image: none;
}
.cBgP010401 {
	background: #f2f2f2;
    background-image: none;
}
.cBgY010406 {
	background: #f2f2f2;
    background-image: none;
}
.chart01Br tr td.cBgY010402{
	background: #fff;
}
.chart01Br tr:nth-child(2n+1) td.cBgY010402{
	background: #fff;
}
.borderW {
    border-top: 1px solid #e7e7e7;
}
.cTxt3C {
    vertical-align: middle;
    text-align: center;
    background-color: #f9f9f9;
}
.chartPrice th ,
.chartPrice2 th {
    border: 1px solid #e7e7e7;
}
.chartPrice td ,
.chartPrice2 td {
    border: 1px solid #e7e7e7;
}

.cScheHanboki span{
	font-size: 12px;
	line-height: 14px;
	display: inline-block;
	
}


.pdtCamp {
	border:4px solid #eee;
	padding: 10px 20px;
	width: 1070px;
	margin: 0 auto 0;
	background: #fff;
}
.pdtCamp ul li {
    width: 19.2%;
    margin-right: 1%;
    margin-bottom: 10px;
    float: left;
}
.pdtCamp ul li:nth-of-type(5n) {
    margin-right: 0%;
}
.pdtCamp ul li img{
	width:100%;
	height: auto;
}

.scheIcon01, .scheIcon02, .scheIcon03,.scheIconNouki{
    font-size: 16px;
    padding: 6px 13px 6px;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 15px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin-bottom: 8px;
	line-height: 120%;
	
	font-weight: normal;
}

.scheIcon01 {
    color: #333;
    background: #faff65;
}
.scheIcon02 {
    color: #fff;
    background: #418eff;
}
.scheIcon03 {
    color: #fff;
    background: #ff5a5d;
}
.scheIconNouki {
    color: #fff;
    background: #d30004;
	font-size:20px;
	font-weight:700;
	letter-spacing:.1em;
	
}

.scheCal{
	width:65%;
	margin: 40px auto 20px;
}
.scheCal .widget ul {
    padding-left: 0;
}
.scheCal .ucart_widget_body li{
	display : -webkit-box;     /* old Android */
	display : -webkit-flex;    /* Safari etc. */
	display : -ms-flexbox;     /* IE10        */
	display : flex;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: left;
	
	width: 100%;
}
.scheCal .ucart_widget_body li div{
	width:48%;
	margin-right: 4%;
}
.scheCal .ucart_widget_body li div:nth-of-type(2){
	margin-right:0%;
}

.scheCal .widget_welcart_calendar div table td {
    padding: 5px 4px !important;
}


.mitsumoriBtn {
	text-align: center;
}
.mitsumoriBtn a{
	background: #fff url("../images/page/mitsumori_icon.jpg") no-repeat left 20px center;
	background-size: 20px auto;
	display: inline-block;
	padding: 20px 20px 20px 50px;
	font-size: 24px;
	font-weight: bold;
	border: 2px solid #ff00d1;
	color: #333 !important;
	text-decoration: none;
}
.mitsumoriBtn a span{
	color:#ff00d1;
}


.pgLinkN{
	
	background: #eee;
	padding: 30px;
	
}
.pgLinkN ul li {
	display: inline-block;
	padding: 0 20px 6px 15px;
	
	position: relative;
}
.pgLinkN ul li::before{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 7px;
	height: 7px;
	border-top: 1px solid #ff3dfe;
	border-right: 1px solid #ff3dfe;
	transform: rotate(135deg);
}
	

.cScheHanboki{
	height: 67.2px;
}

@media (max-width: 991px){
	.pinned table th, .pinned table td {
		white-space: nowrap;
		padding: 4px 7px 4px 7px;
		font-family: 'arial' !important;
		
		
	}
	.pinned table td {
		line-height: 14px;
	}
	.pinned {
		position: absolute;
		left: 0;
		top: 0;
		background: #fff;
		width: 22%;
		overflow: hidden;
		overflow-x: scroll;
		border-right: none;
		border-left: none;
	}
	table.responsive td{
		padding: 6px 6px 5px 6px;
	}
	
	
	
	div.table-wrapper div.scrollable table {
		margin-left: 21.8%;
	}
	.scheIcon01, .scheIcon02, .scheIcon03, .scheIconNouki {
		font-size: 11px;
		padding: 4px 4px 4px;
		display: inline-block;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 5px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		margin-bottom: 8px;
		line-height: 100%;

		font-weight: normal;
	}
	.scheIconNouki {
		font-size:14px;
		font-weight:700;

	}
}

@media (max-width: 767px) {

	
	.one-column {
		width: 100% !important;
		padding: 0 4%;
	}
	.one-column.nopd {
		width: 100% !important;
		padding: 0 0;
	}
	.one-columnW{
		padding: 20px 0;
		margin-bottom: 0;
	}
	.columnBgW.contentHead{
		padding: 0px 0 0;
	}

	.columnBgHoujin{
		padding: 20px 0 20px;
		margin-top: 20px;
	}
	.houjinTitle{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.houjinRead{
		font-size: 12px;
		margin-bottom: 20px;
		line-height: 160%;
	}
	ul.houjinBanas{
		justify-content: center;
		flex-wrap: wrap;
	}
	.houjinBanas li{
		width:48%;
		margin: 0 1% 10px 1%;
	}
	.houjinBanas li img{
		width:100%;
		height: auto;
	}
	.snsTitle{
		font-size: 20px;
		margin-bottom: 20px;
	}
	a.snsPastBtn{
		position: static;
		top: auto;
		right: auto;
		text-align: center;
		display: block;
		background: #00aaef url(../images/page/goods/original-tshirts/arrow_w.png) no-repeat right 10px center;
		background-size: 12px;
		color: #fff !important;
		padding: 7px 25px 7px 10px;
		line-height: 100%;
		text-decoration: none;
		border-radius: 30px;

		font-size: 11px;
		
		width: 150px;
		margin: 13px auto 0 ;

	}


	.topCamp{
		background: #ffffff;
		padding: 0 0 0;
	}
	.topCamp.newcamp{
		margin-bottom: 0;
	}
	.topCamp.newcamp .one-column{
		width:94% !important;
		margin: 0 auto;
		border: 3px solid #eee;
		padding: 0 10px 10px 10px;
	}
	.topCamp.newcamp .one-column > img,
	.topCamp.newcamp .one-column > picture > img{
		width: 80%;
		height: auto;
		margin: 5px auto 10px;
		display: block;
	}
	
	.topCamp.newcamp ul{
		opacity: 0;
		height: 26vw;
	}
	.topCamp.newcamp ul.slick-initialized{
		opacity: 1;
	}


	
	/* バナーが4つない場合*/
	.topCamp.newcamp .slick-track{
		width: 1336px !important;
	}

	.topCamp.newcamp ul li.notlimit {
		width: 135px !important;
		height: inherit!important;
	}
	/* //バナーが4つない場合*/

	
	
	.topCamp h2{
		text-align: center;
		margin-bottom: 6px;
	}
	.topCamp h2 img{
		width:70%;
		height: auto;

	}
	.topCamp ul{
		margin-bottom: 10px;
		flex-wrap: wrap
	}
	.topCamp ul li{
		width:50%;
		margin: 0 0.5%;
	}
	.topCamp ul li img{
		width:100%;
		height: auto;
	}
	.topCamp .ryokinBtn {
		text-align: center;
	}
	.topCamp .ryokinBtn a {
		padding: 3px 40px 3px 20px;
		text-align: center;
		display: inline-block;
		color: #fff !important;
		text-decoration: none !important;
		background: #ff16d6 url(../images/page/icon_down.png) no-repeat right 15px center;
		background-size: 12.5px auto;
		border-radius: 50px;
	}


	.topCamp.featureBox{
		margin-top: 30px;
		width:94% !important;
		margin: 30px auto 0;
	}
	.topCamp.featureBox .one-column{
		border: 3px solid #eee;
		padding: 20px 0 20px 0;
	}
	.topCamp.featureBox .one-column .featureTxt{
		text-align: center;
		font-size: 16px;
		line-height: 140%;
		margin-bottom: 10px;
	}
	.topCamp.featureBox .one-column .featureImg{
		margin-bottom: 10px;
		text-align: center;
	}
	.topCamp.featureBox .one-column .featureImg img{
		width: 100%;
		height: auto;
	}


	.pdtLocalMenu{
		display: block;
		width:94%;
		margin: 0 auto;
	}
	
	

	.pnkzNew{
		padding: 0 0 0;

	}
	.pnkzNew.pnkzOther{
		padding: 0 0 0;
		/*padding: 7px 0 8px;
		margin-bottom: 0;
		font-size: 10px;
		box-shadow: 0 0 5px rgba(0,0,0,.1);*/
	}
	.pnkzNew ul{
		width:100%;
	}
	.pnkzNew ul li ,
	.pnkzNew ul li a{
		font-size: 9px;

	}
	.pnkzNew ul li a::before{
		margin-top: -2px;
		padding: 0 2px;
	}

	
	.pnkzNew2{
		padding: 0 0 0;
		box-shadow: 0 0 5px rgba(0,0,0,0);

	}
	.pnkzNew2.bgGr {
		background: #F8F8F8;
		padding: 0 0 6px;
	}
	.pnkzNew2.pnkzOther{
		padding: 7px 0 8px;
		margin-bottom: 0;
		font-size: 10px;
		box-shadow: 0 0 5px rgba(0,0,0,0);
	}
	.pnkzNew2 ul{
		width:100%;
	}
	.pnkzNew2 ul li ,
	.pnkzNew2 ul li a{
		font-size: 9px;
	}
	.pnkzNew2 ul li a::before{
		margin-top: -2px;
		padding: 0 2px;
	}
	.pnkzNew2 ul li a::after{
		padding: 0 3px 0 0;
	}

	
	
	.pdtLocalMenu .parentMenu{
		width:100%;
		margin-bottom: 6px;
	}
	.pdtLocalMenu .parentMenu a{
		font-size: 12px;
	}
	.pdtLocalMenu ul{
		width:100%;
	}
	.pdtLocalMenu li{
		display: inline-block;
		font-size: 11px;
	}
	.pdtLocalMenu li a{
		padding: 4px 5px;
		font-size: 11px;
	}
	.pdtLocalMenu li a:before{
		font-size: 10px;
	}



	
	

	.cScheTsujoki {
		height: 51px;
	}


	#pageHeadNew{
		background: #ffffff;
		padding: 2 0;
		margin-bottom: 0;
	}
	#pageHeadNew .inner{
		width:94%;
		margin: 0 auto;
	}


	#slidePager{
		width:90%;
		margin: 0 auto;
	}
	#slidePager a{
		border:1px solid #ccc;
		width:24%;
		margin: 0 1.33333% 3px 0;
	}
	#slidePager a:nth-of-type(6n){
		margin: 0 1.33333% 3px 0;
	}
	#slidePager a:nth-of-type(4n){
		margin: 0 0 3px 0;
	}

	#slidePager a.active{
		border:1px solid #999;
	}
	.bx-wrapper{
		box-shadow: 0 0 5px rgba(0,0,0,.2) !important;
		margin-bottom: 0 !important;
	}

	#pageHeadNew ul.goodsSlider{
		height: 53vw;
	}


	
	
	#pageHeadNew .goodsSlider li img{
		width: 100%;
		height: 53vw;
	}



	#pageTItleNew{
		margin: 0 0 10px;
		padding: 0 0 7px;
		border-bottom: 1px solid #ccc;

		display : block;
	}
	#pageTItleNew h1{
		margin: 0 0 10px;
		width:100%;
		font-size: 18px;
	}
	#pageTItleNew .ryokinBtn{
		width:100%;
		text-align: center;
	}
	#pageTItleNew .ryokinBtn a{
		padding: 5px 20px 5px 10px;
		width:64%;
		display: inline-block;
	}
	#pageTItleNew .arrowBtn{
		width:100%;
		text-align: center;
	}
	#pageTItleNew .arrowBtn a{
		padding: 5px 20px 5px 10px;
		width:64%;
		display: inline-block;
	}



	.taisyo{
		border: 4px solid #ffa1ee;
		padding: 10px 10px 8px 10px;
		width:100%;
		margin: 0 auto 20px;

	  justify-content: center;
	  align-items: stretch;
	}
	.taisyo p{
		width:100%;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
	}
	.taisyo ul{
		width:50%;
	}
	.taisyo ul li{
		margin-bottom: 8px;
	}
	.taisyo ul li::before{
		font-family: "FontAwesome";
		font-weight: 400;
		content: "\f105";
		display: inline-block;
		padding: 0 2px 0 0;
	}



	#pageCatch{
		display: block;
		margin-bottom: 10px;
	}
	#pageCatch .goodsTitleTxt{
		width:100%;
		margin-bottom: 10px;
		font-size: 11px;
		line-height: 15px
	}
	#pageCatch .goodsTitleTxt br{
		display: none;
	}
	#pageCatch .downloadBtn{
		width:100%;
		text-align: center;
	}
	#pageCatch .downloadBtn a{
		border: 1px solid #bebebe;
		padding: 5px 25px 5px 5px;
		display: inline-block;
		width:64%;
		background: #fff url("../images/page/icon_dl.png") no-repeat right 10px center;
		background-size: 12px auto;
	}


	.productPageTitle{
		margin-bottom: 0;
	}
	.productPageTitle h1{
		font-size: 20px;
		text-align: center;
		margin-bottom: 10px;
	}
	.productPageTitle h1.smallTitle{
		font-size: 19px;
		text-align: center;
		margin-bottom: 20px;
		line-height: 130%;
	}
	.productPageTitle h1.smallTitle span{
		font-size: 16px;
		margin-top: 5px;
	}
	.productPageTitle .goodsTitleTxt.txtLeft,
	.productPageTitle .goodsTitleTxt{
		text-align: left;
		font-size: 13px;
		line-height: 150%;
		margin-bottom: 15px;
	}
	.productPageTitle h2{
		font-size: 15px;
		line-height: 150%;
		margin: 0 0 5px;
	}

	.productPageTitle .goodsTitleTxt br{
		display: none;
	}

	.productPageTitle .ryokinBtn a{
		padding: 4px 50px 4px 30px;
		font-size: 12px;
	}
	.productPageTitle .ryokinBtn.goDetail a {
		padding: 9px 30px 9px 20px;
	}
	.productPageTitle .ryokinBtn.goMitsu a {
		padding: 9px 30px 9px 20px;
	}
	.productPageTitle .goodsTitleTxt.txtLeft .txtcenter{
		text-align: center;
		display: block;
		margin-bottom: 10px;
	}
	.productPageTitle h2,
	.productPageTitle .goodsTitleTxt.txtLeft strong{
		text-align: center;
		display: block;
		margin-bottom: 10px;
		font-weight: bold;
	}



	.productPageTitle .arrowBtn a{
		padding: 4px 50px 4px 30px;
		font-size: 12px;
	}


	
	
	.goodsPhNew{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: left;
		
		width:100%;
		margin: 0 auto 20px;

	}
	.goodsPhNew li {
		width: 47%;
		margin-right: 4%;
		margin-bottom: 15px;
		font-size: 12px;
		line-height: 130%;
		vertical-align: top;

		text-align: center;

		/*box-shadow: 0 0 10px rgba(0,0,0,.1);*/

		padding: 0;

	}
	.goodsPhNew li:nth-of-type(3n) {
		margin-right: 4%;
	}
	.goodsPhNew li:nth-of-type(2n) {
		margin-right: 0;
	}

	.goodsPhNew li img {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		display: block;
		margin: 0 auto 10px;

		border-radius: 15px;
		border: 2px solid #eee;
	}
	.goodsPhNew .goodsCatch{
		color: #51a9ec;
		font-size: 12px;
		line-height: 120%;
		font-weight: bold;
	}
	.goodsPhNew p{
		font-size: 11px;
		line-height: 140%;
		margin-bottom: 5px;
		text-align: left;
	}
	.goodsPhNew p br{
		display: none;
	}
	.goodsPhNew li.muryo::before,.goodsPhNew li.yuryo::before,.goodsPhNew li.yuryo2::after {
		left: -10px;
		top: -8px;
		width:30px;
		height: 30px;
		line-height: 30px;
		font-size: 11px;
		
		z-index: 2000;
	}
	.goodsPhNew li.yuryo2::after {
		left: 25px;
	}


	
	
	

	.pdtBana1,.pdtBana2 {
		display : block;
		margin: 0 auto 10px;
		width:94%;
	}
	.pdtBana1 {
		display: flex;
		flex-wrap: wrap;
	}
	.pdtBana1 li {
		width: 48%;
		margin-right: 0%;
		margin-bottom: 4px;
	}
	.pdtBana1 li a img{
		width:100%;
	}
	.pdtBana1 li.pdtBanaS {
		width: 48%;
		display: block;
		margin-right: 0;
		margin-left: 2%;
		margin-top: 4px;
	}
	.pdtBana1 li.pdtBanaS:nth-of-type(3n) {
		margin-left: 2%;
	}
	.pdtBana1 li:nth-of-type(2n) {
		margin-left: 2%;
	}
	.pdtBana2 li {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
	}
	.pdtBana2 li a img{
		width:70%;
	}


	.mokuji{
		width:88%;
		margin: 0 auto 20px;
	}
	.mokuji .mokujiList,.mokuji .mokujiList:nth-of-type(1){
		width:50%;
		padding: 10px 0 0;
		margin: 0;
	}
	.mokuji .mokujiList li{
		margin-bottom: 6px;
		line-height: 140%;
	}
	.mokuji .mokujiList li a{
		font-size: 12px;
	}




	.tabsListPdt{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: center;
	}
	.tabsListPdt li a{
		font-size: 11px;
		padding: 6px 0 ;
	}
	.tabsListPdt li.active::after{
		content: "";
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #ff16d6;
		position: absolute;
		bottom: -6px;
		left: 50%;
		margin-left: -3px;
	}
	.tabsListPdt li:hover::after{
		border-top: 6px solid #ff16d6;
	}


	.tabsListPdt1-1{
		width:28.6%;
	}
	.tabsListPdt1-2{
		width:28.6%;
	}
	.tabsListPdt1-3{
		width:40.6%;
	}
	.tabsListPdt li:nth-last-of-type(1){
		margin-right: 0;
	}




	h2.h2TitlePdt1,
	div.h2TitlePdt1{
		padding: 6px 10px;
		font-size: 18px;
		margin-bottom: 15px;
	}
	h2.h2TitlePdt2,
	div.h2TitlePdt2{
		padding: 9px 10px;
		font-size: 21px;
		margin-bottom: 15px;
		line-height: 140%;
	}
	
	



	p.titleL1{
		padding: 6px 10px;
		font-size: 21px;
		margin-bottom: 15px;
	}


	p.titleS1{
		padding: 4px 0;
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 140%;
	}

	
	.h2TitleBox{
		position: relative;
		background: #FF355A;
		border-radius: 20px;
		padding: 8px 14px 10px;
		color: #fff;
		right: inherit;
		top: inherit;
		font-size: 12px;
		margin-top: 10px;
		box-shadow: none;
		font-weight: normal;
		line-height: 100%;
	}
	h2.h2TitlePdt3,
	div.h2TitlePdt3{
		font-size: 20px;
		margin: 0 0 10px;
		font-weight: normal;
		line-height: 140%;
	}




	.pdtTopCont h2.h2TitlePdt3,
	.pdtTopCont div.h2TitlePdt3{
		padding: 0;
		font-size: 20px;
		font-weight: 500;
		color: #444;
		border: 0;
		position: relative;
		text-align: center;
		margin: 0 0 10px;
	}


	/*h1TitlePdt4*/
	.pdtTopCont h1.h1TitlePdt4{
		font-size: 26px;
		margin: 0 0 40px;
		letter-spacing: .05em;
		line-height: 130%;
	}
	.pdtTopCont h1.h1TitlePdt4 span{
		border-bottom:none;
	}
	.pdtTopCont h1.h1TitlePdt4 span.titleStxt{
		font-size: 22px;
		font-weight: 700;
	}
	.pdtTopCont h1.h1TitlePdt4::after{
		display: block;
		content: "";
		width: 40px;
		height: 8px;
		bottom: -20px;
		left: 50%;
		border-radius: 30px;
		transform: translateX(-50%);
	}

	.pdtTopCont h1.h1TitlePdt4 span.titlePdtBolc{
		display: inline-block;
		position: relative;
		font-weight: 700;
		z-index: 1;
	}
	.pdtTopCont h1.h1TitlePdt4 span.titlePdtBolc::before{
		content: "";
		bottom: -0px;
		left: 0;
		width: 100%;
		height: 12px;
		background: #F3FF00;
		position: absolute;
		display: inline-block;
		z-index: -1;
	}



	/*h2TitlePdt4*/

	.pdtTopCont h2.h2TitlePdt4{
		padding: 0;
		font-size: 26px;
		font-weight: 700;
		color: #444;
		border: 0;
		position: relative;
		text-align: center;
		margin: 0 0 60px;
		
		line-height: 130%;

		letter-spacing: .05em;
	}
	.pdtTopCont h2.h2TitlePdt4 span.titleStxt{
		font-size: 22px;
		font-weight: 700;
	}

	.pdtTopCont h2.h2TitlePdt4::after{
		display: block;
		content: "";
		width: 60px;
		height: 10px;
		background: #00aaef;
		position: absolute;
		bottom: -30px;
		left: 50%;
		border-radius: 30px;
		transform: translateX(-50%) ;
	}






	.pdtTopCont h2.h2TitlePdt4 span.titlePdtBolc{
		display: inline-block;
		position: relative;
		z-index: 1;
	}
	.pdtTopCont h2.h2TitlePdt4 span.titlePdtBolc::before{
		content: "";
		bottom: -0px;
		left: 0;
		width: 100%;
		height: 12px;
		background: #F3FF00;
		position: absolute;
		display: inline-block;
		z-index: -1;
	}

	.pdtTopCont h2.h2TitlePdt4 span.h2TitleS{
		font-size: 16px;
		display: block;
		padding: 4px 0 8px;
		line-height: 150%;

	}


	/**/
	
	h3.h3TitlePdt1,
	.h3TitlePdt1,
	div.h3TitlePdt1{
		padding: 4px 0;
		font-size: 16px;
		margin-bottom: 10px;
		line-height: 140%;
	}
	h3.h3TitlePdt2,
	.h3TitlePdt2,
	div.h3TitlePdt2{
		padding: 4px 0;
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 140%;
	}
	h3.h3TitlePdt3,
	.h3TitlePdt3,
	div.h3TitlePdt3{
		padding: 4px 0;
		font-size: 14px;
		margin-bottom: 10px;
		line-height: 140%;
	}

	.h3Btm{
		font-size: 12px;
		padding-top: 10px;
		margin-bottom: 15px;
		margin-top: -15px;
		text-align: center;
	}
	.h3Btm.btmNone{
		display: none;
	}
	h3.h3TitlePdt1.step1,
	h3.h3TitlePdt1.step2,
	h3.h3TitlePdt1.step3,
	h3.h3TitlePdt1.step4,
	h3.h3TitlePdt1.step5,
	h3.h3TitlePdt1.step6,
	h3.h3TitlePdt1.step7,
	h3.h3TitlePdt1.step8,
	h3.h3TitlePdt1.step9,
	h3.h3TitlePdt1.step10,
	div.h3TitlePdt1.step1,
	div.h3TitlePdt1.step2,
	div.h3TitlePdt1.step3,
	div.h3TitlePdt1.step4,
	div.h3TitlePdt1.step5,
	div.h3TitlePdt1.step6,
	div.h3TitlePdt1.step7,
	div.h3TitlePdt1.step8,
	div.h3TitlePdt1.step9,
	div.h3TitlePdt1.step10,
	.h3TitlePdt1.step1,
	.h3TitlePdt1.step2,
	.h3TitlePdt1.step3,
	.h3TitlePdt1.step4,
	.h3TitlePdt1.step5,
	.h3TitlePdt1.step6,
	.h3TitlePdt1.step7,
	.h3TitlePdt1.step8,
	.h3TitlePdt1.step9,
	.h3TitlePdt1.step10{
		padding: 22px 10px 10px 0;
	}
	h3.h3TitlePdt1.step1::before,
	h3.h3TitlePdt1.step2::before,
	h3.h3TitlePdt1.step3::before,
	h3.h3TitlePdt1.step4::before,
	h3.h3TitlePdt1.step5::before,
	h3.h3TitlePdt1.step6::before,
	h3.h3TitlePdt1.step7::before,
	h3.h3TitlePdt1.step8::before,
	h3.h3TitlePdt1.step9::before,
	h3.h3TitlePdt1.step10::before,
	div.h3TitlePdt1.step1::before,
	div.h3TitlePdt1.step2::before,
	div.h3TitlePdt1.step3::before,
	div.h3TitlePdt1.step4::before,
	div.h3TitlePdt1.step5::before,
	div.h3TitlePdt1.step6::before,
	div.h3TitlePdt1.step7::before,
	div.h3TitlePdt1.step8::before,
	div.h3TitlePdt1.step9::before,
	div.h3TitlePdt1.step10::before,
	.h3TitlePdt1.step1::before,
	.h3TitlePdt1.step2::before,
	.h3TitlePdt1.step3::before,
	.h3TitlePdt1.step4::before,
	.h3TitlePdt1.step5::before,
	.h3TitlePdt1.step6::before,
	.h3TitlePdt1.step7::before,
	.h3TitlePdt1.step8::before,
	.h3TitlePdt1.step9::before,
	.h3TitlePdt1.step10::before{
		padding: 2px 0;
		font-size: 12px;
		width:80px;
		top: -6px;
		margin-left:  -40px;
	}

	h4.h4TitlePdt1,
	.h4TitlePdt1,
	p.h4TitlePdt1{
		padding: 10px 15px;
		font-size: 12px;
		margin-bottom: 10px;
	}
	h4.h4TitlePdt2,
	.h4TitlePdt2,
	p.h4TitlePdt2{
		padding: 10px 15px;
		font-size: 12px;
		margin-bottom: 10px;
	}


	.contRead{
		text-align: left;
		font-size: 13px;
		margin-bottom: 20px;
	}
	.contRead3{
		text-align: left;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.nopd .contRead{
		padding: 0 4%;
	}
	.contRead br{
		display: none;
	}
	.contRead5{
		text-align: left;
		font-size: 13px;
		margin-bottom: 10px;
	}

	.btnArea{
		padding: 0 0 30px 0;
		text-align: center;
	}
	.btnArea a.arrowLink{
		font-size: 12px;
		margin-top: 7px;
		padding: 11px 26px 11px 13px;
	}

	.service01,
	.service02,
	.service03,
	.service04,
	.service05,
	.service06,
	.service07{
		height: 417px;
		position: relative;
		margin-bottom: 20px;
	}
	.service01 div,
	.service02 div,
	.service03 div{
		position: absolute;
		font-size: 12px;
		bottom: 20px;
		left: 0;
		width:100%;
		text-align: center;
		line-height: 150%;
	}
	.service01.colort div,
	.service02.colort div,
	.service03 div{
		color: #fff
	}
	.service04 div,
	.service05 div,
	.service06 div,
	.service07 div{
		position: absolute;
		font-size: 12px;
		bottom: 20px;
		left: 0;
		width:100%;
		text-align: center;
		line-height: 150%;
		height: calc(100% - 60px);
	}
	.service01 span,
	.service02 span,
	.service03 span,
	.service03 span,
	.service04 span,
	.service05 span,
	.service06 span,
	.service07 span{
		font-size: 20px;
		display: block;
		margin-bottom: 30px;
		line-height: 150%;
	}
	.service04 p,
	.service05 p,
	.service06 p,
	.service07 p{
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;width: 100%;

	}

	.service01{
		background: url("../images/page/goods/white_tshirt/service_img1_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service02{
		background: url("../images/page/goods/white_tshirt/service_img5_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service03{
		background: url("../images/page/goods/white_tshirt/service_img7_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service04{
		background: url("../images/page/goods/white_tshirt/service_img8_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service05{
		background: url("../images/page/goods/white_tshirt/service_img9_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service06{
		background: url("../images/page/goods/white_tshirt/service_img10_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service07{
		background: url("../images/page/goods/message_tshirts/service_img3_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service01.colort{
		background: url("../images/page/goods/color_tshirt/service_img1_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.service02.colort{
		background: url("../images/page/goods/color_tshirt/service_img5_2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}

	
	.serviceSep{
		display : block;
	}



	.promo01,
	.promo02,
	.promo03,
	.promo04,
	.promo05,
	.promo06,
	.promo07,
	.promo08,
	.promo09,
	.promo10{
		height: 417px;
		position: relative;
		margin-bottom: 20px;
	}
	.promo01 div,
	.promo02 div,
	.promo03 div,
	.promo04 div,
	.promo05 div,
	.promo06 div,
	.promo07 div,
	.promo08 div,
	.promo09 div,
	.promo10 div{
		position: absolute;
		font-size: 12px;
		bottom: 20px;
		left: 0;
		width:100%;
		text-align: center;
		line-height: 150%;
	}

	.promo01 span,
	.promo02 span,
	.promo03 span,
	.promo04 span,
	.promo05 span,
	.promo06 span,
	.promo07 span,
	.promo08 span,
	.promo09 span,
	.promo10 span{
		font-size: 20px;
		display: block;
		margin-bottom: 30px;
		line-height: 150%;
	}



	.canvas.promo01{
		background: url("../images/page/minicanvas/promotion1_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}
	.canvas.promo02{
		background: url("../images/page/minicanvas/promotion2_sp.jpg") no-repeat center top;
		background-size: auto 100%;
	}





	.productHead{
		display : block;

		width:100%;
		padding: 20px 0;
	}
	.productHeadImg{
		width:100%;
	}
	.productHeadImg img{
		width: 100%;
		height: auto;
	}
	


	
	
	.productHeadTxt{
		width:92%;
		margin: 0 auto;
	}
	.productHead .pnkzNew ul {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.productHead .headIndex{
		background: #F8F8F8;
		padding: 8px 10px 5px;
	}
	.productHead .h2TitlePdt3{
		font-size: 20px!important;
	}

	.productHead .productPageTitle h1 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 20px;
	}

	.productHead .dlListTitle{
		padding-top: 30px;

	}
	.productHead .dlListTitle span{
		padding: 0 2px;
	}
	.productHead .dlList,
	.pdfHowtoImg .dlList{
		display : block;
	}

	.productHead .dlList ul,
	.pdfHowtoImg .dlList ul{
		width:100%;

		position: relative;
		text-align: center;
		padding: 0 0 0 0;
	}
	.productHead .dlList ul{
		padding: 10px 0 0 0;
		border-top: 2px dashed #ddd;
		margin-bottom: 20px;
		margin-top: -10px;
	}
	.productHead .dlList ul li,
	.pdfHowtoImg .dlList ul li{
		text-align: left;
		margin-bottom: 7px;
	}
	.productHead .dlList ul li a,
	.pdfHowtoImg .dlList ul li a{
		display: block;
		color: #666 !important;
		line-height: 15px;
		padding: 0 0 0 20px;
		text-decoration: none;
		font-size: 11px
	}
	.productHead .dlList ul li.dlai a,
	.pdfHowtoImg .dlList ul li.dlai a{
		background: url("../images/page/goods/icon_ai.png") no-repeat 0 0;
		background-size: 15px auto;
	}
	.productHead .dlList ul li.dlpsd a,
	.pdfHowtoImg .dlList ul li.dlpsd a{
		background: url("../images/page/goods/icon_psd.png") no-repeat 0 0;
		background-size: 15px auto;
	}

	.pdtDetailSep{
		display : block;
	}
	.pdtDetailSep .pdtDetailL{
		width: 100%;
		text-align: center;
	}
	.pdtDetailSep .pdtDetailL img{
		width: 70%;
		height: auto;
	}
	.pdtDetailSep .pdtDetailR{
		width: 100%;
	}

	.pdtDetailSep2{
		display : block;
		margin-bottom: 30px;
	}
	.pdtDetailSep2 .pdtDetailL2{
		width: 100%;
		text-align: center;
	}
	.pdtDetailSep2 .pdtDetailL2 img,
	.pdtDetailSep2 .pdtDetailR2 img{
		width: 50%;
		height: auto;
		display: inline-block;
		padding: 0 0;
	}
	.pdtDetailSep2 .pdtDetailR2{
		width: 100%;
		text-align: center;
	}


	.pdtDetailSep2 .pdtChart2{
		width:100%;
		margin: 20px auto 0;

	}
	.pdtDetailSep2 .pdtChart2 td,
	.pdtDetailSep2 .pdtChart2 th{
		padding: 5px 0 !important;
	}




	.pdtDetailImg li{
		width: 49%;
		margin-bottom: 8px;
	}
	.pdtDetailImg li img{
		display: block;
		width:100%;
		height: auto;
		border: 2px solid #ddd;
	}


	.ryokinChui{

		padding: 10px 10px 10px;
		margin: 0 auto 20px;
		width:100%;
		text-align: left;
	}
	.ryokinChui br{
		display: none;
	}

	.ryokinChui div,
	.ryokinChui h4{
		width:260px;
		padding: 5px 10px 6px;
		top: -15px;
		margin-left: -130px;
		font-size: 12px;
	}

	.ryokinChui2 p{
		padding: 10px 10px 10px;
		margin: 0 auto 30px;
		text-align: left;
	}
	

	.soPriceLink{
		text-align: center;
		display: block;
	}
	.soPriceLink a{
		padding: 7px 31px 7px 22px;
		text-align: center;
		display: inline-block;
		color: #fff !important;
		text-decoration: none !important;
		background: #ff16d6 url("../images/page/icon_down.png") no-repeat right 13px center;
		background-size: 9px auto;
		border-radius: 50px;
	}
	.soPriceLink a:nth-of-type(3){
		background: #bbb url("../images/page/icon_down.png") no-repeat right 13px center;
		background-size: 7px auto;
	}

	.priceFlex{
		display: block;
	}
	.boxFlex1{
		width:100%;
	}
	.boxFlex2{
		width:100%;
	}
	.boxFlex3{
		width:100%;
	}
	.boxFlex4{
		width:100%;
	}
	.boxFlex5{
		width:100%;
	}
	.boxFlex6{
		width:100%;
	}


	.chartSc{
		width:100%;
		margin: 0 auto;
	}	
	.brdisplay br{
		display: block;
	}
	.pdtChart{
		margin-bottom: 20px;
	}
	.pdtChart table td{
		padding: 13px 0;
	}
	.pdtChart table td.pdtChTitle{
		font-size: 12px;
	}
	.pdtChart table td.cellC{
		text-align: center;
		font-size: 12px;
	}
	.pdtChart table td.borderL{
		border-left: none;
	}
	.pdtChart table td.sizeImg img{
		width:100%;
		height: auto;
	}
	.pdtChart2{
		margin-bottom: 40px;
	}
	.pdtChart2 table{
		width:100% !important;
	}

	.pdtChart2 table th,
	.pdtChart2 table td{
		padding: 10px 0;
	}

	.acrylInsatsu{
		margin-bottom: 40px;
		padding: 0px;

		text-align: center;
		border: 2px solid #eee;
		
		width:100%;
	}
	.acrylInsatsu h2{
		font-size: 16px;
		font-weight: normal;
		margin: 10px 0 0;
	}
	.acrylInsatsu img{
		width:100%;
		height: auto;
	}

.acrylInsatsunoB{

	text-align: center;
	background: #fff;
	
	width:100%;
	margin: 0 auto 30px;
}
.acrylInsatsunoB img{
	width:94%;
	height: auto;
}


	.goodsPh5{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: left;
		padding-top: 0;
	}
	.goodsPh5 li{
		width:32%;
		margin-right: 1.5%;
		margin-bottom: 10px;
	}
	.goodsPh5 li:nth-of-type(4n){
		margin-right: 2%;
	}
	.goodsPh5 li:nth-of-type(3n){
		margin-right: 0;
	}
	.goodsPh5 li img{
		width:100%;
		height: auto;

		border-radius: 0px;
		border: 2px solid #eee;
	}
	.goodsPh5 li p{
		margin-top: 4px;
		font-size: 11px;
		line-height: 130%;
	}
	.goodsPh5.clm_sp2 li{
		width:48%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.goodsPh5.clm_sp2 li:nth-of-type(4n){
		margin-right: 2%;
	}
	.goodsPh5.clm_sp2 li:nth-of-type(3n){
		margin-right: 2%;
	}
	.goodsPh5.clm_sp2 li:nth-of-type(2n){
		margin-right: 0;
	}
	.goodsPh5.clm3 li{
		width:48%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.goodsPh5.clm3 li:nth-of-type(4n){
		margin-right: 1%;
	}
	.goodsPh5.clm3 li:nth-of-type(3n){
		margin-right: 1%;
	}	
	.goodsPh5.clm3 li:nth-of-type(2n){
		margin-right: 0;
	}	
	.goodsPh5.clm4 li{
		width:48%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.goodsPh5.clm4 li:nth-of-type(4n){
		margin-right: 1%;
	}
	.goodsPh5.clm4 li:nth-of-type(3n){
		margin-right: 1%;
	}	
	.goodsPh5.clm4 li:nth-of-type(2n){
		margin-right: 0;
	}	
	.goodsPh5.clm2 li{
		width:100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.goodsPh5.clm2 li:nth-of-type(4n){
		margin-right: 0%;
	}
	.goodsPh5.clm2 li:nth-of-type(3n){
		margin-right: 0;
	}	
	.goodsPh5.clm2 li:nth-of-type(2n){
		margin-right: 0;
	}	

	.goodsPh5.clm2-2 li{
		width:49%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.goodsPh5.clm2-2 li:nth-of-type(4n){
		margin-right: 0%;
	}
	.goodsPh5.clm2-2 li:nth-of-type(3n){
		margin-right: 0;
	}	
	.goodsPh5.clm2-2 li:nth-of-type(2n){
		margin-right: 0;
	}	

	.goodsPh5 li p.goodsPhTitle{
		font-size: 14px;
		margin: 3px 0 3px 0;
	}
	.goodsPh5 li p span{
		color: #5B5B5B;
		font-size: 14px;
		line-height: 140%;
		font-weight: bold;
		display: block;
		margin-bottom: 2px;
	}

	.goodsPhStitle{
		font-size: 12px;
		margin-bottom: 5px;
	}
	.goodsPhList{
		font-size: 12px;
		line-height: 130%;
	}
	.goodsPhList span{
		display: inline-block;
		padding: 3px 8px;
		border-radius: 20px;
		background: #eee;
		margin-left: -4px;
		text-align: center;
		margin-bottom: 3px;
	}
	.goodsPh5.clm1 li{
		width:100%;
		margin: 0 auto 20px;
	}
	.goodsPh5.clm1 li:nth-of-type(4n){
		margin-right: 0;
	}



	
	.pdtFrm1{
		padding: 8px 10px 6px 10px;
		border: 2px solid #eee;
		margin-bottom: 30px;
	}

	.pdfHowto{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: left;
		margin-bottom: 20px;
	}


	.pdfHowtoImg{
		width:100%;
		margin-right: 0;
	}
	.pdfHowtoImg > img{
		width:70%;
		height: auto;
		border: 0 solid #eee;
		box-sizing:border-box;
		display: block;
		margin: 0 auto 10px;
	}
	.pdfHowtoTxt{
		width:100%;
		border-top: transparent;
		padding-top: 0;
	}


	.pdfHowto.flexB{
		display : block;
	}
	.pdfHowto.flexB .pdfHowtoImg{
		width:100%;
		margin-right: 0;
	}
	.pdfHowto.flexB .pdfHowtoImg > img{
		width:70%;
		box-shadow: 0 0 4px rgba(0,0,0,.1)
	}

	.pdfHowto.flexB .pdfHowtoTxt{
		width:100%;
		border-top: transparent;
		padding-top: 0;
	}

	.fBox2 {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	.fbg_W {
		background-color: #ffffff;
		border: 4px solid #eee;
	}

	.pdtCamp {
		border:2px solid #eee;
		padding: 6px 10px;
		width:92%;
		margin: 0 auto 0;
	}
	.pdtCamp ul li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 6px;
		float: left;
	}
	.pdtCamp ul li:nth-of-type(5n) {
		margin-right: 2%;
	}
	.pdtCamp ul li:nth-of-type(3n) {
		margin-right: 0%;
	}
	.pdtCamp ul li img{
		width:100%;
		height: auto;
	}
	.newContTitle{
		
		font-size: 8px;
	}


	.priceSelectTxt{
		display: inline-block;
		padding: 5px 0 0 20px;
		vertical-align: middle;
		position: relative;
	}

	.priceSelectTxt::after{
		content: "";
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #666;
		position: absolute;
		bottom: 5px;
		left: 10px;
		margin-left: -5px;
	}

	.priceCatch{
		font-size: 13px;
		margin-bottom: 10px;
	}
	

	.priceSelect select {
		min-width: 240px;
		padding: 14px 25px 12px 14px;
		font-size: 18px;
	}
	.priceSelect::after{
		content: "";
		width: 0;
		height: 0;
		border-left: 16px solid transparent;
		border-right: 16px solid transparent;
		border-top: 16px solid #51a9ec;
		position: absolute;
		bottom: -16px;
		left: 50%;
		margin-left: -16px;
	}

	
	
	.chart0104 td {
		font-size: 11px;
		line-height: 14px;
	}
	.chartPrice td ,
	.chartPrice2 td {
		font-size: 11px !important;
		line-height: 14px;
	}
	.chartPrice td a,
	.chartPrice2 td a{
		line-height: 100%;
	}
	.chartPrice th ,
	.chartPrice2 th {
		font-size: 10px !important;
	}
	.scheduleIcon03 {
		font-size: 10px;
		box-shadow: none;
	}

	.priceAreaChart .chartPrice th.cScheHanboki, .priceAreaChart .chartPrice2 th.cScheHanboki{
		padding: 4px 0;
		font-size: 9px !important;
	}
	
	.cScheHanboki span{
		font-size: 8px;
		line-height: 10px;
		display: inline-block;

	}
	
	

	.scheCal{
		width:100%;
		margin: 20px auto 10px;
	}
	.scheCal .widget ul {
		padding-left: 0;
	}
	.scheCal .ucart_widget_body li{
		display : -webkit-box;     /* old Android */
		display : -webkit-flex;    /* Safari etc. */
		display : -ms-flexbox;     /* IE10        */
		display : flex;
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		justify-content: left;

		width: 100%;
	}
	.scheCal .ucart_widget_body li table{
		width:48%;
		margin-right: 4%;
	}
	.scheCal .ucart_widget_body li table:nth-of-type(2){
		margin-right:0%;
	}

	.scheCal .widget_welcart_calendar table td {
		padding: 5px 2px !important;
	}



	.mitsumoriBtn {
		text-align: center;
		margin-bottom: 40px;
	}
	.mitsumoriBtn a{
		background: #fff url("../images/page/mitsumori_icon.jpg") no-repeat left 10px center;
		background-size: 14px auto;
		display: inline-block;
		padding: 20px 10px 20px 30px;
		font-size: 16px;
		font-weight: bold;
		border: 2px solid #ff00d1;
		color: #333 !important;
		text-decoration: none;
		text-align: center;
	}
	.mitsumoriBtn a span{
		color:#ff00d1;
	}


	.pgLinkN{

		background: #eee;
		padding: 15px;

	}
	.pgLinkN ul li {
		display: inline-block;
		padding: 0 15px 6px 10px;

		position: relative;
	}
	.pgLinkN ul li::before{
		content: "";
		display: block;
		position: absolute;
		top: 3px;
		left: 0;
		width: 4px;
		height: 4px;
		border-top: 1px solid #ff3dfe;
		border-right: 1px solid #ff3dfe;
		transform: rotate(135deg);
	}

}







.itemPageNew{
}

.itemPageR{
	float:right;
	width:33%;
	margin-left: 2%;
}

.itemPageL{
	float:left;
	width:65%;
	margin-top: -20px;
}

#itempage .detail-right .item_page_title {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: none;
    font-size: 22px;
    border-left: none;
    padding: 20px 0 7px 10px;
}
#itempage .detail-right .skuform {
    padding: 0 0;
}
.single-format-standard #content.one-column{
	background: none !important;
}


#itempage .itemTopArea {
    margin-bottom: 10px;
	border: 1px solid #ccc;
    background: #fafafa;
    padding: 20px 20px;
}



#itempage .item_detailArea{
	float: none;
	width:100%;
	background: transparent;
}
#itempage .item_btncartArea{
	float: none;
	width:100%;
	margin-top: 20px;
    background-color: transparent;
    border: none;
}
#itempage .detail-right .btn_cart {
    padding: 0 0 0 0;
    text-align: center;
}
#itempage .detail-right .field {
    margin-left: 0;
    padding: 8px 0 10px 0;
    border-bottom: 1px solid #ededed;
}
#itempage .item-description {
    border-bottom: none;
}

.breadcrumb.list-inline {
	background-color: #fff;
	padding: 8px 0 10px;
}


@media (max-width: 767px) {


	.itemPageR{
		float:none;
		width:100%;
		margin-left: 0;
	}

	.itemPageL{
		float:none;
		width:100%;
		margin-top: -20px;
	}

	#itempage .detail-right .item_page_title {
		margin-top: 0;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: none;
		font-size: 16px;
		border-left: none;
		padding: 10px 0 7px 0;
	}
	#itempage .detail-right .skuform {
		padding: 0 0;
	}
	.single-format-standard #content.one-column{
		background: none !important;
	}


	#itempage .itemTopArea {
		margin-bottom: 10px;
		border: 1px solid #ccc;
		background: #fafafa;
		padding: 5px 10px;
	}



	#itempage .item_detailArea{
		float: none;
		width:100%;
		background: transparent;
	}
	#itempage .item_btncartArea{
		float: none;
		width:100%;
		margin-top: 10px;
		background-color: transparent;
		border: none;
	}
	#itempage .detail-right .btn_cart {
		padding: 0 0 0 0;
		text-align: center;
	}
	#itempage .detail-right .field {
		margin-left: 0;
		padding: 5px 0 10px 0;
		border-bottom: 1px solid #ededed;
	}
	#itempage .item-description {
		border-bottom: none;
	}
	#itempage .detail-right .item_option th {
		display: block;
		width:100%;	
		border: none;
		padding: 7px 10px;
		border-bottom: #ddd 1px solid;
	}
	#itempage .detail-right .item_option td{
		display: block;
		width:100%;
		border: none;
		padding: 7px 10px;
		border-bottom: #ddd 1px solid;
	}
	#itempage .detail-right .item_option .optionCatTitle {
		padding: 11px 10px;
		border: none;
		background: #fff;
	}
	.breadcrumb {
		padding: 5px 6px;
		margin-bottom: 0;
		list-style: none;
		background-color: #fff;
		font-size: 10px;
	}
}



a.arrowLink {
	margin-top: 7px;
    padding: 11px 36px 11px 23px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url("../images/arrow/btn_arrow.png") no-repeat right 10px center;
    background-size: 10px auto;
    border-radius: 50px;
	line-height: 100%;
	font-size: 16px;
}




.hani_box_img{
	width: 1008px;
	height: 403px;
    background: #ff16d6 url("../images/page/goods/original-tshirts/unitedathle/hani_bg.jpg") no-repeat 0 0;
	background-size: 100% auto;
	position: relative;
}
.hani_box_img.swerthani{
	width: 1008px;
	height: 403px;
    background: #ff16d6 url("../images/page/goods/original-sweatshirt/images/hani_bg.jpg") no-repeat 0 0;
	background-size: 100% auto;
	position: relative;
}
.hani_box_img.swerthani2{
	width: 1008px;
	height: 403px;
    background: #ff16d6 url("../images/page/goods/original-sweatshirt/images/hani_bg2.jpg") no-repeat 0 0;
	background-size: 100% auto;
	position: relative;
}
.hani_box_img.hoodiehani{
	width: 1008px;
	height: 403px;
    background: #ff16d6 url("../images/page/goods/original-hoodie/images/hani_bg.jpg") no-repeat 0 0;
	background-size: 100% auto;
	position: relative;
}
.hani_box_img.hoodiehani2{
	width: 1008px;
	height: 403px;
    background: #ff16d6 url("../images/page/goods/original-hoodie/images/hani_bg2.jpg") no-repeat 0 0;
	background-size: 100% auto;
	position: relative;
}


.hani_box_img_layer{
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.hani_box_img_layer img{
	width:100%;
	height: auto;
}

.hani_box_btn{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	align-items: flex-start;
}
.hani_box_btn_omote{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	width:50%;
	padding: 0 12% 0 8%;
}
.hani_box_btn_ura{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	width:50%;
	padding: 0 8% 0 12%;
}
.hani_box_btn_omote > div,
.hani_box_btn_ura > div{
	border: 2px solid #ccc;
	padding: 9px 9px 9px 28px;
	margin-bottom: 5px;
	width: 100%;
	position: relative;
	line-height: 100%;
	font-size: 17px;
	font-weight: bold;
}
.hani_box_btn_omote > div:hover,
.hani_box_btn_ura > div:hover{
	border: 2px solid #5cd0ff;
	cursor: pointer;
}
.hani_box_btn_omote > div.btnharf,
.hani_box_btn_ura > div.btnharf{
	width: 49%;
}

.hani_box_btn_omote > div::before,
.hani_box_btn_ura > div::before{
	content: "";
	position: absolute;
	width:16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 3px;
	top: 11px;
	left: 10px;
}
.hani_box_btn_omote > div.active,
.hani_box_btn_ura > div.active{
	border: 2px solid #5cd0ff;
	background: #F7F7F7;
	padding: 9px 9px 9px 28px;
}
.hani_box_btn_omote > div.active::after,
.hani_box_btn_ura > div.active::after{
	content: "";
	position: absolute;
	width:10px;
	height: 16px;
	border-bottom: 4px solid #CA0081;
	border-right: 4px solid #CA0081;
	top: 10px;
	left: 13px;
	transform: rotate(45deg);
}


.pdtFaq{
	
}
.pdtFaqQ{
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px;
}
.pdtFaqQ::before{
	position: absolute;
	content: "Q";
	font-size: 24px;
	font-weight: bold;
	color: #3586FF;
	top: -6px;
	left: 0;
}
.pdtFaqA{
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	padding-left: 30px;
}
.pdtFaqA::before{
	position: absolute;
	content: "A";
	font-size: 24px;
	font-weight: bold;
	color: #FC51BA;
	top: -6px;
	left: 0;
}

.sizeImgs{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}
.sizeImgshirts{
	width:29%;
	
}
.sizeImgchart{
	width:67%;
}
.sizeImgshirts img,
.sizeImgchart img{
	width:100%;
	height: auto;
}

.sizeImgchart table{
	table-layout: fixed;
	width:100%;
	border-top:1px solid #eee;
	border-right:1px solid #eee;
}
.sizeImgchart table th,
.sizeImgchart table td{
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	padding: 6px 0;
	text-align: center;

}
.sizeImgchart ul{
	margin-top: 10px;
}
.sizeImgchart ul li{
	font-size: 14px;
	margin-bottom: 7px;
}



.pdtTopPromo{
	background: #eff8ff;
	text-align: center;
}
.pdtTopPromo.spcasePromo{
	background: #f3e5f1;
}
.pdtTopPromo img{
	width: 1070px;
	height: auto;
	margin: 0 auto;
}


.pdtCatMenu{
	background: rgba(213,235,251,0.67);
	padding: 25px 0;
	text-align: center;
	margin-bottom: 50px;
}
.pdtCatMenu::before{
	content: "カテゴリーメニュー";
	display: block;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

.pdtCatMenu ul{
	width: 1070px;
	margin: 0 auto;
	display: flex;
	
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
		
	overflow: hidden;
}
.pdtCatMenu ul li{
	width: 100%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.pdtCatMenu ul li a{
	display: block;
	padding: 15px 0;
	text-align: center;
	background: #fff;
	text-decoration: none;
	color: #666 !important;
}
.pdtCatMenu ul li.active a{
	background: rgba(240,83,226,1.00);
	text-decoration: none;
	color: #fff !important;
	font-weight: bold;
}
.pdtCatMenu ul li.deactive a{
	background: #F1F1F1;
	text-decoration: none;
	color: #ddd !important;
	pointer-events: none;
}




.pdtCatMenuNew{
	background: rgba(255,255,255,0);
	padding: 5px 0 10px;
	text-align: center;
	margin-bottom: 20px;
	overflow: visible;
}

.pdtCatMenuNew ul{
	margin: 0 auto;
	
		
	overflow: visible;
}

.pdtCatMenuNew ul .slick-disabled{
	pointer-events: none;
	display: none !important;
}

.carbtn-next{
	right: -4px;
}
.carbtn-prev {
	left: -4px;
}

.pdtCatMenuNew ul.slick-slider {
	max-width: 1000px;
	margin: 0 auto;
}

.pdtCatMenuNew ul .slick-list .slick-track{
	display: flex;
	justify-content: center;
	
	gap:0 0;
	flex-wrap: wrap;
	
	padding-bottom: 10px;
	
	width: 750px;
}


.pdtCatMenuNew ul > li:not(:first-child) {
    display: none;
}




.pdtCatMenuNew ul li{
	overflow: visible;
}

.pdtCatMenuNew ul li a{
	display: block;
	padding: 0 0;
	text-align: center;
	background: #fff;
	text-decoration: none;
	color: #666 !important;
	font-size: 12px;
	overflow: visible;
}
.pdtCatMenuNew ul li a span{
	display: block;
	margin-top: 3px;
}

.pdtCatMenuNew ul li a img{
	width:80px;
	height: auto;
	margin: 0 auto;
}

.pdtCatMenuNew ul li.active a{
	text-decoration: none;
	position: relative;
}

.pdtCatMenuNew ul li.active a::after{
	content: "";
	position: absolute;
	width: 50%;
	height: 4px;
	bottom: -11px;
	left: 50%;
	
	background: #ff16d6;
	
	border-radius: 5px;


	transform: rotate(0) translateX(-50%);
}


.pdtCatMenuNew ul li.deactive a{
	background: #F1F1F1;
	text-decoration: none;
	color: #ddd !important;
	pointer-events: none;
}





.pdtTopContRead{
	text-align: center;
	font-size: 14px;
	margin-bottom: 40px;
}

.pdtTopContRead2{
	text-align: center;
	font-size: 16px;
	margin-bottom: 40px;
	line-height: 160%;
}


.pdtTopCont{
	width: 1070px;
	margin: 60px auto 80px;
}



.pdtTopCont h1{
	margin-top: 10px;
	font-size: 32px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.pdtTopCont h1 span{
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 3px solid #00aaef;
	font-weight: 500;
}

.pdtTopCont .promoBtmTxt{
	font-size: 20px;
	margin-bottom: 40px;
}


.pdtTopFlows{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
	width: 970px;
	margin: 0 auto 40px;
}
.pdtTopFlow{
	width:30%;
}
.pdtTopFlow img{
	width:100%;
	height: auto;
}


.pdtTopTitle{
	font-size: 24px;
	margin-bottom: 40px;
	font-weight: bold;
	padding-bottom: 14px;
	border-bottom: 2px solid #00aaef;
}
.pdtTopTitle.step1{
	position: relative;
	padding-left: 129px;
}
.pdtTopTitle.step1::before{
	content: "";
	position: absolute;
	width:117px;
	height: 40px;
	background: url("../images/page/goods/original-tshirts/step_1.jpg") no-repeat 0 0;
	background-size: 100% auto;
	top: 0;
	left: 0;
}



.pdtTopLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 50px 30px;
	margin-bottom: 80px;
}
.pdtTopList{
	width:31%;
	position: relative;
	
    border: 1px solid #ccc;
    background: #f5f5f5;
    text-align: left;
	
	
}


.relatedLists .pdtTopLists{

	opacity:0;

}
.relatedLists .pdtTopLists.slick-initialized{
	opacity:1;
}




.relatedLists .pdtTopLists{

	gap: 0 0;
	margin-bottom: 0;
}
.relatedLists .pdtTopLists .pdtTopList{
	width:31%;
	position: relative;
	padding: 0 10px;
    border: none;
    background: none;
}

.pdtTopLists .pdtTopList.newpdt::before{
	position: absolute;
	right: -10px;
	top: -10px;
	content: "NEW";
	display: block;
	width:60px;
	height: 60px;
	border-radius: 30px;
	background: #FF5656;
	color: #fff;
	text-align: center;
	align-items: center;
	line-height: 60px;
	z-index: 1;
}

.pdtTopListPic{
	margin-bottom: 0;
	position: relative;
}
.pdtTopListPic a{
	display: block;
}
.pdtTopList a{
	color: #333 !important;
	text-decoration: none !important;
}

.pdtTopListPic img{
	width:100%;
	height: auto;
	
}

.pdtTopListPic.osusumeteibanicon::before{
	content: "";
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	width: 90px;
	height: 90px;
	background: url("../images/page/goods/list_icon_osusume_teiban.svg") no-repeat 0 0;
	background-size: 90px 90px;
}

.pdtTopListPic.ninkino1icon::before{
	content: "";
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	width: 90px;
	height: 90px;
	background: url("../images/page/goods/list_icon_osusume_no1.svg") no-repeat 0 0;
	background-size: 90px 90px;
}



.pdtTopListTitle{
	font-size: 15px;
	font-weight: 500;
	margin-top: 10px;
	margin-bottom: 15px;
}
.pdtTopListTitle.pdtTopListTitleC{
	text-align: left;
	margin-bottom: 10px;
	background: none;
	padding: 0 10px;
	border-bottom: none;
	
}

.pdtTopListTitle span.minyuka{
	display: block;
	color: #CD0003;
	margin-top: 6px;
}
.pdtTopListTxt{
	font-size: 15px;
	padding: 10px;
	background: #EFEFEF;
	margin-bottom: 14px;
}

.pdtTopListPrice{
	font-size: 18px;
	font-weight: 500;
	color: #FF006C;
	margin-bottom: 14px;
}

.pdtTopListTxtBtn{
	text-align: center;
	
	display: none;
}
.pdtTopListTxtBtn a{
	background: #ff16d6 url("../images/page/goods/original-tshirts/arrow_w.png") no-repeat right 15px center ;
	background-size: 15px;
	color: #fff !important;
	display: inline-block;
	padding: 10px 60px 10px 60px;
	line-height: 100%;
	text-decoration: none;
	border-radius: 30px;
}

.pdtTopListTxtBtn.simuIcon a{
	padding: 10px 60px 10px 110px;
	position: relative;
}

.pdtTopListTxtBtn.simuIcon a::before{
	background: url("../images/page/icon_simu2.svg") no-repeat 0 0 ;
	background-size: 78px 30px;
	content: "";
	width:83px;
	height: 30px;
	padding-right: 5px;
	border-right: 1px solid rgba(255,255,255,.4);
	position: absolute;
	top: 50%;
	left: 12PX;
	transform: translateY(-50%);
}



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

.contboxImg{
	width:30%;
}
.contboxImg img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}
.contboxTxt{
	width:66%;
}


@media (max-width: 767px) {



	.hani_box_img{
		width: 100%;
		height: 38vw;
		background: #ffffff url("../images/page/goods/original-tshirts/unitedathle/hani_bg.jpg") no-repeat 0 0;
		background-size: 100% auto;
		position: relative;
		
	}
	.hani_box_img.swerthani{
		width: 100%;
		height: 38vw;
		background: #ffffff url("../images/page/goods/original-sweatshirt/images/hani_bg.jpg") no-repeat 0 0;
		background-size: 100% auto;
		position: relative;
	}
	.hani_box_img.swerthani2{
		width: 100%;
		height: 38vw;
		background: #ffffff url("../images/page/goods/original-sweatshirt/images/hani_bg2.jpg") no-repeat 0 0;
		background-size: 100% auto;
		position: relative;
	}
	.hani_box_img.hoodiehani{
		width: 100%;
		height: 38vw;
		background: #ffffff url("../images/page/goods/original-hoodie/images/hani_bg.jpg") no-repeat 0 0;
		background-size: 100% auto;
		position: relative;
	}
	.hani_box_img.hoodiehani2{
		width: 100%;
		height: 38vw;
		background: #ffffff url("../images/page/goods/original-hoodie/images/hani_bg2.jpg") no-repeat 0 0;
		background-size: 100% auto;
		position: relative;
	}
	.hani_box_img_layer{
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}
	.hani_box_img_layer img{
		width:100%;
		height: auto;
	}

	.hani_box_btn{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items: flex-start;
	}
	.hani_box_btn_omote{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		width:50%;
		padding: 0 1% 0 0%;
	}
	.hani_box_btn_ura{
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		width:50%;
		padding: 0 0% 0 1%;
	}
	.hani_box_btn_omote > div,
	.hani_box_btn_ura > div{
		border: 1px solid #ccc;
		padding: 6px 5px 6px 20px;
		margin-bottom: 5px;
		width: 100%;
		position: relative;
		line-height: 100%;
		font-size: 11px;
	}
	.hani_box_btn_omote > div:hover,
	.hani_box_btn_ura > div:hover{
		border: 1px solid #5cd0ff;
		cursor: pointer;
	}
	.hani_box_btn_omote > div.btnharf,
	.hani_box_btn_ura > div.btnharf{
		width: 49%;
	}

	.hani_box_btn_omote > div::before,
	.hani_box_btn_ura > div::before{
		content: "";
		position: absolute;
		width:12px;
		height: 12px;
		border: 2px solid #ccc;
		border-radius: 3px;
		top: 6px;
		left: 6px;
	}
	.hani_box_btn_omote > div.active,
	.hani_box_btn_ura > div.active{
		border: 1px solid #5cd0ff;
		background: #F7F7F7;
		padding: 6px 5px 6px 20px;
	}
	.hani_box_btn_omote > div.active::after,
	.hani_box_btn_ura > div.active::after{
		content: "";
		position: absolute;
		width:6px;
		height: 12px;
		border-bottom: 2px solid #CA0081;
		border-right: 2px solid #CA0081;
		top: 6px;
		left: 10px;
		transform: rotate(45deg);
	}


	.pdtFaq{

	}
	.pdtFaqQ{
		position: relative;
		margin-bottom: 20px;
		padding-left: 30px;
	}
	.pdtFaqQ::before{
		position: absolute;
		content: "Q";
		font-size: 24px;
		font-weight: bold;
		color: #3586FF;
		top: -6px;
		left: 0;
	}
	.pdtFaqA{
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
		padding-left: 30px;
	}
	.pdtFaqA::before{
		position: absolute;
		content: "A";
		font-size: 24px;
		font-weight: bold;
		color: #FC51BA;
		top: -6px;
		left: 0;
	}

	.sizeImgs{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.sizeImgshirts{
		width:100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.sizeImgchart{
		width:100%;
		text-align: center;
	}
	.sizeImgshirts img{
		width:60%;
		height: auto;
	}
	.sizeImgchart img{
		width:100%;
		height: auto;
	}

	.sizeImgchart table{
		table-layout: fixed;
		width:100%;
		border-top:1px solid #eee;
		border-right:1px solid #eee;
	}
	.sizeImgchart table th,
	.sizeImgchart table td{
		border-bottom:1px solid #eee;
		border-left:1px solid #eee;
		padding: 6px 0;
		text-align: center;
		font-size: 12px;

	}
	.sizeImgchart ul{
		margin-top: 10px;
	}
	.sizeImgchart ul li{
		font-size: 12px;
		margin-bottom: 7px;
		text-align: left;
		line-height: 140%;
	}

	
	
	.pdtTopPromo{
		padding-top: 0;
		text-align: center;
	}
	.pdtTopPromo img{
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	

	.pdtCatMenu{
		background: rgba(213,235,251,0.67);
		padding: 25px 0;
		text-align: center;
		margin-bottom: 50px;
	}
	.pdtCatMenu::before{
		content: "カテゴリーメニュー";
		display: block;
		text-align: center;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 18px;
	}

	.pdtCatMenu ul{
		width: 92%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;

		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;

		overflow: hidden;
	}
	.pdtCatMenu ul li{
		width: 33.3333%;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.pdtCatMenu ul li a{
		display: block;
		padding: 15px 0;
		text-align: center;
		background: #fff;
		text-decoration: none;
		color: #666 !important;
		font-size: 13px;
	}
	.pdtCatMenu ul li.active a{
		background: rgba(240,83,226,1.00);
		text-decoration: none;
		color: #fff !important;
		font-weight: bold;
	}

	
	
	


	.pdtCatMenuNew{
		background: rgba(255,255,255,0);
		padding: 2px 3% 0;
		text-align: center;
		margin-bottom: 20px;
		overflow: visible;
	}

	.pdtCatMenuNew ul{
		width: 100%;
		margin: 0 auto;
		display: flex;
		
		gap:0;


		overflow: visible;
	}
	.pdtCatMenuNew ul li{
		width: 16.666666%;
		overflow: visible
	}

	.pdtCatMenuNew ul li a{
		display: block;
		padding: 0 0;
		text-align: center;
		background: #fff;
		text-decoration: none;
		color: #666 !important;
		font-size: 8px;
		overflow: visible;
	}
	.pdtCatMenuNew ul li a span{
		display: block;
	}

	.pdtCatMenuNew ul li a img{
		width:94%;
		height: auto;
	}

	.pdtCatMenuNew ul li.active a{
		text-decoration: none;
		position: relative;
	}

	.pdtCatMenuNew ul li.active a::after{
		content: "";
		position: absolute;
		width: 60%;
		height: 3px;
		bottom: -6px;
		left: 50%;


		background: #ff16d6;

		border-radius: 5px;

		
		transform: rotate(0) translateX(-50%);
	}

	.carbtn-next{
		width: 12px;
		height: 12px;
        border-right: 4px solid #999;
        border-top: 4px solid #999;
	}
	.carbtn-prev {
		width: 12px;
		height: 12px;
        border-left: 4px solid #999;
        border-bottom: 4px solid #999;
	}




	.pdtTopContRead{
		text-align: center;
		font-size: 12px;
		line-height: 150%;
		margin-bottom: 20px;
	}
	.pdtTopContRead2{
		text-align: center;
		font-size: 12px;
		line-height: 150%;
		margin-bottom: 20px;
	}


	
	
	.pdtTopCont{
		width: 94%;
		margin: 40px auto 60px;
	}

	
	.pdtTopCont h1{
		font-size: 20px;
		margin-bottom: 10px;
		font-weight: bold;
		text-align: center;
	}
	.pdtTopCont h1 span{
		display: inline-block;
		padding-bottom: 5px;
		border-bottom: 3px solid #00aaef;
		font-weight: 500;
	}

	.pdtTopCont .promoBtmTxt{
		font-size: 14px;
		margin-bottom: 30px;
	}

	
	
	.pdtTopFlows{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 40px;
		width: 100%;
		margin: 0 auto 30px;
		gap:0 8%;
		flex-wrap: wrap;
	}
	.pdtTopFlow{
		width:46%;
		margin-bottom: 0;
	}
	.pdtTopFlow img{
		width:100%;
		height: auto;
	}


	.pdtTopTitle{
		font-size: 18px;
		margin-bottom: 40px;
		font-weight: bold;
		padding-bottom: 14px;
		border-bottom: 2px solid #00aaef;
	}
	.pdtTopTitle.step1{
		position: relative;
		padding-left: 129px;
	}
	.pdtTopTitle.step1::before{
		content: "";
		position: absolute;
		width:80px;
		height: 40px;
		background: url("../images/page/goods/original-tshirts/step_1.jpg") no-repeat 0 0;
		background-size: 100% auto;
		top: 0;
		left: 0;
	}



	.relatedLists .pdtTopLists{
	opacity: 0;
	}
	.relatedLists .pdtTopLists.slick-initialized{
	opacity: 1;
	}

	.pdtTopLists{

		flex-wrap: wrap;
		justify-content: flex-start;
		gap:20px 8%;
		margin-bottom: 30px;
	}
	.pdtTopList{
		width:46%;
		margin: 0 0 0;
	}
	.pdtTopLists .pdtTopList.newpdt::before{
		position: absolute;
		right: -10px;
		top: -10px;
		content: "NEW";
		display: block;
		width:40px;
		height: 40px;
		border-radius: 20px;
		background: #FF5656;
		color: #fff;
		text-align: center;
		align-items: center;
		line-height: 40px;
		z-index: 1;
	}
	
	.pdtTopListPic{
		margin-bottom: 10px;
		text-align: center;
	}
	.pdtTopListPic img{
		width:100%;
		height: auto;

	}

	.pdtTopListPic.osusumeteibanicon::before{
		content: "";
		position: absolute;
		display: block;
		top: 10px;
		right: 10px;
		width: 60px;
		height: 60px;
		background: url("../images/page/goods/list_icon_osusume_teiban.svg") no-repeat 0 0;
		background-size: 60px 60px;
		z-index: 10;
	}

	.pdtTopListPic.ninkino1icon::before{
		content: "";
		position: absolute;
		display: block;
		top: 10px;
		right: 10px;
		width: 60px;
		height: 60px;
		background: url("../images/page/goods/list_icon_osusume_no1.svg") no-repeat 0 0;
		background-size: 60px 60px;
		z-index: 10;
	}



	
	
	.pdtTopListTitle{
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 14px;
	}
	.pdtTopListTitle.pdtTopListTitleC{
		text-align: left;
		margin-bottom: 14px;
		font-size: 11px;
	}
	.pdtTopListTxt{
		font-size: 8px;
		padding: 9px;
		background: #EFEFEF;
		margin-bottom: 14px;
	}

	.pdtTopListTxtBtn{
		text-align: center;
	}
	.pdtTopListTxtBtn a{
		background: #ff16d6 url("../images/page/goods/original-tshirts/arrow_w.png") no-repeat right 8px center ;
		background-size: 12px;
		color: #fff !important;
		display: inline-block;
		padding: 10px 30px 10px 20px;
		line-height: 100%;
		text-decoration: none;
		border-radius: 30px;
		font-size: 11px;
	}

	.pdtTopListTxtBtn.simuIcon a{
		padding: 10px 21px 10px 80px;
		position: relative;
	}

	.pdtTopListTxtBtn.simuIcon a::before{
		background: url("../images/page/icon_simu2.svg") no-repeat 0 0 ;
		background-size: 55px 25px;
		content: "";
		width:60px;
		height: 25px;
		padding-right: 5px;
		border-right: 1px solid rgba(255,255,255,.4);
		position: absolute;
		top: 50%;
		left: 12PX;
		transform: translateY(-50%);
	}



	.contboxSepa{
		display: block;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.contboxImg{
		width:100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.contboxImg img{
		width:80%;
		margin: 0 auto 20px;
	}
	.contboxTxt{
		width:100%;
	}



}

.img100p{
	width:100%;
	
}
.img100p img{
	width:100%;
	height: auto;
}


.spKishuList{
	text-align: center;
}
.spKishuList img{
	width:60%;
	height: auto;
}


.tanpinBtns{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 40px;
}
.tanpinBtns div a::after{
	position: absolute;
	content: "";
	width:10px;
	height: 10px;
	top: 50%;
	right: 20px;
	transform: translateY(-50%) rotate(45deg);
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	
}
.btnTanpin{
	width:46%;
}
.btnTanpin a{
	display: block;
	border-radius: 50px;
	padding: 20px 40px;
	font-size: 18px;
	color: #fff !important;
	background: #ff16d6;
	text-align: center;
	text-decoration: none;
	position: relative;
}
.btnTanpin2{
	width:46%;
}
.btnTanpin2 a{
	display: block;
	border-radius: 50px;
	padding: 20px 40px;
	font-size: 18px;
	color: #fff !important;
	background: #9B2FE7;
	text-align: center;
	text-decoration: none;
	position: relative;
}


@media (max-width: 767px) {
	.spKishuList{

	}
	.spKishuList img{
		width:100%;
		height: auto;
	}
	



	.tanpinBtns{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0 20px;
	}
	.tanpinBtns div a::after{
		position: absolute;
		content: "";
		width:7px;
		height: 7px;
		top: 50%;
		right: 10px;
		transform: translateY(-50%) rotate(45deg);
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;

	}
	.btnTanpin{
		width:100%;
		margin-bottom: 20px;
	}
	.btnTanpin a{
		display: block;
		border-radius: 50px;
		padding: 10px 30px;
		font-size: 15px;
		color: #fff !important;
		background: #ff16d6;
		text-align: center;
		text-decoration: none;
		position: relative;
	}
	.btnTanpin2{
		width:100%;
	}
	.btnTanpin2 a{
		display: block;
		border-radius: 50px;
		padding: 10px 30px;
		font-size: 15px;
		color: #fff !important;
		background: #9B2FE7;
		text-align: center;
		text-decoration: none;
		position: relative;
	}

}









.designsimuBtn{
	margin-bottom: 40px;
	margin-top: 10px;
	padding-bottom: 10px;
	/*padding-bottom: 0;*/
	border-bottom: 2px dashed #ccc;
	text-align: center;
	max-width: 480px;
	width: 100%;
	margin: 10px auto 40px;

}
.designsimuBtn a{
	display: block;
	padding: 20px;
	text-align: center;
	color: #fff !important;
	font-weight: bold;
	background: #00abef url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 20px center;
	background-size: 40px;
	border-radius: 15px;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
.designsimuBtn a:hover{
	background: #0E90F2 url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 20px center;
	background-size: 40px;
}



.designsimuBtn.simuBtn2{
	margin-bottom: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	/*padding-bottom: 0;*/
	border-bottom: none;
	text-align: center;
}
.designsimuBtn.simuBtn2 a{
	display: block;
	padding: 10px 10px 10px 15px;
	text-align: left;
	color: #fff !important;
	font-weight: bold;
	background: #00abef url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 10px center;
	background-size: 20px;
	border-radius: 30px;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
.designsimuBtn.simuBtn2 a:hover{
	background: #0E90F2 url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 10px center;
	background-size: 20px;
}











.bloglinkBtn{
	padding-bottom: 15px;
	/*padding-bottom: 0;*/
	border-bottom: 2px dashed #ccc;
	text-align: center;
	max-width: 480px;
	width: 100%;
	margin: 0 auto 10px;

}
.bloglinkBtn a{
	display: block;
	padding: 20px 20px 20px 20px;
	text-align:center;
	color: #00abef !important;
	font-weight: bold;
	border: 2px solid #00abef;
		background: #fff url("../images/iconi_blog.png") no-repeat right 10px center;
		background-size: 50px;
	border-radius: 15px;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
.bloglinkBtn a:hover{
		background: #fff url("../images/iconi_blog.png") no-repeat right 10px center;
		background-size: 50px;
	text-decoration: none;
}




.bloglinkBtn2{
	padding-bottom: 5px;

	border-bottom: 2px dashed #ccc;
	margin: 0 auto 15px;

}







a.btnHowto,.simuBtn2 a.btnHowto{
	display: inline-block;
	background: none;
	color: #666 !important;
	font-size: 14px;
	padding: 10px 0 0 0;
	border-radius: 0;
	text-align: center !important;
}
a.btnHowto:hover,.simuBtn2 a.btnHowto:hover{
	background: none;
}
a.btnHowto::before,.simuBtn2 a.btnHowto::before{
	content: "?";
	display: inline-block;
	background: #DD7F00;
	color: #fff;
	border-radius: 30px;
	width:20px;
	height: 20px;
	text-align: center;
	margin-right: 4px;
}





.ds_modal2,
.ds_modal {
  display: none;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.ds_modal2-content,
.ds_modal-content {
  background-color: #fefefe;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.ds_close {
  color: #000;
position:absolute;
right:-10px;
top:-10px;
line-height:100%;
  font-size: 28px;
  font-weight: bold;
}

.ds_close:hover,
.ds_close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.mpLists{
display:flex;
flex-wrap:wrap;
gap:10px 1%
}
.mpLists li{
width:calc(20% - 0.8%);
}
.mpLists li a{
display:block;
background:#00abef;
text-align:center;
padding:13px 0;
border-radius:5px;
text-decoration:none;
color:#fff !important;
}


.modaltxt1{
	margin-bottom: 15px;
	border: 3px solid #ccc;
	padding: 15px;
	border-radius: 10px;
	
	font-size: 16px;
	
	text-align: center;
}
.modaltxt1 span{
	color: #ff0000;
	font-weight: bold;
	font-size: 20px;
	
	display: block;
	margin-bottom: 2px;
}




@media (max-width: 767px) {


	.ds_moda2,
	.ds_modal {
	  display: none;
	  position: fixed;
	  z-index: 1;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: rgba(0,0,0,0.4);
	}

	.ds_modal-content,
	.ds_modal2-content {
	  background-color: #fefefe;
	  margin: 0 auto;
	  padding: 20px;
	  border: 1px solid #888;
	  width: 80%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}

	.ds_close {
	  color: #000;
	position:absolute;
	right:-10px;
	top:-10px;
	line-height:100%;
	  font-size: 28px;
	  font-weight: bold;
	}

	.ds_close:hover,
	.ds_close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}

	.mpLists{
	display:flex;
	flex-wrap:wrap;
	gap:7px 2%
	}
	.mpLists li{
	width:49%;
	}
	.mpLists li a{
	display:block;
	background:#00abef;
	text-align:center;
	padding:9px 0;
	border-radius:5px;
	text-decoration:none;
	color:#fff !important;
	}



	.modaltxt1{
		margin-bottom: 15px;
		border: 3px solid #ccc;
		padding: 5px;
		border-radius: 10px;

		font-size: 14px;

		text-align: left;
	}
	.modaltxt1 span{
		color: #ff0000;
		font-weight: bold;
		font-size: 14px;
	}


	.bloglinkBtn{
		padding-bottom: 10px;
		/*padding-bottom: 0;*/
		border-bottom: 2px dashed #ccc;
		text-align: center;
		max-width: 480px;
		width: 100%;
		margin: 0 auto 10px;

	}
	.bloglinkBtn a{
		display: block;
		padding: 10px 70px 10px 20px;
		text-align: center;
		color: #00abef !important;
		font-weight: bold;
		border: 2px solid #00abef;
		background: #fff url("../images/iconi_blog.png") no-repeat right 10px center;
		background-size: 50px;
		border-radius: 15px;
		text-decoration: none;
		transition: all .2s ease-in-out;
	}
	.bloglinkBtn a:hover{
		background: #fff url("../images/iconi_blog.png") no-repeat right 10px center;
		background-size: 50px;
		text-decoration: none;
	}




}






.pc_modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.pc_modal-content {
  background-color: #fefefe;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

.pc_close {
  color: #000;
position:absolute;
right:-10px;
top:-10px;
line-height:100%;
  font-size: 28px;
  font-weight: bold;
}

.pc_close:hover,
.pc_close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.sizeLists{
display:flex;
flex-wrap:wrap;
gap:10px 1%
}
.sizeLists li{
width:calc(20% - 0.8%);
}
.sizeLists li a{
display:block;
background:#ff16d6;
text-align:center;
padding:18px 0;
border-radius:5px;
text-decoration:none;
color:#fff !important;
}


@media (max-width: 767px) {


	.pc_modal {
	  display: none;
	  position: fixed;
	  z-index: 1;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  overflow: auto;
	  background-color: rgba(0,0,0,0.4);
	}

	.dpc_modal-content {
	  background-color: #fefefe;
	  margin: 0 auto;
	  padding: 20px;
	  border: 1px solid #888;
	  width: 80%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	}

	.pc_close {
	  color: #000;
	position:absolute;
	right:-10px;
	top:-10px;
	line-height:100%;
	  font-size: 28px;
	  font-weight: bold;
	}

	.pc_close:hover,
	.pc_close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}

	.sizeLists{
	display:flex;
	flex-wrap:wrap;
	gap:7px 2%
	}
	.sizeLists li{
	width:49%;
	}
	.sizeLists li a{
	display:block;
	background:#ff16d6;
	text-align:center;
	padding:9px 0;
	border-radius:5px;
	text-decoration:none;
	color:#fff !important;
	}


}





.dlListBox{
	position: relative;
	padding-top: 13px;
	border-top: 2px dashed #ccc;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 480px;
	width: 100%;
	margin: 50px auto 0;
}
.dlListBox::before{
	content: "テンプレートダウンロード";
	display: block;
	text-align: center;
	font-weight: bold;
	
	position: absolute;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	
	background: #fff;
	padding: 0 6px;
}
.dlListLink.dlai{
	width: 50%;
}
.dlListLink.dlpsd{
	width: 50%;
}
.dlListLink.dlai a,
.dlListLink.dlpsd a,
.dlListLink.dldl a{
	text-decoration: none;
	display: block;
	padding: 10px 0 10px 37px;
	transition: all .2s ease-in-out;
	text-align: left;
}
.dlListLink.dlai a:hover,
.dlListLink.dlpsd a:hover,
.dlListLink.dldl a:hover{
	opacity: .6;
}
.dlListLink.dlai a{
	background: url("../images/page/goods/icon_ai.png") no-repeat 0 center;
	background-size: 30px;
}
.dlListLink.dlpsd a{
	background: url("../images/page/goods/icon_psd.png") no-repeat 0 center;
	background-size: 30px;
}
.dlListLink.dldl a{
	background: url("../images/dlicon.png") no-repeat 0 center;
	background-size: 30px;
}







.dlListBox2{
	position: relative;
	padding-top: 13px;
	border-top: 2px dashed #ccc;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 480px;
	width: 100%;
	margin: 20px auto 0;
}
.pdfHowtoImg .dlListBox2{
	border-top: none;
	padding-top: 0;
}
.dlListBox2 ul{
	
}

.dlListBox2 ul li{
	padding: 0 0 0 0;
	margin-bottom: 8px;
}
.dlListBox2 ul li.dlicon a{
	background: url("../images/dl_icon.png") no-repeat 0 center;
	background-size: 30px;
}
.dlListBox2 ul li.blogicon a{
	background: url("../images/blog_icon.png") no-repeat 0 center;
	background-size: 30px;
}
.dlListBox2 ul li a{
	text-decoration: underline;
	display: inline-block;
	padding: 8px 0 8px 38px;
}




@media (max-width: 767px) {


	.dlListBox{
		position: relative;
		padding-top: 13px;
		border-top: 2px dashed #ccc;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 480px;
		width: 100%;
		margin: 50px auto 0;
	}
	.dlListBox::before{
		content: "テンプレートダウンロード";
		display: block;
		text-align: center;
		font-weight: bold;
		font-size: 12px;

		position: absolute;
		top: -8px;
		left: 50%;
		transform: translateX(-50%);

		background: #fff;
		padding: 0 6px;
	}

	
	.dlListLink.dlai a,
	.dlListLink.dlpsd a{
		padding: 5px 0 5px 27px;
		font-size: 12px;
	}
	.dlListLink.dlai a{
		background: url("../images/page/goods/icon_ai.png") no-repeat 0 center;
		background-size: 20px;
	}
	.dlListLink.dlpsd a{
		background: url("../images/page/goods/icon_psd.png") no-repeat 0 center;
		background-size: 20px;
	}
	.dlListLink.dldl a{
		background: url("../images/dlicon.png") no-repeat 0 center;
		background-size: 20px;
	}


	
}




.priceChartBox{
	
	width: 1070px;
	margin: 0 auto 50px;
	
}


.chartcenterbox{
	max-width: 600px;
	margin: 0 auto;
}



.pdtSizeMenu{
	/*background: rgba(213,235,251,0.67);*/
	background: #fff;
	padding: 40px 0 60px;
	text-align: center;
	margin-bottom: 0;
}
.pdtSizeMenu::before{
	content: "サイズと個数を選んで金額をクリックしてください。";
	display: block;
	text-align: center;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 24px;
}
.detailPageMenu.pdtSizeMenu::before{
	content: "サイズをお選びください";
}

.pdtSizeMenu ul{
	width: 1070px;
	margin: 0 auto;
	display: flex;
	
	border: 1px solid #ccc;
	border-radius: 10px;
		
	overflow: hidden;
	
	
}
.pdtSizeMenu ul li{
	width: 100%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 1px -1px -1px 1px;
}

.pdtSizeMenu ul li a{
	display: block;
	padding: 25px 0;
	text-align: center;
	background: #fff;
	text-decoration: none;
	color: #666 !important;
}
.pdtSizeMenu ul li.active a{
	background: rgba(240,83,226,1.00);
	text-decoration: none;
	color: #fff !important;
	font-weight: bold;
}
.pdtSizeMenu ul li.deactive a{
	background: #F1F1F1;
	text-decoration: none;
	color: #ddd !important;
	pointer-events: none;
}



ul.pdtImages{
	padding-top: 40px;
}
ul.pdtImages li{
	margin-bottom: 20px;
}
ul.pdtImages li:nth-last-of-type(1){
	margin-bottom: 0;
}

ul.pdtImages li img{
	width: 100%;
	height: auto;
	display: block;
	border: 3px solid #ddd;
}


ul.pdtImages p{
	margin-top: 10px;
	
	font-size: 15px;
	line-height: 150%;
}


.pricechartTitle{
	width: 1070px;
	margin: 0 auto 0;
}
.pricechartTitle h2{
	margin: 30px 0 0 0;
	padding: 18px 0 0 0;
}

@media (max-width: 767px) {
	.priceChartBox{
		width: 94%;
		margin: 0 auto 40px;

	}





	.pdtSizeMenu{
		background: #fff;
		/*background: rgba(213,235,251,0.67);*/
		padding: 20px 0 40px;
		text-align: center;
		margin-bottom: 0;
	}
	.pdtSizeMenu::before{
		white-space: pre;
		content: "サイズと個数を選んで\A金額をクリックしてください。";
		display: block;
		text-align: center;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 18px;
	}
	.detailPageMenu.pdtSizeMenu::before{
		content: "サイズをお選びください";
	}

	.pdtSizeMenu ul{
		width: 92%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.pdtSizeMenu ul li{
		width: 33.3333%;
	}

	.pdtSizeMenu ul li a{
		display: block;
		padding: 15px 0;
		text-align: center;
		background: #fff;
		text-decoration: none;
		color: #666 !important;
		font-size: 13px;
	}
	.pdtSizeMenu ul li.active a{
		background: rgba(240,83,226,1.00);
		text-decoration: none;
		color: #fff !important;
		font-weight: bold;
	}



	ul.pdtImages{
		padding-top: 30px;
	}
	ul.pdtImages li{
		margin-bottom: 10px;
	}
	ul.pdtImages li img{
		border: 2px solid #ddd;
	}


	.pricechartTitle{
		width: 94%;
		margin: 10px auto 0;
	}
	.pricechartTitle h2{
		margin: 0;
		padding: 18px 0 0 0;
	}


	

	ul.pdtImages p{
		margin-top: 10px;

		font-size: 13px;
		line-height: 150%;
	}
}





.relatedLists{
	margin-top: 80px;
	background: #e7f5ff;
}

.relatedLists.relatedListsW{
	margin-top: 80px;
	background: #ffffff;
}



.relatedLists.relateddojinshi{
	margin-top: 80px;
	background: #ffffff;
}



@media (max-width: 767px) {

}










@media (max-width:1070px){
	/*新レイアウト*/

	.newContTitle .newCH2Title{
		float: left;
		margin: 0;
		width: 62%;

	}
	.newContTitle .newCH2Title img{
		width: 100%;
		height: auto;
	}
	.newContTitle .newCH2Title{
		margin-top: -10px;
	}

	
	
}

/*

.cScheTokkyu2{
	pointer-events: none;
	text-decoration: none;
	opacity: .3;
}*/






#gopricebtn{
	position: fixed;
	bottom: 21px;
	right: 110px;
	
	z-index: 100;
	display: none;
}

#gopricebtn a {
    background: #ff16d6 url(../images/page/icon_arrow.png) no-repeat right 15px center;
    display: block;
	color: #fff !important;
	text-decoration: none !important;
    background-size: 12.5px auto;
    padding: 19px 50px 19px 30px;
    border-radius: 10px;
	
	
}




@media (max-width: 767px) {
	#gopricebtn{
		position: fixed;
		bottom: 93px;
		right: 69px;

		z-index: 100;
		display: none;
	}

	#gopricebtn a {
		background: #ff16d6 url(../images/page/icon_arrow.png) no-repeat right 10px center;
		display: block;
		color: #fff !important;
		text-decoration: none !important;
		background-size: 12.5px auto;
		padding: 12px 30px 12px 20px;
		border-radius: 10px;


	}
}




.strapImg{
	margin-bottom: 30px;
}
.strapImg img{
	width: 100%;
	height: auto;
}










/*新レイアウト202504*/

.productHeadImg_new{
	width:450px;
	
}
.productHeadImg_new img{
	width: 100%;
	height: auto;
}






.pdtslide-prev{
	position: absolute;
	top: 50%;
	left: -5px;
	transform: translateY(-50%) rotate(45deg);
	width:20px;
	height: 20px;
	border-left: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	cursor: pointer;
	z-index: 1;
}
.pdtslide-next{
	position: absolute;
	top: 50%;
	right: -5px;
	transform: translateY(-50%) rotate(45deg);
	width:20px;
	height: 20px;
	border-right: 4px solid #ccc;
	border-top: 4px solid #ccc;
	cursor: pointer;
	z-index: 1;
}



#pageHeadNew .productHeadImg_new .slick-slider:before,
#pageHeadNew .productHeadImg_new .slick-slider:after {
	content: "";
	display: none;
}


#pageHeadNew .productHeadImg_new .slick-slider {
	overflow: visible !important;
	left: 0;
	border-width: 0;
	box-shadow: none;
	height: inherit;
}

#pageHeadNew .productHeadImg_new .slick-slider:before {
	right: 100%;
	left: -100%;
}

#pageHeadNew .productHeadImg_new .slick-slider:after {
	left: 100%;
	right: -100%;
}

#pageHeadNew .productHeadImg_new ul.goodsSlider img{
	width: 1070px;
	height: 535px;
}

.slider-for {
	padding: 3px;
	height: 445px;
	overflow: hidden;
	margin-bottom: 10px
}

.slider-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0; /* サムネイル間のスペース */
	margin-bottom: 15px
}

.slider-nav .thumb {
	width: calc(14.2857%); /* 3列レイアウトの場合 */
	cursor: pointer;
	padding: 3px;
}

.slider-nav .thumb img {
	width: 100%;
	display: block;
	border: 1px solid #ddd;
}

.slider-nav .thumb.active img {
	border: 1px solid #999;
}





.productHeadTxt_new{
	width:570px;
}

.promomov_new {
    position: relative;
    width: 100%;
    padding-top: 54.8%; /* 16:9のアスペクト比 */
    height: 0;
	margin: 0 auto 15px;
		border: 4px solid #eee;
}

.promomov_new iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.productHeadTxt_new .productPageTitle{
	margin-bottom: 40px;
}
.productHeadTxt_new .productPageTitle h1{
	font-size: 52px;
	text-align: center;
	margin-bottom: 20px;
}

.productHeadTxt_new .productPageTitle .goodsTitleTxt{
	text-align: center;
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 20px;
}
.productHeadTxt_new .productPageTitle .goodsTitleTxt.txtLeft{
	text-align: left;
	font-size: 15px;
	line-height: 160%;
	margin-bottom: 20px;
}
.productHeadTxt_new .productPageTitle h2{
	font-size: 17px;
	line-height: 160%;
	margin: 0 0 5px;
}

.productHeadTxt_new .productPageTitle .goodsTitleTxt.txtLeft .txtcenter{
	text-align: center;
	display: block;
}

.productHeadTxt_new .productPageTitle span.minyuka{
	display: block;
	color: #CD0003;
	margin: 6px 0 10px;
	font-weight: bold;
	text-align:center;
}



.productHeadTxt_new .productPageTitle h2,
.productHeadTxt_new .productPageTitle .goodsTitleTxt.txtLeft strong{
	text-align: center;
	display: block;
	font-weight: bold;
}
.productHeadTxt_new .productPageTitle .ryokinBtn{
	text-align: center;
	margin-bottom: 0;
}
.productHeadTxt_new .productPageTitle .ryokinBtn a{
	padding: 7px 50px 7px 30px;
	text-align: center;
	display: inline-block;;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_down.png") no-repeat right 15px center;
	background-size: 12.5px auto;
	border-radius: 50px;
	
	font-size: 18px;
}

.productHeadTxt_new .productPageTitle .ryokinBtn.goDetail a {
    background: #ff16d6 url("../images/page/icon_arrow_down.png") no-repeat right 15px center;
    display: block;
	background-size: 12.5px auto;
	padding: 32px 50px 32px 30px;
	border-radius: 15px;
}
.productHeadTxt_new .productPageTitle .ryokinBtn.goMitsu a {
    background: #9B2FE7 url("../images/page/icon_arrow.png") no-repeat right 15px center;
    display: block;
	background-size: 12.5px auto;
	padding: 9px 50px 9px 30px;
}




.productHeadTxt_new .productPageTitle .arrowBtn{
	text-align: center;
}
.productHeadTxt_new .productPageTitle .arrowBtn a{
	padding: 7px 50px 7px 30px;
	text-align: center;
	display: inline-block;;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
	background-size: auto 12.5px ;
	border-radius: 50px;
}

.productHeadTxt_new .productPageTitle h1.smallTitle{
	font-size: 32px;
	text-align: center;
	margin-bottom: 20px;
}
.productHeadTxt_new .productPageTitle h1.smallTitle span{
	font-size: 20px;
	text-align: center;
	color: #FF8800;
	display: block;
	margin-top: 11px;
}





.ryokinBtnArea{
	padding-bottom: 0;

	border-bottom: none;
	margin: 0 auto 15px;

}



.simulateBtnArea{
	padding-bottom: 20px;
	margin: 0 auto 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
	border-bottom: dotted 3px #ccc;
}




.simulateBtnArea.simulateBtnSP{
	display: none;
}
.simulateBtnArea.simulateBtnPC{
	display: flex;
}




.productHeadTxt_new .designsimuBtn{
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	border-bottom: none;
	text-align: center;
	max-width: 480px;
	width: 382px;
	margin: 0;

}
.productHeadTxt_new .designsimuBtn a{
	display: block;
	padding: 20px;
	text-align: center;
	color: #fff !important;
	font-weight: bold;
	background: #00abef url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 20px center;
	background-size: 40px;
	border-radius: 15px;
	text-decoration: none;
	transition: all .2s ease-in-out;
}
.productHeadTxt_new .designsimuBtn a:hover{
	background: #0E90F2 url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 20px center;
	background-size: 40px;
}


.productHeadTxt_new .designsimuHowto{
	margin-bottom: 0;
	margin-top: 0;
	/*padding-bottom: 0;*/
	text-align: center;
	max-width: 480px;
	width: 177px;

}
.productHeadTxt_new .designsimuHowto a.btnHowto{
	display: block;
	padding:  7px 20px;
	text-align: center;
	color: #000000 !important;
	font-weight: bold;
	text-decoration: none;
	transition: all .2s ease-in-out;
	border:3px solid #ddd;
	border-radius: 15px;
}






.dlListBox3{
	border-bottom: dotted 3px #ccc;
	padding-bottom: 15px;
	margin: 0 auto 15px;
}
.pdfHowtoImg .dlListBox3{
	border-top: none;
	padding-top: 0;
}
.dlListBox3 ul{
	margin-bottom: 0;
}

.dlListBox3 ul li{
	padding: 0 10px 0 0;
	margin-bottom: 0;
	
	display: inline-block;
}
.dlListBox3 ul li.dlicon a{
	background: url("../images/dl_icon.png") no-repeat 0 center;
	background-size: 30px;
}
.dlListBox3 ul li.blogicon a{
	background: url("../images/blog_icon.png") no-repeat 0 center;
	background-size: 30px;
}
.dlListBox3 ul li.houjinicon a{
	background: url("../images/houjin_icon.png") no-repeat 0 center;
	background-size: 30px;
}
.dlListBox3 ul li a{
	text-decoration: underline;
	display: inline-block;
	padding: 8px 0 8px 38px;
	color: #000 !important;
}


.headoptlist{
	border-bottom: dotted 3px #ccc;
	padding-bottom: 15px;
	margin: 0 auto 15px;
}
.headoptTitle{
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}

.headoptlist ul{
}
.headoptlist ul li{
	display: inline-block;
	border: 1px solid #ccc;
	line-height: 100%;
	padding: 7px 9px;
	margin: 0 5px 7px 0;
	border-radius: 3px;
	color: #00abef;
	font-weight: bold;
}
.headoptlist ul li.yuryoopt{
	color: #999;
}


.sizeList{
	border-bottom: dotted 3px #ccc;
	padding-bottom: 15px;
	margin: 0 auto 15px;
}
.sizeListTitle{
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
}

.sizeList p{
	
}

.optDwnBtn{
	text-align: center;
}
.optDwnBtn span{
	display: inline-block;
	padding: 0 30px 0 0;
	background: url("../images/page/icon_arrow_optdown.png") no-repeat top 1px right 1px;
	background-size: 15px auto;
	
	color: #333 !important;
}





.contentH2{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #00abef;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 0;
}

.contentH3{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background: #ff0000;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 0;
}


.listContents{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 23px 16.5px;
	
	margin-bottom: 20px;
}

.listContents.RiyuList{
	padding: 40px 35px 25px 35px;
	border-radius: 30px;
	background: #fff;
	border: 4px solid #BC9887;
}

.listContents .listContBox{
	width: calc(33.3333% - 11px);
}

.listContBoxImg{
	margin-bottom: 15px;
	
}
.listContents.RiyuList .listContBoxImg{
	position: relative;
}
.listContents.RiyuList .listContBoxImg::before{
	content: "";
	top: -20px;
	left: 9px;
	background: url("../images/page/icon_riyu.png") no-repeat 0 0;
	background-size: 60px 85px;
	width: 60px;
	height: 85px;
	position: absolute;
}


.listContBoxImg img{
	width: 100%;
	height: auto;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 10px;
}
.listContBoxTxt h3{
	background: none;
	padding: 0;
	font-size: 17px;
	border: none;
	color: #00abef;
	margin: 0 0 10px 0;
}
.listContBoxTxt p{
	font-size: 14px;
	line-height: 160%;
}



.listContLink a {
    margin-top: 7px;
    padding: 7px 13px 9px 23px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #00abef url(../images/arrow/btn_arrow.png) no-repeat left 10px center;
    background-size: 10px auto;
    border-radius: 50px;
    line-height: 100%;
    font-size: 14px;
}

.listContentsBtn{
	text-align: center;
	cursor: pointer;
}

.listContentsBtn span{
	display: inline-block;
	background: url("../images/page/icon_arrow_optdown.png") no-repeat top 1px right 1px;
	background-size: 15px auto;
	padding: 0 30px 0 0;
}

.listContentsBtn.active span{
	display: inline-block;
	background: url("../images/page/icon_arrow_optup.png") no-repeat top 1px right 1px;
	background-size: 15px auto;
	padding: 0 30px 0 0;
}


.simulatorDetailArea{
	background: #E7F3FF;
	border: 6px solid #ACC8E4;
	border-radius: 40px;
	padding: 40px;
	box-shadow: 6px 6px 0 rgba(0,0,0,.1);
	
}
.simulatorDetail{
	display: flex;
	justify-content: space-between;
	
}

.simulatorDetailArea .contentH2{
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	background: #FF8200;
	padding: 13px 17px;
	margin-bottom: 30px;
	margin-top: 0;
	border-radius: 6px;
}

.simulatorDetailArea .contRead{
	margin-bottom: 40px;
}


.simulatorDetailImg{
	width: 45%;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #ccc;
	
}
.simulatorDetailImg img{
	width: 100%;
	height: auto;
	
}

.simulatorDetailTxt{
	width: 50%;
}
.simulatorDetailTxt p.listOktitle{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.simulatorDetailTxt ul.listOk{
	margin-left: 1.5em;
	margin-bottom: 40px;

}
.simulatorDetailTxt ul.listOk li{
	font-size: 18px;
	list-style-type: none;
	margin-bottom: 6px;
	line-height: 160%;
	position: relative;
	
}
.simulatorDetailTxt ul.listOk li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1em;
  width: 13px;
  height: 8px;
  border-left: 3px solid #25AF01;
  border-bottom: 3px solid #25AF01;
  transform: rotate(-45deg);
}
.simulatorDetailTxt p{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ccc;
}
.simulatorDetailTxt ul.listNg {
	margin-left: 1.5em;
	margin-bottom: 40px;
}
.simulatorDetailTxt ul.listNg li{
	font-size: 18px;
	list-style-type: none;
	margin-bottom: 6px;
	line-height: 160%;
	position: relative;
}

.simulatorDetailTxt ul.listNg li::before, .simulatorDetailTxt ul.listNg li::after { /* 共通設定 */
	content: "";
	position: absolute;
	top: 0.9em;
	left: -0.6em;
	width: 3px; /* 棒の幅（太さ） */
	height: 15px; /* 棒の高さ */
	background: #ED39AB;
}

.simulatorDetailTxt ul.listNg li::before {
  transform: translate(-50%,-50%) rotate(45deg);
}

.simulatorDetailTxt ul.listNg li::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.simulatorDetailBtn{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 30px;
}
.simulatorDetailBtn a{
	display: block;
	padding: 20px 40px 20px 20px;
	background: #FF00AC;
	border-radius: 15px;
	text-decoration: none;
	color: #fff !important;
	font-weight: bold;
	
	width:35%;

	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-size: 18px;
	transition: all .2s ease-in-out;
}
.simulatorDetailBtn a.simulatorDetailBtn2-2{
	background: #0083FF;
}

.simulatorDetailBtn a {
  position: relative;
}
.simulatorDetailBtn a:hover {
	text-decoration: none;
	transform: scale(1.05);
}

.simulatorDetailBtn a::before,
.simulatorDetailBtn a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 10px;
  width: 15px;
  height: 2px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1px) 50%;
}

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

.simulatorDetailBtn a::after {
  transform: rotate(-45deg);
}


.createcautionImg {
	margin-bottom: 30px;
}

.createcautionImg img{
	width: 100%;
	height: auto;
    border: 1px solid #ddd;
}

.createcautionTxt{
font-size: 16px;	
}
.createcautionTxt dl{
	display: flex;
	flex-wrap: wrap;
	
	justify-content: space-between;
	justify-content: space-between;
	
	align-items: center;
}
.createcautionTxt dl dt{
	font-weight: 700;
	margin-bottom: 12px;
	
	width:24%;
	padding: 8px 0;
	background: #00abef;
	color: #ffffff;
	
	border-radius: 10px;
	text-align: center;
	
}
.createcautionTxt dl dd{
	margin-bottom: 12px;
	width:74%;
}



.pdtTabcontArea{
	
}

.pdtTabBtns{
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	

}

.pdtTabBtn{
	width: 33.33333%;
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
	padding: 15px 10px 15px 10px;
	font-size: 18px;
	text-align: center;
	
	cursor: pointer;
	font-weight: bold;
	
	
}
.pdtTabBtns.tab2 .pdtTabBtn{
	width: 50%;
}
.pdtTabBtns.tab4 .pdtTabBtn{
	width: 25%;
}
.pdtTabBtns.tab5 .pdtTabBtn{
	width: 20%;
}
.pdtTabBtns.tab5 .pdtTabBtn{
	width: 20%;
	font-size: 15px;
}


.pdtTabBtn.active{
    background: #fff url(../images/page/icon_arrow_tabactive.png) no-repeat center bottom;
	background-size: 15px auto;
	border-bottom: 1px solid #fff;
	
	color: #00abef;
	
	
}

.pdtTabcont{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 30px;
}

.pdtTabcontBox {
  display: none; /*必須*/
}
.pdtTabcontBox.show {
  display: block; /*必須*/
}

.pdtTabcontImg{
	border: 2px solid #ddd;
	padding: 5px;
	margin-bottom: 10px;
}

.pdtTabcontImg img{
	width: 100%;
	height: auto;
}




.priceAreaChart {
  display: none; /*必須*/
}
.priceAreaChart.show {
  display: block; /*必須*/
}





.priceAreaBg{
	background: #e7f5ff
}

.priceAreaTitle{
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.priceAreaTitle span{
	font-size: 24px;
}

.priceAreaTitle .priceAreaMuryo{
    position: absolute;
    background: #FF355A;
    border-radius: 40px;
    padding: 5px 15px;
    color: #fff;
    right: 10px;
    top: 50%;
	
	transform: translateY(-50%);
	
	font-size: 14px;
}
.priceAreaTitle .priceAreaMuryo span{
	font-size: 14px;
}



.priceAreaRead{
	font-size: 18px;
	margin-bottom: 30px;
	text-align: center;
}
.priceAreaAttention{
	border: 1px solid #ff0000;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.priceAreaAtTtl{
	background: #ff0000;
	width: 30%;

	display: flex;
	align-items: center;
	color: #fff;
	text-align: center;
	justify-content: center;
	padding: 20px;
}
.priceAreaAtTtlTxt{
	background: #ffffff;
	width: 70%;
	padding: 20px;
}


.priceAreaStitle{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.priceSizeSlct,
.priceOptSlct{
	display: flex;
	gap:15px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.priceSizeSlct li,
.priceOptSlct li{
	border: 1px solid #9c9c9c;
	background: #ffffff;
	border-radius: 30px;
	padding: 12px 20px 12px 40px;
	
	position: relative;
	cursor: pointer;
	
	font-size: 15px;
}
.priceSizeSlct li.active,
.priceOptSlct li.active{
	border: 1px solid #efabf1;
	background: #ffeafb;
}

.priceSizeSlct li::before,
.priceOptSlct li::before{
	content: "";
	left: 22px;
	top: 50%;
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #ccc;
	
	transform: translate(-50%,-50%);
	
	z-index: 1;
}

.priceSizeSlct li::after,
.priceOptSlct li::after{
	content: "";
	left: 22px;
	top: 50%;
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background: #fff;
	
	transform: translate(-50%,-50%);

	z-index: 2;
}
.priceSizeSlct li.active::after,
.priceOptSlct li.active::after{
	background: #00abef;
}


.priceOptSlct.ryokata{
	margin-bottom: 10px;
}
.ryokataImg{
	width: 600px;
	margin-bottom: 30px;
	border: 3px solid #ddd;
	border-radius: 10px;
	position: relative;
}
/*.ryokataImg::after {
	content: "";
	position: absolute;
	top: -10px;
	left: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	border-bottom: 10px solid #dddddd;
	border-top: 0;
}*/
.ryokataImg img{
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
}


.priceAreaSizeTitle{
	font-size: 20px;
	font-weight: bold;
	color: #00abef;
	background: #f9f9f9;
	padding: 10px;
	margin-bottom: 30px;
	border-bottom: none;

}

.priceAreaChart .chartPrice th, .priceAreaChart .chartPrice2 th{
	background: #fff;
}
.priceAreaChart .chartPrice .cTxt3C{
	background: #f9f9f9;

}


.priceAreaChartArea{
	height: 700px;
	overflow-y: scroll;
	border-right: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	border-left: 1px solid #ddd;
	border-top: 2px solid #ddd;
	background: #fff;
}


@media (max-width: 767px) {


	.productHeadImg_new{
		width:90%;
		margin: 0 auto;
	}
	.productHeadImg_new img{
		width: 100%;
		height: auto;
	}


	.pdtslide-prev{
		position: absolute;
		top: 50%;
		left: -5px;
		transform: translateY(-50%) rotate(45deg);
		width:20px;
		height: 20px;
		border-left: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		cursor: pointer;
		z-index: 1;
	}
	.pdtslide-next{
		position: absolute;
		top: 50%;
		right: -5px;
		transform: translateY(-50%) rotate(45deg);
		width:20px;
		height: 20px;
		border-right: 2px solid #ccc;
		border-top: 2px solid #ccc;
		cursor: pointer;
		z-index: 1;
	}



	#pageHeadNew .productHeadImg_new .slick-slider:before,
	#pageHeadNew .productHeadImg_new .slick-slider:after {
		content: "";
		display: none;
	}


	#pageHeadNew .productHeadImg_new .slick-slider {
		overflow: visible !important;
		left: 0;
		border-width: 0;
		box-shadow: none;
		height: inherit;
	}

	#pageHeadNew .productHeadImg_new .slick-slider:before {
		right: 100%;
		left: -100%;
	}

	#pageHeadNew .productHeadImg_new .slick-slider:after {
		left: 100%;
		right: -100%;
	}

	#pageHeadNew .productHeadImg_new ul.goodsSlider img{
		width: 1070px;
		height: 535px;
	}




	.slider-for {
		padding: 3px;
		height: calc(96vw - 30px) !important;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.slider-nav {
		display: flex;
		flex-wrap: wrap;
		gap: 0; /* サムネイル間のスペース */
		margin-bottom: 30px
	}

	.slider-nav .thumb {
		width: calc(14.2857%); /* 3列レイアウトの場合 */
		cursor: pointer;
		padding: 3px;
	}

	.slider-nav .thumb img {
		width: 100%;
		display: block;
		border: 1px solid #ddd;
	}

	.slider-nav .thumb.active img {
		border: 1px solid #999;
	}



	.productHeadTxt_new{
		width:90%;
		margin: 0 auto;

	}

	.promomov_new {
		position: relative;
		width: 100%;
		padding-top: 54.8%; /* 16:9のアスペクト比 */
		height: 0;
		margin: 0 auto;
			border: 4px solid #eee;
	}

	.promomov_new iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




	.productHeadTxt_new .productPageTitle{
		margin-bottom: 40px;
	}
	.productHeadTxt_new .productPageTitle h1{
		font-size: 52px;
		text-align: center;
		margin-bottom: 20px;
	}

	.productHeadTxt_new .productPageTitle .goodsTitleTxt{
		text-align: center;
		font-size: 15px;
		line-height: 160%;
		margin-bottom: 20px;
	}
	.productHeadTxt_new .productPageTitle .goodsTitleTxt.txtLeft{
		text-align: left;
		font-size: 13px;
		line-height: 160%;
		margin-bottom: 20px;
	}
	.productHeadTxt_new .productPageTitle h2{
		font-size: 15px;
		line-height: 160%;
		margin: 0 0 5px;
	}

	.productHeadTxt_new .productPageTitle .goodsTitleTxt.txtLeft .txtcenter{
		text-align: center;
		display: block;
	}

	.productHeadTxt_new .productPageTitle span.minyuka{
		display: block;
		color: #CD0003;
		margin: 6px 0 10px;
		font-weight: bold;
		text-align:center;
	}



	.productHeadTxt_new .productPageTitle h2,
	.productHeadTxt_new .productPageTitle .goodsTitleTxt.txtLeft strong{
		text-align: center;
		display: block;
		font-weight: bold;
	}
	.productHeadTxt_new .productPageTitle .ryokinBtn{
		text-align: center;
		margin-bottom: 0;
	}
	.productHeadTxt_new .productPageTitle .ryokinBtn a{
		padding: 7px 50px 7px 30px;
		text-align: center;
		display: inline-block;;
		color: #fff !important;
		text-decoration: none !important;
		background: #ff16d6 url("../images/page/icon_down.png") no-repeat right 15px center;
		background-size: 12.5px auto;
		border-radius: 50px;

		font-size: 18px;
	}

	.productHeadTxt_new .productPageTitle .ryokinBtn.goDetail a {
		background: #ff16d6 url("../images/page/icon_arrow_down.png") no-repeat right 15px center;
		display: block;
		background-size: 12.5px auto;
		padding: 22px 50px 22px 30px;
		border-radius: 15px;
	}
	.productHeadTxt_new .productPageTitle .ryokinBtn.goMitsu a {
		background: #9B2FE7 url("../images/page/icon_arrow.png") no-repeat right 15px center;
		display: block;
		background-size: 12.5px auto;
		padding: 9px 50px 9px 30px;
	}




	.productHeadTxt_new .productPageTitle .arrowBtn{
		text-align: center;
	}
	.productHeadTxt_new .productPageTitle .arrowBtn a{
		padding: 7px 50px 7px 30px;
		text-align: center;
		display: inline-block;;
		color: #fff !important;
		text-decoration: none !important;
		background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
		background-size: auto 12.5px ;
		border-radius: 50px;
	}

	.productHeadTxt_new .productPageTitle h1.smallTitle{
		font-size: 24px;
		text-align: center;
		margin-bottom: 20px;
	}
	.productHeadTxt_new .productPageTitle h1.smallTitle span{
		font-size: 20px;
		text-align: center;
		color: #FF8800;
		display: block;
		margin-top: 11px;
	}





	.ryokinBtnArea{
		padding-bottom: 0;

		border-bottom: none;
		margin: 0 auto 15px;

	}



	.simulateBtnArea{
		padding-bottom: 20px;
		margin: 0 auto 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		border-bottom: dotted 3px #ccc;
	}
	.simulateBtnArea.simulateBtnSP{
		display: flex;
	}
	.simulateBtnArea.simulateBtnPC{
		display: none;
	}


	.productHeadImg_new .designsimuBtn,
	.productHeadTxt_new .designsimuBtn{
		margin-bottom: 0;
		margin-top: 0;
		padding-bottom: 0;
		border-bottom: none;
		text-align: center;
		max-width: 480px;
		width: 63%;
		margin: 0;

	}
	.productHeadImg_new .designsimuBtn a,
	.productHeadTxt_new .designsimuBtn a{
		display: block;
		padding: 17px 16px 17px 14px;
		text-align: left;
		color: #fff !important;
		font-weight: bold;
		background: #00abef url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 8px center;
		background-size: 25px;
		border-radius: 15px;
		text-decoration: none;
		transition: all .2s ease-in-out;
		font-size: 13px;
	}
	.productHeadImg_new .designsimuBtn a:hover,
	.productHeadTxt_new .designsimuBtn a:hover{
		background: #0E90F2 url("../images/page/goods/spcase/icon_simu.svg") no-repeat right 8px center;
		background-size: 25px;
	}


	.productHeadImg_new .designsimuHowto,
	.productHeadTxt_new .designsimuHowto{
		margin-bottom: 0;
		margin-top: 0;
		/*padding-bottom: 0;*/
		text-align: center;
		max-width: 480px;
		width: 35%;

	}
	.productHeadImg_new .designsimuHowto a.btnHowto,
	.productHeadTxt_new .designsimuHowto a.btnHowto{
		display: block;
		padding:  4px 5px;
		text-align: center;
		color: #000000 !important;
		font-weight: bold;
		text-decoration: none;
		transition: all .2s ease-in-out;
		border:3px solid #ddd;
		border-radius: 15px;
		font-size: 13px;
	}






	.dlListBox3{
		border-bottom: dotted 3px #ccc;
		padding-bottom: 15px;
		margin: 0 auto 15px;
	}
	.pdfHowtoImg .dlListBox3{
		border-top: none;
		padding-top: 0;
	}
	.dlListBox3 ul{
		margin-bottom: 0;
	}

	.dlListBox3 ul li{
		padding: 0 10px 0 0;
		margin-bottom: 0;

		display: inline-block;
	}
	.dlListBox3 ul li.dlicon a{
		background: url("../images/dl_icon.png") no-repeat 0 center;
		background-size: 24px;
	}
	.dlListBox3 ul li.blogicon a{
		background: url("../images/blog_icon.png") no-repeat 0 center;
		background-size: 24px;
	}
	.dlListBox3 ul li.houjinicon a{
		background: url("../images/houjin_icon.png") no-repeat 0 center;
		background-size: 24px;
	}
	.dlListBox3 ul li a{
		text-decoration: underline;
		display: inline-block;
		padding: 8px 0 8px 28px;
		color: #000 !important;
		font-size: 13px;
	}


	.headoptlist{
		border-bottom: dotted 3px #ccc;
		padding-bottom: 15px;
		margin: 0 auto 15px;
	}
	.headoptTitle{
		font-size: 15px;
		margin-bottom: 10px;
		font-weight: bold;
		color: #333;
	}

	.headoptlist ul{
	}
	.headoptlist ul li{
		display: inline-block;
		border: 1px solid #ccc;
		line-height: 100%;
		padding: 4px 6px;
		margin: 0 4px 7px 0;
		border-radius: 3px;
		color: #00abef;
		font-weight: bold;
		font-size: 13px;
	}
	.headoptlist ul li.yuryoopt{
		color: #999;
	}


	.sizeList{
		border-bottom: dotted 3px #ccc;
		padding-bottom: 15px;
		margin: 0 auto 15px;
	}
	.sizeListTitle{
		font-size: 15px;
		margin-bottom: 10px;
		font-weight: bold;
		color: #333;
	}

	.sizeList p{
		font-size: 13px;
		margin-bottom: 20px;
	}

	.optDwnBtn{
		text-align: center;
	}
	.optDwnBtn span{
		display: inline-block;
		padding: 0 30px 0 0;
		background: url("../images/page/icon_arrow_optdown.png") no-repeat top 1px right 1px;
		background-size: 15px auto;

		color: #333 !important;
	}





	.contentH2{
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		background: #00abef;
		padding: 10px;
		margin-bottom: 30px;
	}

	.contentH3{
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		background: #ff0000;
		padding: 10px;
		margin-bottom: 30px;
		line-height: 130%;
	}

	.listContents{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 17px 14px;

		margin-bottom: 20px;
	}

	.listContents .listContBox{
		width: calc(50% - 7px);
	}

	
	.listContents.RiyuList{
		padding: 30px 15px 15px 15px;
		border-radius: 20px;
		background: #fff;
		border: 4px solid #BC9887;
		width: 94%;
		margin: 0 auto 20px;
	}
	.listContents.RiyuList  .listContBox{
		width: calc(50% - 7px);
	}




	
	.listContBoxImg{
		margin-bottom: 14px
	}
	.listContents.RiyuList .listContBoxImg{
		position: relative;
	}
	.listContents.RiyuList .listContBoxImg::before{
		content: "";
		top: -20px;
		left: -6px;
		background: url("../images/page/icon_riyu.png") no-repeat 0 0;
		background-size: 40px 57px;
		width: 40px;
		height: 57px;
		position: absolute;
		z-index: 10
	}

	
		.listContBoxImg img{
		width: 100%;
		height: auto;
	}
	.listContBoxTxt h3{
		background: none;
		padding: 0;
		font-size: 15px;
		border: none;
		color: #00abef;
		margin: 0 0 8px 0;
		
		line-height: 120%;
	}
	.listContBoxTxt p{
		font-size: 12px;
		line-height: 160%;
	}



	.listContLink a {
		margin-top: 7px;
		padding: 7px 13px 9px 23px;
		text-align: center;
		display: inline-block;
		color: #fff !important;
		text-decoration: none !important;
		background: #00abef url(../images/arrow/btn_arrow.png) no-repeat left 10px center;
		background-size: 10px auto;
		border-radius: 50px;
		line-height: 120%;
		font-size: 12px;
	}

	.listContentsBtn{
		text-align: center;
		cursor: pointer;
	}

	.listContentsBtn span{
		display: inline-block;
		background: url("../images/page/icon_arrow_optdown.png") no-repeat top 1px right 1px;
		background-size: 15px auto;
		padding: 0 30px 0 0;
	}

	.listContentsBtn.active span{
		display: inline-block;
		background: url("../images/page/icon_arrow_optup.png") no-repeat top 1px right 1px;
		background-size: 15px auto;
		padding: 0 30px 0 0;
	}




	.simulatorDetailArea{
		background: #E7F3FF;
		border: 4px solid #ACC8E4;
		border-radius: 20px;
		padding: 15px;
		box-shadow: 3px 3px 0 rgba(0,0,0,.1);

	}
	.simulatorDetail{
		display: block;

	}

	.simulatorDetailArea .contentH2{
		font-size: 18px;
		background: #FF8200;
		padding: 10px 12px;
		margin-bottom: 20px;
		border-radius: 4px;
		
		text-align: center;
	}

	.simulatorDetailArea .contRead{
		margin-bottom: 20px;
	}


	.simulatorDetailImg{
		width: 100%;
		border-radius: 20px;
		overflow: hidden;
		border: 1px solid #ccc;
		margin-bottom: 20px;

	}
	.simulatorDetailImg img{
		width: 100%;
		height: auto;

	}

	.simulatorDetailTxt{
		width: 100%;
	}
	.simulatorDetailTxt p.listOktitle{
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.simulatorDetailTxt ul.listOk{
		margin-left: 1.5em;
		margin-bottom: 20px;

	}
	.simulatorDetailTxt ul.listOk li{
		font-size: 14px;
		list-style-type: none;
		margin-bottom: 6px;
		line-height: 160%;
		position: relative;

	}
	.simulatorDetailTxt ul.listOk li::after {
	  content: '';
	  display: block;
	  position: absolute;
	  top: .5em;
	  left: -1.2em;
	  width: 13px;
	  height: 8px;
	  border-left: 3px solid #25AF01;
	  border-bottom: 3px solid #25AF01;
	  transform: rotate(-45deg);
	}
	.simulatorDetailTxt p{
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 14px;
		padding-bottom: 10px;
		border-bottom: 2px solid #ccc;
	}
	.simulatorDetailTxt ul.listNg {
		margin-left: 1.5em;
		margin-bottom: 20px;
	}
	.simulatorDetailTxt ul.listNg li{
		font-size: 13px;
		list-style-type: none;
		margin-bottom: 6px;
		line-height: 160%;
		position: relative;
	}

	.simulatorDetailTxt ul.listNg li::before, .simulatorDetailTxt ul.listNg li::after { /* 共通設定 */
		content: "";
		position: absolute;
		top: 0.9em;
		left: -0.6em;
		width: 3px; /* 棒の幅（太さ） */
		height: 15px; /* 棒の高さ */
		background: #ED39AB;
	}

	.simulatorDetailTxt ul.listNg li::before {
	  transform: translate(-50%,-50%) rotate(45deg);
	}

	.simulatorDetailTxt ul.listNg li::after {
	  transform: translate(-50%,-50%) rotate(-45deg);
	}

	.simulatorDetailBtn{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 30px;
	}
	.simulatorDetailBtn a{
		display: block;
		padding: 10px 30px 10px 15px;
		background: #FF00AC;
		border-radius: 14px;
		text-decoration: none;
		color: #fff !important;
		font-weight: bold;

		width:100%;

		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
		font-size: 14px;
		transition: all .2s ease-in-out;
	}
	.simulatorDetailBtn a.simulatorDetailBtn2-2{
		background: #0083FF;
	}

	.simulatorDetailBtn a {
	  position: relative;
	}
	.simulatorDetailBtn a:hover {
		text-decoration: none;
		transform: scale(1.05);
	}

	.simulatorDetailBtn a::before,
	.simulatorDetailBtn a::after {
	  content: "";
	  position: absolute;
	  top: calc(50% - 1px);
	  right: 10px;
	  width: 15px;
	  height: 2px;
	  border-radius: 9999px;
	  background-color: #ffffff;
	  transform-origin: calc(100% - 1px) 50%;
	}

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

	.simulatorDetailBtn a::after {
	  transform: rotate(-45deg);
	}

	
	

	.createcautionImg {
		margin-bottom: 15px;
	}

	.createcautionImg img{
		width: 100%;
		height: auto;
		border: 1px solid #ddd;
	}

	.createcautionTxt{
		font-size: 13px;	
	}
	.createcautionTxt dl{
		display: flex;
		flex-wrap: wrap;

		justify-content: space-between;

		align-items: center;
	}
	.createcautionTxt dl dt{
		font-weight: 700;
		margin-bottom: 4px;

		width:100%;
		padding: 0 0;
		background: none;
		color: #00abef;

		border-radius: 10px;
		text-align: left;
		font-size: 15px;	
	}
	.createcautionTxt dl dd{
		margin-bottom: 15px;
		width:100%;
		font-size: 13px;	
	}





	.pdtTabcontArea{

	}

	.pdtTabBtns{
		display: flex;
		flex-wrap: wrap;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;


	}

	.pdtTabBtn{
		width: 33.33333%;
		background: #f9f9f9;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;

		padding: 10px 10px 10px 10px;
		font-size: 13px;
		text-align: center;

		cursor: pointer;
		font-weight: bold;


	}

	
	.pdtTabBtns.tab5 .pdtTabBtn{
		width: 50%;
		font-size: 12px;
	}
	.pdtTabBtns.tab5 .pdtTabBtn:nth-last-of-type(1){
		width: 100%;
	}

	
	
	.pdtTabBtn.active{
		background: #fff url(../images/page/icon_arrow_tabactive.png) no-repeat center bottom;
		background-size: 12px auto;
		border-bottom: 1px solid #fff;

		color: #00abef;


	}

	.pdtTabcont{
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		padding: 16px 12px;
	}

	.pdtTabcontBox {
	  display: none; /*必須*/
	}
	.pdtTabcontBox.show {
	  display: block; /*必須*/
	}

	.pdtTabcontImg{
		border: 2px solid #ddd;
	}

	.pdtTabcontImg img{
		width: 100%;
		height: auto;
	}




	.priceAreaChart {
	  display: none; /*必須*/
	}
	.priceAreaChart.show {
	  display: block; /*必須*/
	}





	.priceAreaBg{
		background: #e7f5ff
	}

	.priceAreaTitle{
		text-align: center;
		position: relative;
		margin-bottom: 30px;
		

	}
	.priceAreaTitle h2{
		font-size: 24px;
	}
	.priceAreaTitle span{
		font-size: 18px;
	}

	.priceAreaTitle .priceAreaMuryo{
		position: static;
		background: #FF355A;
		border-radius: 40px;
		padding: 5px 15px;
		color: #fff;
		right: inherit;
		top: inherit;

		transform: translateY(0);

		font-size: 14px;
		display: inline-block;
	}
	.priceAreaTitle .priceAreaMuryo span{
		font-size: 14px;
	}



	.priceAreaRead{
		font-size: 15px;
		margin-bottom: 20px;
		text-align: left;
	}
	.priceAreaAttention{
		border: 1px solid #ff0000;
		display: block;
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	.priceAreaAtTtl{
		background: #ff0000;
		width: 100%;

		display: flex;
		align-items: center;
		color: #fff;
		text-align: center;
		justify-content: center;
		padding: 10px;
	}
	.priceAreaAtTtlTxt{
		background: #ffffff;
		width: 100%;
		padding: 7px 10px;
	}


	.priceAreaStitle{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.priceSizeSlct,
	.priceOptSlct{
		display: flex;
		gap:8px;
		margin-bottom: 20px;
		width: 100%;
		
		flex-wrap: wrap;
	}
	.priceSizeSlct li,
	.priceOptSlct li{
		border: 1px solid #9c9c9c;
		background: #ffffff;
		border-radius: 30px;
		padding: 6px 8px 6px 20px;

		position: relative;
		cursor: pointer;

		font-size: 14px;
	}
	.priceSizeSlct li.active,
	.priceOptSlct li.active{
		border: 1px solid #efabf1;
		background: #ffeafb;
	}

	.priceSizeSlct li::before,
	.priceOptSlct li::before{
		content: "";
		left: 12px;
		top: 50%;
		position: absolute;
		width: 12px;
		height: 12px;
		border-radius: 10px;
		background: #fff;
		border: 1px solid #ccc;

		transform: translate(-50%,-50%);

		z-index: 1;
	}

	.priceSizeSlct li::after,
	.priceOptSlct li::after{
		content: "";
		left: 12px;
		top: 50%;
		position: absolute;
		width: 6px;
		height: 6px;
		border-radius: 10px;
		background: #fff;

		transform: translate(-50%,-50%);

		z-index: 2;
	}
	.priceSizeSlct li.active::after,
	.priceOptSlct li.active::after{
		background: #00abef;
	}



	.priceOptSlct.ryokata{
		margin-bottom: 10px;
	}
	.ryokataImg{
		width: 100%;
		margin-bottom: 20px;
	}

	.priceAreaSizeTitle{
		font-size: 16px;
		font-weight: bold;
		color: #00abef;
		background: #f9f9f9;
		padding: 10px;
		margin-bottom: 30px;
		border-bottom: none;

	}

	.priceAreaChart .chartPrice th, .priceAreaChart .chartPrice2 th{
		background: #fff;
		padding: 4px 2px 3px 2px;
	}
	.priceAreaChart .chartPrice .cTxt3C{
		background: #f9f9f9;

	}


	.priceAreaChartArea{
		height: 450px;
		overflow-y: scroll;
		border-right: 2px solid #ddd;
		border-bottom: 2px solid #ddd;
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}




}





/*20250523*/
.ryokinPricesArea{
	margin-bottom: 30px;
}
.ryokinPriceArea > p{
	margin-bottom: 30px;
	font-size: 12px;
	
	text-align: right;
}

.ryokinPrices{
	display: flex;
	flex-wrap: wrap;
	border-left: 1px dashed #ccc;
	margin-bottom: 10px;
}
.ryokinPrice{
	width: 33%;
	border-right: 1px dashed #ccc;
	padding: 0 10px 12px;
	text-align: center;
	
	font-size: 32px;
	
}
.ryokinPriceArea.ryokinPrice2 .ryokinPrice{
	width: 50%;
}
.ryokinPrice p{
	display: block;
	background: #d5ebfb;
	padding: 10px 0;
	text-align: center;
	line-height: 100%;
	border-radius: 20px;
	font-size: 13px;
	
}
.ryokinPrice span{
	font-size: 16px;
	display: inline-block;
	padding-left:4px;
	color: #999;
}

.pdtTopListPrice{
	font-size: 12px;
	color: #333 !important;
	padding: 3px 0 0 0;
}
.pdtTopListPrice span{
	font-size: 18px;
	display: inline-block;
	padding: 0 4px;
	transform: translateY(1px);
	color: #ff16d6 !important;
}

@media (max-width: 767px) {



	.ryokinPriceArea{
		margin-bottom: 20px;
	}
	.ryokinPriceArea > p{
		margin-bottom: 30px;
		font-size: 11px;

		text-align: right;
	}
	.ryokinPrices{
		margin-bottom: 5px;
	}
	
	.ryokinPrice{
		padding: 0 10px 10px;
		font-size: 22px;

	}
	.ryokinPrice p{
		padding: 10px 0;
		font-size: 12px;

	}
	.ryokinPrice span{
		font-size: 14px;
		padding-left:4px;
	}


	.pdtTopListPrice{
		font-size: 10px;
		padding: 3px 0 0 0;
	}
	.pdtTopListPrice span{
		font-size: 14px;
		padding: 0 2px;
		transform: translateY(1px);
	}

}




.pdtTitleMerit{
	font-size: 32px;
	line-height: 130%;
	font-weight: 500;
		text-align: center;
	margin-bottom: 30px;
	
	letter-spacing: .05em;
}

.pdtTitleMerit span.meritStitle{
	font-size: 20px;
	display: block;
	padding: 4px 0 8px;
	line-height: 150%;
}
.pdtTitleMerit span.meritBolc{
	display: inline-block;
	position: relative;
	z-index: 1;
}
.pdtTitleMerit span.meritBolc::before{
	content: "";
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 12px;
	background: #F3FF00;
	position: absolute;
	display: inline-block;
	z-index: -1;
}

@media (max-width: 767px) {
	.pdtTitleMerit{
		font-size: 20px;
		line-height: 130%;
	margin-bottom: 20px;
	}

	.pdtTitleMerit span.meritStitle{
		font-size: 14px;
		display: block;
		line-height: 1６0%;
	}

}





.deisgnTopLists{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 30px 30px;
	margin-bottom: 40px;
	
}
.deisgnTopList{
	width:calc(25% - 23px);
	position: relative;
}
.deisgnTopList .pdtTopListPic{
	margin-bottom: 10px;
}


.pdtTopCont.bgGraycont{
	width: 100%;
	margin: 0 auto 0;
	padding: 50px calc(50% - 535px) 50px;
	background: #F3FAFF;
}
.pdtTopCont.bgGraycont2{
	width: 100%;
	margin: 0 auto 0;
	padding: 50px calc(50% - 535px) 50px;
	background: #E5F3FD;
}
.pdtTopCont.bgNotecont{
	width: 100%;
	margin: 0 auto 0;
	padding: 50px calc(50% - 535px) 50px;
    background: #fff url("../images/page/bg_line_02.png") repeat;
	background-size: 30px 30px;
	border-bottom: 3px solid #F0FAFF
}
.pdtTopCont.bgRiyucont{
	width: 100%;
	margin: 0 auto 0;
	padding: 50px calc(50% - 535px) 50px;
    background: #FBF5F2;
	position: relative;
}
.pdtTopCont.bgRiyucont::before{
	content: "";
	width: 100%;
	height: 60px;
	display: block;
	position: absolute;
	top: -24px;
	left: 0;
	
	background: url("../images/page/bg_riyu_01.png") repeat-x top;
	background-size: auto 60px;
	
}

@media (max-width: 767px) {


	.deisgnTopLists{
		flex-wrap: wrap;
		justify-content: flex-start;
		gap:20px 8%;
		margin-bottom: 50px;
	}
	.deisgnTopList{
		width:46%;
		margin: 0 auto 0;
	}

	.deisgnTopList .pdtTopListPic{
		margin-bottom: 10px;
	}
	.pdtTopCont.bgGraycont{
		width: 100%;
		margin: 0 auto 0;
		padding: 25px 4% 15px;
		background: #F3FAFF;
	}
	.pdtTopCont.bgGraycont2{
		width: 100%;
		margin: 0 auto 0;
		padding: 25px 4% 15px;
		background: #E5F3FD;
	}

}



.flowContents{
	margin-bottom: 20px;
	margin-top: 40px;
	
	padding: 50px;
	
    background: rgba(194,218,236,0.10);
    border: 2px solid rgba(216,239,239,1.00);
    border-radius: 30px;
}


.flowContents .flowContBox{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	gap: 30px 0;
	
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 2px dotted #ddd;

	position: relative;
}
.flowContents .flowContBox:nth-last-of-type(1){
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;

}
.flowContents .flowContBox:nth-of-type(2n){
	flex-direction: row-reverse;
}

.flowContBoxImg{
	width: 38%;
	
	margin-bottom: 10px;
	position: relative;
}
.flowContBoxImg img{
	width: 100%;
	height: auto;
	display: inline-block;
	border: 2px solid #ddd;
	border-radius: 10px;
}
.flowContBoxTxt {
	text-align: left;
	width: 58%;
	position: relative;
}

.flowContBoxTxt h3{
	background: none;
	padding: 0;
	font-size: 20px;
	font-weight: 500;
	border: none;
	color: #00abef;
	margin: 0 0 5px 0;
	
	text-align: left;
}
.flowContBoxTxt p{
	font-size: 16px;
	margin-top: 0;
	text-align: left;
	line-height: 170%;
}
.flowContBoxTxt p.flowContTitle{
	font-size: 24px;
	line-height: 160%;
	font-weight: 700;
	display: inline-block;
	position: relative;

	text-align: left;
	margin-bottom: 40px;
	padding-left: 60px;
}
.flowContBoxTxt p.flowContTitle::after{
	display: none;
	content: "";
	position: absolute;
	bottom: -20px;
	left: 60px;
	width: 70px;
	height: 4px;
	border-radius: 10px;
	background: rgba(0,120,255,0.8);
}
.flowContBoxImg span{
	position: absolute;
	top: -20px;
	left: -10px;
	display:block;
	width: 60px;
	height: 60px;
	background: #008FFB;
	color: #fff;
	text-align: center;
	line-height: 100%;
	font-size: 26px;
	padding: 23px 0 9px;
	
	border-radius: 40px;
	margin-right: 6px;
	
	box-shadow: 3px 3px 0 rgba(0,93,198,0.30);
	
}
.flowContBoxImg span::before{
	content: "STEP";
	display: block;
	position: absolute;
	top: 12px;
	line-height: 100%;
	left: 0;
	text-align: center;
	font-size: 10px;
	
	width: 100%;
	
	
}

.flowContBoxTxt span{
	position: absolute;
	top: -10px;
	left: -10px;
	display:block;
	width: 60px;
	height: 60px;
	background: #008FFB;
	color: #fff;
	text-align: center;
	line-height: 100%;
	font-size: 26px;
	padding: 23px 0 9px;
	
	border-radius: 40px;
	margin-right: 6px;
	
	box-shadow: 3px 3px 0 rgba(0,93,198,0.30);
	
}
.flowContBoxTxt span::before{
	content: "STEP";
	display: block;
	position: absolute;
	top: 12px;
	line-height: 100%;
	left: 0;
	text-align: center;
	font-size: 10px;
	
	width: 100%;
	
	
}



.flowContLink a {
    margin-top: 7px;
    padding: 7px 13px 9px 23px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #00abef url(../images/arrow/btn_arrow.png) no-repeat left 10px center;
    background-size: 10px auto;
    border-radius: 50px;
    line-height: 100%;
    font-size: 14px;
}


.flowContBtn{
	text-align: center;
	padding-top: 10px;
}
.flowContLink2 a {
    margin-top: 7px;
    padding: 19px 55px 21px 33px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    background: #ff16d6 url(../images/arrow/btn_arrow.png) no-repeat right 22px center;
    background-size: 18px auto;
    border-radius: 50px;
    line-height: 100%;
    font-size: 20px;
	
	font-weight: 700;
	
	box-shadow: 4px 4px 0 rgba(0,0,0,.1);
	animation: scaleAnm2 2s infinite ease-in-out;
}


.flowContentsBtn{
	text-align: center;
	cursor: pointer;
}

.flowContentsBtn span{
	display: inline-block;
	background: url("../images/page/icon_arrow_optdown.png") no-repeat top 1px right 1px;
	background-size: 15px auto;
	padding: 0 30px 0 0;
}

.flowContentsBtn.active span{
	display: inline-block;
	background: url("../images/page/icon_arrow_optup.png") no-repeat top 1px right 1px;
	background-size: 15px auto;
	padding: 0 30px 0 0;
}

@media (max-width:1070px){

	.flowContents{

		margin-bottom: 20px;
		margin-top: 20px;
		padding: 30px 15px;
	}

	.flowContents .flowContBox{
		width: 94%;
		margin: 0 auto 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 8px 14px;
		/*コレ*/flex-direction:column-reverse;
		align-items:flex-start;
		
		padding-bottom: 20px;
		border-bottom: 2px dotted #ddd;

		position: relative;
	}
	
	.flowContents .flowContBox:nth-last-of-type(1){
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;

	}
	.flowContents .flowContBox:nth-of-type(2n){
		align-items: flex-start;
		flex-direction:column-reverse;

	}


	.flowContBoxImg{
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.flowContBoxImg img{
		width: 100%;
		height: auto;
	}
	.flowContBoxTxt {
		width: 100%;
		text-align: center;

	}
	.flowContBoxTxt h3{
		background: none;
		padding: 0;
		font-size: 15px;
		border: none;
		color: #00abef;
		margin: 0 0 5px 0;
	}
	.flowContBoxTxt p{
		font-size: 12px;
		line-height: 160%;
		text-align: left;
	}
	.flowContBoxTxt p.flowContTitle{
		font-size: 15px;
		line-height: 140%;
		text-align: left;
		margin-bottom: 25px;
		padding-left: 50px;

		display: block;
	}
	.flowContBoxTxt p.flowContTitle::after{
		display: none;
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		width: 70px;
		height: 4px;
		border-radius: 10px;
		background: rgba(0,120,255,0.8);
		transform: translateX(0);
	}

	.flowContBoxImg span{
		position: absolute;
		top: -10px;
		left: -10px;
		display:block;
		width: 50px;
		height: 50px;
		background: #008FFB;
		color: #fff;
		text-align: center;
		line-height: 100%;
		font-size: 25px;
		padding: 17px 0 9px 0;

		border-radius: 40px;
		margin-right: 6px;
		
		z-index: 10;
	}
	.flowContBoxImg span::before{
		content: "STEP";
		display: block;
		position: absolute;
		top: 9px;
		line-height: 100%;
		left: 0;
		text-align: center;
		font-size: 8px;

		width: 100%;


	}

	.flowContBoxTxt span{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: -10px;
		display:block;
		width: 50px;
		height: 50px;
		background: #008FFB;
		color: #fff;
		text-align: center;
		line-height: 100%;
		font-size: 25px;
		padding: 17px 0 9px 0;

		border-radius: 40px;
		margin-right: 6px;
		
		z-index: 10;
	}
	.flowContBoxTxt span::before{
		content: "STEP";
		display: block;
		position: absolute;
		top: 9px;
		line-height: 100%;
		left: 0;
		text-align: center;
		font-size: 8px;

		width: 100%;


	}


	.flowContLink a {
		margin-top: 7px;
		padding: 7px 13px 9px 23px;
		text-align: center;
		display: inline-block;
		color: #fff !important;
		text-decoration: none !important;
		background: #00abef url(../images/arrow/btn_arrow.png) no-repeat left 10px center;
		background-size: 10px auto;
		border-radius: 50px;
		line-height: 100%;
		font-size: 14px;
	}


	.flowContBtn{
		text-align: center;
	}
	.flowContLink2 a {
		margin-top: 7px;
		padding: 15px 23px 17px 38px;
		text-align: center;
		display: inline-block;
		color: #fff !important;
		text-decoration: none !important;
		background: #ff16d6 url(../images/arrow/btn_arrow.png) no-repeat left 15px center;
		background-size: 15px auto;
		border-radius: 50px;
		line-height: 100%;
		font-size: 18px;

		font-weight: 700;

		box-shadow: 4px 4px 0 rgba(0,0,0,.1)
	}

	
	.flowContentsBtn{
		text-align: center;
		cursor: pointer;
	}

	.flowContentsBtn span{
		display: inline-block;
		background: url("../images/page/icon_arrow_optdown.png") no-repeat top 1px right 1px;
		background-size: 15px auto;
		padding: 0 30px 0 0;
	}

	.flowContentsBtn.active span{
		display: inline-block;
		background: url("../images/page/icon_arrow_optup.png") no-repeat top 1px right 1px;
		background-size: 15px auto;
		padding: 0 30px 0 0;
	}

	
	

}



/*クラティー移行*/



@media (max-width:1070px){
	/*新レイアウト*/

	.newContTitle .newCH2Title{
		float: left;
		margin: 0;
		width: 62%;

	}
	.newContTitle .newCH2Title img{
		width: 100%;
		height: auto;
	}
	.newContTitle .newCH2Title{
		margin-top: -10px;
	}

	
	
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0 0;
    border-radius: 4px;
}



.pagination-container{
	text-align: center;
}


.pagerBox{
	position: relative;
	padding: 20px 0;
}
.pagetAplybtn{
	position: absolute;
	top: 20px;
	right: 0;
}
.pagetAplybtn a{
	padding: 7px 50px 7px 30px;
	text-align: center;
	display: inline-block;;
	color: #fff !important;
	text-decoration: none !important;
	background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
	background-size: auto 12.5px ;
	border-radius: 50px;
}
.pagination>li.page-active> a{
	background: #eee;
}
.pagination>li.disabled> a{
	opacity: .4;
}


@media (max-width: 767px) {
	.pagerBox{
		position: relative;
		padding: 60px 0 10px;
	}
	.pagetAplybtn{
		position: absolute;
		top: 0;
		right:0%;
		width: 100%;
		text-align: center;
	}
	.pagetAplybtn a{
		padding: 7px 50px 7px 30px;
		text-align: center;
		display: inline-block;;
		color: #fff !important;
		text-decoration: none !important;
		background: #ff16d6 url("../images/page/icon_arrow.png") no-repeat right 15px center;
		background-size: auto 12.5px ;
		border-radius: 50px;
	}

}


.breadcrumb2{
	display: none;
}





.colorLists{
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
}

.simulationimg{
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	z-index: 1;
}

.simulationimg img{
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
}



.selectImg{
	width:52%;
	margin: 0 auto 30px;
	background: #fff;
	position: relative;
}
.colorListsDesign .selectImg{
	width:100%;
	margin: 0 auto 30px;
	background: #fff;
	text-align: center;
}

.selectImg img{
	width:100%;
	height: auto;
}

.colorListsDesign .selectImg img{
	width:50%;
	height: auto;
}

.selectImg div{
	text-align: center;
	padding: 0 0 30px 0;

}

.thmnb_list {
	width:45%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;

}
.colorListsDesign .thmnb_list {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;

}

.thmnb_list div{
	width:14.2%;
	
}

.colorListsDesign .thmnb_list div{
	width:10%;
	
}
.thmnb_list div{
	font-size: 8px;
	margin-bottom: 3px;
	text-align: center;
	cursor: pointer;
	padding: 0 2px;
	line-height: 120%;
}
.thmnb_list div img{
	display: block;
	margin: 0 auto 2px;
	width:80%;
	height: auto;
	border: 1px solid #ccc;
}
.thmnb_list div.active img
{
	border: 1px solid #888 !important;
}
.thmnb_list div span{
	display: block;
	font-weight: bold;
}

@media (max-width: 767px) {





	.simulationimg img{
		width: 80%;
	}


	.selectImg{
		width:100%;
	}
	.colorListsDesign .selectImg{
		width:100%;
	}
	.selectImg img{
		width:70%;
		height: auto;
	}
	.colorListsDesign .selectImg img{
		width:80%;
		height: auto;
	}
	.selectImg div{
		padding: 0 0 10px 0;
	}


	.thmnb_list {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;

	}


	.colorListsDesign .thmnb_list {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;

	}


	.thmnb_list div{
		width:20%;

	}

	.colorListsDesign .thmnb_list div{
		width:16%;

	}
	.thmnb_list div{
		font-size: 7px;
		line-height: 130%;
		margin-bottom: 4px;
		text-align: center;
		cursor: pointer;
		padding: 0 0.2%;
	}
	.thmnb_list div img{
		display: block;
		margin: 0 auto 2px;
		width:80%;
		height: auto;
		border: 1px solid #ccc;
	}
	.thmnb_list div.active img
	{
		border: 1px solid #888 !important;
	}
	.thmnb_list div span{
		display: block;
		font-weight: bold;
	}
	
	
	
}







.designFlow{
	margin-bottom: 30px;
}
.designFlow img{
	width: 100%;
	height: auto;
	
}

.designbana{
	padding: 40px 0 0 0;
}

.designbana ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:50px;
	
}
.designbana ul li{
	width: 300px;
}
.designbana ul li img{
	width: 100%;
	height: auto;
}


@media (max-width: 767px) {

	.designbana{
		padding: 20px 0 40px 0;
	}

	.designbana ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:20px;

	}
	.designbana ul li{
		width: 60%;
	}
	.designbana ul li img{
		width: 100%;
		height: auto;
	}

	
	
}


.btnBox01{
	text-align: center;
	width: 100%;
	margin-top: 40px;
}
.btnBox01 a{
	background: #fff url(../images/page/goods/original-tshirts/arrow_c.png) no-repeat right 15px center;
    background-size: 15px;
    color: #ff16d6 !important;
    display: inline-block;
    padding: 16px 80px 16px 80px;
    line-height: 100%;
    text-decoration: none;
	border:2px solid #ff16d6;
    border-radius: 30px;
	font-weight: bold;
	font-weight: 16px;
}
@media (max-width: 767px) {
	.btnBox01{
		margin-top: 30px;
	}
	.btnBox01 a{
		background: #fff url(../images/page/goods/original-tshirts/arrow_c.png) no-repeat right 8px center;
		background-size: 12px;
		color: #ff16d6 !important;
		display: inline-block;
        padding: 10px 30px 10px 20px;
		line-height: 100%;
		text-decoration: none;
		border:2px solid #ff16d6;
		border-radius: 30px;
		font-weight: bold;
		font-weight: 14px;
	}
}








.muryotemplatebtn{
	margin-top: 20px;
	text-align: center;
}
.muryotemplatebtn2{
	margin-top: 0;
	margin-bottom: 10px;
	text-align: center;
}
.muryotemplatebtn a{
	width: 100%;
	max-width: 400px;
		color: #ff16d6 !important;
		display: inline-block;
		line-height: 100%;
		text-decoration: none;
		border:2px solid #ff16d6;
		border-radius: 10px;
		font-weight: bold;
		font-weight: 14px;
	
	overflow: hidden;
}
.muryotemplatebtn a img{
	width: 100%;
	height: auto;
}


@media (max-width: 767px) {
.muryotemplatebtn a{
	width: 80%;
	max-width: 400px;
		color: #ff16d6 !important;
		display: inline-block;
		line-height: 100%;
		text-decoration: none;
		border:2px solid #ff16d6;
		border-radius: 10px;
		font-weight: bold;
		font-weight: 14px;
	
	overflow: hidden;
}


}



.one-columnW.snsColumn{
    background: transparent;
    padding: 0 0 0;
    margin-bottom: 0;
}
.one-columnW.snsColumn .one-column{
	width: 100% !important;
}
.one-columnW.snsColumn > div > div{
    background: #FAFAFA url("../images/page/bg_line_02.png") repeat;
	background-size: 30px 30px;
    padding: 40px 0 20px;
    margin-bottom: 0;
	width: 100% !important;
}
.one-columnW.homesns > div > div{
    background: #fff;
    padding: 40px 0 20px;
}
.one-columnW.snsColumn > div > div #instawidgetArea{
	width: 1070px !important;
    left: inherit;
    margin: 0 auto;
}
@media (max-width: 767px) {
	.one-columnW.snsColumn .one-column{
		width: 100% !important;
		padding: 0;
	}
	.one-columnW.snsColumn > div > div{
		background: #f8f8f8;
		padding: 20px 0 20px;
		margin: 30px 0 20px;
	}
	.one-columnW.homesns > div > div{
		background: #f8f8f8;
		padding: 20px 0 20px;
	}
	.one-columnW.snsColumn > div > div #instawidgetArea{
		width: 94% !important;
		left: inherit;
		margin: 0 auto;
	}
}





/*250715 商品購入ページ　商品ページ*/

/*商品ページ*/
.priceAreaAttention .priceAreaAtTtl{
	position: relative;
	padding: 20px 20px 20px 0;
	text-align: right;
	justify-content: flex-end
}

.priceAreaAttention .priceAreaAtTtl::before {
	content: "";
	background: url("../images/page/itemsingle/cartbtn.png") no-repeat 0 0;
	background-size: 65px 78px;
	position: absolute;
	bottom: -8px;
	left: 5px;
	width: 65px;
	height: 78px;
	z-index: 1;
	
	pointer-events: none;
	

}

.productHeadTxt_new .productPageTitle .ryokinBtn.goDetail a{
	position: relative;
	overflow: visible;
}
.productHeadTxt_new .productPageTitle .ryokinBtn.goDetail a::before {
	content: "";
	background: url("../images/page/itemsingle/cartbtn.png") no-repeat 0 0;
	background-size: 70px 85px;
	position: absolute;
	bottom: -7px;
	right: 40px;
	width: 70px;
	height: 85px;
	z-index: 1;
	
	pointer-events: none;
  animation: btnAnime1 2s infinite linear;
}

@media (max-width: 767px) {
	.productHeadTxt_new .productPageTitle .ryokinBtn.goDetail a{
		padding: 22px 60px 22px 20px;
	}
	.productHeadTxt_new .productPageTitle .ryokinBtn.goDetail a::before {
		content: "";
		background: url("../images/page/itemsingle/cartbtn.png") no-repeat 0 0;
		background-size: 60px 73px;
		position: absolute;
		bottom: -6px;
		right: 30px;
		width: 60px;
		height: 73px;
		z-index: 1;

		pointer-events: none;
	}

}

/*戻るボタン*/
.backprice{
	padding: 20px 0 10px;
}
.backprice a{
	display: inline-block;
	background: #fff;
	border-radius: 5px;
	padding: 20px 30px 20px 60px;
	color: #ff16d6 !important;
	text-decoration: none;
	
	position: relative;
	

	overflow: visible;
}
.backprice a::before{
	content: "";
	background: #fff url("../images/page/itemsingle/caticon_figure.jpg") no-repeat center center;
	background-size: 60px 60px;
	position: absolute;
	top: 0;
	left:0;
	
	width: 60px;
	height: 60px;
	
	/*border: 3px solid #ff16d6;*/
	box-sizing:content-box
}




.item_detailArea h1{
	font-size: 16px;
	margin: 0;
	line-height: 160%;
}


.itemPageL{
    margin-top: 0;	
}
#itempage .detail-right .item_option{
	border: none;
}



/*オプション入力欄*/
#itempage .detail-right .item_option .optionCatTitleArea{
	position: relative;
}
#itempage .detail-right .item_option .optionCatTitleArea .optionCatTitleNo{
	position: absolute;
	left: 10px;
	top: 15px;
	color: #fff;
	font-size: 14px;
	z-index: 1;
	font-weight: bold;
	background: #ff16d6;
	padding: 5px 10px;
	line-height: 100%;
	border-radius: 15px;
}


#itempage .detail-right .item_option .optionCatTitle{
	border: none;
	font-size: 14px;
	padding: 0;
	margin-bottom: 30px;
	position: relative;
	
}
#itempage .detail-right .item_option .optionCatTitleTxtL{
	font-weight: bold;
	font-size: 18px;
	background: #51a9ec;
	color: #fff;
	padding: 14px 19px 14px 65px;

	border-radius: 5px;
	border-left: transparent;
}
#itempage .detail-right .item_option .optionCatTitleArea2{
	font-weight: bold;
	font-size: 16px;
	background: #666;
	color: #fff;
	padding: 10px 15px 10px 15px;

	border-radius: 5px;
	border-left: transparent;
	
	margin-bottom: 10px;
}


#itempage .detail-right .item_option .optionCatTitleTxtL.optionCatTitleTxtLTop{
	background: #fff;
	color: #333;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-radius: 0;
	padding: 15px 0;
}
#itempage .detail-right .item_option .optionCatTitleTxtCap{
	background: #fff;

	border:2px solid #ccc;
	padding: 15px;
	border-radius: 10px;
	margin: 20px 0 15px 70px;
	
	position: relative;
	font-size: 13px;
	
	min-height: 70px;
}
#itempage .detail-right .item_option .optionCatTitleTxtCap > span{
	display: block;
	margin-bottom: 5px;
}
#itempage .detail-right .item_option .optionCatTitleTxtCap ul{
	margin-left: 1.2em;
	margin-bottom: 0;
}
#itempage .detail-right .item_option .optionCatTitleTxtCap ul li{
	list-style-type:disc;
	margin-bottom: 5px;
	line-height: 140%;
	
}
#itempage .detail-right .item_option .optionCatTitleTxtCap ul li.cautionList{
	list-style:  none;
}
#itempage .detail-right .item_option .optionCatTitleTxtCap ul li.cautionList::before{
	content: "※";
	display: inline-block;
	margin-right: 2px;
	margin-left: -1.2em;
}



#itempage .detail-right .item_option .optionCatTitleTxtCap.optionCatTitleTxtCapTop{
	
}

#itempage .detail-right .item_option .optionCatTitleTxtCap::before{
	content: "";
	width: 70px;
	height: 90px;
	background: url("../images/page/itemsingle/option_cap_icon.png") no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: -70px;
	
}


#itempage .detail-right .item_option .optionCatTitleTxtCapS{
	background: #fff;

	/*border:2px solid #ccc;*/
	padding: 0;
	border-radius: 10px;
	margin: 0 0 15px 0;
	
	position: relative;
	font-size: 13px;
}
/*
#itempage .detail-right .item_option .optionCatTitleTxtCapS::before{
	content: "";
	width: 40px;
	height: 40px;
	background: url("../images/page/itemsingle/option_cap_icon2.png") no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: -40px;
	
}
*/



#itempage .detail-right .item_option .optTitle{
	background: #fff;
    width: 100%;
    vertical-align: middle;
	padding: 0 13px;
	
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	
	border-left: #51a9ec solid 5px;
}
#itempage .detail-right .item_option .optTitle .hissuIcon{
	display: inline-block;
	background: #FF0000;
	padding: 5px;
	font-size: 12px;
	color: #fff;
	line-height: 100%;
	margin-left: 5px;
	border-radius: 3px;
}
#itempage .detail-right .item_option .optTitle .yuryoIcon{
	display: inline-block;
	background: #009DE0;
	padding: 5px;
	font-size: 12px;
	color: #fff;
	line-height: 100%;
	margin-left: 5px;
	border-radius: 3px;
}
#itempage .detail-right .item_option .optBody{
	margin: 0 0 0 0;

}

.optBox{
	margin: 0 0 30px 0;
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;

}
.optBox.arrowopt{
	position: relative;
}
.optBox.arrowopt::before{
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: -26px;
	left: 50%;
	border-right: 2px solid #51a9ec;
	border-bottom: 2px solid #51a9ec;
	transform: rotate(45deg) translateX(-50%);
	animation: optArrow 1s infinite linear;
}

@keyframes optArrow {
  0%   { bottom: -26px;opacity: 1; }
  70%  { bottom: -30px;opacity: 0; }
  100% { bottom: -26px;opacity: 0; }
}



.iopt_label{
	height: 0;
	display: block;
}
.iopt_select {
    width: 100%;
	display: block;
}
#itempage .detail-right .item_option .optBody input, #itempage .detail-right .item_option .optBody select, #itempage .detail-right .item_option .optBody textarea{
    border-radius: 5px;
    border: 2px solid #ccc;
}
#itempage .detail-right .item_option .optBody select{
	padding:  16px 28px 16px 16px
}

#itempage .detail-right .item_option .appoptbox .optBody select{
	
	width:calc(100% - 250px);
}



.textArea02 textarea{
	width: 100%;
}

.optioncapimg,.optioncapimg2{
	margin-top: 15px;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
	text-align: center;
}
.appoptbox{
	position: relative;
	min-height: 210px;
}
.appoptbox .optioncapimg{
	position: absolute;
	right: 0;
	top: 0;
	width: 230px;
}

.optioncapimg img{
	width: 75%;
	height: auto;
}

.optioncapimg2 img{
	width: 100%;
	height: auto;
}

.itemPageNew{
	display: flex;
	flex-wrap: wrap;
}

.itemPageL{
	float: none;
}
.itemPageR{
	float: none;
}
.itemTopArea{
	position: sticky;
	top: 20px;
}


#wrap{
	overflow: visible;
}


@keyframes bgLoop {
  0%   { background-color: #ff16d6; }
  50%  { background-color: #FF96EC; }
  100% { background-color: #ff16d6; }
}


@keyframes btnAnime1 {
  0%   { bottom: -7px; }
  50%  { bottom: -13px; }
  100% { bottom: -7px; }
}


#itempage .detail-right .btn_cart .skubutton {
    text-align: center;
    padding: 20px 80px 20px 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: none;
    color: #fff;
    background:#ff16d6;
    margin-left: 10px;
	position: relative;
  animation: bgLoop 3s infinite linear;
	font-size: 18px;
	font-weight: bold;
	
	cursor: pointer;
	
	transition: all .3s ease-in-out;
}
#itempage .detail-right .btn_cart .skubutton:hover {
    background:#ff16d6;
	animation: none;
}
#itempage .detail-right .btn_cart {
	position: relative;
}
#itempage .detail-right .btn_cart::before {
	content: "";
	background: url("../images/page/itemsingle/cartbtn.png") no-repeat 0 0;
	background-size: 70px 85px;
	position: absolute;
	bottom: -7px;
	right: 10px;
	width: 70px;
	height: 85px;
	z-index: 1;
	
	pointer-events: none;
  animation: btnAnime1 2s infinite linear;
}


#itempage .itemTopArea {
	padding: 0 0 20px 0;
	border-radius: 10px ;
	overflow: hidden;
}

.itemTopAreaTitle{
	background: #51a9ec;
	color: #fff;
	
	padding: 10px;
	font-size: 16px;
	
	text-align: center;
	font-weight: bold;
}
.item_detailArea{
	padding: 0 20px 0 15px;
}
.item_btncartArea{
	padding: 0 20px 0 20px;
}

.quantityTxt{
	background: #fff;
	border-radius: 8px;
	
	font-size: 14px;
	margin: 15px 15px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
	position: relative;
}
.quantityTxt::before{
	content: "";
	width: 17px;
	height: 17px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position: absolute;
	top: -9px;
	left: 40px;
	transform: rotate(-45deg);
	background: #fff;
}
.quantityTxt .quantityTitle{
	font-size: 16px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 4px;
	padding-bottom: 5px;
	color: #51a9ec;
}
.quantityTxt p{
	font-size: 14px;
	margin-bottom: 10px;
}




.dlurlBox{
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 10px;
	margin-bottom: 20px;
}

.dlurlBox .optBox{
	border: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.dlurlBoxIn{
	display: none;
}
.moreUrl{
	cursor: pointer;
	text-align: center;
	padding: 10px 0;
}

#itempage .detail-right .item_option .dlurlPw {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#itempage .detail-right .item_option .dlurlPw .optTitle {
    background: #fff;
    vertical-align: middle;
    padding: 0 0;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    border-left: none;
	width: 35%;
}
#itempage .detail-right .item_option .dlurlPw .optBody {
    margin: 0 0 0 0;
	width: 12%;
}
#itempage .detail-right .item_option .optBox .optBody input[type="text"] {
	width: 100%;
}
#itempage .detail-right .item_option .dlurlBox .optBox{
	margin: 0 0 5px 0 ;
}
#itempage .detail-right .item_option .dlurlBox .optBox.dlurlPw{
	margin: 0 0 10px 0 ;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
}




.sizeop-btns{
	display: flex;
	flex-wrap: wrap;
	gap:0 1%;
	margin-top: 10px;
}
.sizeop_btn{
	/*width: 32.66666%;*/
	width: 100%;
	display: none;
}
.sizeop_btn a{
	display: block;
	height: 100%;
	text-decoration: none;
	border-radius: 8px;
	font-size: 16px;
	position: relative;
	box-shadow: 2px 2px 0px rgba(0,0,0,.1);
}

.sizeop_btn a::after{
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background:  url("../images/page/itemsingle/dlurl_icon_window.png?v=005") no-repeat left 0 center;
	background-size: 18px 18px;
	top: 50%;
	right: 10px;
	transform:  translateY(-50%);
}
sizeop_btn a:hover,.sizeop_btn a:active,.sizeop_btn a:focus{
	text-decoration: none;
}

.sizeop_btn a span{
	position: relative;
}
.sizeop_btn a span::before{
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background:  url("../images/page/itemsingle/dlurl_icon_arrow.png?v=005") no-repeat left 0 center;
	background-size: 24px 24px;
	top: 50%;
	left: 10px;
	transform:  translateY(-50%);
}

.btn_simu1 a{
	color: #fff !important;
	text-align: center;
	width: 100%;
	display: block;
	background-color: #00abef;
}
.btn_simu1 a span{
	background: url("../images/page/goods/spcase/icon_simu.svg?v=002") no-repeat right 20px center;
	background-size: 40px 40px;
	padding: 22px 73px 22px 40px;
	display: inline-block;
}

.btn_simu2 a{
	color: #fff !important;
	text-align: center;
	width: 100%;
	display: block;
	background-color: #FF6D00;
}
.btn_simu2 a span{
	background: url("../images/page/itemsingle/dlurl_icon_02.png?v=017") no-repeat right 20px center;
	background-size: 54px 54px;
	padding: 22px 79px 22px 40px;
	display: inline-block;
}
.btn_dl a{
	color: #fff !important;
	text-align: center;
	width: 100%;
	display: block;
	background-color: #ff16d6;
}
.btn_dl a span{
	background: url("../images/page/itemsingle/dlurl_icon_03.png?v=006") no-repeat right 20px center;
	background-size: 48px 48px;
	padding: 22px 78px 22px 40px;
	display: inline-block;
}





/* カートページ*/

.cart_page_title span{
	display: block;
	
	background: url("../images/cart/cart_title.png") no-repeat left top;
	background-size: auto 100%;
	
	padding: 5px 0 5px 70px;
	
}
.wc-cart .send .continue_shopping_button{
	border: none;
	background-color: #999;
	padding: 22px 30px 22px 30px;
	font-weight: bold;
	color: #fff;
	margin: 0 10px;
	
	border-radius: 10px;
	
	transition: all .3s ease-in-out;
}
.wc-cart .send .continue_shopping_button:hover{
	background-color: #333;
}




.wc-cart .send input[type="submit"].to_customerinfo_button{
	border: none;
	padding: 22px 86px 22px 30px;
	font-weight: bold;
	color: #fff;
	margin: 0 10px;
	
	border-radius: 10px;
	transition: all .3s ease-in-out;
	
	position: relative;

background: #ff16d6 url("../images/cart/cart_btn.png") no-repeat right 10px top 5px;
	background-size: auto 140%;

}


@media (max-width: 767px) {
	.backprice a{
		display: inline-block;
		background: #fff;
		border-radius: 5px;
		padding: 12px 0 12px 60px;
		color: #ff16d6 !important;
		text-decoration: none;

		position: relative;


		overflow: visible;
	}
	.backprice a::before{
		content: "";
		background: #fff url("../images/page/itemsingle/caticon_figure.jpg") no-repeat center center;
		background-size: 60px 60px;
		border-radius: 33px;
		position: absolute;
		top: 0;
		left:0;

		width: 60px;
		height: 60px;

		/*border: 3px solid #ff16d6;*/
		box-sizing:content-box
	}

	#itempage .detail-right .item_option .optionCatTitleTxtL{
		font-weight: bold;
		font-size: 15px;
		background: #51a9ec;
		color: #fff;
		padding: 14px 19px 14px 65px;

		border-radius: 5px;
		border-left: transparent;
	}
	#itempage .detail-right .item_option .optionCatTitleTxtCap{
		padding: 10px 10px 5px 10px;
		font-size: 13px;
	}
	#itempage .detail-right .item_option .optionCatTitleTxtCap ul{
		margin-left: 1.2em;
		margin-bottom: 0;
	}
	#itempage .detail-right .item_option .optionCatTitleTxtCap ul li{
		list-style-type:disc;
		margin-bottom: 9px;
		line-height: 140%;

	}
	#itempage .detail-right .item_option .optionCatTitleArea .optionCatTitleNo{
		font-size: 12px;
	}
	
	#itempage .detail-right .btn_cart .skubutton {
		padding: 14px 80px 14px 20px;
	}
	#itempage .detail-right .btn_cart::before {
		content: "";
		background: url("../images/page/itemsingle/cartbtn.png") no-repeat 0 0;
		background-size: 60px 73px;
		position: absolute;
		bottom: -6px;
		right: 30px;
		width: 60px;
		height: 73px;
		z-index: 1;

		pointer-events: none;
	}
	#itempage .itemTopArea {
        margin-bottom: 10px;
        border: 1px solid #ccc;
        background: #fafafa;
        padding: 0 0 10px;
    }

	.optioncapimg{
		margin-top: 15px;
		overflow: hidden;
		border-radius: 5px;
		background: #fff;
		text-align: center;
	}

	.optioncapimg img{
		width: 100%;
		height: auto;
	}

	.quantityTxt{
		margin: 15px 10px 0;
	}

	.quantityTxt .quantityTitle{
		font-size: 14px;
	}
	.quantityTxt p{
		font-size: 12px;
		line-height: 140%;

	}
	



	#itempage .detail-right .item_option .appoptbox .optBody select{

		width:calc(100% - 160px);
	}


	.appoptbox{
		position: relative;
		min-height: 170px;
	}
	.appoptbox .optioncapimg{
		position: absolute;
		right: 10px;
		top: 0;
		width: 150px;
		margin-top: 5px;
	}


	.dlurlBox{
		padding: 15px;
		border: 1px solid #ddd;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	.dlurlBox .optBox{
		border: none;
		padding: 0;
		margin: 0 0 20px 0;
	}

	.dlurlBoxIn{
		display: none;
	}
	.moreUrl{
		cursor: pointer;
		text-align: center;
		padding: 10px 0;
	}

	#itempage .detail-right .item_option .dlurlPw {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#itempage .detail-right .item_option .dlurlPw .optTitle {
		background: #fff;
		vertical-align: middle;
		padding: 0 0;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 0;
		border-left: none;
		width: 68%;
	}
	#itempage .detail-right .item_option .dlurlPw .optBody {
		margin: 0 0 0 0;
		width: 20%;
	}
	#itempage .detail-right .item_option .optBox .optBody input[type="text"] {
		width: 100%;
	}
	#itempage .detail-right .item_option .dlurlBox .optBox{
		margin: 0 0 5px 0 ;
	}
	#itempage .detail-right .item_option .dlurlBox .optBox.dlurlPw{
		margin: 0 0 10px 0 ;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ddd;
	}


	.sizeop-btns{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap:4px 0;
		margin-top: 10px;
	}
	.sizeop_btn a{
		display: block;
		height: 100%;
		text-decoration: none;
		border-radius: 8px;
		font-size: 14px;
		position: relative;
		padding-right: 10px;
	}
	.sizeop_btn a::after{
		content: "";
		position: absolute;
		width: 12px;
		height: 12px;
		background:  url("../images/page/itemsingle/dlurl_icon_window.png?v=003") no-repeat left 0 center;
		background-size: 11px 11px;
		top: 50%;
		right: 5px;
		transform:  translateY(-50%);
	}
	.sizeop_btn a:hover,.sizeop_btn a:active,.sizeop_btn a:focus{
		text-decoration: none;
	}
	.sizeop_btn a span::before{
		content: "";
		position: absolute;
		width: 18px;
		height: 18px;
		background:  url("../images/page/itemsingle/dlurl_icon_arrow.png?v=04") no-repeat left 0 center;
		background-size: 15px 15px;
		top: 50%;
		left: 4px;
		transform:  translateY(-50%);
	}
	.btn_simu1 a{
		color: #fff !important;
		text-align: center;
		width: 100%;
		display: block;
		background-color: #00abef;
	}
	.btn_simu1 a span{
		background: url("../images/page/goods/spcase/icon_simu.svg?v=002") no-repeat right 3px center;
		background-size: 32px 32px;
        padding: 22px 40px 22px 30px;
		display: inline-block;
	}

	.btn_simu2 a{
		color: #fff !important;
		text-align: center;
		width: 100%;
		display: block;
		background-color: #FF6D00;
	}
	.btn_simu2 a span{
		background: url("../images/page/itemsingle/dlurl_icon_02.png?v=017") no-repeat right 3px center;
		background-size: 32px 32px;
        padding: 22px 37px 22px 20px;
		display: inline-block;
		letter-spacing: -0.05em;
	}
	.btn_dl a{
		color: #fff !important;
		text-align: center;
		width: 100%;
		display: block;
		background-color: #ff16d6;
	}
	.btn_dl a span{
		background: url("../images/page/itemsingle/dlurl_icon_03.png?v=006") no-repeat right 3px center;
		background-size: 42px 42px;
        padding: 22px 48px 22px 30px;
		display: inline-block;
	}



	
	
	/* カートページ*/

	.cart_page_title span{
		display: block;

		background: url("../images/cart/cart_title.png") no-repeat left top;
		background-size: auto 100%;

		padding: 5px 0 5px 50px;

	}
	
	
	.wc-cart .send .continue_shopping_button{
		border: none;
		background-color: #999;
		padding: 15px 10px 15px 10px;
		font-weight: bold;
		color: #fff;
		margin: 0 5px;

		border-radius: 10px;

		transition: all .3s ease-in-out;
		font-size: 13px;
	}
	.wc-cart .send .continue_shopping_button:hover{
		background-color: #333;
	}




	.wc-cart .send input[type="submit"].to_customerinfo_button{
		border: none;
		padding: 15px 76px 15px 10px;
		font-weight: bold;
		color: #fff;
		margin: 0 5px;
		font-size: 13px;

		border-radius: 10px;
		transition: all .3s ease-in-out;

		position: relative;

	background: #ff16d6 url("../images/cart/cart_btn.png") no-repeat right 10px top 3px;
		background-size: auto 140%;

	}


	
}


.cartTotalPriceLabel_cart{
	font-size: 100%;
	font-weight: 500;
	display: inline-block;
	padding: 0 0 0 0;
	
	color: #ED5B14;
}
.cartTotalPriceLabel_cart span{
	font-size: 80%;
	color: #666;
}
span.carttaxprice{
	font-size: 90%;
	color: #666;
	display: block;
	margin-top: 5px;
	font-weight: 500;
}


.storycontent div.tax_inc_block{
	display: inline-block;
	margin-bottom: 0;
	margin-left: 5px;
	font-weight:bold;
	color: #ED5B14;
	font-size: 22px;
}
.storycontent #itempage .field .field_price{
	color: #333;
	font: 14px;
}


.storycontent div.tax_out_block{
	display: inline-block;
	margin-bottom: 0;
	margin-left: 5px;
	font-weight:normal;
}



.customizeFlow{
	width:900px !important;
}

.customizeFlow .pdfHowto.flexB{
	justify-content: space-between;
}
.customizeFlow .pdfHowto.flexB  .pdfHowtoTxt{
	width:56%;
}

.customizeFlow .pdfHowto.flexB  .pdfHowtoImg{
	width:40%;
}
.customizeFlow .pdfHowtoImg > picture{
	width: 100%;
	display: block;
}
.customizeFlow .pdfHowtoImg > picture > img{
	width:100%;
	height: auto;
    border: 2px solid #eee;
	box-sizing:border-box;
	display: inline-block;
	margin-bottom: 20px;
}

.customizeFlow .pdfHowtoTxt p{
	line-height: 180%;
	font-size: 16px;
}

.customizeFlow .h3TitlePdt1{
	border-left: none;
	text-align: center;
	padding:  60px 10px 10px 0 !important;
	border-top: 1px solid #ddd;
		
}
.customizeFlow .h3TitlePdt1::before{
	top:20px  !important;
}
@media (max-width: 767px) {

	


	.customizeFlow{
		width:94% !important;
	}

	.customizeFlow .pdfHowto.flexB{
		justify-content: space-between;
	}
	.customizeFlow .pdfHowto.flexB  .pdfHowtoTxt{
		width:100%;
	}

	.customizeFlow .pdfHowto.flexB  .pdfHowtoImg{
		width:100%;
	}
	.customizeFlow .pdfHowtoImg > picture{
		width: 100%;
		display: block;
	}
	.customizeFlow .pdfHowtoImg > picture > img{
		width:100%;
		height: auto;
		border: 2px solid #eee;
		box-sizing:border-box;
		display: inline-block;
		margin-bottom: 20px;
	}

	.customizeFlow .pdfHowtoTxt p{
		line-height: 180%;
		font-size: 16px;
	}



}


/*片面両面判別*/

.cTxtGr a{
	display: block;
}
.noactive{
	opacity: .5;
}
.noactive a{
	pointer-events: none;
	opacity: .8;
	color: #999 !important;
	text-decoration: none;

}








/*インデックスページ　一覧切り替え*/


.pdtIndexTabs{
	margin: 10px 0 20px;
	text-align: center;
}
.pdtIndexTabs ul{
	display: inline-flex;
	justify-content: center;
	gap:0 10px;
	padding: 7px;
	border: 2px solid #eee;
	background: #eee;
	border-radius: 50px;
	margin-bottom: 0;
}

.pdtIndexTabBtn{
	padding: 10px 23px 10px 23px;
	font-size: 16px;
	line-height: 100%;
	text-align: center;
	
	cursor: pointer;
	font-weight: bold;
	
    background: #fff no-repeat right 7px center;
	background-size: 12px auto;	
	
	color: #000;
	
	border-radius: 50px;
	transition: all .2s ease-in-out;
	
	
}
.pdtIndexTabBtn:hover{
	padding: 10px 28px 10px 18px;
    background: #fff url(../images/page/icon_arrow_tabactive.png) no-repeat right 7px center;
	background-size: 15px auto;	
}
.pdtIndexTabBtn.active{
	padding: 10px 28px 10px 18px;
    background: #666 url(../images/page/icon_arrow_tabactive.png) no-repeat right 7px center;
	background-size: 15px auto;	
	color: #fff;
}





@media (max-width: 767px) {

	.pdtIndexTabs ul{
		display: inline-flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap:6px 6px;
		padding: 4px 10px;
		border: 1px solid #eee;
		border-radius: 10px;
	}

	.pdtIndexTabBtn{
		padding: 5px 18px 5px 18px;
		font-size: 13px;
		border-radius: 30px;


	}
	.pdtIndexTabBtn:hover{
		padding: 5px 18px 5px 18px;
		background: #fff url(../images/page/icon_arrow_tabactive.png) no-repeat right 7px center;
		background-size: 10px auto;	
	}
	.pdtIndexTabBtn.active{
		padding: 5px 18px 5px 18px;
		background: #666 url(../images/page/icon_arrow_tabactive.png) no-repeat right 7px center;
		background-size: 10px auto;	
		color: #fff;
	}



}



/*インデックスデザイン修正*/

.pdtTopBtns{
	text-align: center;
	margin-bottom: 30px;
}

ul.pdtTopBtn{
	display: flex;
	justify-content: center;
	gap:0 10px;
}

ul.pdtTopBtn li{
}
ul.pdtTopBtn li a{
	display: block;
	padding: 20px 50px;
	
	border-radius: 40px;
	
	/*border: 3px solid #ff3dfe;*/
	background: #ff16d6;
	text-decoration: none;
	
	color: #fff !important;
	position: relative;
}

ul.pdtTopBtn li a::after{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top: 50%;
	right: 30px;
	transform: rotate(45deg) translateY(-50%);

}





.campBanaArea{
	padding: 60px 0 0 0;
	position: relative;
}
.campBanaArea::before{
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) scale(1);
	width: 4px;
	height: 30px;
	background: #00aaef;
	border-radius: 3px;
	animation: scaleAnm 3s infinite ease-in-out;

}
.campBanaArea::after{
	content: "";
	position: absolute;
	top: 13px;
	left: 50%;
	transform: translateX(-50%) scale(1);
	width: 30px;
	height: 4px;
	background: #00aaef;
	border-radius: 3px;
	animation: scaleAnm 3s infinite ease-in-out;
}



.campTitle{
	padding: 0;
	font-size: 38px;
	font-weight: 700;
	color: #444;
	border: 0;
	position: relative;
	text-align: center;
	margin: 0 0 30px;
	
	letter-spacing: .05em;
}
.campTitle span.titleStxt{
	font-size: 30px;
}
.pgTitleCampIn .campTitle{
	padding: 0;
	font-size:inherit;
	font-weight: 700;
	color: #444;
	border: 0;
	position: relative;
	text-align: left;
	margin: 0 0 30px;
	
	letter-spacing: .05em;
	
	border-left: 3px solid #F90;
    padding: 0 0 0 8px;
    margin: 0 0 6px 0;
    font-weight: bold;
    line-height: 100%;
	
}

.campBanaBox{
    margin-bottom: 20px;
    margin-top: 40px;
    padding: 40px;
    background: rgba(194,218,236,0.10);
    border: 2px solid rgba(216,239,239,1.00);
    border-radius: 30px;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	gap:2%; 
}

.campBanaBox > div{
	width: 32%;
}
.campBanaBox > div img{
	width: 100%;
	height: auto;
	
	display: block;
	border-radius: 7px;
}




@keyframes scaleAnm {
  0%   { transform: translateX(-50%) scale(1);}
  50%  { transform: translateX(-50%) scale(1.5);}
  100% { transform: translateX(-50%) scale(1);}
}

@keyframes scaleAnm2 {
  0%   { transform: scale(1);}
  50%  { transform: scale(1.1);}
  100% { transform: scale(1);}
}


@media (max-width: 767px) {

	.campTitle{
		padding: 0;
		font-size: 26px;
		font-weight: 700;
		color: #444;
		border: 0;
		position: relative;
		text-align: center;
		margin: 0 0 20px;

		letter-spacing: .05em;
	}
	.campTitle span.titleStxt{
		font-size: 22px;
	}

	.campBanaBox{
		margin-bottom: 20px;
		margin-top: 20px;
		padding: 20px;
		background: rgba(194,218,236,0.10);
		border: 2px solid rgba(216,239,239,1.00);
		border-radius: 20px;

		display: flex;
		flex-wrap: wrap;
		justify-content: center;

		gap:10px; 
	}

	.campBanaBox > div{
		width: 100%;
	}
	.campBanaBox > div img{
		width: 100%;
		height: auto;

		display: block;
		border-radius: 7px;
	}

}