@charset "utf-8";



/* オリジナルのあそび道具 */


/* ■ 共通 ------------------------------------------------------------------------------- */

#Page_Original {
width: 940px;
margin: 0 auto;
}

#Page_Original p {
font-size: 14px;
}

#Page_Original a {
display: block;
color: #000;
text-decoration: none;
}

/* ボタン */
#Page_Original .Btn {
display: block;
width: 100%;
border-radius: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
font-size: 15px;
line-height: 1;
font-weight: bold;
text-align: center;
text-decoration: none;
}

#Page_Original .BtnBuy {
display: block;
width: 180px;
padding: 10px 0 10px 11px;
border: 2px solid #b8daeb;
border-radius: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
background: #f1f8fd url(/images/sp/common/icon/Icon_LinkFwd_Blue.png) no-repeat;
background-size: 18px auto;
background-position: 6% 50%;
font-size: 16px;
line-height: 1;
font-weight: bold;
text-align: center;
color: #3d5fc4 !important;
text-decoration: none;
}

/* 名入れアイコン */
#Page_Original .Icon_NamePrint {
display: inline-block;
width: 5.5rem;
height: 5.5rem;
padding-top: 1.3rem;
border-radius: 50%;
background: #b51124;
font-size: 1.1rem;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 1.3em;
}

/* ページ下部 */
.OtherContWrap {
max-width: 94rem;
margin: 7rem auto 0 auto;
}

/* パンくず */	
.BreadCrumb_Wrap {
margin-top: 0;
}	
	
	
/* ページ下部 特典案内 */
#CampaginBottom {
margin-top: 8rem;	
}
	
	

/* ■ ページ内リンク ------------------------------------------------------------------ */

#Page_Original .InPageLink {
margin-bottom: 70px;
}

#Page_Original .InPageLink li {
width: 49%;
margin-right: 2%;
}

#Page_Original .InPageLink li:nth-child(2n) {
margin-right: 0;
}

#Page_Original .InPageLink a {
position: relative;
padding: 25px 0 25px 0;
border: 2px solid #b4c9e8;
border-radius: 35px;
font-size: 20px;
color: #004db5;
background: #f5f8fd url(/images/sp/common/icon/Icon_LinkDown_Blue.png) no-repeat;
background-position: 96% 50%;
background-size: 24px auto;
}

#Page_Original .InPageLink a span {
display: block;
position: absolute;
}

#Page_Original .InPageLink a span img {
width: 100%;
height: auto;
}

#Page_Original .InPageLink li:nth-child(1) span {
width: 110px;
top: -15px;
left: 15px;
}

#Page_Original .InPageLink li:nth-child(2) span {
width: 100px;
top: -15px;
left: 20px;
}


/* ■ タイトル ------------------------------------------------------------------ */

#Page_Original .PageTitle {
margin-top: 20px;
margin-bottom: 20px;
}

#Page_Original .LeadTitle {
width: 790px;
margin: 0 auto 55px auto;
font-size: 16px;
font-weight: bold;
line-height: 1.9;
}



/* ■ メインセクション ------------------------------------------------------------------ */

#Page_Original .SectionMain {
position: relative;
margin-bottom: 30px;
padding: 40px 40px 60px 40px;
border: 4px solid #b4c9e8;
box-sizing: border-box;
border-radius: 20px;
}

#Page_Original .SectionMain#Sec2 {
margin-bottom: 60px;
}

#Page_Original .SectionMain .Icon {
position: absolute;
left: 35px;
top: -4px;
}

#Page_Original .SectionMain .LRBox {
width: 100%;
margin-bottom: 30px;
}

#Page_Original .SectionMain .LBox {
width: 490px;
padding-top: 60px;
}

#Page_Original .SectionMain .RBox {
width: 335px;
}

#Page_Original .SectionMain h2.Mds {
margin-bottom: 20px;
font-size: 44px !important;
color: #004db5;
}

