*{ box-sizing: border-box;}

/*-----------------------------------------------
共通
------------------------------------------------*/
.text_1000 {
	width: 1000px;
	margin: 0 auto 30px auto;
}

/*-----------------------------------------------
見出し
------------------------------------------------*/
.h_green {
	width: 100%;
	height: 139px;
	/*background: url(../../../../_images/type/_common/item_data_line.gif) repeat;*/
	background: repeating-linear-gradient(135deg, #02cc99, #02cc99 15px, #35d6ad 15px, #35d6ad 30px);
	color: #FFF;
	margin-bottom: 50px;
	font-size: 50px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .01em;
	line-height: 130px;
	position: relative;
	border-bottom: 10px solid #fff600;
}

.h_green:after {
	content:"";
	width: 0;
	height: 0;
	margin: 0 0 0 -13px;
	border-right: 35px solid transparent;
	border-top: 35px solid #fffb00;
	border-left: 35px solid transparent;
	position: absolute;
	bottom: -35px;
	left: 50%;
}


/*黄色下線+下矢印付き*/
.title-stripe{
	color: #fff;
	margin: 0 0 50px;
	font-size: 50px;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
	border-bottom: 10px solid #fff600;
	position: relative;
}
.title-stripe:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 35px solid transparent;
	border-top: 35px solid #fffb00;
	position: absolute;
	bottom: -70px;
	left: 0;
	right: 0;
	margin: auto;
}

