@charset "UTF-8";

/*
 * 
 * レイアウトに係るところは新しく組み直しました。
 * personalOrder_ とつくクラスはパーソナルオーダーページ用です。	
 * * パーソナルオーダーはせっかくのフリーページで、
 * * HTMLを触るし更新しやすい方がいいと思ったので。
 *
 */


/* すでにあたっているスタイルをリセット */
.fs-c-productPreorderMessage{
	display: none;
}

/* パーソナルオーダー オリジナル */
.personalOrder_tag {
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	width: 78px;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	background-image: url('https://british.fs-storage.jp/variation/common/bg-label.gif');
	background-repeat: no-repeat;
	background-position: 0 -5px;
}
.personalOrder_reserve { background-position: 0 -95px; }
.personalOrder_new { background-position: 0 -65px; }

.personalOrder_mainArea {
	margin-bottom: 40px;
	margin-top: 20px;
}
.personalOrder_mainArea_left {
	width: 600px;
	height: 600px;
	float: left;
}
.personalOrder_mainArea_right {
	width: 262px;
	float: right;
}
.personalOrder_Direction {
	margin-bottom: 30px;
	margin-top: 30px;
	margin-right: -7px;
	font-size: 0;
}
.personalOrder_DirectionImage {
	display: inline-block;
	vertical-align: top;
	width: 74px;
	height: 74px;
	border: 1px solid #f5ece0;
	padding: 3px;
	cursor: pointer;
	margin-right: 7px;
	-webkit-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.personalOrder_DirectionImage.current,
.personalOrder_DirectionImage:hover {
    box-shadow: 0 0 0 2px #f5ece0;
}

.personalOrder_imageArea {
	width: 90%;
	height: 600px;
	background: url('https://british.fs-storage.jp/variation/common/ajax-loader.gif') no-repeat center center;
	position: relative;
	border: 1px solid #f5ece0;
    padding: 2px;
    padding-bottom: 90%;
}
body.loaded .personalOrder_imageArea {
	background-image: none;
}
.personalOrder_imageBlock {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.personalOrder_imageBlock.show {
	opacity: 1;
	visibility: visible;
}
.personalOrder_imageBlock img {
	position: absolute;
	top: 0;
	left: 0;
}
.personalOrder_imageStitch {
	z-index: 2;
}
.personalOrder_imageLeather {
	z-index: 0;
}
.personalOrder_imageLogo {
	z-index: 1;
}
.personalOrder_imageParts {
	z-index: 1;
}

.personalOrder_selectArea {}
.personalOrder_selectRow {
	margin-bottom: 20px;
}
.personalOrder_selectRow {
	position: relative;
	z-index: 0;
}
.personalOrder_selection {
	position: relative;
	width: 100%;
	color: #7a7c2c;
	z-index: 0;
}
.personalOrder_selectionDefault {
	width: 100%;
	height: 28px;
	line-height: 28px;
	background: url('https://british.fs-storage.jp/variation/common/pd_back.gif') no-repeat 0 0;
	cursor: pointer;
}
.personalOrder_selectionDefault span {
	padding-left: 10px;
}
.personalOrder_selectionList {
	position: absolute;
	top: 27px;
	left: 0;
	width: 239px;
	z-index: 1;
	background-color: #fff;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 1px solid #7a7c2c;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all .1s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all .1s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition: all .1s cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all .1s cubic-bezier(0.770, 0.000, 0.175, 1.000);

	max-height: 265px;
	overflow: scroll;
}
.personalOrder_selectionListItem {
	cursor: pointer;
	overflow: hidden;
	padding: 5px 10px;
}
.personalOrder_selectionListItem:hover {
	color: #e57c03;
	background-color: #f5ece0;
}
.personalOrder_selectRow.open {
	z-index: 1;
}
.personalOrder_selectRow.open .personalOrder_selectionList {
	opacity: 1;
	visibility: visible;
}

.personalOrder_cartBtn {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 49px;
	padding-bottom: 0;
	margin-top: 40px;
	overflow: hidden;
	background: url('https://british.fs-storage.jp/variation/common/bt-cart.gif') no-repeat 0 0;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
}
.personalOrder_cartBtn:hover {
	background-position: 0 -49px;
}


/* ページ下部コンテンツ */
/* アイテム説明／アイテム詳細 */
.personalOrder_desctiptionArea_left {
	width: 450px;
	float: left;
}
.personalOrder_desctiptionArea_right {
	width: 430px;
	float: right;
}



.FS2_additional_image_container_main,
.FS2_additional_image_btn_thumbnail_container,
.FS2_additional_image_container_sub,
.FS2_additional_image_itemdetail_container,
.FS2_itemlayout_td_Left,
.FS2_itemlayout_td_Right {
	display: none;
}

.PO_itemPrice_area {
	margin-bottom:15px;
}

.PO_itemPrice_area .PO_itemPrice_text {
	text-align:right;
}

.PO_itemPrice_area .PO_itemPrice_text {
	text-align:right;
	color: #714811;
}
.PO_itemPrice_area .PO_itemPrice_addition {
	margin-left: 5px;
}

.PO_itemPrice_area .PO_itemPrice_text .itemPrice {
	font-size:16px;
}
.PO_itemPrice_area .PO_itemPrice_text {
	margin-bottom: 0;
}
.PO_itemPrice_area .PO_special_price {
	margin-right: 15px;
}

div.PO_Share_Button_area {
	position: relative;
	margin-left: 0;
}

.PO_TweetButton_area {
	position:relative;
}

.PO_TweetButton_area .TweetButton_area_inner {
	position:absolute;
	top:55px;
	left:120px;
	overflow:hidden;

}

.PO_TweetButton_area .twitter,
.PO_TweetButton_area .googleplus {
	display:inline-block;
	margin-right:5px;
}

.PO_TweetButton_area .fb {
	display:block;
}

.PO_InquiryButton_area,
.PO_WishListButton_area {
	margin-bottom:80px;
}

.PO_InquiryButton_area {
	float:left;
}

.PO_WishListButton_area {
	float:right;
}

.PO_MailRecommendButton_area {
	position:relative;
}

.PO_MailRecommendButton_area a {
	position: absolute;
	top:55px;
	left:0;
}

.PO_InquiryButton_area,
.PO_WishListButton_area {
	margin-bottom:80px;
}

.PO_InquiryButton_area {
	float:left;
}

.PO_WishListButton_area {
	float:right;
}

.PO_MailRecommendButton_area {
	position:relative;
}

.PO_MailRecommendButton_area a {
	position: absolute;
	top:55px;
	left:0;
}

.PO_hiddenElement {
	display: none;
}


/*-----
210604追加
------*/
/*PC*/
@media screen and (min-width: 769px) {
    .main__inn2 .data-block--personal{
     margin: auto;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 100px;
    border-bottom: 1px solid #e7e7e7;
    }
    .main__inn2 .data-block--personal p{
        margin: 1rem 0;
    }
    
    /*予約ボタン*/
    .fs-c-mark--preorder{
        background-color: #3a4773;
    }
    /*カートボタン*/
    
    .personal-cart{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row-reverse;
        margin-bottom: 10px;
    }
    .personal-cart .fs-c-buttonContainer{
        display: block;
            width: 100%;
    }
    
    #detail .fs-c-productActionButton.fs-c-buttonContainer .fs-c-button--addToCart--detail.fs-c-button--primary{
    /*        background: #7a7c2c;
    border: none;
    font-size: 12px!important;
    padding: 0.8em 0.8em 0.8em!important;*/
    }
    /*お気に入り*/
    .personal-cart .fs-c-productQuantityAndWishlist{
            float: none;
    width: 63px;
    }
    .fs-c-button--addToCart--detail::before{
        display: none;
    }
    .fs-c-button--particular.fs-c-button--addToWishList--detail::after{
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(https://glenroyal.jp/wp-content/themes/glenroyal/assets/img/common/heart.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    }
    .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(https://glenroyal.jp/wp-content/themes/glenroyal/assets/img/common/heart-active.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}
}
/*SP*/
@media screen and (max-width: 768px) {
    .personalOrder_imageArea{
            width: 100%;
    padding-bottom: 100%;
        height: auto;
    }
    
    .main__inn2 .data-block--personal{
            margin: auto;
        margin-top: 20px;    
		padding-bottom: 50px;
    border-bottom: 1px solid #e7e7e7;
    }
    .main__inn2 .data-block--personal p{
        margin: 1rem 0;
    }
    
    /*カートボタン周り調整*/
    #detail .main .main__inn1-RGT{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: column;
    }
    
    .personalOrder_Direction{
        order: -1;
            margin: 15px 0;
    }
    
    .personalOrder_selectionDefault{
            width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #7a7c2c;
    border-radius: 3px;
    }
    .personalOrder_selectionList{
            position: absolute;
    top: 41px;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #7a7c2c;
    }
    .personalOrder_selectRow{
        margin-bottom: 10px;
    }
    
    .personalOrder_selectArea{
        order: -1;
    }
    
    .fs-c-button--addToCart--detail::before{
        display: none;
    }
    
    /*予約ボタン*/
    .fs-c-mark--preorder{
        background-color: #3a4773;
    }
    
    /*カート*/
    
    .fs-c-button--particular.fs-c-button--addToWishList--detail::after{
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(https://glenroyal.jp/wp-content/themes/glenroyal/assets/img/common/heart.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
	/*display: none;*/
    }
    .fs-c-button--particular.fs-c-button--removeFromWishList--detail::after {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(https://glenroyal.jp/wp-content/themes/glenroyal/assets/img/common/heart-active.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
	/*display: none;*/
}
    #detail .fs-c-button--particular.fs-c-button--addToWishList--detail {
            margin-top: 0px;
    margin-bottom: -8px;
    margin-left: auto;
    }
    /*商品についてのお問い合わせ*/
    .fs-c-inquiryAboutProduct.fs-c-buttonContainer--inquiryAboutProduct{
        width: 100%;
    }
    .fs-c-inquiryAboutProduct.fs-c-buttonContainer--inquiryAboutProduct button{
            border: 1px solid #7a7c2c;
    width: 100%;
    padding: 10px 0;
    color: #7a7c2c;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .fs-c-inquiryAboutProduct.fs-c-buttonContainer--inquiryAboutProduct button::before{
            content: "";
    background: url(https://glenroyal.jp/wp-content/themes/glenroyal/assets/img/mail.png) no-repeat center center/contain;
    display: block;
    width: 13px;
    height: 11px;
    margin-right: 10px;
    }
    
    .data-block{
        margin-bottom: 20px !important;
    }
}