@import "default.css";
@import "standard.css";

body{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "MS P ゴシック", "MS P Gothic", "sans-Serif";
	font-size: 16px;
	color: #333333;
	-webkit-text-size-adjust: none;
}

/* スタイル
------------------------------------------------ */

/* ヘッダー */
header{
	padding-bottom: 30px;
	background: #FFF;
}
header #inbox{
	width: 1000px;
	margin: 0 auto;
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: 'Noto Sans JP', sans-serif;
}
header #logo{
	width: 360px;
	float: left;
}

header #contact{
	width: 390px;
	padding-top: 26px;
	float: right;
}
header #contact .tel{
	width: 205px;
	float: left;
}
header #contact .tel a{
	color: #000;
	text-decoration: none;
}
header #contact .tel .phone{
	text-align: center;
}
header #contact .tel .phone dt{
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
	position: relative
}
header #contact .tel .phone dt a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f879";
	font-weight: 900;
	font-size: 18px;
	padding-right : 5px;
	color: #199115;
	top:0;
	left: 0;
	position:absolute;
}
header #contact .tel .phone dd{
	font-size: 10px;
}
header #contact .estimate{
	width: 170px;
	text-align: center;
	float: right;
}
header #contact .estimate li{
	font-size: 16px;
	font-weight: bold;
}
header #contact .estimate li a{
	padding: 6px 0;
	background: #FFF;
	color: #199115;
	text-decoration: none;
	border: 1px solid #199115;
	border-radius: 50px;
	display: block;
}
header #contact .estimate li span{
	padding-left: 30px;
	position: relative;
}
header #contact .estimate li span::before{
	content: "";
	width: 24px;
	height: 25px;
	background: url(../image/common/header_contact_icon.png) no-repeat;
	background-size: contain;
	top: 0;
	left: 0;
	position: absolute;
}
header #contact .estimate a:hover{
	background:rgba(25, 145, 21, 0.1 ); 
}

/* フッター */
footer{
	background: #F7F7F7;
}
#foot{
	width: 1020px;
	margin: 0 auto;
	padding: 60px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#foot .left{
	width: 400px;
	padding-top: 20px;
}
#foot .left .logo{
	width: 180px;
	margin-bottom: 20px;
}
#foot .left .logo img{
	width: 100%;
}
#foot .left .detail{
	margin-bottom: 20px;
}
#foot .left .detail li{
	margin-bottom: 5px;
}
#foot .left .detail a{
	text-decoration: none;
	color: #000;
}
#foot .right{
	width: 600px;
}

#copyright{
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
	letter-spacing: .2em;
	text-indent: .2em;
	background: #1E50AF;
}
#copyright a{
	text-decoration: none;
	color: #FFF;
}
#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: #91CC00;
	position: fixed;
	z-index: 9999;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
}
#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}

/* ナビゲーション
------------------------------------------------ */
#gnavi{
	background: #1E50AF;
}
#gnavi ul{
	width: 980px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#gnavi li{
	width: 20%;
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-align: center;
}
#gnavi li a{
	padding: 10px 0;
	color: #FFF;
	text-decoration: none;
	display: block;
}
#gnavi li a:hover,
#p_top #gnavi li.top a,
#p_about #gnavi li.about a,
#p_products #gnavi li.products a,
#p_company #gnavi li.company a,
#p_contact #gnavi li.contact a{
	background: #61C0F9;
}
#gnavi li a span{
	padding: 10px 20px;
	border-right: 2px dotted #FFF;
	display: block;
}
#gnavi li.top a span{
	border-left: 2px dotted #FFF;
}
#gnavi li a i{
	margin-right: 8px;
	font-size: 1.3em;
}

/*サイドナビ*/
#side li a:hover{
	opacity: .7;
}
#side .list_first{
	margin-bottom: 14px;
}
#side .list_first li{
	margin-bottom: 6px;
	font-weight: bold;
	text-align: center;
}
#side .list_first li a{
	display: block;
	border-radius: 10px;
	color: #FFF;
	text-decoration: none;
	position: relative;
}
#side .list_first .mitsumori a{
	color: #333;
	border: 2px solid #CE191E;
}
#side .list_first .mitsumori a b{
	padding: 2px 0;
	font-size: 18px;
	display: block;
	color: #FFF;
	background: #CE191E;
	position: relative;
}
#side .list_first .mitsumori a b::after{
	content: "";
	background: url(../image/common/navi_icon_white.svg) no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	top: 8px;
	right: 8px;
	position: absolute;
}
#side .list_first .mitsumori a span{
	padding: 3px 0;
	font-weight: normal;
	display: block;
}
#side .list_first .beginner a{
	height: 60px;
	padding-left: 28px;
	 background: linear-gradient(180deg, #F5BC15 0%, #F5BC15 50%, #F69021 50%, #F69021 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#side .list_first .beginner a::before{
	content: "";
	background: url(../image/common/side_biginner.png) no-repeat;
	background-size: contain;
	width: 30px;
	height: 43px;
	top: calc( 50% - 22px);
	left: 14px;
	position: absolute;
}
#side .list_first .beginner a::after{
	content: "";
	background: url(../image/common/navi_icon_white.svg) no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	top: calc( 50% - 6px);
	right: 8px;
	position: absolute;
}
#side .list_first .order a{
	height: 60px;
	padding-left: 28px;
	 background: linear-gradient(180deg, #F5BC15 0%, #F5BC15 50%, #F69021 50%, #F69021 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#side .list_first .order a::before{
	content: "";
	background: url(../image/common/order_ico.svg) no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	top: calc( 50% - 20px);
	left: 8px;
	position: absolute;
}
#side .list_first .order a::after{
	content: "";
	background: url(../image/common/navi_icon_white.svg) no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	top: calc( 50% - 6px);
	right: 8px;
	position: absolute;
}
#side .list_first .online a{
	height: 65px;
	padding-left: 18px;
	background: linear-gradient(180deg, #63C4CD 0%, #63C4CD 50%, #16B0BC 50%, #16B0BC 100%);
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#side .list_first .online a::before{
	content: "";
	background: url(../image/common/zoom_logo_icon.svg) no-repeat;
	background-size: contain;
	width: 40px;
	height: 40px;
	top: calc( 50% - 20px);
	left: 8px;
	position: absolute;
}
#side .list_first .online a::after{
	content: "";
	background: url(../image/common/navi_icon_white.svg) no-repeat;
	background-size: contain;
	width: 14px;
	height: 12px;
	top: calc( 50% - 6px);
	right: 8px;
	position: absolute;
}