/*背景緑ストライプ*/
.title-stripe.bgGreen{
	background: repeating-linear-gradient(135deg, #02cc99, #02cc99 15px, #35d6ad 15px, #35d6ad 30px);
}

/*背景黄色ストライプ*/
.title-stripe.bgYellow{
	background: repeating-linear-gradient(135deg, #fff442, #fff442 7px, #fff990 7px, #fff990 14px);
	color: #111;
}

/*背景水色ストライプ*/
.title-stripe.bgLblue{
	background: repeating-linear-gradient(135deg, #87e8fa, #87e8fa 7px, #b8f1fc 7px, #b8f1fc 14px);
	color: #111;
	border-bottom-color: #63defa;
}
.title-stripe.bgLblue:after{
	border-top-color: #63defa;
}

/*背景ピンクストライプ*/
.title-stripe.bgPink{
	background: repeating-linear-gradient(135deg, #ffced6, #ffced6 7px, #ffdbe1 7px, #ffdbe1 14px);
	border-bottom-color: #ffbdc8;
	color: #111;
}
.title-stripe.bgPink:after{
	border-top-color: #ffbdc8;
}

/*背景黄緑ストライプ*/
.title-stripe.bgYgreen{
	background: repeating-linear-gradient(135deg, #c2ffc2, #c2ffc2 7px, #a1f1a1 7px, #a1f1a1 14px);
	border-bottom-color: #a1f1a1;
	color: #111;
}
.title-stripe.bgYgreen:after{
	border-top-color: #a1f1a1;
}


/*-----------------------------------------------
オススメアイテム
------------------------------------------------*/
.osusume_item { margin-bottom: 60px; }
.osusume_item .osusume_h3,
.osusume_2item .osusume_h3 {
	width: 100%;
	height: 125px;
	background: url(../../../../_images/type/_common/osusume_line.gif) repeat-x bottom;
	margin-bottom: 50px;
	text-align: center;
	position: relative;
}
.osusume_item .osusume_h3:after,
.osusume_2item .osusume_h3:after {
	content:"";
	width: 0;
	height: 0;
	border-right: 25px solid transparent;
	margin: 0 0 0 -13px;
	border-top: 25px solid #fffb00;
	border-left: 25px solid transparent;
	position: absolute;
	bottom: -25px;
	left: 50%;
}

.osusume_item_li {
	width: 1000px;
	margin: 0 auto;
}

.osusume_item_li li { margin-bottom: 50px; }

/*----right_cont----*/
.osusume_item_li .item_li_h {
	color: #FFF;
	margin-bottom: 25px;
	padding: 25px;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	letter-spacing: .1em;
}


.osusume_item_li li:nth-child(1n) .item_li_h { background: linear-gradient(#fc391f 50%, #ee2b11 50%); }
.osusume_item_li li:nth-child(2n) .item_li_h { background: linear-gradient(#3fc4d9 50%, #34b6cb 50%); }
.osusume_item_li li:nth-child(3n) .item_li_h { background: linear-gradient(#6bba1a 50%, #5ba212 50%); }
.osusume_item_li li:nth-child(4n) .item_li_h { background: linear-gradient(#d55ed4 50%, #b953b7 50%); }


.osusume_item_li .osusume_cont {
	background: url(../../../../_images/type/_common/osusume_back.gif) repeat;
	padding: 30px;
	box-shadow: 6px 6px #fffb28;
	position: relative;
}
.osusume_item_li .osusume_cont .right_cont {
	width: 460px;
	float: right;
}

/*---------商品---------*/
.osusume_cont .right_cont .number_brand {
	margin-bottom: 15px;
}
.osusume_cont .right_cont .number_brand span.number{
	display: inline-block;
	height: auto;
	background-color: #a3389d;
	color: #fff;
	margin-right: 10px;
	padding: 3px 30px 3px 15px;
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	position: relative;
}
.osusume_cont .right_cont .number_brand span.number:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 18px solid transparent;
	border-right: 10px solid #f0ecde;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.osusume_cont .osusume_h5 {
	margin-bottom: 15px;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.5em;
	letter-spacing: .06em;
}
.osusume_cont .osusume_h5 span { 
	background: #FFF;
	padding: 0 3px;
}

.osusume_cont .right_cont .price {
	background: url(../../../../_images/type/_common/price_line.gif) repeat-x bottom;
	margin-bottom: 15px;
	padding-bottom: 25px;
	text-align: right;
	position: relative;
}
.osusume_cont .right_cont .price .price_img {
	padding-right: 165px;
}
.osusume_cont .right_cont .price .price_off {
	position: absolute;
	top: -10px;
	right: 20px;
}
.osusume_cont .right_cont .text_box {
	min-height: 155px;
	background: url(../../../../_images/type/_common/text_paper_458.gif) no-repeat;
	background-size: cover;
	margin-bottom: 25px;
}
.osusume_cont .right_cont .text_box p {
	padding: 60px 25px 13px 25px;
	font-size: 13px;
}

/*商品-価格*/
.right_cont .priceBox{
	padding-right: 160px;
}
.right_cont .priceBox dl{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	color: #737069;
	margin: 10px 0;
	font-weight: 600;
}
.right_cont .priceBox dl.price_maker{
	font-size: 22px;
}
.right_cont .priceBox dl.price_maker dt{
	flex-shrink: 0;
	width: 100px;
	background-color: #737069;
	color: #fff;
	margin-right: 5px;
	padding: 2px;
	font-size: 14px;
	line-height: 1.1em;
	text-align: center;
}
.right_cont .priceBox dl.price_mall{
	color: #222;
	margin-bottom: 5px;
	padding: 8px 0;
	border-bottom: 1px dashed #776161;
}
.right_cont .priceBox dl.price_mall dt{
	flex-shrink: 0;
	width: 55px;
	background-color: #333;
	color: #fff;
	margin-right: 5px;
	padding: 2px;
	font-size: 14px;
	line-height: 1.1em;
	text-align: center;
}
.right_cont .priceBox dl.price_mall dd{
	color: #ff2621;
	font-size: 20px;
	vertical-align: baseline;
}
.right_cont .priceBox dl.price_mall dd em{
	margin-right: 5px;
	font-size: 55px;
	font-weight: 600;
	vertical-align: baseline;
}
.right_cont .priceBox dl.price_mall-tax{
	margin: 0;
	font-size: 18px;
}

.right_cont .priceBox dd,
.right_cont .priceBox dl.price_mall-tax{
	text-shadow:
       3px  3px 1px #fff,
      -3px  3px 1px #fff,
       3px -3px 1px #fff,
      -3px -3px 1px #fff,
       3px  0px 1px #fff,
       0px  3px 1px #fff,
      -3px  0px 1px #fff,
       0px -3px 1px #fff;
}

/*----left_cont----*/
.osusume_item_li .osusume_cont .left_cont {
	width: 450px;
	margin-right: 30px;
	float: left;
}

/*----商品仕様イメージ----*/
.item_img .bx-next {
	display: block;
    width: 76px;
    height: 76px;
    background: url(../../../../_images/type/_common/next_arrow.png) no-repeat;
	background-size: contain;
	text-indent: 100%;
	overflow: hidden;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    position: absolute;
    right: -38px;
	top: 50%;
	z-index: 100;
}
.item_img .bx-prev {
	display: block;
    width: 76px;
    height: 76px;
    background: url(../../../../_images/type/_common/prev_arrow.png) no-repeat;
	background-size: contain;
	text-indent: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	overflow: hidden;
    position: absolute;
    left: -38px;
	top: 50%;
	z-index: 100;
}

.item_img .bx-wrapper {
	margin-bottom: 20px;
	height: 460px;
}

.item_img .bxslider li {
	border: 1px solid #c3b8ac;
}

.item_img .pager_list li {
	width: 58px;
	margin: 0 7px 10px 0;
	border: 1px solid #c3b8ac;
	float: left;
}
.item_img .pager_list li:nth-child(7n) {
	margin: 0 0 10px 0; 	
}
.item_img .pager_list .active {
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.bx-viewport li {
	min-height: 1px;
	min-width: 1px;
	width: 450px !important;
	height: 460px !important;
	z-index: 99;
}
.bx-clone {display: none;}

.bx-wrapper li img,
.item_img .pager_list li img {
	width: 100%;
	height: auto;
}


/*-----------------------------------------------
お問い合わせはこちら
------------------------------------------------*/
.use_contact {
	width: 1000px;
	margin: 0 auto 60px auto;
	position: relative;
}
.use_contact_btn {
	position: absolute;
	top: 355px;
	left: 90px;
}



/*-----------------------------------------------
手書き原稿対応いたします。
------------------------------------------------*/

.tegaki_design {
	border: 3px solid #211a1a;
	padding: 4px;
	position: relative;
	text-align: center;
	margin: 40px 0 50px 0;
}
.tegaki_design_cont {
	border: 1px solid #211a1a;
	padding-top: 50px;
}
.tegaki_design_cont h3  {
	font-weight: 700;
	font-size: 22px;
	position: absolute;
	background: url(../../../../_images/making/design/h_tegaki.png) no-repeat;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 473px;
	height: 64px;
}
.tegaki_design_cont h3 span {
	font-size: 30px;
	color: #fc391f;
	display: block;
	margin-bottom: 15px;
}

/*--デザインデータをお持ちでない方必見です--*/
.tegaki_design_cont dl { margin-top: 35px;}
.tegaki_design_cont dl dt {
	font-size: 19px;
	font-weight: 700;
	color: #FFF;
	height: 50px;
	line-height: 50px;
	background: #fc391f;
	width: 100%;
	position: relative;
	margin-bottom: 40px;
}
.tegaki_design_cont dl dt:before {
	content: url(../../../../_images/making/design/medal.png);
	display: block;
	position: absolute;
	left: 75px;
	top: -8px;
}
.tegaki_design_cont dl dd {
	padding: 0 45px 35px 45px;
	text-align: left;	
}
.tegaki_design_cont .ps {
	font-size: 13px;
}


/*-----------------------------------------------
納品までの流れ
------------------------------------------------*/

.flow_cont { margin-bottom: 50px; }
.flow_cont img { 
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 40px;
}

.flow_cont .flow_day {
	padding: 30px;
	box-sizing: border-box;
	font-weight: 700;
	border-radius: 10px;
	position: relative;
	border: 5px solid #005e89;
	text-align: center;
}

.flow_cont .flow_day:before{
	content: "";
	position: absolute;
	top: -38px;
	left: 50%;
 	margin-left: -17px;
	border: 22px solid transparent;
	border-bottom: 23px solid #FFF;
 	z-index: 2;
}

.flow_cont .flow_day:after{
	content: "";
	position: absolute;
	top: -45px;
	left: 50%;
 	margin-left: -17px;
	border: 22px solid transparent;
	border-bottom: 23px solid #005e89;
 	z-index: 1;
}


.flow_cont .flow_day {
	font-size: 20px;
	letter-spacing: .16em;
}
.flow_cont .flow_day .day .yellow_line {
	background: linear-gradient(transparent 50%, #fff25c 0%);
	padding: 0 5px;
	font-weight: 700;
	color: #005e89;
}
.flow_cont .flow_day .ps {
	color: #4f4e55;
	font-size: 13px;
	padding-top: 5px;
}



/*-----------------------------------------------
他のアイテムをチェックする
------------------------------------------------*/
.other_item { margin-bottom: 45px; }
.other_item .other_item_h{
	background: #fef1fe url(../../../../_images/type/_common/other_line.gif) repeat-x top;
	color: #a3389d;
	margin-bottom: 30px;
	padding: 30px 0 20px 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 27px;
	text-align: center;
	letter-spacing: .1em;
	border-bottom: 7px solid #fffb00;
	position: relative;
}
.other_item .other_item_h:before{
    content: "";
	display: inline-block;
	width: 26px;
	height: 27px;
	background: url(../../../../_images/type/_common/other_icon.gif) no-repeat;
	margin-right: 20px;
}
.other_item .other_item_h:after {
    content: "";
    width: 0;
    height: 0;
    margin: 0 0 0 -13px;
    border-right: 25px solid transparent;
    border-top: 25px solid #fffb00;
    border-left: 25px solid transparent;
    position: absolute;
    bottom: -25px;
    left: 50%;
}

.other_item {
	margin-bottom: 45px;
}
.other_item ul{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 25px;
}
.other_item ul > li {
	width: 230px;
    transition: all  0.3s ease;
	position: relative;
}

.other_item ul > li:after {
	content: "";
	background: #777;
	width: 50%;
	max-width:300px;
	box-shadow: 0 15px 10px #777;
	transform: rotate(3deg);
	position: absolute;
	bottom: 15px;
	right: 10px;
	left: auto;
	top: 80%;
	z-index: -1;
}
.other_item ul > li:hover {
	opacity: 0.7;
}