@charset "utf-8";

/* ######################################################################################

	トップページ

###################################################################################### */
@media print, screen and (min-width: 768px) {
	.LC_Page_Index .pageBody {padding-bottom: 150px;}
	.LC_Page_Index .topicsBelt + .topicsBelt {margin-top: 124px;}
}
@media only screen and (max-width: 767px) {
	.LC_Page_Index .pageBody {padding-bottom: 140px;}
	.LC_Page_Index .topicsBelt + .topicsBelt {margin-top: 68px;}

	/* contents順 */
  	.LC_Page_Index .pageBody{display: flex; flex-direction: column;}
  	.LC_Page_Index .pageBody .mainImage{order: 1;}
  	.LC_Page_Index .pageBody .cationList{order: 2;}
  	.LC_Page_Index .pageBody .bannerSlider{order: 3;}
  	.LC_Page_Index .pageBody .linkBox{order: 7;}
  	.LC_Page_Index .pageBody .topicsBelt.nossearch{order: 6;}
  	.LC_Page_Index .pageBody .topicsBelt.lead{order: 4;}
  	.LC_Page_Index .pageBody .topicsBelt.delivery{order: 5;}
  	.LC_Page_Index .pageBody .topicsBelt{order: 8;}
}

/* ====================================================
	メインイメージ
==================================================== */
.LC_Page_Index .mainImage img {width: 100%; height: auto;}

@media print, screen and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
	.LC_Page_Index .mainImage {margin-left: -15px; margin-right: -15px;}
}