#side .list_products{
	margin-bottom: 16px;
}
#side .list_products li{
	margin-bottom: 6px;
}
#side .list_products li a{
	padding: 8px 0;
	padding-left: 42px;
	color: #050505;
	text-decoration: none;
	display: block;
	border-radius: 8px;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
	background: #FFF;
	border: 1px solid #EEE;
	position: relative;
}
#side .list_products li a:before{
	content: "";
	width: 24px;
	height: 20px;
	left: 8px;
	position: absolute;
}
#side .list_products li.businesscard a:before{
	background: url(../image/common/side_businesscard.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.card a:before{
	background: url(../image/common/side_card.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.postcard a:before{
	background: url(../image/common/side_postcard.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.greetingcard a:before{
	background: url(../image/common/side_greetingcard.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.envelope a:before{
	background: url(../image/common/side_envelope.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.paymentslip a:before{
	background: url(../image/common/side_paymentslip.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.flyer a:before{
	background: url(../image/common/side_flyer.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.sticker a:before{
	background: url(../image/common/side_sticker.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.website a:before{
	background: url(../image/common/side_website.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.design a:before{
	background: url(../image/common/side_arrange.svg) no-repeat center center;
	background-size: contain;
}
#side .list_products li.etc a:before{
	background: url(../image/common/side_etc.svg) no-repeat center center;
	background-size: contain;
}

/* モーダルメニュー */
header .sp_tel{
	display: none;
}

/* Hタグ
------------------------------------------------ */

h2.title{
	margin-bottom: 30px;
	padding: 8px 0;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 700;
	text-align: center;
	border-top: 3px solid #199114;
	border-bottom: 3px solid #199114;
}
h3.title{
	margin-bottom: 30px;
	padding: 10px 36px;
	font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	color: #000;
	background: #F2F6E9;
	position: relative;
}
h3.title::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 22px solid transparent;
    border-left: 22px solid #199114;
    position: absolute;
    z-index: 100;
}
h3.title span{
	font-size: 14px;
}
h3.title2{
	margin-bottom: 30px;
	padding: 5px 0;
	color: #CE191E;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #CE191E;
}
h3.title3{
	margin-bottom: 4px;
	color: #000;
	font-size: 22px;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
}
.h3_title3_en{
	margin-bottom: 30px;
	font-size: 14px;
	text-align: center;
	color: #427A95;
}
h3.title4{
	width: 506px;
	margin: 0 auto 30px;
	padding: 15px 10px;
	text-align: center;
	color: #199114;
	font-size: 20px;
	font-weight: bold;
	background: #FFF;
	border: 3px dotted #8EC220;
	border-radius: 20px;
	box-sizing: border-box;
	position: relative;
}
h3.title4:after{
	content: "";
	margin: 0 auto;
	width: 18px;
	height: 18px;
	left: 0;
	right: 0;
	bottom: -12px;
	border-top: 3px dotted #8EC220;
	border-right: 3px dotted #8EC220;
	background-color: #fff;
	transform: rotate(135deg);
	display: block;
	position: absolute;
}
h4.title{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
}
h4.title2{
	margin: 0 20px;
	margin-bottom: 30px;
	padding: 0 65px;
	color: #199114;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	position: relative;
}
h4.title2:before{
	width: 100%;
	height: 1px;
	content: '';
	background: #199114;
	top: calc(50% - 1px);
	left: 0;
	position: absolute;
}
h4.title2 span{
	padding: 0 1em;
	background: #fff;
	position: relative;
}

/* 共通
------------------------------------------------ */
#contents{
	width: 980px;
	margin: 0 auto 80px;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#contents #side{
	width: 212px;
}
#contents #main{
	width: 740px;
}

#contents .cbox{
	margin: 0 5px 80px;
}
#contents .cbox_m0{
	margin: 0 5px;
}
#contents .inbox{
	margin: 0 5px 60px;
}
#contents p{
	margin-bottom: 26px;
	line-height: 1.6em;
}
#contents p:last-child{
	margin-bottom: 0;
}
br.sp{
	display: none;
}
.anchor{
    display: block;
    padding-top: 40px;
    margin-top: -40px;
}

/*---コンタクト---*/
.contact_bn{
	border: 5px #1E50AF solid;
	padding: 30px;
	text-align: center;
}
.contact_bn dt{
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
}
.contact_bn dd.tel{
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact_bn dd.tel i{
	margin-right: 5px;
}
.contact_bn dd.tel i img{
	width: 40px;
	height: auto;
}
.contact_bn dd.tel a{
	font-size: 40px;
	font-weight: bold;
	color: #1E50AF;
	text-decoration: none;
}
.contact_bn dd.time{
	margin-bottom: 40px;
	padding: 10px;
	background: #1E50AF;
	font-weight: bold;
	color: #FFF;
}
.contact_bn ul.mail{
	display: flex;
	align-items: center;
	justify-content: center;
}
.contact_bn ul.mail li a{
	margin: 0 10px;
	padding: 10px;
	border: 1px #003366 solid;
	border-radius: 30px;
	text-decoration: none;
}

/*---テーブル---*/
table.stdt1{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-top: solid 1px #D6D6D6;
	background: #FFF;
}
table.stdt1 caption{
	text-align: left;
}
table.stdt1 th,
table.stdt1 td{
	border-bottom: solid 1px #D6D6D6;
	padding: 20px;
	text-align: left;
}
table.stdt1 th{
	background: #F5F5F5;
	white-space: nowrap;
	vertical-align: top;
	color: #333333;
}
table.stdt2{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-top: solid 1px #D6D6D6;
	background: #FFF;
}
table.stdt2 caption{
	text-align: left;
}
table.stdt2 th,
table.stdt2 td{
	border-bottom: solid 1px #D6D6D6;
	padding: 20px 15px;
	font-size: 14px;
	text-align: left;
}
table.stdt2 th{
	background: #F5F5F5;
	white-space: nowrap;
	vertical-align: top;
	color: #333333;
}

/*---お知らせ---*/
#news .log{
	padding: 0 20px;
}
#news .log dl{
	margin-bottom: 20px;
}
#news .log dl:last-child{
	margin-bottom: 0;
}
#news .log dt{
	margin-bottom: 6px;
	font-size: 16px;
	color: #f00;
}
/*---製品ラインナップ---*/
#products{
	margin: 0 5px;
	margin-bottom: 80px;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#products .item{
	width: 32%;
	margin-bottom: 20px;
	background: #F8F8F8;
	border: 5px solid #61C0F9;
	box-sizing: border-box;
}
#products .item:hover{
	border: 5px solid #1E50AF;
}
#products .item a{
	color: #333;
	text-decoration: none;
}
#products .item .photo{
	position: relative;
}
#products .item .photo img{
	width: 100%;
}
#products .item dl{
	padding: 10px 5px;
}
#products .item dt{
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#products .item dt span{
	position: relative;
}
#products .item dt span::after{
	content: ">";
	margin-left: 1em;
	font-weight: normal;
	position: absolute;
}
#products .item dd{
	font-size: 12px;
}

/* トップページ
------------------------------------------------ */
/*---お知らせー---*/
#p_top #news_list{
	width: 980px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 8px;
	border: 2px solid #91CC00;
	border-radius: 10px;
	box-sizing: border-box;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_top #news_list h2{
	width: 150px;
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-right: 2px solid #91CC00; 
}
#p_top #news_list .log dl{
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	font-size: 14px;
}
#p_top #news_list .log dl dt{
	width: 160px;
	text-align: center;
	color: #61AD65;
}
/*---スライダー---*/
#p_top .swiper-container {
	margin-bottom: 50px;
}
#p_top .swiper-slide img{
	width: 100%;
}
/*---商品一覧---*/
#p_top h2.products{
	margin-bottom: 30px;
	padding: 5px 0;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	background: #91E5FF;
}
#bn_link li img{
	width: 100%;
}
#bn_link li a:hover{
	opacity: .7;
}

/* お知らせ
------------------------------------------------ */
#p_news #fixed{
	font-size: 0;
}
#p_news .fixed{
	width: 320px;
	margin-right: 10px;
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: top;
}
#p_news .fixed:nth-child(3n){
	margin-right: 0;
}
#p_news .fixed dt{
	margin-bottom: 15px;
}
#p_news .fixed dt img{
	width: 320px;
	height: auto;
}
#p_news .fixed dd{
	font-size: 14px;
}
#p_news .cbox img{
	padding: 5px;
}

/* デザイン校正
------------------------------------------------ */
#single{
	width: 980px;
	margin: 0 auto 80px;
}

