/*マイページへのお知らせ　改修追加分CSS*/

.pagenation-for-notification
{width: 100%;box-sizing: border-box;padding: 0 2.5%;text-align:left;overflow: auto;}
.pagenation-for-notification .prev
{float:left}
.pagenation-for-notification .next
{float:right}

/*
写真投稿機能追加　追加CSS
product_new.cssに追加予定
*/
.font-red
{color: #F00;}

.lets-add-photo-to-review
{background: #fff;box-sizing: border-box;border:3px solid #ff8a34;padding:0!important;}
.lets-add-photo-to-review h1
{text-align:center;margin:.25em .25em 1em; padding:0.5em 1.5em;background:#ff8a34;color:#fff;font-size:1.5em;}
.lets-add-photo-to-review h2
{text-align:center;padding:0 1.5em 0.5em;}
.lets-add-photo-to-review p
{margin:0;padding:0 1.5em 1.5em;font-size:1.17em;text-align:left;}

.after-post
{margin: 5px 20px 10px 20px;}
.photo-post-kiyaku
{text-align:left;margin:0 0 1rem;}

.reviewSec
{display:inline-block;box-sizing: border-box;width: 100%;margin-bottom:20px !important;}
.reviewComment
{/*width:78%;float:left;display:inline-block;*/}
.helpful
{width:100%;display:inline-block;text-align:left;background: #fafafa;padding: 0.5em 1rem;box-sizing:border-box;}

.review-photos
{margin-left:20px;float:right;overflow:hidden;position:relative;}
.review-photos img
{width:150px;height:auto;display: block;float: left;padding:5px;box-sizing:border-box;clip:rect(0px,200px,200px,0px);background:#fff;}
.review-photos span
{z-index: 10;position: absolute;padding: 0.25rem;background: #fff;font-size:1rem;right:0;}
.review-attachment
{text-decoration:none !important;background:#FC8000;padding: .5rem 1rem;margin-left: 20px;color:#fff;}
.review-attachment:hover
{background:#0066ff;color:#fff;}
.review-attachment i
{display: inline-block;font-size: 1.2rem;vertical-align: text-top;margin-right: .5rem;}

.review-photos-right
{width:20%;height:100%;box-sizing:border-box;display:inline-block;float:right;overflow:hidden;clear:none;}

.go-post-photo:link, .go-post-photo:visited
{display: inline-block;text-decoration: none !important;padding: .5rem;background: red;color: #fff !important;width: 90%;box-sizing: border-box;text-indent:0;text-align:center;}
.go-post-photo:hover
{opacity:.6;}
.go-post-photo-msg
{box-sizing: border-box;padding: 0 0 .5rem!important;margin:.5rem 0 0;overflow:auto;}
.go-post-photo-msg h1
{width:100%;text-align:center;margin:0 0 .5rem; line-height:1rem;padding:0.75em;background:rgb(102, 153, 255);color:#fff;font-size:.75rem;box-sizing:border-box;text-indent:0;text-align:left;box-sizing:border-box;}
.go-post-photo-msg p
{padding:0;margin:0;font-weight:normal;text-indent:0;padding:.5rem;background:#f0f9ff;border:1px solid #ddd;}

#fancybox-close
{top: 3px;right: 3px;width: 30px;height: 30px;}
/*#fancybox-close:before
{font-family: FontAwesome;content: "\f05c";background: #fff;padding:.25rem .5rem .5rem .4rem;text-align: center;font-size: 1.5rem;color: #555;text-decoration: none;display: block;}
#fancybox-close:hover
{text-decoration:none !important;font-size:3rem;}*/

#acMenu
{background: #f0f9ff;padding: 0.5rem 0;cursor: pointer;/*border-top:1px solid #ddd;border-bottom:1px solid #ddd;*/}
#acMenu dt span
{padding:1rem 0;text-decoration: underline;color:#000;font-weight: bold;}
#acMenu dt:hover
{color:red;}
#acMenu dd
{background:#f0f9ff;margin:0;padding:.25rem;}
#acMenu dd ul
{padding:.5rem .5rem 0 1.5rem;text-align:left;margin:.5rem .5rem 0;}

.photo-up-container
{padding:0 1rem 1rem;overflow: auto;}
.photo-up-container h2
{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: .5rem 0;margin: .5rem 0 1rem;}
.photo-up-container-inner
{overflow: auto;}
.photo-up-container .container-left
{width: 100%;float: left;padding:0;background:#f0f9ff;}
.photo-up-container .container-left h3
{color:#fff;padding: .5rem 0;font-size: 16px;background:#69f;margin:0 0 .1rem;}

.photo-up-container .container-left .upload-photo:hover
{opacity:0.7;}
.photo-up-container .container-left h5
{color:rgb(102, 153, 255);;padding:0 0 .75rem;}
.how-to-photo-up
{/*border: 1px #ddd solid;*/padding:1rem .75rem .5rem;margin:0 1rem;}
#imageForm h4
{font-size:16px;background: #fff;color: red;padding: .5rem;width: 90%;border: 2px solid red;box-sizing: border-box;font-weight: bold;}
.how-to-photo-up ul
{list-style: none;padding: 0;text-align: left;font-size: 13px;margin: .5rem 0;}
.how-to-photo-up li:before
{content:"● "}
.photo-up-container .container-left #file-photo
{margin-bottom: .5rem;}

.photo-up-container .container-right
{width:100%;float:left;}
.container-left img
{width:60%;height:auto;}
#filename
{width: 100%;text-align:center;margin:0 0 .5rem;border: none;background:none;font-size:12px;cursor:default;}
#filename:hover
{opacity:1;}
/*#output
{padding:1rem 0 2rem;}*/
#ImageForm
{margin-bottom:0;}
.upload-error
{width: 100%;box-sizing: border-box;background: red;padding: 1rem;margin-bottom: 1rem;color: #fff;font-weight: bold;font-size: 1rem;}
#ImageForm .caution
{padding-bottom: 1rem;display: inline-block;width: 100%;color: red;font-weight: bold;}
#ImageForm .caution i
{color:#000;}
.upload-form-content
{background: #fff;overflow: auto;width: 90%;padding:2rem 1rem;box-sizing: border-box;margin: 0 5% 1rem;}
.upload-form-content-inner
{overflow: hidden;=display: flex;padding:0 2.5%;position:relative;}
.upload-form-content-inner-bottom
{padding:0 2.5%;}
.upload-photo-here-title
{width:30%;float:left;position: absolute;left:20;top:5;}
.upload-form-content span
{width:100%;float:left;font-size:.75rem;text-align:left;padding-top:.25rem;}
.upload-photo-here, .submit-here
{width:100%;float:left;position:relative;text-align:center;}
.photo-up-container .container-left .upload-photo
{width:140px;background:#e5e5e5;border:.5px solid #ccc;color: #555;padding:.5rem 0;display:block;cursor: pointer;margin:0 auto .5rem;font-size:12px;font-weight:bold;}
.upload-notice
{margin: 0 1rem;padding: .5rem .75rem .5rem;text-align: left;}
.upload-notice-text
{margin:0;}
.photo-up-container .container-left .send-button
{width:220px;background:#f98c17;color:#fff;padding:0.85rem;border: #E88C25 solid 0.5px;border-radius:5px;inline-block;cursor:pointer;font-size:15px;font-weight:bold;}
.photo-up-container .container-left .reset-button
{background:#69f;border:#448ADF solid 0.5px;}


/*
写真投稿機能追加　変更CSS
layout_div.cssに追加予定
*/
.review dl dt
{width:180px;text-align:center;}
.review dl dt img
{padding:1rem 0;width:150px !important;}
.review dl dd
{padding:0 0 0 160px;}

.submitbtn02
	{font-size: 12px;
    background-color: #f9f9f9;
    color: #555;
    padding: 6px 20px;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #aaa;
    border-radius: 5px;
    background: -webkit-gradient( linear, left top, left bottom, from(#f9f9f9), to(#ddd) );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    background: -moz-linear-gradient( top, #f9f9f9, #ddd );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
    background: linear-gradient(to bottom, #f9f9f9 0%, #ddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f9f9f9',endColorstr='#f1f1f1');
    zoom: 1;}