/* ====================================================
	メインイメージ注意文
==================================================== */
.LC_Page_Index .cationList li {
	line-height: 1.5;
	font-size: 0.85em;
}
@media print, screen and (min-width: 768px) {
	.LC_Page_Index .cationList {
		margin-top: 0.5em;
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	.LC_Page_Index .cationList {margin-top: 0.75em;}
	.LC_Page_Index .cationList li + li {margin-top: 0.25em;}
}

/* ====================================================
	店頭カタログから探す
==================================================== */
@media print, screen and (min-width: 768px) {
	.LC_Page_Index .topicsBelt.nossearch {display: none;}
}
@media only screen and (max-width: 767px) {
	.LC_Page_Index .nossearch .bottomBorderTitle {margin-bottom: 20px;}
	.LC_Page_Index .nossearch .image {text-align: center;}
	.LC_Page_Index .nossearch .image img {width: 79.1667%; height: auto;}
}

/* ====================================================
	バナースライド
==================================================== */
@media print, screen and (min-width: 768px) {
	.LC_Page_Index .bannerSlider {margin-bottom: 40px; padding: 20px 30px;}
	.LC_Page_Index .bannerSlider img {width: 305px;}
	.LC_Page_Index .bannerSlider .slick-slide {margin-left: 7px; margin-right: 7px;}
}
@media screen and (max-width: 767px) {
	.LC_Page_Index .bannerSlider {margin-bottom: 0; padding: 17px 0 45px;}
	.LC_Page_Index .bannerSlider .slick-slide img {
		width: 100%;
		height: auto;
		padding: 0 15px;
	}
	.LC_Page_Index .bannerSlider .slick-dots {bottom: 12px; left: 0;}
	.LC_Page_Index .bannerSlider .slick-dots li {margin: 0 5px;}
	.LC_Page_Index .bannerSlider .slick-dots li button:before {
		content: "";
		width: 15px;
		height: 15px;
		background: #DDDDDD;
		border-radius: 50%;
		opacity: 1;
	}
	.LC_Page_Index .bannerSlider .slick-dots li.slick-active button:before {content: ""; background: #CF5749;}
}

/* ====================================================
	ページ内リンク
==================================================== */
.LC_Page_Index .pageBody .linkBox li a:after {
	content: "";
	box-sizing: border-box;
	position: relative;
	top: -3px;
	left: 6px;
	display: inline-block;
	transform: rotate(135deg);
	width: 0.5em;
	height: 0.5em;
	border: 0.15em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	vertical-align: middle;
	color: #fff;
	line-height: 1;
}
@media print, screen and (min-width: 768px) {
	.LC_Page_Index .pageBody .linkBox {
		display: flex;
		justify-content: center;
		margin-bottom: 60px;
	}
	.LC_Page_Index .pageBody .linkBox li + li {margin-left: 0.5em;}
}
@media only screen and (max-width: 767px) {
	.LC_Page_Index .pageBody .linkBox {
		margin-top: 1em;
		margin-bottom: 3em;
	}
	.LC_Page_Index .pageBody .linkBox li + li {margin-top: 0.5em;}
	.LC_Page_Index .pageBody .linkBox li a {
		display: block;
		width: 100%;
	}
}


/* ====================================================
	アピタ・ピアゴ店舗にてお受け取りのお客様へ
==================================================== */
.LC_Page_Index .attentionBox{text-align: center;}
.LC_Page_Index .attentionBox .boldTitle{color: #C30216; font-weight: bold; margin-bottom: 0.5em;}
.LC_Page_Index .attentionBox p{font-weight: bold;}

@media print, screen and (min-width: 768px) {
	.LC_Page_Index .topicsBelt.lead{margin-top: 0; margin-top: 80px;}
	.LC_Page_Index .attentionBox{padding: 1.25em 1em 1em; border: 5px solid #C30216;}
	.LC_Page_Index .attentionBox .boldTitle{margin-bottom: 0.25em; font-size: 3rem;}
	.LC_Page_Index .attentionBox p{font-size: 2rem;}
}
@media screen and (max-width: 767px) {
	.LC_Page_Index .topicsBelt.lead{margin-top: 0; margin-bottom: 0;}
	.LC_Page_Index .attentionBox{padding: 0.75em 0.5em 0.5em; border: 3px solid #C30216;}
	.LC_Page_Index .attentionBox .boldTitle{margin-bottom: 0.25em; font-size: 1.3rem;}
	.LC_Page_Index .attentionBox p{font-size: 0.8rem;}
}


/* ====================================================
	選べる受け取り方法
==================================================== */
.LC_Page_Index .deliverySelectItem{text-align: center;}
.LC_Page_Index .deliverySelect .underLineTitle{
	text-align: center;
    margin-bottom: 0.75em;
}
.LC_Page_Index .deliverySelect .underLineTitle .red{color: #C30216; vertical-align: baseline;}
.LC_Page_Index .deliverySelect .underLineTitle .small{vertical-align: baseline;}
.LC_Page_Index .deliverySelect * + p{margin-top: 1.5em;}
.LC_Page_Index .deliverySelect p{text-align: left;}
.LC_Page_Index .deliverySelect p span{display: inline-block;}

@media print, screen and (min-width: 992px) {
	.LC_Page_Index .topicsBelt.delivery{margin-top: 80px;}
	.LC_Page_Index .deliverySelect{display: flex;}
	.LC_Page_Index .deliverySelectItem{padding: 1.25em; border: 5px solid #CF5749; width: 50%;}
	.LC_Page_Index .deliverySelectItem + .deliverySelectItem{border-left-width: 0;}
	.LC_Page_Index .deliverySelect .underLineTitle{
		padding: 0 0 0.25em;
		border-bottom: 2px solid #CF5749;
		font-size: min(2.6vw, 3.6rem);
		width: 100%;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.LC_Page_Index .deliverySelect .underLineTitle .small{font-size: 1.9rem;}
	.LC_Page_Index .deliverySelect p{
		font-size: min(1.1vw, 1.5rem);
		width: 100%;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 991px) {
	.LC_Page_Index .deliverySelectItem{padding: 1em; border: 3px solid #CF5749; }
	.LC_Page_Index .deliverySelectItem + .deliverySelectItem{margin-top: 2em;}
	.LC_Page_Index .deliverySelect .underLineTitle{font-size: 2.5rem;}
	.LC_Page_Index .deliverySelect .underLineTitle .small{font-size: 1.6rem;}
	.LC_Page_Index .deliverySelect p{max-width: 470px; margin-left: auto; margin-right: auto; font-size: 1.1rem;}
	.LC_Page_Index .deliverySelectItem.item01 img{width: 78px; height: auto;}
}
@media only screen and (max-width: 767px){
	.LC_Page_Index .pageBody .topicsBelt.delivery {margin-bottom: 68px;}
}


/* .deliverySelectItem  */
.LC_Page_Index .deliverySelectItem.item02 p{
	position: relative;
    text-indent: -1em;
}
.LC_Page_Index .deliverySelectItem.item02 p:before{
	content: "";
    position: absolute;
    top: -0.5em;
    left: 0;
    background-image: url(../img/contents/index/house_02.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
@media print, screen and (min-width: 992px) {
	.LC_Page_Index .deliverySelectItem.item02 p{
		padding-left: 120px;
	}
	.LC_Page_Index .deliverySelectItem.item02 p:before{
		width: 80px;
		height: 130%;
	}
}
@media screen and (max-width: 991px) {
	.LC_Page_Index .deliverySelectItem.item02 p{
		padding-left: 9em;
	}
	.LC_Page_Index .deliverySelectItem.item02 p:before{
		width: 9em;
		height: 130%;
	}
}



/* ====================================================
	アピタ・ピアゴオリジナル年賀状
==================================================== */
.LC_Page_Index .original li img {width: 100%; height: auto;}

@media print, screen and (min-width: 768px) {
	.LC_Page_Index .original .originalList{margin-top: 35px; max-width: 692px; margin-left: auto; margin-right: auto;}
	.LC_Page_Index .original .row {margin-left: -10px; margin-right: -10px;}
	.LC_Page_Index .original li {margin-bottom: 20px; padding-left: 10px; padding-right: 10px;}
}
@media screen and (max-width: 767px) {
	.LC_Page_Index .original .originalList{
		margin-top: 20px;
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	.LC_Page_Index .original li {margin-top: 10px;}
}


/* ====================================================
	えらべる年賀状・1枚からえらべる年賀状
==================================================== */
.LC_Page_Index .singleLinkBox .cation {display: block; color: #C30216; text-align: center;}
.LC_Page_Index .singleLinkBox .image {text-align: center;}

@media print, screen and (min-width: 768px) {
	.LC_Page_Index .singleLinkBox .cation {margin-top: 18px; font-size: 1.3rem;}
}
@media screen and (max-width: 767px) {
	.LC_Page_Index .singleLinkBox img {width: 100%; height: auto;}
}


/* ====================================================
	ご利用ガイドはこちらから
==================================================== */
.LC_Page_Index .guideButton {text-align: center;}
.LC_Page_Index .guideButton a {
	position: relative;
	display: block;
	max-width: 500px;
	margin: 0 auto;
	text-decoration: none;
	color: #000;
}
.LC_Page_Index .guideButton a dt {font-weight: 700;}
.LC_Page_Index .guideButton a dd {line-height: 1.5;}
.LC_Page_Index .guideButton a:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 32px;
	height: 32px;
	background-image: url("../img/contents/index/icon_guide.svg");
	background-size: 32px;
}

@media print, screen and (min-width: 768px) {
	.LC_Page_Index .guideButton {margin-top: 132px;}
	.LC_Page_Index .guideButton a {
		padding-top: 57px;
		padding-bottom: 24px;
		border: 15px solid #CF5749;
	}
	.LC_Page_Index .guideButton a:before {top: 16px;}
	.LC_Page_Index .guideButton a:hover {opacity: 0.7;}
	.LC_Page_Index .guideButton a dt {margin-bottom: 6px; font-size: 2.2rem;}
}
@media screen and (max-width: 767px) {
	.LC_Page_Index .guideButton {margin-top: 60px;}
	.LC_Page_Index .guideButton a {
		padding-top: 68px;
		padding-bottom: 30px;
		border: 10px solid #CF5749;
	}
	.LC_Page_Index .guideButton a:before {top: 26px;}
	.LC_Page_Index .guideButton a dt {margin-bottom: 3px; font-size: 2rem;}
	.LC_Page_Index .guideButton a dd {font-size: 1.3rem;}
}

/* ######################################################################################

	ご利用ガイド 受取店舗一覧

###################################################################################### */

@media print, screen and (min-width: 768px) {
	.pageGuide.shopList .bottomBorderTitle {margin-bottom: 2em;}
	.pageGuide.shopList .prefBox {margin-top: 7.1429em;}
	.pageGuide.shopList .prefBox .linkSelectBox__title {margin-bottom: 2.3333em;}
	.pageGuide.shopList .prefBox + .prefBox,
	.pageGuide.shopList .prefBox table + table {margin-top: 2.5em;}
}
@media screen and (max-width: 767px) {
	.pageGuide.shopList .bottomBorderTitle {margin-bottom: 2.7273em;}
	.pageGuide.shopList .prefBox {margin-top: 4.2857em;}
	.pageGuide.shopList .prefBox .linkSelectBox__title {margin-bottom: 2.3333em;}
	.pageGuide.shopList .prefBox + .prefBox,
	.pageGuide.shopList .prefBox table + table {margin-top: 2.5em;}
}





/* ######################################################################################

	共通設定

###################################################################################### */




/* ######################################################################################

	お問合せフォーム

###################################################################################### */
#PageInquiry .contentsBox input#Company		{width:80%;}
#PageInquiry .contentsBox input#Employees	{width:20%;}
#PageInquiry .contentsBox input#Division	{width:40%;}
#PageInquiry .contentsBox input#Name		{width:40%;}
#PageInquiry .contentsBox input#Zip			{width:30%;}
#PageInquiry .contentsBox input#Pref		{width:40%;}
#PageInquiry .contentsBox input#Address		{width:100%;}
#PageInquiry .contentsBox input#Tel			{width:80%;}
#PageInquiry .contentsBox input#Fax			{width:80%;}
#PageInquiry .contentsBox input#Email1		{width:95%;}
#PageInquiry .contentsBox input#Email2		{width:95%;}
#PageInquiry .contentsBox textarea#Message	{width:100%;}
@media only screen and (max-width: 999px){
#PageInquiry .contentsBox input#Company		{width:100%;}
#PageInquiry .contentsBox input#Division	{width:100%;}
#PageInquiry .contentsBox input#Name		{width:100%;}
#PageInquiry .contentsBox input#Tel			{width:100%;}
#PageInquiry .contentsBox input#Fax			{width:100%;}
#PageInquiry .contentsBox input#Email1		{width:100%;}
#PageInquiry .contentsBox input#Email2		{width:100%;}
}


/* #################################################

	年賀状簡単受付サイト  LC_Page_Simple_Index

################################################# */
.LC_Page_Simple_Index #container,
.LC_Page_Simple_Confirm #container,
.LC_Page_Simple_Complete #container {padding-top: 0;}
.LC_Page_Simple_Index #Leftcolumn,
.LC_Page_Simple_Confirm #Leftcolumn,
.LC_Page_Simple_Complete #Leftcolumn {display: none;}
.LC_Page_Simple_Index #container .main_column,
.LC_Page_Simple_Confirm #container .main_column,
.LC_Page_Simple_Complete #container .main_column {width: 100%;}

.LC_Page_Simple_Index .bloc_body,
.LC_Page_Simple_Confirm .bloc_body,
.LC_Page_Simple_Complete .bloc_body,
.LC_Page_Simple_Index .pushy,
.LC_Page_Simple_Confirm .pushy,
.LC_Page_Simple_Complete .pushy {display: none;}

.LC_Page_Simple_Index .footer{
    text-align: center;
    position: relative;
    margin-top: 60px;
}
.LC_Page_Simple_Index .footer .inner{
    position: relative;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.LC_Page_Simple_Index .footer .btn{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20.5128%;
}

.LC_Page_Simple_Index .mainImg {margin-bottom: 4em;}

@media print, screen and (min-width: 768px) {
	.LC_Page_Simple_Index #container > .contents,
	.LC_Page_Simple_Confirm #container > .contents,
	.LC_Page_Simple_Complete #container > .contents {display: block; width: 810px;}

	.LC_Page_Simple_Confirm .borderBox,
	.LC_Page_Simple_Complete .borderBox {margin-top: 3em;}

	.LC_Page_Simple_Confirm .borderBox.coupon,
	.LC_Page_Simple_Complete .borderBox.coupon {margin-top: 0;}

	.LC_Page_Simple_Index #container .buttonBox,
	.LC_Page_Simple_Confirm #container .buttonBox,
	.LC_Page_Simple_Complete #container .buttonBox {margin-top: 60px;}

	.LC_Page_Simple_Confirm #container .buttonBox,
	.LC_Page_Simple_Complete #container .buttonBox {margin-bottom: 60px;}
}
@media screen and (max-width: 767px) {
	.LC_Page_Simple_Index #Header,
	.LC_Page_Simple_Confirm #Header,
	.LC_Page_Simple_Complete #Header {display: none;}

	.LC_Page_Simple_Index .mainImg,
	.LC_Page_Simple_Index .footer,
	.LC_Page_Simple_Confirm .footer,
	.LC_Page_Simple_Complete .footer {margin-left: -15px; margin-right: -15px;}

	.LC_Page_Simple_Index table,
	.LC_Page_Simple_Index tbody,
	.LC_Page_Simple_Index tr,
	.LC_Page_Simple_Index th,
	.LC_Page_Simple_Index td {display: block;}
	.LC_Page_Simple_Index td {border-left-width: 1px!important; border-top: none;}

	.LC_Page_Simple_Index #container > .contents,
	.LC_Page_Simple_Confirm #container > .contents,
	.LC_Page_Simple_Complete #container > .contents {display: block; width: 100%;}

	.LC_Page_Simple_Confirm .borderBox,
	.LC_Page_Simple_Complete .borderBox {margin-top: 2em;}

	.LC_Page_Simple_Confirm .borderBox.coupon,
	.LC_Page_Simple_Complete .borderBox.coupon {margin-top: 0;}

	.LC_Page_Simple_Index #container .buttonBox,
	.LC_Page_Simple_Confirm #container .buttonBox,
	.LC_Page_Simple_Complete #container .buttonBox {margin-top: 40px;}

	.LC_Page_Simple_Confirm #container .buttonBox,
	.LC_Page_Simple_Complete #container .buttonBox {margin-bottom: 40px;}
}

.LC_Page_Shopping .formBloc .mini.mt1,
.LC_Page_Simple_Index .borderBox td .mini.mt1 {margin-top: 1em;}
.LC_Page_Shopping .formBloc .mini.fz-normal,
.LC_Page_Simple_Index .borderBox td .mini.fz-normal {
	font-size: 1.4rem;
	line-height: 1.5;
}


/* #################################################

	おおみだし

################################################# */


/*　こみだし
-------------------------------------*/

/* まごみだし */





/*end*/