/* 当店について
------------------------------------------------ */
#p_about #nayami .wrap{
	padding: 30px 10px 10px;;
	background: url(../about/image/nayami_bg.jpg) no-repeat;
	background-position: right -102px top -68px;
}
#p_about #nayami .lead{
	font-size: 26px;
	font-weight: bold;
	color: #199114;
}
#p_about #nayami .worry{
	margin-bottom: 50px;
	padding-top: 30px;
	position: relative;
}
#p_about #nayami .worry li{
	width: 540px;
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: bold;
	border-bottom: #707070 dotted 1px;
	padding-left: 32px;
	position: relative;
}
#p_about #nayami .worry li:last-child{
	border-bottom: none;
}
#p_about #nayami .worry li::before{
	content: "";
	width: 16px;
	height: 16px;
	top: 4px;
	left: 4px;
	background: url(../about/image/icon_check.png) no-repeat;
	position: absolute;
}
#p_about #nayami .image{
	position:absolute;
	top: 0;
	right: 20px;
}
#p_about #nayami .arrow{
	width: 0;
	margin: 0 auto 20px;
	border-top: 16px solid #FF5100;
	border-right: 27px solid transparent;
	border-left: 27px solid transparent;
}
#p_about #nayami .omakase{
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
	color: #FF5100;
	text-align: center;
}
#p_about #nayami .omakase span{
	padding: 0 30px;
	display: inline-block;
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 65%, #ffff2a 0%) repeat scroll 0 0;
	position: relative;
	display: inline-block;
}
#p_about #nayami .omakase span:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 34px;
	height: 3px;
	background-color: #FF5100;
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
#p_about #nayami .omakase span:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 34px;
	height: 3px;
	background-color: #FF5100;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
#p_about #nayami .omakase span:before{
	left: -6px;
}
#p_about #nayami .omakase span:after{
	right: -6px;
}

/*---トクプリにお任せください---*/
#p_about #anshin .point{
	margin-bottom: 80px;
	padding: 54px 30px 30px;
	background-color: #F6FFDE;
	border: 1px solid #278B3B;
	border-radius: 30px;
	position: relative;
}
#p_about #anshin h4{
	width: 320px;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 6px;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	border-radius: 50px;
	background-color: #278B3B;
	top: -20px;
	left: calc( 50% - 160px );
	position: absolute;
}
#p_about #anshin .point .box{
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_about #anshin .point .item{
	width: 150px;
	height: 150px;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #278B3B;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_about #anshin .point .item dt{
	margin-bottom: 16px;
	color: #298321;
	font-size: 20px;
	font-weight: bold;
	position: relative;
}
#p_about #anshin .point .item dt::after{
	content: "";
	width: 62px;
	height: 1px;
	border-bottom: 2px dotted #298321;
	bottom: -4px;
	left: calc( 50% - 31px);
	position: absolute;
}
#p_about #anshin .point .item dd{
	width: 100px;
	margin: 0 auto;
	font-size: 14px;
}

/* オンライン相談
------------------------------------------------ */
#p_zoom #intro .box{
	min-height: 337px;
	margin-bottom: 20px;
	padding: 20px 30px;
	background: url(../zoom/image/zoom.jpg) no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
#p_zoom #intro h2{
	margin-bottom: 20px;
	font-size: 50px;
	font-family: "新ゴ B";
	color: transparent;
	text-shadow: 3px 3px 0 #fad859;
	-webkit-text-stroke: 2px #333333;
}
#p_zoom #intro h2 span{
	display: block;
	font-size: 30px;
	color: #000;
	text-shadow: none;
	-webkit-text-stroke: 0;
}
#p_zoom #online .textbox{
	margin-bottom: 50px;
}
#p_zoom #online .flow{
	margin-bottom: 60px;
}
#p_zoom #online .flow .item{
	margin-bottom: 30px;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_zoom #online .flow .item dt{
	width: 150px;
	padding: 10px 0;
	font-weight: bold;
	font-size: 18px;
	color: #278B3B;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_zoom #online .flow .item dd{
	width: 550px;
	padding: 10px 20px;
	font-size: 14px;
	border-left: 1px solid #707070;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
}

/*---オンライン予約フォーム---*/
#p_zoom #form .form-title{
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #F00;
	text-align: center;
}

/* 取り扱い商品
------------------------------------------------ */
#p_products .product_item{
	margin-bottom: 50px;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products .product_item .photo{
	width: 340px;
}
#p_products .product_item .text{
	width: 360px;
}
#p_products .btn_sample li{
	width: 348px;
	margin: 0 auto;
	text-align: center;
}
#p_products .btn_sample a{
	padding: 12px 0;
	display: block;
	color: #fff;
	background-color: #CE191E;
	text-decoration: none;
}
#p_products .btn_sample a:hover{
	opacity: .7;
}
#p_products h4.product_type{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
#p_products table.lineup{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #D6D6D6;
	background: #FFF;
}
#p_products table.lineup th,
#p_products table.lineup td{
	border: solid 1px #D6D6D6;
	padding: 10px;
	text-align: left;
}
#p_products table.lineup th{
	background: #FFC;
	white-space: nowrap;
	vertical-align: top;
	color: #333333;
	font-size: 14px;
	text-align: center;
}
#p_products table.lineup td{
	padding-right: 30px;
	text-align: right;
}
#p_products table.lineup .color{
	background: #FFF;
	text-align: left;
}
#p_products table.lineup .color span{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products table.lineup .color img{
	margin-right: 6px;
}
#p_products .lineup_tax{
	color: #ED7D31;
	font-size: 14px;
	text-align: right;
}

/*intro*/
#p_products #intro .box{
	margin-bottom: 40px;
	padding: 20px 30px;
	position: relative;
}
#p_products #intro h2{
	margin-bottom: 20px;
	font-size: 38px;
	font-family: "新ゴ B";
}
#p_products #intro h2 span{
	padding: 0 5px;
	border-bottom: 1px solid #666;
}
#p_products #intro h2 i{
	margin-left: .2em;
	font-size: 30px;
	font-style: normal;
}
#p_products #intro .text .lead{
	font-size: 24px;
	font-family: "リュウミン B-KL";
	line-height: 1.4em;
}
#p_products #intro .lead_sub{
	font-size: 16px;
	font-family: "リュウミン B-KL";
	line-height: 1.4em;
}
#p_products #intro .text .order{
	font-size: 26px;
	font-family: "新ゴ B";
	color: #DE0012;
}
#p_products #intro .photo img{
	-webkit-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
	-moz-filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
	filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.3));
}

/*個人用・会社用*/
#p_products #pattern .box{
	margin-bottom: 30px;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
}
#p_products #pattern .type{
	width: 272px;
	margin-right: 30px;
	box-shadow: 6px 6px 14px -8px rgba(0,0,0,0.6);
}
#p_products #pattern .h3_wrap{
	padding: 15px 10px 4px 30px;
	color: #FFF;
}
#p_products #pattern .personal .h3_wrap{
	background: -moz-linear-gradient(top, #3377BD, #245C9B);
	background: -webkit-linear-gradient(top, #3377BD, #245C9B);
	background: linear-gradient(to bottom, #3377BD, #245C9B);
}
#p_products #pattern .company .h3_wrap{
	background: -moz-linear-gradient(top, #BB4558, #B9003D);
	background: -webkit-linear-gradient(top, #BB4558, #B9003D);
	background: linear-gradient(to bottom, #BB4558, #B9003D);
}
#p_products #pattern h3{
	font-size: 24px;
	font-family: "新ゴ B";
	line-height: 1.2em;
}
#p_products #pattern .h3_sub{
	font-size: 12px;
}
#p_products #pattern .select{
	font-size: 10px;
	text-align: right;
}
#p_products #pattern .option{
	padding: 5px 10px 10px 30px;
	font-size: 12px;
}
#p_products #pattern .list{
	padding-top: 20px;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
}
#p_products #pattern .list ul:first-child{
	width: 220px;
	margin-right: 20px
}
#p_products #pattern .list li{
	margin-bottom: 2px;
	font-size: 14px;
}
#p_products #pattern .list li::before{
	content: "●";
}

/*---カード型商品リスト---*/
#p_products #prod_list .list{
	background: #F5F5F5;
}
#p_products #prod_list .item{
	background: #FFF;
	text-decoration: none;
	color: #000;
	border-left: 5px solid #59C0F9;
	border-bottom: 3px solid #59C0F9;
	box-sizing: border-box;
	box-shadow: 6px 6px 14px -8px rgba(0,0,0,0.6);
	position: relative;
}
#p_products #prod_list .item::before{
	content: ">>";
	width: 30px;
	height: 30px;
	padding-top: 14px;
	padding-left: 2px;
	font-size: 10px;
	color: #FFF;
	background: linear-gradient(45deg, #59C0F9 0%, #59C0F9 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	position: absolute;
}

