*{margin:0px; padding:0px;font-size:16px;line-height:110%;font-family:'游ゴシック',sans-serif;}
iframe{vertical-align:bottom;}
img{margin:0; padding:0; vertical-align:top; display:block; pointer-events:none;}
body{user-select:none; text-align:center; clear:left; overflow-wrap:break-word; /*box-sizing:border-box;*/}
a{text-decoration:none;}
#all{
	width:1280px;
	display:block;
	margin-right:auto;
    margin-left:auto;
}
#page_commentary{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	margin:0;
	background-color:#00000077;
	z-index:1000;
	overflow:hidden;
	display:flex;
    overscroll-behavior:contain;
    overflow-x:auto;
    overflow-y:scroll;
}
#page_main{
	width:1280px;
	height:700px;
	margin:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
#page_main_up{
	width:1270px;
	height:100px;
	margin:5px 5px;
	border-radius:10px;
	background-color:#00000088;
	float:left;
}
#page_main_up_left{
	margin:5px 5px;
	float:left;
}
.page_main_up_lang{
	width:130px;
	height:70px;
	margin:5px 10px;
	border-radius:10px;
	background-color:#ffffff;
	float:left;
	background-color:#ffffffcc;
    border:5px outset #ffffffee;
}
.page_main_up_lang:hover{
	filter:brightness(105%);
	background:linear-gradient(to left,#ffffff88 20%,#ffffffaa 50%,#ffffff88 80%);
	border:5px outset #eeeeee99;
}
.page_main_up_lang div{
	margin:10px 0px;
    font-size:300%;
    font-weight:bold;
    color:#222222;
}
#page_main_up_right{
	margin:5px 5px;
	float:right;
}
#page_main_up_close{
	width:200px;
	height:70px;
	margin:5px 20px;
	border-radius:10px;
	background-color:#ffffff;
	float:left;
	background-color:#ffffffcc;
    border:5px outset #ffffffee;
}
#page_main_up_close div{
	margin:10px 0px;
    font-size:300%;
    font-weight:bold;
    color:#222222;
}
#page_main_up_close:hover{
	filter:brightness(105%);
	background:linear-gradient(to left,#ffffff88 20%,#ffffffaa 50%,#ffffff88 80%);
	border:5px outset #eeeeee99;
}
#page_main_down{
	width:1260px;
	margin:5px 2px;
	background-color:#00000099;
    box-shadow:0 0 10px rgba(255, 255, 255, .8);
    border-radius:10px;
    float:left;
}
#page_main_down_left{
	width:500px;
	margin:5px 15px;
	float:left;
}
#page_main_down_chara{
	width:200px;
	height:200px;
	margin:5px 150px;
	float:left;
	border-radius:5px;
	border:5px outset #ffffffee;
	background:linear-gradient(to bottom,#888888dd 10%,#000000dd 70%);
}
#page_main_down_name{
	width:450px;
	height:40px;
	margin:5px 20px;
	border-radius:10px;
	float:left;
	background-color:#333333cc;
    border:5px solid #eeeeee;
}
#page_main_down_name div{
	margin:8px;
    font-size:150%;
    font-weight:bold;
    color:#bbbbff;
}
#page_main_down_right{
	width:700px;
	margin:5px 15px;
	float:right;
}
#page_main_down_type{
	width:690px;
	margin:5px;
	background-color:#aa5555cc;
	border-radius:10px;
	float:left;
}
#page_main_down_type img{
	margin:2px;
	float:left;
}
#page_main_down_mate{
	width:690px;
	margin:5px;
	background-color:#8899ddcc;
	border-radius:10px;
	float:left;
}
#page_main_down_mate img{
	margin:2px;
	float:left;
}
.page_main_down_title{
	width:280px;
	height:40px;
	margin:7px 8px;
	background-color:#ffffffcc;
	border-radius:5px;
	float:left;
}
.page_main_down_title div{
	margin:5px 5px;
    font-size:200%;
    font-weight:bold;
    color:#000000;
}
#page_main_down_into{
	width:690px;
	margin:5px;
	background-color:#347856cc;
	border-radius:10px;
	float:left;
}
.page_main_down_into{
	width:650px;
	height:150px;
	margin:5px 20px;
	background-color:#ffffffcc;
	border-radius:5px;
	float:left;
}
.page_main_down_into div{
	margin:5px 15px;
    font-size:150%;
    font-weight:bold;
    color:#000000;
    text-align:left;
    float:left;
}
#box_genre{
	width:1280px;
	margin:10px 0px;
	border-radius:10px;
	float:left;
}
#box_genre_ele{
	width:1280px;
	margin:5px 5px;
	border-radius:10px;
	background-color:#00000088;
	float:left;
}
.box_genre_select{
	width:100px;
	height:60px;
	margin:5px 3px;
	border-radius:10px;
	box-shadow:0 3px 5px rgba(0, 0, 0, .5);
	border:5px outset #111111aa;
	float:left;
}
.box_genre_select:hover{
	filter: brightness(125%);
	border:5px outset #eeeeee99;
}
.box_genre_select img{
	margin:5px 25px;
	float:left;
}
.box_genre_select_all{
	width:200px;
	height:60px;
	margin:5px 10px;
	background:linear-gradient(to bottom,#ff000088 0%,#aa000088 20%,#aaaa0088 40%,#00aaaa88 60%,#0000aa88 80%,#0000ff88 100%);
}
.box_genre_select_all div{
	margin:5px 10px;
	font-size:300%;
    font-weight:bold;
    color:#ffffff;
}
#box_main{
	width:1280px;
	margin:10px 0px;
	border-radius:10px;
	background-color:#00000088;
	float:left;
}
#work_work{
	min-height:1500px;
}
.work_box{
	width:230px;
	margin:8px;
	border-radius:10px;
	border:5px outset #22222299;
	background:linear-gradient(to left,#00000055 20%,#ffffff55 50%,#00000055 80%);
	display:block;
	float:left;
}
.work_box:hover{
	filter:brightness(105%);
	background:linear-gradient(to left,#ffffff88 20%,#ffffffaa 50%,#ffffff88 80%);
	border:5px outset #eeeeee99;
}
.work_img{
	width:200px;
	margin:10px;
	border-radius:5px;
	border:5px outset #ffffffee;
	background:linear-gradient(to bottom,#888888dd 10%,#000000dd 70%);
	float:left;
}
.work_img img{
	width:100%;
}
.work_tag{
	width:1260px;
	height:60px;
	margin:5px 5px;
	border-radius:10px;
	background-color:#ffffffaa;
	float:left;
}
.chap_btn{
	width:400px;
	height:40px;
	margin:5px 5px;
	border-radius:10px;
	background-color:#ffffff;
	border:5px outset #eeeeee99;
	box-shadow:0 3px 5px rgba(0, 0, 0, .5);
	float:left;
	display:table;
}
.chap_btn:hover{
	background-color:#ff8888;
	border:5px outset #eeeeee99;
	box-shadow:0 3px 5px rgba(0, 0, 0, .8);
}
.chap_btn_tx{
	font-size:150%;
    font-weight:bold;
    color:#000000;
    display:table-cell;
	vertical-align:middle;
}
.chap_page{
	width:390px;
	height:40px;
	margin:5px 10px;
	border-radius:10px;
	background-color:#555555;
	border:5px outset #00000099;
	color:#ffffff;
	float:left;
	display:table;
}
.chap_page_tx{
	font-size:120%;
    color:#ffffff;
    display:table-cell;
	vertical-align:middle;
}
/*スマホ用*/
@media screen and (max-width:750px) {
#all{
	width:750px;
}
#page_main{
	width:750px;
	height:100%;
	margin:0;
}
#page_main_up{
	width:740px;
	height:100px;
	margin:5px 5px;
}
#page_main_down{
	width:740px;
	margin:5px;
}
#page_main_down_left{
	width:730px;
	margin:5px 5px;
	float:left;
}
#page_main_down_chara{
	margin:5px 260px;
}
#page_main_down_name{
	margin:5px 135px;
}
#page_main_down_right{
	width:700px;
	margin:5px 15px;
	float:left;
}
#box_genre{
	width:750px;
	margin:10px 0px;
	border-radius:10px;
	float:left;
}
#box_genre_ele{
	width:750px;
	margin:0px;
}
.box_genre_select{
	width:130px;
	height:70px;
	margin:5px 5px;
}
.box_genre_select img{
	margin:10px 40px;
}
.box_genre_select_all{
	width:130px;
	height:70px;
	margin:5px 5px;
}
#box_main{
	width:750px;
	margin:10px 0px;
	border-radius:10px;
	float:left;
}
#work_work{
	min-height:2000px;
}
.work_box{
	width:230px;
	margin:5px;
}
.work_img{
	width:200px;
	margin:10px;
}
.work_tag{
	width:740px;
	height:60px;
	margin:5px 5px;
}
.chap_btn{
	width:150px;
	height:40px;
	margin:5px 5px;
}
.chap_btn_tx{
	font-size:150%;
    font-weight:bold;
}
.chap_page{
	width:370px;
	height:40px;
	margin:5px 10px;
}
.chap_page_tx{
	font-size:120%;
}
}
/*背景デザイン*/
.nonScroll{
    height:calc(100vh + 1px);
    width:1px;
    background-color:transparent;
}
.bg_pattern{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:#efaabb;
	z-index:-1;
}
.Paper_v1{
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 200, 0, 0.4) 25px,  rgba(0, 200, 0, 0.4) 25px,
      transparent 27px,  transparent 50px, 
      rgba(0, 200, 0, 0.4) 50px,  rgba(0, 200, 0, 0.4) 50px,
      transparent 52px,  transparent 75px, 
      rgba(0, 200, 0, 0.4) 75px,  rgba(0, 200, 0, 0.4) 75px,
      transparent 77px,  transparent 100px, 
      rgba(0, 200, 0, 0.4) 100px,  rgba(0, 200, 0, 0.4) 100px,
      transparent 102px,  transparent 125px, 
      rgba(0, 200, 0, 0.4) 125px,  rgba(0, 200, 0, 0.4) 125px),
 
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 200, 0, 0.4) 25px,  rgba(0, 200, 0, 0.4) 25px,
      transparent 27px,  transparent 50px, 
      rgba(0, 200, 0, 0.4) 50px,  rgba(0, 200, 0, 0.4) 50px,
      transparent 52px,  transparent 75px, 
      rgba(0, 200, 0, 0.4) 75px,  rgba(0, 200, 0, 0.4) 75px,
      transparent 77px,  transparent 100px, 
      rgba(0, 200, 0, 0.4) 100px,  rgba(0, 200, 0, 0.4) 100px,
      transparent 102px,  transparent 125px, 
      rgba(0, 200, 0, 0.4) 125px,  rgba(0, 200, 0, 0.4) 125px);
}
.Paper_v2{
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.1) 26px,  rgba(0, 0, 0, 0.1) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.1) 52px,  rgba(0, 0, 0, 0.1) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.1) 78px,  rgba(0, 0, 0, 0.1) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.1) 104px,  rgba(0, 0, 0, 0.1) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.1) 130px,  rgba(0, 0, 0, 0.1) 130px),
 
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.1) 26px,  rgba(0, 0, 0, 0.1) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.1) 52px,  rgba(0, 0, 0, 0.1) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.1) 78px,  rgba(0, 0, 0, 0.1) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.1) 104px,  rgba(0, 0, 0, 0.1) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.1) 130px,  rgba(0, 0, 0, 0.1) 130px);
}