@charset "UTF-8";
select{font:inherit;overflow:visible;margin:0;text-transform:none;
width: 100%;
height: 100%;
z-index: 1;
position: absolute;
background: transparent;
cursor: pointer;
border: 0;
outline: none;
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
vertical-align: middle;
left: 0;top: 0;
color:#2d2d2d;
padding: 0  .5em
}
select::-ms-expand {
    display: none;
}
select:-moz-focusring { 
  color: transparent;text-shadow: 0 0 0 #2d2d2d;
}


.review-btn{background:#bbb;padding: 1.4em 0}
.review-btn .btn2{margin: 0 1em;width: 250px}
.btn-post{
background: #CC0000;
color: white;
font-weight: bold;
}
.btn-post:hover{background:black}
.cont-review{margin-bottom:2em}
.cont-review h2{text-align:center;font-size:1.6em;margin:1em auto;font-weight:normal;color:#2d2d2d}
.cont-review li{border-top:1px solid #e5e5e5;padding:1em 0 2em}
.box-review{padding-top:1em}
.prof,.poster{line-height:1.4}
.prof{font-size:.85em;width:300px;min-width:300px}
.prof .name{color:#2d2d2d;font-size:1.45em}
.prof .btn2{margin: .8em auto;
display: inline-block;
width: 100%;
padding: .2em;
}
.thumb-review{width: 80px;min-width:80px;height:80px;margin-right:2em;overflow: hidden}
.poster{padding-right:40px;background: url(../img/icon/poster.png) no-repeat right top;width:200px;min-width:200px;font-size:.85em;text-align:right}
.comment{
 -webkit-flex-grow:1;flex-grow:1;
margin-right:30px;

border:1px solid #BBB;padding:1.4em;position: relative;border-radius:.3em;color:#2d2d2d}

.comment::before{content:"";background: url(../img/review-arr.png) no-repeat center bottom;width: 16px;height: 10px;
position: absolute;right:-13px;top:14px;


-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.selectBtn{cursor:pointer;transition:.4s;background:white;position:relative}
.selectBtn:hover{background:white}

.selectBtn::after {
color:#CC0000;
    position: absolute;
    display: inline-block;
    height: 100%;
    line-height: 38px;
    font-size: 1.5em;
    top: 0;
    right: .6em;
    font-family: 'FontAwesome';
    content: "\f107";
}

/*†=†=†=†=†=†=†=


review-form
投稿フォーム


†=†=†=†=†=†=†=*/
.cont-form,.cont-conf,.cont-comp{min-width:500px}
.cont-form h2{padding: 2em 0 1em;text-align: center}
.cont-form .sub-txt,.cont-conf .sub-txt{line-height:1.4}

.cont-form form,.tblConf,.box-comp{
width: calc(100% - 2em);
margin: 1em 1em 0
}
.cont-form form{background: #f2f2f2}

.form-control,.cont-form .selectBtn{border-radius:.4em;border:1px solid #ccc}
.cont-form .selectBtn{width: 100%;max-width:250px;height: 30px;margin:0}
.cont-form .selectBtn::after {
    line-height: 30px;
}


.form-control
{
	width:100%;box-sizing: border-box;-moz-box-sizing: border-box;
	padding:.6em;margin:0 auto;line-height:1.4;
	color:#333;
background-color:white;
background-image:none;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus
{
	border-color:#F73C91;
	outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,60,145,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,60,145,.6)
}


.form-control:placeholder-shown{color:#ccc}
.form-control:-ms-input-placeholder{color:#ccc}
.form-control::-webkit-input-placeholder{color:#ccc}
.form-control::-moz-placeholder{color:#ccc;opacity: 1}
.form-control[disabled],.form-control[readonly],fieldset[disabled]{cursor:not-allowed;background-color:#eee;opacity:1}
textarea{height: 8em}


.form_box{padding: 1em 2em 1em 5em;border-bottom:dashed 1px #BBB}
.form-label{
position: relative;width:9em;min-width:9em}
.required{
display: inline-block;
font-size: .85em;font-weight: bold;
letter-spacing: .2em;
background: #2d2d2d;
color: white;
padding:0 .4em;
border-radius: .2em;
	position: absolute;
left: -4em;
top:.2em
}



.cont-form form .reviewAge{width: 4em}


.btn-form{text-align:center;border-bottom: none}
.form-submit{
width: 100%;max-width:300px;
display: inline-block;font-weight:bold;
background: #cc0000;color: #FFF;
padding:0;
margin: 1em 0;

}
.btn-form input{height: 50px;font-size: 1.2em}


/*†=†=†=†=†=†=†=


review-conf
投稿内容確認


†=†=†=†=†=†=†=*/
.cont-conf strong{display:block;padding:1.4em 0 .2em;font-size:1.3em;color:#cc0000;line-height: 1.4}

.cont-form .sub-txt,.cont-conf .sub-txt,.cont-conf strong{text-align:center}

caption{
background: #e5e5e5;
font-weight: bold;
padding: .4em;
text-align: left
}
.tblConf th,.tblConf td{text-align:left}
.tblConf th,.tblConf td{
border-top: 1px dashed #bbb;
padding:  .6em 1em 0
}
.tblConf tr:first-child th,.tblConf tr:first-child td{border-top:none}
.tblConf th{width:10em;font-size:.9em}
.tblConf td{padding: 0 1em  .6em}

.btnConfirm{
background:#e5e5e5;padding:1em 1em 0

}
.btnConfirm > div{-webkit-align-items: center;align-items:center}
.btn-back{width: 6em;
min-width: 6em;
padding-right: 1em;}
.btn-back a{padding:.5em 1em;text-align:center;display: block;color:#2d2d2d;text-decoration: underline}

/*†=†=†=†=†=†=†=


review-comp
投稿受付完了


†=†=†=†=†=†=†=*/
.comp-thumb{width:100px;height: 100px;overflow: hidden;border-radius: 50px;border:4px solid #e5e5e5;margin:2em auto .5em}
.comp-ttl{text-align: center;
line-height: 1.1;
font-size:1.2em;margin-bottom:2em
}
.comp-ttl b{
display: block;
color: #bbb;
font-size: 3.3em;
letter-spacing: -1px;
line-height: 0.85;
margin-bottom: .2em
}
.box-btn{padding:1.4em;border-top:1px dashed #bbb;margin-top:2em}
.comp-ttl small{font-weight:bold;color:#cc0000}
.box-btn .btn2{margin: .5em auto}
.backtotop{background:#2d2d2d;color:white}