/*---テンプレート---*/
/*3列*/
#p_products .template{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#p_products .template::after{
	content:"";
	display: block;
	width: 240px;
}
#p_products .template dl{
	width: 240px;
	margin-bottom: 30px;
}
#p_products .template dt{
	width: 200px;
	height: 200px;
	margin-bottom: 5px;
	padding: 20px;
	background: #F2F2F2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
#p_products .template dt img{
    width: 100%;
	box-shadow: 3px 5px 10px -8px rgba(0,0,0,0.6);
}
#p_products .template dt.t img{
    width: auto;
	height: 200px;
}
/*2列*/
#p_products .template2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#p_products .template2::after{
	content:"";
	display: block;
	width: 320px;
}
#p_products .template2 dl{
	width: 360px;
	margin-bottom: 30px;
}
#p_products .template2 dt{
	width: 320px;
	height: 200px;
	margin-bottom: 5px;
	padding: 20px;
	background: #F2F2F2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
#p_products .template2 dt img{
    width: auto;
	height: 200px;
	margin-right: 5px;
	box-shadow: 3px 5px 10px -8px rgba(0,0,0,0.6);
}
#p_products .template2 dt img.bsnon{
	box-shadow: none;
}
#p_products .template2 dt img.n{
    width: auto;
	height: 190px;
}
/*1列*/
#p_products .template1{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
#p_products .template1::after{
	content:"";
	display: block;
	width: 420px;
}
#p_products .template1 dl{
	width: 360px;
	margin-bottom: 30px;
}
#p_products .template1 dt{
	width: 420px;
	height: 200px;
	margin-bottom: 5px;
	padding: 20px;
	background: #F2F2F2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
#p_products .template1 dt img{
    width: auto;
	height: 200px;
	margin-right: 5px;
	box-shadow: 3px 5px 10px -8px rgba(0,0,0,0.6);
}
#p_products .template1 dt img.bsnon{
	box-shadow: none;
}
#p_products .template1 dt img.n{
	height: 190px;
}

/*---アレンジデザイン---*/
#p_products #arrange_intro h2{
	margin-bottom: 20px;
	padding: 8px 40px 18px;
	font-size: 28px;
	font-weight: bold;
	font-family: "じゅん 501";
	color: #FFF;
	background: url(../products/image/arrange_title_bg.jpg) no-repeat;
	background-size: contain;
}
#p_products #arrange_intro h3{
	padding: 0 140px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #D5717B;
	position: relative;
}
#p_products #arrange_intro h3:before {
  position: absolute;
  top: calc(20% - 1px);
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background: #D5717B;
}
#p_products #arrange_intro h3 span{
	display: block;
	color: #986532;
	position: relative;
	padding: 0 1em;
	background: #fff;
}
#p_products #arrange_intro .photo{
	margin-bottom: 40px;
	text-align: center;
	border-bottom: 4px solid #D5717B;
}
#p_products #arrange_intro .photo img{
	 width: 650px;
}
#p_products #arrange_banner{
	width: 680px;
	margin: 0 auto;
}
#p_products #arrange_banner a{
	text-decoration: none;
}
#p_products #arrange_banner a:hover{
	opacity: 0.8;
}
#p_products #arrange_banner h2{
	margin-bottom: 20px;
	padding: 8px 40px 18px;
	font-size: 22px;
	font-weight: bold;
	font-family: "じゅん 501";
	color: #FFF;
	background: url(../products/image/arrange_title_bg.jpg) no-repeat;
	background-size: contain;
}
#p_products #arrange_banner h3{
	padding: 0 140px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #D5717B;
	position: relative;
}
#p_products #arrange_banner h3:before {
	position: absolute;
	top: calc(20% - 1px);
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	background: #D5717B;
}
#p_products #arrange_banner h3 span{
	display: block;
	color: #986532;
	position: relative;
	padding: 0 1em;
	background: #fff;
}
#p_products #arrange_banner .photo{
	margin-bottom: 60px;
	text-align: center;
	border-bottom: 4px solid #D5717B;
}
#p_products #arrange_banner .photo img{
	 width: 600px;
}
#p_products #arrange_flow h3{
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #4297D3;
}
#p_products #arrange_flow .list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#p_products #arrange_flow .item{
	 width: 200px;
	 margin: 0 14px;
	 position: relative;
}
#p_products #arrange_flow .item::after{
	content: ">";
	position: absolute;
	top: 90px;
	right: -21px;
	font-weight: bold;
	color: #F00;
}
#p_products #arrange_flow .item:last-child::after{
	content: "";
}
#p_products #arrange_flow .item .photo{
	height: 200px;
	margin-bottom: 10px;
	border: 8px solid #2DA7E0;
	box-sizing: border-box;
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products #arrange_flow .item .photo img{
	width: 126px;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
}
#p_products #arrange_flow .item .text{
	text-align: center;
	color: #C89F62;
}
#p_products #arrange_flow .item .text dt{
	font-size: 22px;
}
#p_products #arrange_flow .item .text dd{
	font-size: 16px;
	font-weight: bold;
}
#p_products #arrange_flow .arrow img{
	width: 100%;
}
#p_products #arrange_flow .change{
	width: 150px;
	font-size: 12px;
}
#p_products #arrange_flow .change dt{
	margin-bottom: 5px;
	color: #036EB8;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #F3E3EF;
	border: 1px solid #036EB8;
}
#p_products #arrange_flow .change dd{
	margin-bottom: 5px;
}
#p_products #arrange_flow .change dd:last-child{
	margin-bottom: 0;
}
#p_products #arrange_flow .change dd b{
	color: #693905;
	font-weight: normal;
}
#p_products #arrange_flow .change span{
	 text-align: center;
	 display: block;
}
#p_products #arrange_flow .item .photo .change span img{
	width: 72px;
	filter: none;
}
#p_products #arrange_flow .change .photo_set{
	text-align: center;
}
#p_products #arrange_flow .change .photo_set img{
	width: 130px;
	filter: none;
}
#p_products #arrange_flow .finish{
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
#p_products #arrange_flow .finish dt{
	margin-bottom: 10px;
}
#p_products #arrange_flow .finish dd{
	margin-bottom: 10px;
}
#p_products #arrange_flow .finish dd:last-child{
	margin-bottom: 0;
	color: #E3007E;
}

#p_products #arrange_sample .box{
	padding: 30px 5px;
	border-bottom: 1px solid #7D7C7D;
}
#p_products #arrange_sample .box.no01{
	border-top: 1px solid #7D7C7D;
}
#p_products #arrange_sample .box.no03{
	margin-bottom: 30px;
}
#p_products #arrange_sample .number{
	width: 480px;
	margin: 0 auto;
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products #arrange_sample .number b{
	width: 56px;
	padding-right: 10px;
	color: #FFF;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}
