*{margin:0px;padding:0px;user-select:none;text-align:center;/*clear:left;*/overflow-wrap:break-word;}
iframe{vertical-align:bottom;}
img{margin:0;padding:0;vertical-align:top;display:block;pointer-events:none;}
a{text-decoration:none;}
:root{
	/*白縁*/
	--main-color: 	2px  2px 1px #ffffff,-2px  2px 1px #ffffff,2px -2px 1px #ffffff,-2px -2px 1px #ffffff,
					2px  0px 1px #ffffff,0px  2px 1px #ffffff,-2px  0px 1px #ffffff,0px -2px 1px #ffffff;
	/*黒縁*/
	--main2-color: 	2px  2px 1px #000000,-2px  2px 1px #000000,2px -2px 1px #000000,-2px -2px 1px #000000,
					2px  0px 1px #000000,0px  2px 1px #000000,-2px  0px 1px #000000,0px -2px 1px #000000;
	/*青縁*/
	--main3-color: 	2px  2px 1px #000099,-2px  2px 1px #000099,2px -2px 1px #000099,-2px -2px 1px #000099,
					2px  0px 1px #000099,0px  2px 1px #000099,-2px  0px 1px #000099,0px -2px 1px #000099;
}
/*基本ベース*/
body{
	width:100%;
	height:100vh;
}
#all{
	width:1280px;
	margin-right:auto;
    margin-left:auto;
}
#main{
	width:100%;
	float:left;
}
#main_info{
	width:100%;
	margin:5px 0;
	background-color:#00000055;
	border-radius:10px;
	float:left;
}
#title_name{
	width:68%;
	height:40px;
	margin:5px;
	border-radius:10px;
	color:#000000;
	font-size:200%;
    font-weight:bold;
	background-color:#ffffffdd;
	float:left;
}
#price{
	width:28%;
	height:40px;
	margin:5px 0px;
	border-radius:10px;
	color:#ff0000;
	font-size:200%;
    font-weight:bold;
	background-color:#333333dd;
	float:left;
}
#title_img{
	width:800px;
	margin:5px 5px;
	border-radius:10px;
	background-color:#999999;
	box-shadow:0 3px 5px rgba(0, 0, 0, .5);
	float:left;
}
#title_img img{
	width:100%;
}
#noimage{
	font-size:500%;
    font-weight:bold;
    color:#ffffff99;
    text-align:center;
    display:table-cell;
	vertical-align:middle;
}
#title_text{
	width:440px;
	height:420px;
	margin:5px 5px;
	border-radius:10px;
	background-color:#dddddd;
	font-size:120%;
	color:#000000;
	border:4px outset #22222255;
	box-sizing:border-box;
	text-align:left;
	float:left;
}
#title_link{
	width:460px;
	height:350px;
	margin:5px 5px;
	border-radius:10px;
	font-size:24px;
	color:#ffffff;
	font-weight:bold;
	background-color:#ffffff88;
	float:left;
}
.shop_link{
	width:450px;
	height:85px;
	margin:5px 5px;
	border-radius:10px;
	font-size:150%;
	font-weight:bold;
	color:#ffffff;
	background-color:#6666ff;
	border:4px outset #22222255;
	box-sizing:border-box;
	box-shadow:0 3px 5px rgba(0, 0, 0, .5);
	float:left;
	display:table;
}
.shop_link:hover{
	color:#000000;
}
#shop_nm1{background-color:#6666ff;}
#shop_nm2{background-color:#ff6666;}
#shop_nm3{background-color:#44dd44;}
#shop_nm4{background-color:#dd66dd;}
#shop_nm1:hover{background-color:#ffffff;}
#shop_nm2:hover{background-color:#ffffff;}
#shop_nm3:hover{background-color:#ffffff;}
#shop_nm4:hover{background-color:#ffffff;}
.link_text{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
#main_charactor{
	width:100%;
	margin:5px 0;
	background-color:#00000055;
	border-radius:10px;
	float:left;
}
#charactor_title{
	width:98%;
	margin:5px 1%;
	background-color:#ffffff88;
	border-radius:10px;
	font-size:300%;
	font-weight:bold;
	color:#000000;
	float:left;
}
.charactor_box{
	width:98%;
	margin:0.5% 1%;
	background-color:#00000055;
	border-radius:10px;
	float:left;
	overflow:hidden;
}
.charactor_img{
	width:250px;
	height:250px;
	margin:0.5%;
	background-color:#00000055;
	border:3px solid #ffffff;
	border-radius:10px;
	float:left;
}
.charactor_img img{
	width:250px;
}
.charactor_text{
	width:77%;
	margin:0.5%;
	background-color:#ffffff55;
	border-radius:10px;
	float:left;
}
.charactor_name{
	width:90%;
	margin:1% 5%;
	background-color:#00000088;
	border-radius:10px;
	font-size:300%;
	font-weight:bold;
	color:#ffffff;
	float:left;
}
.charactor_into{
	width:98%;
	margin:0.5%;
	padding:0.5%;
	background-color:#00000088;
	border-radius:10px;
	font-size:150%;
	color:#ffffff;
	text-align:left;
	float:left;
}
#main_gallery{
	width:100%;
	margin:5px 0;
	background-color:#00000055;
	border-radius:10px;
	float:left;
}
#gallery_title{
	width:98%;
	margin:0.5% 1%;
	background-color:#ffffff88;
	border-radius:10px;
	font-size:300%;
	font-weight:bold;
	color:#000000;
	float:left;
}
.gallery_box{
	width:47.5%;
	margin:1%;
	background-color:#00000055;
	border-radius:10px;
	float:left;
	overflow:hidden;
	border:3px solid #ffffff;
}
.gallery_box img{
	width:100%;
}
#sub{
	width:100%;
	background-color:#00000055;
	border-radius:10px;
	float:left;
}
/*スマホ用*/
@media screen and (max-width:750px) {
#all{
	width:750px;
}
#title_name{
	width:98%;
	margin:5px;
	font-size:200%;
}
#price{
	width:98%;
	height:40px;
	margin:5px 0px;
	font-size:200%;
}
#title_img{
	width:740px;
	margin:5px 5px;
}
#title_link{
	width:740px;
	margin:5px 5px;
	font-size:24px;
	font-weight:bold;
	float:left;
}
.shop_link{
	width:730px;
	margin:5px 5px;
	font-size:200%;
	font-weight:bold;
	float:left;
	display:table;
}
.charactor_box{
	margin:2% 1%;
}
.charactor_img{
	width:98%;
	height:98%;
	margin:1% 0.5%;
	float:left;
}
.charactor_img img{
	width:98%;
}
.charactor_text{
	width:98%;
	margin:0.5%;
	float:left;
}
.charactor_name{
	font-size:300%;
}
.charactor_into{
	font-size:200%;
}
.gallery_box{
	width:97%;
	margin:1%;
}
}
/*背景デザイン*/
.bg_pattern{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background-color:#abcdef;
	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);
}