#Page_Original .SectionMain .PhotoMain {
position: relative;
margin-bottom: 15px;
}

#Page_Original .SectionMain .LeadMain1 {
margin-bottom: 13px;
font-size: 22px;
line-height: 1em;
font-weight: bold;
}

#Page_Original .SectionMain .LeadMain2 {
margin-bottom: 15px;
font-size: 16px;
}

/* 名入れアイコン */
#Page_Original .SectionMain .PhotoMain .Icon_NamePrint {
position: absolute;
top: 1rem;
right: 1rem;
}



/* ■ こだわりポイント ------------------------------------------------------------------ */

#Page_Original .SectionPoint h3.Mds {
margin-bottom: 25px;
padding: 15px 0;
font-size: 22px;
line-height: 1em;
text-align: center;
color: #fff;
background: #784444;
}

#Page_Original .PointEach {
width: 100%;
}

#Page_Original #Sec1 .PointEach {
margin-bottom: 120px;
}

#Page_Original #Sec2 .PointEach {
margin-bottom: 70px;
}

#Page_Original #Sec1 .PointEach li {
position: relative;
width: 23.5%;
margin-right: 2%;
}

#Page_Original #Sec1 .PointEach li:last-child {
margin-right: 0;
}

#Page_Original #Sec2 .PointEach li {
width: 23.5%;
margin-right: 2%;
}

#Page_Original #Sec2 .PointEach li:last-child {
margin-right: 0;
}

#Page_Original #Sec2 .PointEach li img {
width: 100%;
height: auto;
}

#Page_Original .PointEach h4.Mds {
position: relative;
margin-bottom: 15px;
padding-left: 45px;
font-size: 17px;
line-height: 35px;
}

#Page_Original .PointEach h4.Mds:before {
display: block;
position: absolute;
left: 0;
width: 35px;
height: 35px;
border-radius: 50%;
font-size: 21px;
font-weight: normal;
line-height: 35px;
text-align: center;
color: #fff;
background: #784444;
}

#Page_Original .PointEach h4.Mds.Point1:before {
content: "1";
}

#Page_Original .PointEach h4.Mds.Point2:before {
content: "2";
}

#Page_Original .PointEach h4.Mds.Point3:before {
content: "3";
}

#Page_Original .PointEach h4.Mds.Point4:before {
content: "4";
}

#Page_Original .PointEach .Note {
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid #d0c6c6;
}

#Page_Original .PointEach .Note1 {
margin-bottom: 8px;
line-height: 1em;
}

#Page_Original .PointEach .Note2 {
margin-bottom: 6px;
font-size: 20px;
font-weight: bold;
line-height: 1em;
}

#Page_Original .PointEach .Note2 a {
pointer-events: none;
}

#Page_Original .PointEach .Note3 {
font-size: 13px;
}

#Page_Original #Sec1 .PointEach .Photo {
position: absolute;
bottom: -100%;
}

#Page_Original #Sec2 .PointEach .Photo img {
width: 100%;
height: auto;
}

#Page_Original #Sec2 .PointEach .Photo {
margin-bottom: 10px;
}


/* ■ 工房の様子 ------------------------------------------------------------------ */

#Page_Original .Factory {
margin-bottom: 45px;
padding: 35px 40px 65px 40px;
border: 1px solid #d0c6c6;
background: #fbf8f0;
}

#Page_Original .Slide {
margin-bottom: 4rem;
}

#Page_Original .Factory h4.Mds {
margin-bottom: 15px;
font-size: 26px;
line-height: 1em;
color: #004db5;
}

#Page_Original .Factory h5.Mds {
margin-bottom: 15px;
margin-top: 1.5rem;
font-size: 16px;
line-height: 1em;
}

#Page_Original .Factory .Lead1 {
margin-bottom: 35px;
font-size: 15px;
font-weight: bold;
}

#Page_Original .FactoryEach {
width: 100%;
}

#Page_Original .FactoryEach > li {
width: 48%;
margin-right: 4%;
margin-bottom: 55px;
}