#p_products #arrange_sample .no01 .number b{
	background: #20A3DD;
}
#p_products #arrange_sample .no02 .number b{
	background: #F49F00;
}
#p_products #arrange_sample .no03 .number b{
	background: #EC7FAF;
}
#p_products #arrange_sample .number b::after{
	content: "";
	border-top: 20px solid transparent;
	border-right: 12px solid #FFF;
	border-bottom: 20px solid transparent;
	right: 0;
	position: absolute;
}
#p_products #arrange_sample .number .text{
	width: 420px;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	border: 2px solid #C9D31E;
	border-radius: 10px;
}
#p_products #arrange_sample .number .text dt{
	padding: 4px 10px;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
	background-size: auto auto;
	background-color: rgba(149, 197, 26, 1);
	background-image: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(189, 217, 115, 1) 3px, rgba(189, 217, 115, 1) 6px );
	border-radius: 8px 0 0 8px;
}
#p_products #arrange_sample .number .text dd{
	padding: 4px 10px;
	font-weight: bold;
	color: #21AB38;
}
#p_products #arrange_sample h3{
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #D70050;
	text-align: center;
}
#p_products #arrange_sample .photo{
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#p_products #arrange_sample .photo li{
	width: 184px;
}
#p_products #arrange_sample .photo .wide{
	width: 300px;
}
#p_products #arrange_sample .photo .arrow{
	width: 106px;
	margin: 0 10px;
}
#p_products #arrange_sample .photo li img{
	width: 100%;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
}
#p_products #arrange_sample .photo .arrow{
	width: 20px;
	margin: 0 15px;
}
#p_products #arrange_sample .photo .arrow img{
	width: 100%;
	filter: none;
}
#p_products #arrange_sample .textbox{
	text-align: center;
}

/*デザインと共通部分*/
#arrange_matl h3.title_arrow{
	margin-bottom: 20px;
	padding: 8px 20px 18px;
	font-size: 22px;
	font-weight: bold;
	font-family: "じゅん 501";
	color: #FFF;
	background: url(../products/image/arrange_title_bg.jpg) no-repeat;
	background-size: cover;
}
#arrange_matl h3.title_arrow b{
	color: #FFF100;
	font-size: 24px;
}

#arrange_matl #material .bg_wrap{
	margin-bottom: 80px;
	padding: 20px;
	background: #90E4FF;
}
#p_products.p_design #arrange_matl #material .bg_wrap{
	margin-bottom: 20px;
}
#arrange_matl #material .item{
	margin-bottom: 10px;
	padding: 10px;
	background: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#arrange_matl #material .item .number{
	width: 34px;
	height: 34px;
	margin-right: 8px;
	line-height: 34px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #FFF100;
	border-radius: 50%;
	background: #036EB8;
}
#arrange_matl #material .item .detail dt{
	width: 350px;
	margin-bottom: 10px;
	padding: 8px 20px;
	line-height: 1em;
	font-size: 18px;
	font-weight: bold;
	color: #FFF100;
	background: #05C1FF;
	border-radius: 30px;
}
#arrange_matl #material .item .detail dd{
	padding-left: 10px;
	font-size: 14px;
}
#arrange_matl #material .caution_wrap{
	margin-bottom: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#arrange_matl #material .caution{
	width: 360px;
	padding: 20px;
	box-sizing: border-box;
	background: #90E4FF;
}
#arrange_matl #material .caution dt{
	margin-bottom: 6px;
	color: #036EB8;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#arrange_matl #material .caution dd{
	font-size: 14px;
}

#arrange_matl #content .box{
	margin-bottom: 30px;
	padding: 20px;
	background: #90E4FF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#arrange_matl #content .photo{
	width: 380px;
}
#arrange_matl #content .photo img{
	width: 100%;
}
#arrange_matl #content .text{
	width: 300px;
}
#arrange_matl #content .text .item{
	margin-bottom: 20px;
	margin-left: 8px;
	padding: 20px;
	background: #F1F7ED;
	border: 1px solid #22AC38;
	border-radius: 10px;
	position: relative;
}
#arrange_matl #content .text .item::before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #F1F7ED;
	z-index: 2;
}
#arrange_matl #content .text .item::after{
	content: "";
	position: absolute;
	top: 50%;
	left: -28px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #22AC38;
	z-index: 1;
}
#arrange_matl #content .text .point{
	margin-bottom: 0;
	background: #FADCE9;
	border: 1px solid #E73A8F;
}
#arrange_matl #content .text .point::before{
	border-right: 12px solid #FADCE9;
}
#arrange_matl #content .text .point::after{
	border-right: 14px solid #E73A8F;
}
#arrange_matl #content .textbox{
	margin-bottom: 30px;
	padding: 20px;
	color: #FFF;
	border-radius: 10px;
	background: #5A96E3;
}
#arrange_matl #content .textbox span{
	color: #FFF100;
}
#arrange_matl #content .textbox a{
	color: #FFF;
}
#arrange_matl #content .textbox a:hover{
	opacity: 0.8;
}
#arrange_matl #content .button{
	width: 360px;
	margin: 0 auto 80px;
	text-align: center;
}
#arrange_matl #content .button a{
	padding: 10px 0;
	color: #FFF100;
	font-weight: bold;
	text-decoration: none;
	background: #05C1FF;
	border-radius: 30px;
	display: block;
}
#arrange_matl #content .button a:hover{
	opacity: .7;
}

#arrange_matl #content .box_logo{
	margin-bottom: 30px;
	padding: 40px;
	background: #90E4FF;
}
#arrange_matl #content .box_logo_text{
	padding: 30px;
	background: #FFF;
}
#arrange_matl #content .box_logo_text .item{
	margin-bottom: 15px;
}
#arrange_matl #content .box_logo_text .item dt{
	margin-bottom: 5px;
	font-weight: bold;
	color: #123881;
}
#arrange_matl #content .box_logo_text .item dt span{
	font-weight: normal;
	font-size: 14px;
	color: #333;
}
#arrange_matl #content .box_logo_text .item dd{
	font-size: 14px;
}
#arrange_matl #content .box_logo_text .item .tone{
	margin-left: 1em;
}

/*---名刺---*/
#p_products.p_meishi #intro .box{
	padding-bottom: 230px;
	background: url(../products/meishi/image/intro_bg.jpg) no-repeat;
	background-size: cover;
}
#p_products.p_meishi #intro .photo{
	bottom: 15px;
	right: 10px;
	position: absolute;
}
#p_products.p_meishi .temp_navi{
	margin-bottom: 40px;
	display: -webkit-box;
  	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
#p_products.p_meishi .temp_navi li{
	width: 23%;
	margin: 0 1%;
	padding: 5px;
	font-family: "じゅん 501";
	font-size: 18px;
	text-align: center;
	background: #0059A7;
	border-radius: 20px;
}
#p_products.p_meishi .temp_navi li:hover{
	opacity: 0.8;
}
#p_products.p_meishi .temp_navi li a{
	color: #FFF;
	text-decoration: none;
}
#p_products.p_meishi .price_caution li{
	line-height: 1.6em;
	font-size: 14px;
}
#p_products.p_meishi .price_caution li.red{
	color: #C00;
	font-weight: bold;
}

/*---はがき---*/
#p_products.p_postcard #intro .box{
	background: #9FE3FF;
}
#p_products.p_postcard #intro .photo{
	bottom: 15px;
	right: 10px;
	position: absolute;
}
#p_products.p_postcard .price{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#p_products.p_postcard .price .photo{
	margin-right: 15px;
}
#p_products.p_postcard .price .photo img{
	width: 240px;
	height: auto;
	filter: drop-shadow(0px 0px 3px rgba(160, 160, 160, 0.7));
}
#p_products.p_postcard  .table{
	width: 480px;
}
#p_products.p_postcard  table.lineup td{
	padding-right: 0;
	text-align: center;
}

/*---挨拶状---*/
#p_products.p_greeting #intro h2{
	margin-bottom: 20px;
	font-size: 42px;
	font-family: "新ゴ B";
}
#p_products.p_greeting #intro h2 i{
	margin-left: .2em;
	font-size: 32px;
	font-style: normal;
}
#p_products.p_greeting #intro .box{
	background: url(../products/meishi/image/intro_bg.jpg) no-repeat;
	background-size: cover;
}
#p_products.p_greeting #intro .photo{
	width: 220px;
	bottom: 40px;
	right: 20px;
	position: absolute;
}
#p_products.p_greeting #intro .photo img{
	width: 100%;
}
#p_products.p_greeting .price{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
#p_products.p_greeting .price .photo{
	margin-right: 15px;
}
#p_products.p_greeting .price .photo img{
	width: 200px;
	height: auto;
	filter: drop-shadow(0px 0px 3px rgba(160, 160, 160, 0.7));
}
#p_products.p_greeting .price .table{
	width: 480px;
}

