@charset "utf-8";

/*-------------------------------------

　レビュー募集説明ページ

---------------------------------------*/

/*-------------------------------------
　ページ基本設定
---------------------------------------*/
.column2R #main {
	float: none;
	width: auto;
}
#lp_page {
	width: 900px;
	background-color:#FFF;
	color: #333333;
	font-size: 14px;
	margin: 0 auto;
}
.pageTitle {
	background: none;
	font-size: 14px;
	color: #000;
	border-left: solid 4px #FF3300;
	margin: 0 0 20px 0;
	padding: 4px 8px;
	font-weight:normal;
}

/*-------------------------------------
　見出し設定
---------------------------------------*/
/*#lp_page h2{
	background: #3d3d3d; 
	background: -moz-linear-gradient(top,  #3d3d3d 0%, #2c2c2c 50%, #000000 51%, #131313 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d3d3d), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(100%,#131313));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #3d3d3d 0%,#2c2c2c 50%,#000000 51%,#131313 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #3d3d3d 0%,#2c2c2c 50%,#000000 51%,#131313 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #3d3d3d 0%,#2c2c2c 50%,#000000 51%,#131313 100%);  IE10+ 
	background: linear-gradient(to bottom,  #3d3d3d 0%,#2c2c2c 50%,#000000 51%,#131313 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#131313',GradientType=0 );  IE6-9 
	color: #fff;
    position: relative;
    margin: 0 0 16px;
    padding: 12px 0 10px 34px;
    font-size: 26px;
    font-weight: bold;
}
#lp_page h2:before{
	background: #fff none repeat scroll 0 0;
	box-shadow: 1px 2px 1px #666 inset;
	content: "";
	height: 36px;
	left: 14px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 8px;
}*/

/*-----------------------
　共通の装飾
-----------------------*/
.heading00{
	vertical-align: middle;
	display: inline-block;
	font-size: x-large;
	font-weight:bold;
	color: hsla(225,67%,44%,1.00)
}
.line00 {
	height: 5px;
	width: 100%;
	background-image: -webkit-linear-gradient(270deg,rgba(187,203,243,1.00) 0%,rgba(61,107,232,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(187,203,243,1.00) 0%,rgba(61,107,232,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(187,203,243,1.00) 0%,rgba(61,107,232,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(187,203,243,1.00) 0%,rgba(61,107,232,1.00) 100%);
}
#heading {
	font-size:30px;
	color:#fff;
	position:relative;
	padding:6px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b50000+0,ff0000+100 */
	background: #b50000; /* Old browsers */
	background: -moz-linear-gradient(left,  #b50000 0%, #ff0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #b50000 0%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #b50000 0%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50000', endColorstr='#ff0000',GradientType=1 ); /* IE6-9 */
	box-shadow:
		-10px 0 0 0 #b50000,
		0 5px 5px 0 rgba(0,0,0,0.1);
	text-align: center;
}
#heading:after{
	content:" ";
	position:absolute;
	top:0px;
	left:100%;
	width:0;
	height:0;
	border-width:30px 12px;
	border-style:solid;
	border-color:#ff0000;
	border-right-color:transparent;
}

#title {
	margin-bottom: 20px;
}
.sectionBox {
	margin-bottom: 40px;
}
.txtRed {
	color: #f00;
}
.firstText {
	font-size: 20px;
    line-height: 1.4em;
}
.firstText .fs26R {
	color:#f00;
	font-size: 26px;
	font-weight: bold;
}
.firstText .fs14 {
	font-size: 14px;
}
.loginLink {
	background-color:#FF7300;
	border-bottom:3px solid #c64802;
	border-radius:30px;  
    -webkit-border-radius:30px;  
    -moz-border-radius:30px;
	margin:0 auto;
	width:90%;
}
.loginLink a {
	color:#FFF;
	display:block;
	font-size:26px;
	padding: 3px 0;
	text-align:center;
	text-decoration:none;
}
.loginLink a:hover {
	background-color:#B50000;
	border-radius:30px;  
    -webkit-border-radius:30px;  
    -moz-border-radius:30px;
}
.mb30 {
	margin-bottom:30px;
}


.mb40 {
	margin-bottom:40px;
}

.explain {
	text-decoration: underline;
}
/*-----------------------
ログインボタン
-----------------------*/
.btn_btn {
	margin: 50px auto;
}
.btn_login {
	width: 50%;
	background-color: #FB8400;
	color: #fff;
	font-size: large;
  font-weight: bold;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	
}

.btn_login :hover {
opacity: 0.5;
}
.btn_login i {
margin-left: 10px;
}
/*-----------------------
　レビュー方法
-----------------------*/
.flowBox {
	margin:30px 3%;
	background-color: hsla(0,0%,76%,1.00);
	border-radius: 15px;
	width: 44%;
	float: left;
	box-sizing: border-box;
}

.flowBox h4 {
	margin: 20px;
	font-family: 'Ubuntu', sans-serif;
	font-size: x-large;
}
.flowBox img{
	width: 80%;
	margin-left: 10%;
	margin-bottom: 40px;
}

.flowBox p {
	margin: 0 20px 20px;
}
.notice {
	display: block;
	clear: both;
	overflow: hidden;
}
.notice p {
	display: block;
	margin: 30px 0;
	font-size: large;
	text-decoration: underline;
}
.commentBox850 {
	padding: 20px;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	border: 3px solid #FF4D4D;
	margin-top:30px;
}
.commentBox850 p {
	font-size: 14px;
}

hr.flowline {
    border: 0;
    height: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}



/*-----------------------
　罫線
-----------------------*/
.keisen {
	border: none;
	border-top: solid 1px #CCC;
	height:1px;
	color:#FFF;
	width:100%;
	margin-bottom: 40px;
	clear: both;
}

/*-----------------------
　装飾
-----------------------*/
.txtcenter {
	text-align:center
}
.font18 {
	font-size: 18px;
}
.font18b {
	font-size: 18px;
	font-weight: bold
}
.font24 {
	font-size: 24px;
	font-weight: bold;
}
.txtyellow24 {
	color: #FF0;
	font-size: 24px;
	font-weight: bold;
}
.mt15 {
	margin-top:15px;
}

/*-----------------------
　ページTOPへ
-----------------------*/
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius:5px;
    -webkit-border-radius:5px; 
    -moz-border-radius:5px;
	display: block;
	font-size: 12px;
	line-height:1.5em;
	padding:5px 10px;
	text-align: center;
	text-decoration: none;
}


