/* CSS Document */
/*初期化*/
@charset "utf-8";
*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*/初期化*/
.pic{
    max-width: 80%;
	height:auto;
    margin: 0 6%;
    padding: 0 4%;
    text-align: center;
	background-color: #222;
}

img.v_pic{
	width:100%;
	filter: blur(5px) opacity(60%);
}
img.v_pic:hover {
  filter: blur(4px); 
}
img.vipa{
	width:100%;
}

/*:::::::::::::::::::PC用:::::::::::::::::::*/
@media screen and (min-width: 541px){
    a {
		text-decoration:none;
    }
.outline {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  font-size      : 36pt;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 5px #ff99ff,
      -2px  2px 5px #ff99ff,
       2px -2px 5px #ff99ff,
      -2px -2px 5px #ff99ff,
       2px  0px 5px #ff99ff,
       0px  2px 5px #ff99ff,
      -2px  0px 5px #ff99ff,
       0px -2px 5px #ff99ff;        /* 文字の影 */
}
.outline2 {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  font-size      : 22pt;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 5px #0CF,
      -2px  2px 5px #0CF,
       2px -2px 5px #0CF,
      -2px -2px 5px #0CF,
       2px  0px 5px #0CF,
       0px  2px 5px #0CF,
      -2px  0px 5px #0CF,
       0px -2px 5px #0CF;        /* 文字の影 */
}
.a_button {
filter: blur(2px);
  opacity: 0.4;
  background-color: #CFF;
}
.a_button:hover {
filter: blur(0px);
  opacity: 0.4;
  background-color: #CFF;
}
.shadow_button {
  opacity: 0.1;
  background-color: #000;
}
 .shadow_button:hover {
  opacity: 0.8;
}
.shadow_button2 {
	filter: blur(8px);
  opacity: 0.8;
}
 .shadow_button2:hover {
  opacity: 0.2;
  filter: blur(6px);
}


img.v_pic {
    width: 100%;
    filter: blur(6px) opacity(70%);
}


.box1{
    width: 70%;
	height:auto;
    margin: 2% 15%;
	text-align:center;
	background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 46%,#000000 54%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}
p.h{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	font-size:14px;
	color:#FFF;
}
p.i{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	color: #C60;
	font-size: 14px;
}
a.wt{
	color:#FFF;
	text-decoration: underline;
}
.p_wt{
	margin:10px 0 15px;
	text-align: center;
	animation: jouge .2s  infinite;
	text-shadow: 0 0 10px #9FF,0 0 15px blue;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	line-height:10px;
}
.p_wt span{
	position: relative;
  	z-index: 2;
  	display: inline-block;
  	margin: 0 2.5em ;
  	padding: 0px 3px;
  	background-color: #222;
  	text-align: left;
}
.p_wt::before{
	position: absolute;
  	top: 50%;
  	z-index: 1;
  	content: '';
  	display: block;
  	width: 100%;
  	height: 1px;
  	background:radial-gradient(#FFF, #000);
}
}
/*::::::::::::::::::スマホ用::::::::::::::::::*/
@media screen and (max-width: 540px){
body {
    width: 90%;
    margin: 0 auto;
	background-repeat: repeat-y;
    background-position: top left , top right;
    background-color: #222;
}


    a {
		text-decoration:none;
    }
.outline {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  font-size      : 36pt;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 5px #ff99ff,
      -2px  2px 5px #ff99ff,
       2px -2px 5px #ff99ff,
      -2px -2px 5px #ff99ff,
       2px  0px 5px #ff99ff,
       0px  2px 5px #ff99ff,
      -2px  0px 5px #ff99ff,
       0px -2px 5px #ff99ff;        /* 文字の影 */
}
.outline2 {
  display        : inline-block;
  color          : #ffffff;            /* 文字の色 */
  font-size      : 22pt;               /* 文字のサイズ */
  letter-spacing : 4px;                /* 文字間 */
  text-shadow    : 
       2px  2px 5px #0CF,
      -2px  2px 5px #0CF,
       2px -2px 5px #0CF,
      -2px -2px 5px #0CF,
       2px  0px 5px #0CF,
       0px  2px 5px #0CF,
      -2px  0px 5px #0CF,
       0px -2px 5px #0CF;        /* 文字の影 */
}
.a_button {
filter: blur(0px);
  opacity: 1.0;
  background-color: ;
}
.a_button:hover {
filter: blur(0px);
  opacity: 0.4;
  background-color: #CFF;
}
.shadow_button {
  opacity: 1;
  background-color: #000;
}
 .shadow_button:hover {
  opacity: 0.8;
}
.shadow_button2 {
	filter: blur(8px);
  opacity: 0.8;
}
 .shadow_button2:hover {
  opacity: 0.5;
  filter: blur(5px);
}


img.v_pic {
    width: 100%;
    filter: blur(6px) opacity(70%);
}


.box1{
    width: 70%;
	height:auto;
    margin: 2% 15%;
	text-align:center;
	background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 46%,#000000 54%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}
p.h{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	font-size:14px;
	color:#FFF;
}
p.i{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	color: #C60;
	font-size: 14px;
}
a.wt{
	color:#FFF;
	text-decoration: underline;
}
.p_wt{
	margin:10px 0 15px;
	text-align: center;
	animation: jouge .2s  infinite;
	text-shadow: 0 0 10px #9FF,0 0 15px blue;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	line-height:10px;
}
.p_wt span{
	position: relative;
  	z-index: 2;
  	display: inline-block;
  	margin: 0 2.5em ;
  	padding: 0px 3px;
  	background-color: #222;
  	text-align: left;
}
.p_wt::before{
	position: absolute;
  	top: 50%;
  	z-index: 1;
  	content: '';
  	display: block;
  	width: 100%;
  	height: 1px;
  	background:radial-gradient(#FFF, #000);
}
}