/*---封筒印刷---*/
#p_products.p_envelope #intro h2 span {
    padding-right: 150px;
}
#p_products.p_envelope #intro .box{
	padding-bottom: 50px;
	background: #9FE3FF;
}
#p_products.p_envelope #intro .lead{
	margin-bottom: 20px;
}
#p_products.p_envelope #intro .lead span{
	letter-spacing: -0.04em;
}
#p_products.p_envelope #intro .text{
	width: 300px;
}
#p_products.p_envelope #intro .point{
	margin-bottom: 20px;
}
#p_products.p_envelope #intro .point li{
	margin-bottom: 10px;
	padding: 2px 8px;
	font-size: 18px;
	font-family: "リュウミン B-KL";
	color: #FFF;
	background: #05C2FF;
}
#p_products.p_envelope #intro .sub{
	font-size: 14px;
}
#p_products.p_envelope #intro .photo{
	width: 380px;
	bottom: 10px;
	right: 0;
	position: absolute;
}
#p_products.p_envelope #intro .photo img{
	width: 100%;
}

#p_products.p_envelope #prod_list .list{
	margin-bottom: 20px;
	padding-top: 20px;
}
#p_products.p_envelope #prod_list .item{
	width: 710px;
	margin: 0 auto 20px;
	padding: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_envelope #prod_list .item:last-child{
	margin-bottom: 0;
}
#p_products.p_envelope #prod_list .colum2{
	margin: 0 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
#p_products.p_envelope #prod_list .colum2 .item{
	width: 346px;
	margin: 0 8px 20px;
}
#p_products.p_envelope #prod_list .detail_wrap{
	width: 320px;
}
#p_products.p_envelope #prod_list h3{
	margin-bottom: 20px;
	font-size: 20px;
	font-family: "新ゴ B";
}
#p_products.p_envelope #prod_list .detail{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_envelope #prod_list .detail .photo{
	width: 148px;
}
#p_products.p_envelope #prod_list .detail .photo dt{
	margin-bottom: 10px;
}
#p_products.p_envelope #prod_list .detail .photo dd{
	text-align: center;
}
#p_products.p_envelope #prod_list .text{
	width: 148px;
	font-size: 14px;
}
#p_products.p_envelope #prod_list .text .size{
	margin-bottom: 10px;
	font-size: 18px;
	color: #B14449;
}
#p_products.p_envelope #prod_list .item .photo img{
	width: 100%;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
}
#p_products.p_envelope #prod_list .price{
	width: 346px;
}
#p_products.p_envelope #prod_list table.lineup{
	margin-bottom: 5px;
}
#p_products.p_envelope #prod_list table.lineup th,
#p_products.p_envelope #prod_list table.lineup td{
	padding: 8px;
}
#p_products.p_envelope #prod_list table.lineup td{
	padding-right: 10px;
	font-size: 14px;
}
#p_products.p_envelope #prod_list table.lineup .color{
	text-align: right;
}
#p_products.p_envelope #prod_list .caution{
	font-size: 14px;
}

/*---伝票印刷---*/
#p_products.p_denpyo #intro .box{
	padding-bottom: 60px;
	background: #9FE3FF;
}
#p_products.p_denpyo #intro h2 span{
	padding-right: 80px
}
#p_products.p_denpyo #intro .lead{
	margin-bottom: 10px;
}
#p_products.p_denpyo #intro .photo{
	width: 480px;
	bottom: 18px;
	right: 10px;
	position: absolute;
}
#p_products.p_denpyo #intro .photo img{
	width: 100%;
}
#p_products.p_denpyo #prod_list .list{
	margin-bottom: 40px;
	padding: 20px 24px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_denpyo #prod_list .item{
	width: 330px;
	margin-bottom: 20px;
}
#p_products.p_denpyo #prod_list .item a{
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_denpyo #prod_list .item:hover,
#p_products.p_denpyo #prod_list .item a:hover{
	opacity: .8;
}
#p_products.p_denpyo #prod_list .item .text{
	width: 140px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#p_products.p_denpyo #prod_list .text h3{
	font-size: 18px;
	font-family: "新ゴ B";
}
#p_products.p_denpyo #prod_list .item .photo{
	width: 160px;
	height: 98px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products.p_denpyo #prod_list .item .photo img{
	width: 100%;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
}
#p_products.p_denpyo #prod_list .mitsumori .photo,
#p_products.p_denpyo #prod_list .kaikei .photo{
	width: 140px;
}

#p_products.p_denpyo table.price{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	border-collapse: collapse;
	border: solid 1px #D6D6D6;
	background: #FFF;
}
#p_products.p_denpyo table.price th,
#p_products.p_denpyo table.price td{
	border: solid 1px #D6D6D6;
	padding: 5px;
	font-size: 14px;
	text-align: center;
}
#p_products.p_denpyo table.price th{
	background: #FFC;
	white-space: nowrap;
	vertical-align: top;
	color: #333333;
}
#p_products.p_denpyo table.price td.list{
	text-align: left;
}
#p_products.p_denpyo table.price td.list dt{
	font-weight: bold;
}
#p_products.p_denpyo .b_mitsumori{
	text-align: center;
}
#p_products.p_denpyo .b_mitsumori li{
	padding: 15px;
	border: 1px #FF0000 solid;
	border-radius: 30px;
	font-size: 14px;
	color: #F00;
	display: inline-block;
}

/*---カード印刷---*/
#p_products.p_card #intro h2 span {
    padding-right: 80px;
}
#p_products.p_card #intro .box{
	padding-bottom: 80px;
	background: #9FE3FF;
}
#p_products.p_card #intro .lead{
	margin-bottom: 20px;
}
#p_products.p_card #intro .lead span{
	letter-spacing: -0.04em;
}
#p_products.p_card #intro .photo{
	width: 370px;
	bottom: 18px;
	right: 10px;
	position: absolute;
}
#p_products.p_card #intro .photo img{
	width: 100%;
}
#p_products.p_card #prod_list .list{
	margin-bottom: 80px;
	padding: 20px 24px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_card #prod_list .item{
	width: 330px;
	margin-bottom: 20px;
}
#p_products.p_card #prod_list .item a{
	padding: 10px 15px;
	text-decoration: none;
	color: #000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_card #prod_list .item:hover,
#p_products.p_card #prod_list .item a:hover{
	opacity: .8;
}
#p_products.p_card #prod_list .item .text{
	width: 170px;
	padding-bottom: 10px
}
#p_products.p_card #prod_list .text h3{
	margin-bottom: 10px;
	font-size: 18px;
	font-family: "新ゴ B";
}
#p_products.p_card #prod_list .text p{
	font-size: 12px;
}
#p_products.p_card #prod_list .item .photo{
	width: 110px;
	text-align: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products.p_card #prod_list .item .photo img{
	width: 100%;
	-webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	-moz-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
	filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.4));
}
#p_products.p_card #prod_list .shop .photo,
#p_products.p_card #prod_list .point .photo{
	width: 98px;
}

/*---チラシ---*/
#p_products.p_flyer #intro .box{
	padding-bottom: 120px;
	background: #9FE3FF;
}
#p_products.p_flyer #intro .photo{
	width: 370px;
	bottom: 18px;
	right: 10px;
	position: absolute;
}
#p_products.p_flyer #intro .photo img{
	width: 100%;
}
#p_products.p_flyer #faq dl{
	margin-bottom: 30px;
}
#p_products.p_flyer #faq dt{
	margin-bottom: 10px;
	font-weight: bold;
}
#p_products.p_flyer #faq dt span{
	margin-right: 5px;
	padding: 5px 12px;
	background: #FF8080;
	border-radius: 50%;
	color: #FFF;
}
#p_products.p_flyer #faq dd ul{
	margin-bottom: 30px;
}

