@charset "UTF-8";

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q::before,q::after{content:'';}
abbr{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;}

a img{transition: all .5s ease;}
a img:hover{opacity:0.7;}


/* common item ---------------------------------------*/

.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.sp{display: none;}
.spbr{display: none;}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .foo { color: red } /* IE11 */
}

@media all and (-ms-high-contrast:none){
  .foo { color: green } /* IE10〜Edge */
}


/* color ---------------------------------------*/

.darkblue{color:#232830 !important;}
.acidblue{color:#35475C !important;}
.beige{color:#BDA680 !important;}
.whitegray{color:#ECECEC !important;}

.bg-darkblue{background-color:#232830 !important;}
.bg-acidblue{background-color:#35475C !important;}
.bg-beige{background-color:#BDA680 !important;}
.bg-whitegray{background-color:#ECECEC !important;}


/* margin ---------------------------------------*/

.mb-0{margin-bottom: 0 !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-20{margin-bottom: 20px !important;}
.mb-30{margin-bottom: 30px !important;}
.mb-40{margin-bottom: 40px !important;}
.mb-50{margin-bottom: 50px !important;}


/* layout ---------------------------------------*/

header{
	position:relative;
	height:50px;
}

.wrapper{
	padding: 100px 0;
}

.inner{
	max-width:1000px;
	margin:0 auto;
}

.inner-small{
	max-width: 800px;
	margin: 0 auto;
}


/* header ---------------------------------------*/

header{
	position:relative;
	background: #232830;
	color: #fff;
}

.header-inner{
	max-width:1000px;
	height:50px;
	margin:0 auto;
	position:relative;
}

.header-logo{
	display: block;
	background: url('../img/common/logo.png') 0 0 no-repeat;
	background-size: 100%;
	width:200px;
	height:50px;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	left:10px;
	top:10px;
}

.header-menu{
	width:200px;
	position: absolute;
	right:0px;
	top:10px;
	display: none;
}

.header-menu.is-active{display: block;}

.header-menu-list{
	font-size: 0px;
	border-left:1px solid #ccc;
}

.header-menu-list-item{
	font-size: 13px;
	display: inline-block;
	line-height: 1.0;
}

.header-menu-list-item a{
	display: block;
	border-right:1px solid #ccc;
	padding:0 15px;
	color:#fff;
}

.member .header-inner{
	max-width: 100%;
	box-sizing:border-box;
	padding: 0 20px;
}


/* kv ---------------------------------------*/

.kv{
	text-align: center;
}




/* footer ---------------------------------------*/

footer{
	padding:10px 0 10px 0;
	background: #35475C;
	color: #fff;
}

.footer-inner{
	max-width:1000px;
	margin:0 auto;
	position:relative;
	text-align: center;
}

.footer-nav{display: none;}

.footer-nav.is-active{display: block;}

.footer-nav-list{
	font-size:13px;
}

.footer-nav-list-item{
	margin: 0 10px;
	display: inline-block;
}

.footer-nav-list-item a{
	display: block;
	color: #232830;
	text-decoration: none;
}

.copyright{
	display: block;
	text-align: center;
	font-size: 11px;
}


.gotop{
	width:22px;
	position:fixed;
	right:10px;
	bottom:15px;
	z-index:100;
	opacity:0;
}

.gotop a img{width:100%;}


/* title ---------------------------------------*/

.title-page-wrapper{
	padding: 50px 0;
	text-align: center;
	border-bottom:5px solid #aaa;
}

.title-page{
	font-size:40px;
	font-weight: bold;
}

.title-section{
	font-size:30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.title-block{
	font-size:20px;
	font-weight: bold;
	margin-bottom: 15px;
}


/* text ---------------------------------------*/

.text-right{text-align: right;}
.text-center{text-align: center;}


/* btn ---------------------------------------*/

.btn{
	display: inline-block;
	border:none;
	background-color:#BDA680;
	color: #fff;
	line-height: 1.0;
	padding: 15px;
	min-width: 120px;
	transition: all .25s ease;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
}

.btn:hover{opacity:0.7;}

.btn-small{
	padding: 10px;
	min-width: 60px;
}

.btn-delete-small{
	background: #ccc;
	padding: 3px;
	border-radius:5px;
	width: 20px;
	text-align: center;
	display: inline-block;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	cursor: pointer;

}


/* form area ---------------------------------------*/

.form-table{}
.form-table th,
.form-table td{
	padding:10px;
	background: #eee;
}

.form-table th{
	width:200px;
	font-weight: bold;
}

.form-submit{
	text-align: center;
	padding-top: 40px;
}

.form-area .submit{
	text-align: center;
}

.form-select{
	padding: 8px 30px 8px 10px;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: url('../img/common/icon_select.png') 97% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #fff 50% ,#eee 100%);
	background: url('../img/common/icon_select.png') 97% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50% ,#eee 100%);
	background-size: 8px 36px;
	border-radius:0;
}

select::-ms-expand {
    display: none;
}

.form-text[type="text"]{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
}

.form-text-small[type="text"]{
	padding:5px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
}

.form-radio {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  font-size: 12px;
}

.form-radio label {
	background: url('../img/common/radio.png') left 1px no-repeat;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 28px;
	position: relative;
	vertical-align: top;
}

.form-radio input[type="radio"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}
.form-radio input:checked + label {background-image: url('../img/common/radio_on.png');}
.form-radio input:disabled + label {opacity: 0.7;}

.form-checkbox {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  font-size: 12px;
}

.form-checkbox label {
	background: url('../img/common/check.png') left 1px no-repeat;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 28px;
	position: relative;
	vertical-align: top;
}

.form-checkbox input[type="checkbox"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}
.form-checkbox input:checked + label {background-image: url('../img/common/check_on.png');}
.form-checkbox input:disabled + label {opacity: 0.7;}

.form-textarea{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
	height:80px;
}


/* error ---------------------------------------*/

select.error,
input.error{border:1px solid #c80000;}
p.error{
	color:#c80000;
	padding-top: 8px;
	line-height: 1.1;
}


/* icon ---------------------------------------*/

.icon-blank{
	position: relative;
	padding-right: 20px;
}

.icon-blank::after{
	display:block;
	content:'';
	background:url('../img/common/icon_blank.png') no-repeat left top;
	background-size:100%;
	width:10px;
	height:10px;
	margin-top:-5px;
	position:absolute;
	right:0px;
	top:50%;
}


/* login ---------------------------------------*/

.complete{
	padding: 50px;
	background: rgba(255,255,255,0.5);
	background: #ccc;
}

.complete-text{
	margin-bottom: 20px;
}

.complete-url{
	text-align: center;
	color: #3C4759;
	font-size:30px;
	font-weight: bold;
}

/* pankuzu ---------------------------------------*/

.pankuzu{}
.pankuzu ul{
	display:flex;
	flex-wrap:wrap;
}
.pankuzu ul li{
	font-size:20px;
	font-weight: bold;
	line-height: 1.1;
}
.pankuzu ul li a{
	display: block;
	background: #BDA680;
	color: #fff;
	position: relative;
	padding: 10px 30px 10px 10px;
}
.pankuzu ul li h1{
	display: block;
	position: relative;
	padding: 10px 30px 10px 10px;
}


/* pager ---------------------------------------*/

.pager{
	padding: 30px;
}

.pager-list{
  overflow:hidden;
  text-align:center;
  font-size:0px;
}

.pager-list li{
  display:inline-block;
  margin:0 7px;
  font-size:16px;
}

.pager-list li a,
.pager-list li span{
  display:block;
  border:1px solid #35475C;
  height:30px;
  width:30px;
  line-height:30px;
  text-align:center;
  color:#35475C;
  transition: all .25s ease;
  text-decoration: none;
  background: #fff;
}

.pager-list li a:hover,
.pager-list li span{
  background-color:#35475C;
  color:#fff;
  text-decoration:none;
}

.pager-list li.pager-prev a,
.pager-list li.pager-next a{
  width:100px;
  background-color:#35475C;
  color:#fff;
  font-weight:bold;
}


/* member ---------------------------------------*/

.member{background-color:#ECECEC;}

.title-memberpage-wrapper{
	background: #39475A;
	color: #fff;
}

.title-memberpage{
	font-size:20px;
	font-weight: bold;
	line-height: 1.1;
}

.member-action{
	padding: 30px;
}

.member-action .btn{margin-right: 10px;}

.member-section-title-wrapper{
	display:flex;
	justify-content:space-between;
	margin-bottom: 20px;
}

.membersection-title{
	font-size:20px;
	font-weight: bold;
	line-height: 1.1;
	color: #39475A;
}

.membersection-title::before{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background: #39475A;
	width:17px;
	height:17px;
	border-radius:100%;
	position: relative;
	top: -2px;
}

.download-xls{
	position: relative;
	font-size:11px;
	color: #39475A;
}

.download-xls::before{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	background: url('../img/common/icon_xls.png') 0 0 no-repeat;
	background-size: 100%;
	width:25px;
	height:25px;
}

.member-section{
	margin-bottom: 40px;
}

.member-admindouga-wrapper{
	display:flex;
	justify-content:space-between;
}

.member-admindouga-tab{
	width: 200px;
}

.member-admindouga-tab > span{
	display: block;
	background: #bbb;
	margin-bottom: 10px;
	padding: 10px;
	border-radius:0 10px 10px 0;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	cursor: pointer;
}

.member-admindouga-tab .tab1.is-active{
	background: #0000ff;
	color: #fff;
}

.member-admindouga-tab .tab2.is-active{
	background: #00ff00;
	color: #fff;
}

.member-admindouga-tab .tab3.is-active{
	background: #ff0000;
	color: #fff;
}

.member-admindouga{
	width: calc(100% - 100px);
	position: relative;
	width: 100%;
	padding-top: 46%;
	box-sizing:border-box;
	border:6px solid #aaa;
}

.member-admindouga.category3{border-color:#ff0000;}

.member-admindouga iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.member-admindouga-movie{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.member-admindouga-movie #movie{width:100%;}

.member-admindouga-reaction{
	position: absolute;
	left: 0px;
	bottom: 60px;
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.2);
}

.member-admindouga-reaction-point{
	position: absolute;
	left: 0;
	bottom: 0;
	background: url('../img/common/icon_fukidashi_red.png') no-repeat center bottom;
	background-size: 30px;
	width: 30px;
	height: 45px;
	text-align: center;
	font-weight: bold;
	transform: translate(-50%,0);
}

.member-admindouga-reaction-point span{text-shadow:1px 1px 1px rgba(255,255,255,0.9);}

.member-admindouga-reaction-point.is-red{
	background-image: url('../img/common/icon_fukidashi_red.png');
	color: #ff0000;
}

.member-admindouga-reaction-point.is-yellow{
	background-image: url('../img/common/icon_fukidashi_yellow.png');
	color: #00ff00;
}

.member-admindouga-reaction-point.is-blue{
	background-image: url('../img/common/icon_fukidashi_blue.png');
	color: #0000ff;
}

.member-admindouga-url{
	padding: 10px 0;
	font-size:12px;
}



/* data table ---------------------------------------*/

.data-table{}
.data-table th,
.data-table td{
	padding: 5px;
	font-size:14px;
	line-height: 1.5;
	border:1px solid #24282F;
}

.data-table th{
	background-color:#35475C;
	color: #fff;
}

.data-table tbody tr:nth-child(2n+1) th,
.data-table tbody tr:nth-child(2n+1) td{background: #fff;}



/* viewer ---------------------------------------*/

.viewerwrapper{
	padding: 50px 0;
}

.viewer-title-wrapper{margin-bottom:20px;}

.viewer-title{
	font-weight: bold;
	font-size:20px;
}

.viewer-comment{
	margin-bottom: 30px;
}

.viewer-douga-wrapper{
	text-align: center;
}

.viewer-douga #movie{
	width: 100%;
}

.viewer-douga-reaction{
	padding-top: 20px;
}

.viewer-douga-reaction span{
	display: inline-block;
	padding: 20px;
	background: #aaa;
	font-size:30px;
	font-weight: bold;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	border-radius:10px;
	width: 150px;
	color: #fff;
	cursor: pointer;
	margin: 0 10px;
}

.viewer-douga-reaction span:hover{
	transform: scale(1.01,1.01);
}

.viewer-douga-reaction span:active{
	background: #000;
}

.viewer-douga-reaction span.reaction1{background: #DA3B26;}
.viewer-douga-reaction span.reaction2{background: #469FF8;}
.viewer-douga-reaction span.reaction3{background: #F2B13E;}




/* pc */
@media screen and (min-width: 769px){
	.sp{display: none !important;}
	.spbr{display: none;}
}


/* small pc */
@media screen and (min-width: 769px) and (max-width: 1200px){


}


@media screen and (max-width: 768px){


	/* default */
	img{max-width:100%;}
	a img{opacity:1;}
	*{box-sizing:border-box;}

	/* common item */
	.pc{display: none !important;}
	.pcbr{display: none;}






}