#Page_Original .FactoryEach > li:nth-child(2n) {
margin-right: 0;
}

#Page_Original .FactoryEach > li:last-child,
#Page_Original .FactoryEach > li:nth-last-child(2):nth-child(odd) {
margin-bottom: 0;
}

#Page_Original .FactoryEach li img {
width: 100%;
height: auto;
}

/* スライダー */
#Page_Original .slick-prev {
left: 10px;
margin-top: -32.5px;
background: url(/images/campaign/originaldesign2/slider/Btn_Prev.png) no-repeat;
background-size: 26px auto;
background-position: left center;
}

#Page_Original .slick-next {
right: 10px;
margin-top: -32.5px;
background: url(/images/campaign/originaldesign2/slider/Btn_Next.png) no-repeat;
background-size: 26px auto;
background-position: right center;
}

#Page_Original .slick-dots {
bottom: -5rem;
}

#Page_Original .slick-dots li {
float: none;
}

#Page_Original .slick-dots li button {
width: 8px;
height: 8px;
border: 1px solid #fff;
background: #fff;
}

#Page_Original .slick-dots li.slick-active button {
background: #784444;
}


/* ■ 商品ラインナップ ------------------------------------------------------------------ */

#Page_Original .SectionItems h3.Mds {
margin-bottom: 30px;
padding: 15px 0;
font-size: 22px;
line-height: 1em;
text-align: center;
color: #fff;
background: #004db5;
}

#Page_Original .SectionItems h4.Mds {
margin-bottom: 8px;
font-size: 18px;
line-height: 1.6em;
}

#Page_Original .SectionItems img {
width: 100%;
height: auto;
}

#Page_Original .SectionItems li {
position: relative;
width: 30%;
margin-right: 5%;
margin-bottom: 35px;
}

#Page_Original .SectionItems li:nth-child(3n) {
margin-right: 0;
}

#Page_Original .SectionItems li:nth-child(3n+1):nth-last-child(-n+3),
#Page_Original .SectionItems li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
margin-bottom: 0;
}

#Page_Original .SectionItems .Lead1, 
#Page_Original .SectionItems .Lead2 {
display: inline-block;
vertical-align: middle;
}

#Page_Original .SectionItems .Lead1 {
margin-right: 8px;
font-size: 22px;
font-weight: bold;
}

#Page_Original .SectionItems .Lead1 .Item_Price_Yen2 {
display: inline-block;
margin-right: 0.3rem;
}

#Page_Original .SectionItems .Lead1 span {
font-size: 15px;
}

#Page_Original .SectionItems .Lead2 {
width: 80px;
padding: 4px 0;
border: 1px solid #0281c3;
border-radius: 12px;
font-size: 13px;
color: #0281c3;
line-height: 1em;
text-align: center;
}

#Page_Original .SectionItems .Lead3 {
margin: 15px 0 20px 0;
}

#Page_Original .SectionItems .Lead3 {
margin: 15px 0 20px 0;
}

/* 名入れアイコン */
#Page_Original .SectionItems .Icon_NamePrint {
position: absolute;
top: -1rem;
right: 0;
}

/* 名入れボタン */
#Page_Original .BtnDetail_NamePrint {
margin-top: 1rem;
}

/* 商品一覧ボタン */
#Page_Original .BtnList .Btn {
width: 560px;
margin: 0 auto;
padding-top: 22px;
padding-left: 30px;
padding-bottom: 22px;
background: #004db5 url(/images/sp/common/icon/Icon_LinkFwd_White.png) no-repeat;
background-size: 30px auto;
background-position: 4% 50%;
border-radius: 35px;
color: #fff;
font-size: 22px;
line-height: 1em
}



/* ■ 取り扱い店舗案内 ------------------------------------------------------------------ */

/*
#Shop_Stock_Notice {
margin-top: 90px;
}

#Shop_Stock_Notice .Lead {
color: #fff;
}
*/