/*---シール・ステッカー---*/
#p_products.p_sticker #intro .box{
	padding-bottom: 30px;
	background: #9FE3FF;
}
#p_products.p_sticker #intro .lead span{
	letter-spacing: -0.04em;
}
#p_products.p_sticker #intro .text{
	width: 340px;
}
#p_products.p_sticker #intro .point{
	margin-bottom: 20px;
}
#p_products.p_sticker #intro .point li{
	margin-bottom: 10px;
	padding: 2px 8px;
	font-size: 18px;
	font-family: "リュウミン B-KL";
	color: #FFF;
	background: #05C2FF;
}
#p_products.p_sticker #intro .sub{
	font-size: 14px;
}
#p_products.p_sticker #intro .photo{
	width: 340px;
	right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	position: absolute;
}
#p_products.p_sticker #intro .photo img{
	width: 100%;
}
#p_products.p_sticker .item{
	margin-bottom: 30px;
}
#p_products.p_sticker .item dt{
	padding: 10px 15px;
	background: #CCC;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	display: flex;
	align-items: center;
}
#p_products.p_sticker .on dt{
	background: #048CD6;
}
#p_products.p_sticker .og dt{
	background: #E7307D;
}
#p_products.p_sticker .cms dt{
	background: #55A235;
}
#p_products.p_sticker .item dt span{
	margin-right: 15px;
}
#p_products.p_sticker .item dt em{
	color: #FF0;
}
#p_products.p_sticker .item dt i{
	font-size: 16px;
	font-style: normal;
}
#p_products.p_sticker .item dd{
	padding: 20px;
	border: 2px #CCC solid;
	border-top: 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	display: flex;
}
#p_products.p_sticker .item dd .text{
	margin-right: 15px;
}
#p_products.p_sticker .item dd ul{
	display: flex;
	flex-wrap: wrap;
}
#p_products.p_sticker .item dd li{
	width: 40%;
	margin-left: 15px;
	font-size: 14px;
	list-style: disc;
}
#p_products.p_sticker .item dd ul.colum{
	flex-direction: column;
}
#p_products.p_sticker .item dd ul.colum li{
	width: 80%;
}
#p_products.p_sticker .item dd .photo img{
	width: 300px;
	height: auto;
}

/*---ホームページ制作---*/
#p_products.p_website #intro .box{
	padding-bottom: 220px;
	color: #FFF;
	text-shadow: 3px 3px 5px #18618a;
	background: url(../products/website/image/intro_img.jpg) no-repeat;
	background-size: cover;
}
#p_products.p_website #intro h2{
	margin-bottom: 10px;
	line-height: 1em;
}
#p_products.p_website #intro .en{
	font-size: 14px;
}

#p_products.p_website #feature .bg_wrap{
	margin-bottom: 80px;
	padding: 20px;
	background: #F2F7F7;
}
#p_products.p_website #feature h3{
	margin-bottom: 30px;
	padding: 8px 0;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	background: #01508E;
	border-radius: 30px;
}
#p_products.p_website #feature .list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_website #feature .item{
	width: 232px;
	padding: 0 10px 15px;
	box-sizing: border-box;
	border-right: 2px dotted #BABABA;
}
#p_products.p_website #feature .responsive,
#p_products.p_website #feature .original{
	border-right: none;
}
#p_products.p_website #feature .teian,
#p_products.p_website #feature .self,
#p_products.p_website #feature .responsive{
	border-bottom: 2px dotted #BABABA;
}
#p_products.p_website #feature .seo,
#p_products.p_website #feature .picture,
#p_products.p_website #feature .original{
	padding-top: 20px;
}
#p_products.p_website #feature .item .icon{
	width: 190px;
	height: 190px;
	margin: 0 auto;
	margin-bottom: 5px;
	background: #FFF;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products.p_website #feature .item .icon img{
	width: 160px;
}
#p_products.p_website #feature .item dl{
	position: relative;
}
#p_products.p_website #feature .item dt{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	top: -35px;
	left: 0;
	right: 0;
	position: absolute;
}
#p_products.p_website #feature .item dd{
	font-size: 14px;
}
#p_products.p_website #flow .textbox{
	margin-bottom: 30px;
	text-align: center;
}
#p_products.p_website #flow .item{
	margin-bottom: 20px;
	padding: 20px 30px;
	padding-right: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 0 20px 0 20px;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
}
#p_products.p_website #flow .item .number{
	width: 55px;
	height: 55px;
	padding: 5px 8px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background: -moz-linear-gradient(135deg, #427A95 0%, #427A95 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(135deg, #427A95 0%, #427A95 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(135deg, #427A95 0%, #427A95 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
	top: 0;
	left: 0;
	position: absolute;
	box-sizing: border-box;
}
#p_products.p_website #flow .item h4{
	width: 130px;
	font-size: 16px;
	font-weight: bold;
}
#p_products.p_website #flow .item .text{
	width: 400px;
	padding: 5px 0;
	padding-left: 20px;
	font-size: 14px;
	border-left: 1px solid #707070;
	box-sizing: border-box;
}
#p_products.p_website #flow .item .icon{
	width: 96px;
	height: 96px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products.p_website #flow .item .icon img{
	width: 65px;
}
#p_products.p_website #flow .no01 .icon{
	background: #F7BCC2;
}
#p_products.p_website #flow .no02 .icon{
	background: #D3BAD9;
}
#p_products.p_website #flow .no03 .icon{
	background: #8FCFDB;
}
#p_products.p_website #flow .no04 .icon{
	background: #B7DE71;
}
#p_products.p_website #flow .no05 .icon{
	background: #FFDD72;
}
#p_products.p_website #flow .no06 .icon{
	background: #FFC198;
}
#p_products.p_website #flow .no01 .text p{
	margin-bottom: 10px;
}
#p_products.p_website #flow .contact li{
	font-weight: bold;
	display: inline-block;
}
#p_products.p_website #flow .contact li a{
	text-decoration: none;
	color: #333;
}
#p_products.p_website #flow .contact .tel{
	margin-right: .5em;
	font-size: 16px;
}
#p_products.p_website #flow .contact i{
	margin-right: .4em;
}
#p_products.p_website #flow .contact .icon_tel{
	color: #199114;
}
#p_products.p_website #flow .contact .mail{
	padding-left: 8px;
	border-left: 1px solid #707070;
}
#p_products.p_website #flow .contact .icon_mail{
	font-size: 16px;
	color: #FEC135;
}

#p_products.p_website #price .bg_wrap{
	margin-bottom: 80px;
	padding: 50px 28px;
	background-size: auto auto;
	background-color: rgba(237, 237, 237, 1);
	background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.73) 6px, rgba(255, 255, 255, 0.73) 8px );
	background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.73) 6px, rgba(255, 255, 255, 0.73) 8px );
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(255, 255, 255, 0.73) 6px, rgba(255, 255, 255, 0.73) 8px );
}
#p_products.p_website #price .plan{
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_website #price .plan .item{
	width: 330px;
	padding: 20px;
	background: #FFF;
	border: 2px solid #CCC;
	border-radius: 20px;
	box-sizing: border-box;
}
#p_products.p_website #price .plan .item h4{
	margin-bottom: 20px;
	padding: 8px 0;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 1em;
	border-radius: 30px;
}
#p_products.p_website #price .plan .single h4{
	background: #F68D80;
}
#p_products.p_website #price .plan .standard h4{
	background: #51B9C7;
}
#p_products.p_website #price .plan .fee{
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}
#p_products.p_website #price .plan .fee b{
	font-size: 24px;
}
#p_products.p_website #price .plan .fee span{
	padding: 0 40px;
	background: -moz-linear-gradient(transparent 65%, #ff6 65%);
	background: -webkit-linear-gradient(transparent 65%, #ff6 65%);
	background: linear-gradient(transparent 65%, #ff6 65%);
}
#p_products.p_website #price .plan .text{
	font-size: 14px;
}
#p_products.p_website #price .textbox{
	margin: 0 10px 40px;
	font-size: 14px;
}
#p_products.p_website #price .button{
	width: 360px;
	margin: 0 auto;
}
#p_products.p_website #price .button li{
	text-align: center;
	background: #FFF;
	border-radius: 30px;
}
#p_products.p_website #price .button li a{
	padding: 10px 0;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: #90CB00;
	border-radius: 30px;
	display: block;
}
#p_products.p_website #price .button li a:hover{
	opacity: .7;
}