/*---------------------------------
　レビューキャンペーン
-----------------------------------*/

#campreviewBox {
	margin-top: 20px;
	margin-bottom: 40px;
}

#campreviewBox h3 {
	text-align:center;
}
.previewRedBox {
	padding: 20px;
	width: 765px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #BC0011;*/
	background-color: #d70407;
	color: #FFF;
	/*border: 1px solid #999;*/
	margin-bottom:40px;
}

#campreviewBox div {
	width: 805px;
	margin: 0px auto 32px auto;
	border: 2px solid #cd0200;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

#campreviewBox dl {
	margin-bottom: 20px;
}

#campreviewBox dt{
	margin-left: 14px;
	font-size:18px;
	color: #FFF;
	background-color: #F60;
	/*width: 160px;*/
	width: 298px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}
#campreviewBox dd {
	padding-left: 1em;
	margin-top:15px;
	margin-bottom:15px;
}

#campreviewBox dd.donList {
	margin-right: -48px;
	padding-left: 0px;
}

#campreviewBox dd.donList a {
	display: inline-block;
	width: 50%;
	margin-bottom: 6px;
}
#campreviewBox dd.donList a:nth-of-type(odd) {
	width: 55%;
}
#campreviewBox dd.donList a:nth-of-type(even) {
	width: 44%;
}

#campreviewBox dd.donList a.donBnr {
	display: block;
	width: auto;
	margin-top: 3px;
}



@media screen and (max-width:480px){
body {
	min-width: 100%!important
}
h1 {
	width: 96%!important;
}
#container {
	width: 100%!important;
}
.container {
	width: 100%!important;
	margin-bottom: 30px;
}
#contentsBox {
	width: 100%!important;
	margin-bottom: 15px;
	float: none;
}
	#lp_page {
    width: 100%!important;
		padding: 10px;
		box-sizing: border-box;
}

#chatIcon {
	visibility: hidden!important;
}

.sp-img-center {
	width: 100%;
	display: block;
	text-align: center;
	margin: 10px 10px;
}
.sb_img {
	float: none;
	text-align: center;
	display: block;
}
.text_pd10 {
	padding: 10px;
}
.sub_rot_wrap {
	width: 100%!important;
	margin: 0!important;
}
.small_rot {
	margin: 0!important;
}
#sub_rot_slider {
	width: 85%!important;
	height: auto!important;
}
.p_area {
	width: 100%;
}
.leadSectionInner {
	width: 96%;
}
#Header {
	height: 110px;
	min-width: unset;
}
#Header .inner {
	width: 99.5%;
}
#Header .logo {
	position: absolute;
	top: 35px;
	left: 0px;
}
#Header .keyword {
	font-size: 15px;
	position: absolute;
	top: 80px;
	left: 5px;
	display: none;
}
#headsearchBox {
	position: absolute;
	top: 80px;
	left: 0px;
}
#headsearchBox #inputBox input {
	width: 60%;
	height: 13px;
}
#Header .btn #cartDisp {
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
	}
#Header .btn {
    position: absolute;
    top: unset;
    right: 0px;
    padding: 0;
    border-radius: 3px;
    border: 1px solid #ccc;
    background: none;
}

.leadSection {
	width: 100%!important;
	margin: 0 auto;
}
.breadCrumb {
	width: 96%!important;
	padding: 2%;
	display: block;
	overflow: hidden;
	font-size: x-small;
}
.tri-box ul {
	width: 100%;
}
.tri-box ul li {
	width: 100%;
	float: none;
	text-align: center;
}
.p_area .cap01 {
	width: 100%!important;
	margin-bottom: 20px;
}
.pay_area {
	height: unset;
}
/*
	.pay_area_left, .pay_area_center, .pay_area_right, .pay_area_left p {
		width: unset;
	}*/
.series_list li {
	width: 80%;
	margin: 10%;
}
#Globalnavi, #sub {
	display: none;
}
.flowBox {
	margin:15px 5%;
	width: 90%;
}
.btn_btn {
	margin: 30px auto;
}
	.btn_login {
	font-size: 15px;
}
	
	.heading00 {
		font-size: large
	}
#footer {
	min-width: 100%;
}
#footerLinks {
	display: none;
}
.footerTagline, #footer, #footerNav2, #footerLinks #footerLinks_Nav, #footerLinks #footerLinks_NavParts, #footerCopy, #footerCopy p.copyright {
	width: 96%;
	min-width: 96%;
	font-size: 12px;
	padding: 15px 2%;
	text-align: left;
}
#footer .siteSwitchLink {
	padding-top: 1em;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}
}