@charset 'UTF-8';
/* -----------------------------
    全体 
-------------------------------*/

/* ヘッダー上部CPNエリア　※photobook.cssも更新！ */
.headerTop_cpn{
    background-color: #ff0000;
    animation: headerTop_cpn 2s linear 0s infinite normal;
}
@keyframes headerTop_cpn{
    0%{ background-color: #ff0000; }
    50%{ background-color: #ff9999;}
    100%{ background-color: #ff0000; }
}
/* アルバムカラーの緑 */
.pho-green{ color: #319F33!important; }

.headerTop_cpn__btn,
.headerTop_cpn__btn:link{
    color: #fff!important;
}
.headerTop_cpn__R{
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    position: relative;
}
.headerTop_cpn__R::before{
    content: "";
    display: block;
    height: 8px;
    width: 8px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    top: calc(50% - 4px);
    right: 5px;
}
.photobook_top__faqUL__item{
    margin-top: 2rem;
}
.photobook_top__faqUL__ttl{
    color: #ff6000;
    font-weight: bold;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #ff6000;
    font-size: 1.4rem;
}
.photobook_top__faqUL__txt{
    margin: 1rem 0 0 2rem;
}
.photobook_top__faqUL__ttl__ic,
.photobook_top__faqUL__txt__ic{
    width: 30px;
}
.photobook_top__faqUL__ttl__txt,
.photobook_top__faqUL__txt__txt{
    width: calc(100% - 35px);
}



/* お届けまでの流れ */
.phobFlow__item{
	width: 100%;
	border: 2px solid #F7851E;
	box-sizing: border-box;
}
.phobFlow__icWrap{
	width: 40%;
	padding: 1rem;
	box-sizing: border-box;
	background-color: #FEF4E5;
	color: #F7851E;
	font-size: 1.5rem;
}
.ec-productRole img.phobFlow__ic{
	width: 35%;
}
.phobFlow__txtWrap{
	width: 60%;
	padding: 1rem;
	box-sizing: border-box;
}
.phobFlow__arrow{
	color: #F7851E;
	width: 100%;
	text-align: center;
	transform: scaleX(2);
	margin: 1rem 0;
}

/* サンプルを見る */
.c-button--cata {
	background: url(//image.piary.jp/uploads/gift/items/ico_book.png) no-repeat 15px 50%;
	max-width: 480px;
	margin: 0 auto;
}

/* バナー */
/* .bn_cart-top {
	display: none;
} */

/* 注文の流れ */
.photobook_top_flowList__item{
    margin-top: 2rem;
    border: 5px solid #ff6600;
    align-items: stretch;
    line-height: 1.4;
}
.photobook_top_flowList__item:not(:last-child){
    margin-bottom: 3rem;
}
.photobook_top_flowList__item:not(:last-child)::before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-top: solid 20px #ff6600;
    border-bottom: 20px solid transparent;
    position: absolute;
    left: calc(50% - 30px);
    top: calc(100% + 5px);
}

.photobook_top_flowList__item__num{
    width: 10%;
    background-color: #ff6600;
    color: #fff;
    font-size: 3.6rem;
    transform: scale(1.05,1.05);
}

.photobook_top_flowList__item__text{
    width: 70%;
}
.photobook_top_flowList__item__icon{
    width: 20%;
    padding: 1rem;
}

/*「申し込みまでの流れ」ボタン*/
.p-detail__induction {
    margin-top: 0!important;
}

/* ----- 商品ページ 商品画像下レイアウトを見るボタン ----- */
/* デモサイトアイコン */
.c-button--demophoto {
	background: url(http://image.piary.jp/uploads/gift/items/ico_demosite.png) no-repeat 15px 50%;
	max-width: 480px;
	margin: 1rem auto;
}

/* 商品画像下レイアウトを見るボタン */
.c-button--photo__imgUnd {
	width: 65%;
	background-position: 15px 50%;
	background-size: auto 2em;
	margin: 0 auto 2rem!important;
}
/* 結婚式アルバム（本）のアイコン */
.c-button--photo {
	background: url(http://image.piary.jp/uploads/gift/items/ico_book.png) no-repeat 15px 50%;
	max-width: 480px;
	background-size: 9%;
	margin: 0 auto;
}

/* -----------------------------
   商品ページ 注文の流れ改修2024_06
-------------------------------*/
.photobook_top_flowList__item__gdBn{
    box-shadow: 1px 1px 3px rgb(100 100 100 / 45%) ;
}