/*---その他---*/
#p_products.p_etc .prod_etc .intro{
	margin-bottom: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_etc .prod_etc .intro .text{
	width: 354px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products.p_etc .prod_etc .intro .text h4{
	font-size: 24px;
	font-weight: bold;
	color: #FC5600;
}
#p_products.p_etc .prod_etc .intro .text h4 span{
	margin-bottom: 16px;
	display: block;
}
#p_products.p_etc .prod_etc .intro .photo{
	width: 360px;
	text-align: right;
}
#p_products.p_etc .prod_etc .intro .photo img{
	width: 100%;
}
#p_products.p_etc .prod_etc .textbox{
	margin-bottom: 50px;
	font-size: 14px;
	text-align: center;
}
#p_products.p_etc .prod_etc .sample{
	margin: 0 17px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#p_products.p_etc .prod_etc .sample a{
	text-decoration: none;
}
#p_products.p_etc .prod_etc .sample .item{
	width: 200px;
	margin: 0 16px;
	text-align: center;
}
#p_products.p_etc .prod_etc .sample .item dt img{
	width: 100%;
	border-radius: 50%;
}
#p_products.p_etc .prod_etc .sample .item dd{
	margin-bottom: 20px;
	font-weight: bold;
	color: #000;
}
#p_products.p_etc #flow .item{
	padding: 20px 16px;
	border-bottom: 2px dotted #949494;
	display: -webkit-box;
  	display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products.p_etc #flow .item .number{
	width: 35px;
	height: 35px;
	margin-right: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	line-height: 35px;
	text-align: center;
	background: #FF9100;
	border-radius: 50%;
}
#p_products.p_etc #flow .item .text{
	width: 434px;
}
#p_products.p_etc #flow .item .photo{
	width: 180px;
}
#p_products.p_etc #flow .item .photo img{
	width: 100%;
}
#p_products.p_etc #flow .item .text h4{
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

/*---デザイン--*/
#p_products.p_design #intro .copy{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#p_products.p_design #intro .copy dt{
	margin-right: 20px;

	font-size: 32px;
	font-weight: bold;
	color: #F36;
}
#p_products.p_design #intro .copy dt span{
	font-size: 26px;
	color: #930;
}
#p_products.p_design #intro .copy dd li{
	margin-bottom: 5px;
	padding: 5px;
	background: #F36;
	border-radius: 15px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
#p_products.p_design #intro h2{
	margin-bottom: 20px;
	margin-left: 10px;
	font-family: "じゅん 501";
	line-height: 100%;
}
#p_products.p_design #intro h2 em.up{
	margin-left: 0px;
	margin-bottom: 20px;
	font-size: 60px;
	color: #F36;
	text-shadow: 1px 2px 3px #87AFAE;
	display: block;
}
#p_products.p_design #intro h2 em.down{
	font-size: 24px;
	color: #930;
	display: block;
}
#p_products.p_design #intro .box{
	padding-bottom: 50px;
	background: #9FE3FF;
}
#p_products.p_design #intro .lead{
	margin-bottom: 20px;
}
#p_products.p_design #intro .lead span{
	letter-spacing: -0.04em;
}
#p_products.p_design #intro .text{
	width: 320px;
}
#p_products.p_design #intro .point li{
	font-size: 16px;
	font-family: "リュウミン B-KL";
}
#p_products.p_design #intro .photo{
	width: 360px;
	top: 20px;
	right: 15px;
	position: absolute;
}
#p_products.p_design #intro .photo img{
	width: 100%;
}

#p_products.p_design #category{
	margin-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_design #category a{
	width: 230px;
	padding: 5px;
	text-decoration: none;
	background: #BFE4FF;
}
#p_products.p_design #category a:hover{
	opacity: .7;
}
#p_products.p_design #category .box{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
}
#p_products.p_design #category .box .photo{
	width: 100px;
}
#p_products.p_design #category .box .photo img{
	width: 100%;
}
#p_products.p_design #category dl{
	width: 130px;
}
#p_products.p_design #category dt{
	font-family: "じゅん 501";
	font-size: 30px;
	color: #F36;
}
#p_products.p_design #category dd{
	font-size: 14px;
	color: #333;
}
#p_products.p_design #category dd span{
	font-size: 18px;
}

#p_products.p_design #price .bg_wrap{
	margin-bottom: 80px;
	padding: 20px;
	background: #90E4FF;
}
#p_products.p_design #price h3{
	margin-bottom: 30px;
	padding: 8px 10px;
	font-size: 24px;
	color: #FFF;
	font-family: "じゅん 501";
	line-height: 1em;
	background: #05C1FF;
}
#p_products.p_design #price h3 b{
	font-weight: normal;
	color: #FFF100;
}
#p_products.p_design #price h4{
	margin-bottom: 10px;
	font-size: 20px;
	color: #009BE4;
	font-family: "じゅん 501";
}
#p_products.p_design #price .textbox{
	font-size: 14px;
}

#p_products.p_design #direction .flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#p_products.p_design #direction .item{
	width: 32%;
	margin-bottom: 20px;
	padding: 10px 20px 20px;
	background: #90E4FF;
	box-sizing: border-box;
}
#p_products.p_design #direction .item dt{
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #036EB8;
	text-align: center;
}
#p_products.p_design #direction .item dd{
	padding: 8px 10px;
	font-size: 14px;
	background: #FFF;
}

/*-ロゴデザイン-*/
#p_products.p_logo #intro .copy dt{
	margin-bottom: 10px;
}
#p_products.p_logo #intro .box{
	padding-bottom: 30px;
}
#p_products.p_logo #intro h2 em.down b{
	font-size: 32px;
	font-weight: normal;
}

/* お問合わせ
------------------------------------------------ */

/*メールフォーム*/
#form .item{
	font-family: "Noto Sans JP";
	font-weight: 500;
}
#form .item > dt{
	padding: 10px 20px;
	font-size: 16px;
	font-weight: bold;
	background: #E5F59E;
}
#form .item > dt span{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#form .item > dd{
	padding: 26px 20px;
	font-size: 16px;
	box-sizing: border-box;
}
#form .item > dt b{
	width: 60px;
	padding: 3px 4px;
	background: #FFF;
	display: inline-block;
	color: #C00;
	font-size: 10px;
	line-height: 1em;
	text-align: center;
	border: 1px solid #C00;
	display: inline-block;
}
#form .item .list li{
	margin-bottom: 10px;
}
#form .item .list li input{
	cursor : pointer;
}
#form .item .list li label{
	cursor : pointer;
}
#form .item .list li:last-child{
	margin-bottom: 0;
}
#form .item .date_flex{
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#form .item .date{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#form .item .date dt{
	width: 100px;
}
#form .item .date dd{
	width: 200px;
}
#form .end{
	margin-bottom: 40px;
}
#form .button input{
	width: 250px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 16px;
	color: #FFF;
	background: #278B3B;
	border: none;
	display: block;
	cursor: pointer;
	border-radius: 10px;
}
#form .button input:hover{
	opacity: .8;
}
form .wl{
	width: 96%;
}
form .ws{
	width: 70%;
}
form .wss{
	width: 50%;
}
form .wsss{
	width: 30%;
}