/*=====================================
	TEMP css
====================================== */

/*	reset
============================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*	both
============================== */
#wrapper{
	width: 100%;
	height: 100%;
}
.cover{
	
}
.z-index-ie{
	z-index:2;
}

li{
	list-style: none;
}


/* text */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  word-break: break-all;
  color:#231815;
}
a:link {
	text-decoration:none;
	color:#231815;
}
a:visited {
	text-decoration:none;
	color:#231815;
}
a:hover {
	text-decoration:none;
	color:#b68151;
}
a:active {
	text-decoration:none;
	color:#231815;
}
.copyright a:link{color:#ffffff; text-decoration:none}
.copyright a:visited{color:#ffffff; text-decoration:none}
.copyright a:active{color:#ffffff; text-decoration:none}
.copyright a:hover{color:#ffffff; text-decoration:none; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition:all 0.5s ease;
}

.color-01{
	color: #992120;
}
.color-02{
	color: #231815;
}
.color-03{
	color: #b68151;
}
.color-04{
	color: #7f7f7f;
}

/*back*/

.bgcolor-01{
	background-color: #992120;
}
.bgcolor-02{
	background-color: #231815;
}
.bgcolor-03{
	background-color: #b68151;
}
.bgcolor-04{
	background-color: #7f7f7f;
}

img{
	vertical-align:bottom;
}
.cleartext {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom:2em;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.alttext{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.tbs-gfooter-btn,
.tbs-gfooter-share{
	z-index: 998 !important;
}


@media all and (min-width: 768px) {
	.br-pc {
		display:block;
	}
	.br-sp {
		display:none;
	}
	.sp_none{
		display:block;
	}
	.youtube_wrap {
		width: 560px;
		margin: 0 auto;
	}
	.pc-only{
		display:block;
	}
	.sp-only{
		display:none;
	}
	.link{
		transition-duration: 0.2s;
	}
	.link img{
	  cursor: pointer;
	}
	.link:hover{
	  transform: translateY(2px);
	  transition-duration: 0.2s;
	}
}
@media all and (max-width: 767px) {
	.br-pc {
		display:none;
	}
	.br-sp {
		display:block;
	}
	.sp_none{
		display:none;
	}
	.pc-only{
		display:none;
	}
	.sp-only{
		display:block;
	}
}


/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}


/*	user
============================== */

#wrapper{
	width: 100%;
}
.tbs-gfooter-share{
	display: none !important;
}
#contents-wrap-main{
	
}
.banner-pv img{
	width: 100%;
}

.update-img{
	border: 2px solid #b68151;
}
.update-img img{
	width: 100%;
}
.update-date,
.update-text{
	font-weight: bold;
}


/*INFO*/
.top-info-comic-img img,
.top-info-x-img img,
.top-info-tiktok-img img{
	width: 100%;
}


/* FOOTER */
#contents-wrap-footer{
	background: #231815;
	border-top: 4px solid #b68151;
}
.footer-logo img{
	width: 100%;
}
.footer-banner img{
	width: 100%;
}
.share-read img,
.share-btn-x img,
.share-btn-fb img,
.share-btn-li img{
	width: 100%;
}
.copyright{
	color: #ffffff;
	text-align: center;
}

@media all and (min-width: 768px) {
	#wrapper{
		background: url(../img/bg_red@2x.jpg) no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: top center;
	}
	#contents-wrap-main{
		min-width: 1080px;
	}
	.contents-wrap-inner{
		height: 75.8333333333333%;
		height: -webkit-calc(1274 / 1680 * 100%);
		height: calc(1274 / 1680 * 100%);
		position: relative;	
	}
	.visual-img{
		width: 100%;
		height: 75.8333333333333%;
		height: -webkit-calc(1274 / 1680 * 100%);
		height: calc(1274 / 1680 * 100%);
		background-image: url(../img/top_img_pc_02.png);
		background-image: image-set(url(../img/top_img_pc_02.png) 1x, url(../img/top_img_pc_02@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/top_img_pc_02.png) 1x, url(../img/top_img_pc_02@2x.png) 2x);
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 75.8333333333333%;
		padding-top: -webkit-calc(1274 / 1680 * 100%);
		padding-top: calc(1274 / 1680 * 100%);
		position: relative;	
	}
	.banner-pv{
		width: 28.2%;
		position: absolute;
		top: 34.8%;
		left: 8.4%;
	}
	
	/*NAVGATION*/
	#top-pc-nav{
		width: 100%;
		border-bottom: 10px solid #5c0404;
		padding: 30px 0 24px;
		position: sticky;
		top: 0;
		z-index: 998;
		display: flex;
	}
	#under-pc-nav{
		width: 100%;
		border-bottom: 10px solid #5c0404;
		padding: 30px 0 24px;
		position: sticky;
		top: 0;
		z-index: 998;
		display: flex;
	}
	#top-sp-nav{
		display: none;
	}
	.pc-nav-top{
		width: 832px;
		margin: 0 auto;
		display: flex;
	}
	.under-pcnav-wrap{
		width: 1060px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.pc-nav{
		width: 940px;
		display: flex;
	}
	.pc-nav-logo{
		width: 100px;
		margin: -10px 0 0;
	}
	.pc-nav-logo img{
		width: 100%;
	}
	.pc-nav-top li{
		margin: 0 7px;
	}
	.pc-nav li{
		margin: 0 10px;
	}
	.pc-nav-01 a,
	.pc-nav-02 a,
	.pc-nav-03 a,
	.pc-nav-04 a,
	.pc-nav-05 a,
	.pc-nav-06 a,
	.pc-nav-07 a,
	.pc-nav-08 a,
	.pc-nav-09 a{
		background-image: url("../img/pcnav_03.png");
		background-image: image-set(url(../img/pcnav_03.png) 1x, url(../img/pcnav_03@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/pcnav_03.png) 1x, url(../img/pcnav_03@2x.png) 2x);
		background-repeat: no-repeat;
		background-size: 867px 60px;
	}
	.pc-nav-01 a {
		width: 88px;
		height: 30px;
		background-position: 0 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-01 a:hover{
		background-position: 0px -30px;
	}
	.pc-nav-02 a {
		width: 102px;
		height: 30px;
		background-position: -88px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-02 a:hover{
		background-position: -88px -30px;
	}
	.pc-nav-03 a {
		width: 153px;
		height: 30px;
		background-position: -189px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-03 a:hover{
		background-position: -189px -30px;
	}
	.pc-nav-04 a {
		width: 153px;
		height: 30px;
		background-position: -341px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-04 a:hover{
		background-position: -341px -30px;
	}
	.pc-nav-05 a {
		width: 107px;
		height: 30px;
		background-position: -493px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-05 a:hover{
		background-position: -493px -30px;
	}
	.pc-nav-06 a {
		width: 48px;
		height: 30px;
		background-position: -600px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-06 a:hover{
		background-position: -600px -30px;
	}
	.pc-nav-07 a {
		width: 90px;
		height: 30px;
		background-position: -647px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-07 a:hover{
		background-position: -647px -30px;
	}
	.pc-nav-08 a {
		width: 46px;
		height: 30px;
		background-position: -737px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-08 a:hover{
		background-position: -737px -30px;
	}
	.pc-nav-09 a {
		width: 85px;
		height: 30px;
		background-position: -782px 0;
		display: block;
		justify-content: space-between;
	}
	.pc-nav-09 a:hover{
		background-position: -782px -30px;
	}
	
	/*CONTENTS*/
	#contents-wrap-contents{
		width: 100%;
	}
	
	/*UPDATE*/
	.top-update-wrap{
		width: 1030px;
		margin: 0 auto;
		padding: 64px 0 0;
		display: flex;
	}
	.top-h2-block{
		width: 310px;
		height: 580px;
		position: relative;
	}
	.top-h2-update{
		width: 149px;
		height: 419px;
		background-image: url(../img/top_h2_update.png);
		background-image: image-set(url(../img/top_h2_update.png) 1x, url(../img/top_h2_update@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/top_h2_update.png) 1x, url(../img/top_h2_update@2x.png) 2x);
		background-repeat: no-repeat;
		position: absolute;
		left: 104px;
	}
	.h2-mokke{
		width: 171px;
		height: 238px;
		background-image: url(../img/update_mokke.png);
		background-image: image-set(url(../img/update_mokke.png) 1x, url(../img/update_mokke@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/update_mokke.png) 1x, url(../img/update_mokke@2x.png) 2x);
		background-repeat: no-repeat;
		position: absolute;
		top: 330px;
		left: 10px;
	}
	.top-update-block{
		width: 670px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.update-box{
		width: 310px;
		margin: 0 0 20px;
	}
	.update-img{
		width: 310px;
		height: 175px;
		margin: 0 0 18px;
	}
	.update-date{
		font-size: 12px;
		margin: 0 0 8px;
	}
	.update-text{
		font-size: 18px;
		line-height: 1.5em;
	}
	
	/* INFOMATION */
	.top-info-wrap{
		width: 886px;
		margin: 20px auto 0;
		padding: 56px 30px;
		position: relative;
		border: 2px solid #b68151;
		background-image: 
			linear-gradient(45deg, #b68151 20px, transparent 0),
			linear-gradient(-45deg, #b68151 20px, transparent 0),
			linear-gradient(135deg, #b68151 20px, transparent 0),
			linear-gradient(-135deg, #b68151 20px, transparent 0);
		/*
		background-image: url("../img/contents_header.png"),url("../img/contents_footer.png");
		background-position: center top , center bottom;
		background-size: 100%, 100%;
		background-repeat: no-repeat , no-repeat;
		*/
	}
	.top-info-list{
		display: flex;
	}
	.top-info-comic-img,
	.top-info-x-img,
	.top-info-tiktok-img{
		width: 270px;
		height: 204px;
	}
	.top-info-x{
		padding: 0 24px 0 24px;
		border-right: 1px solid #b68151;
		border-left: 1px solid #b68151;
	}
	.top-info-comic,
	.top-info-tiktok{
		padding: 0 8px;
	}
	.top-infomation-text{
		width: 704px;
		height: 12px;
		margin: 56px auto 0;
		padding: 0 0 50px;
		background-image: url(../img/top_info_text.png);
		background-image: image-set(url(../img/top_info_text.png) 1x, url(../img/top_info_text@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/top_info_text.png) 1x, url(../img/top_info_text@2x.png) 2x);
		background-repeat: no-repeat;
	}
	.info-caution{
		font-size: 10px;
		letter-spacing: 0.2em;
		position: absolute;
		bottom: 24px;
		left: 408px;
	}
	
	
	/* FOOTER */
	#contents-wrap-footer{
		padding: 80px 0 100px;
	}
	.contents-footer-inner{
		width: 950px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.footer-left{
		width: 420px;
	}
	.footer-right{
		width: 430px;
	}
	.footer-banner{
		width: 430px;
		height: 100px;
	}
	.footer-banner img{
		width: 100%;
	}
	.footer-share-block{
		margin: 30px 0 0px;
		display: flex;
		justify-content: flex-end;
	}
	.share-read{
		width: 90px;
		margin: 17px 0 0;
	}
	.share-btn-x,
	.share-btn-fb,
	.share-btn-li{
		width: 50px;
		margin-left: 25px;
	}
	.footer-logo{
		width: 419px;
		height: 181px;
		margin: 0 auto 48px;
	}
	.copyright{
		width: 950px;
		margin: 0 auto;
		font-size: 12px;
		line-height: 1.7em;
		letter-spacing: 0.1em;
		text-align: left;
	}

}

@media all and (max-width: 767px) {
	/*
	#wrapper{
		width: 100%;
		background: url(../img/bg_red@2x.jpg) no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-position: top center;
	}
	*/
	#wrapper::before {
		content: "";
		background: url("../img/bg_red_sp.jpg") no-repeat top center !important;
		background-size: 150% !important;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		min-height: 100vh;
		z-index: -1;
	}
	#contents-wrap-main{
		width: 100%;
	}
	.visual-img{
		width: 100%;
		height: 0;
		background-image: url(../img/top_img_sp_02.png);
		background-image: image-set(url(../img/top_img_sp_02.png) 1x, url(../img/top_img_sp_02@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/top_img_sp_02.png) 1x, url(../img/top_img_sp_02@2x.png) 2x);
		background-size: cover;
		background-repeat: no-repeat;
		padding-top: 197.1875%;
		padding-top: -webkit-calc(1262 / 640 * 100%);
		padding-top: calc(1262 / 640 * 100%);
		position: relative;	
	}
	.banner-pv{
		width: 70%;
		margin: 4% 0 6% 16%;
	}
	.top-h2-block{
		width: 40%;
		margin: 7% auto 5%;
	}
	.top-h2-update{
		width: 100%;
		padding-top: 28%;
		background-image: url(../img/top_h2_update_sp.png);
		background-image: image-set(url(../img/top_h2_update_sp.png) 1x, url(../img/top_h2_update_sp@2x.png) 2x);
		background-image: -webkit-image-set(url(../img/top_h2_update_sp.png) 1x, url(../img/top_h2_update_sp@2x.png) 2x);
		background-repeat: no-repeat;
		background-size: contain;
	}
	.top-update-block{
		width: 80%;
		margin: 0 auto;
	}
	.update-box{
		margin: 0 0 1em;
	}
	.update-img{
		margin: 0 0 1em;
	}
	.update-date{
		font-size: 0.6em;
		margin: 0 0 0.2em;
	}
	.update-text{
		font-size: 1em;
		line-height: 1.5em;
	}
	
	/*NAVGATION*/
	#top-pc-nav,
	#under-pc-nav{
		display: none;
	}
	.pc-nav-logo{
		display: none;
	}
	#top-sp-nav{
		width: 100%;
		display: block;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 100;
	}
	.menu-icon{
		width: 30%;
		margin: 0 auto 0;
		padding: 4% 0;
	}
	.menu-icon img{
		width: 100%;
	}
	
	/* INFOMATION */
	.top-info-wrap{
		width: 80%;
		margin: 4em auto 4em;
		padding: 2em 0;
		border: 2px solid #b68151;
		background-image: 
			linear-gradient(45deg, #b68151 20px, transparent 0),
			linear-gradient(-45deg, #b68151 20px, transparent 0),
			linear-gradient(135deg, #b68151 20px, transparent 0),
			linear-gradient(-135deg, #b68151 20px, transparent 0);
		position: relative;
	}
	.top-info-comic-img,
	.top-info-x-img,
	.top-info-tiktok-img{
		width: 80%;
		margin: 0 auto;
	}
	.top-info-x-img{
		margin: 1em auto 1em;
		padding: 1em 0;
		border-top: 1px solid #b68151;
		border-bottom: 1px solid #b68151;
	}
	.info-caution{
		font-size: 0.7em;
		letter-spacing: 0.2em;
		position: absolute;
		bottom: -5.5%;
		left: 28%;
	}

	
	/* FOOTER */
	#contents-wrap-footer{
		padding: 12% 0 30%;
	}
	.footer-logo{
		width: 70%;
		margin: 0 auto 2em;
	}
	.footer-banner{
		width: 70%;
		margin: 0 auto 5%;
	}
	.footer-share-block{
		width: 60%;
		margin: 5% auto 5%;
		display: flex;
		justify-content:space-between;
	}
	.share-read{
		width: 35%;
		margin: 5% 0 0;
	}
	.share-btn-x,
	.share-btn-fb,
	.share-btn-li{
		width: 18%;
		margin-left: 6%;
	}
	.copyright{
		width: 95%;
		margin: 0 auto;
		font-size: 0.6em;
		line-height: 1.7em;
	}
	
}

/*========= ナビゲーションのためのCSS ===============*/

#g-nav-sp{
	/*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
	position:fixed;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
	/*ナビの位置と形状*/
	top:0;
	width:100%;
	height: 100vh;/*ナビの高さ*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,dddddd+100 */
	background: #231815; /* Old browsers */
	background-size: cover;
	background-position: ;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	/*動き*/
	transition: all 0.3s;
	
	outline: 2px solid #b68151;
	outline-offset: -2px;
	background-image: 
			linear-gradient(45deg, #b68151 40px, transparent 0),
			linear-gradient(-45deg, #b68151 40px, transparent 0),
			linear-gradient(135deg, #b68151 40px, transparent 0),
			linear-gradient(-135deg, #b68151 40px, transparent 0);
	
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav-sp.panelactive{
	opacity: 1;
	z-index:999;
}

.sp-menu-area.btnoff{
	opacity: 1;
	z-index:-1;
}

/*ナビゲーションの縦スクロール*/
#g-nav-sp.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav-sp ul {
	width: 100%;
    display: none;
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:15%;
    /*
	left:50%;
    transform: translate(-50%,-50%);
	*/
}

#g-nav-sp.panelactive ul {
    display: block;
}

/*リストのレイアウト設定*/

#g-nav-sp li{
	width: 100%;
	margin: 0 0 6%;
	list-style: none;
	text-align: center; 
}
#g-nav-sp li img{
	width: 100%;
}
.sp-nav-logo{
	width: 60% !important;
	margin:  0 auto !important;
}
#g-nav-sp li a{
	color: #b68151;
	text-decoration: none;
	font-family: 'Libre Caslon Text', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: normal;
}

/*========= ボタンのためのCSS ===============*/
.openbtn1{

}
.openbtn1 img{
	width: 100%;
}


/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}
/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}
.modaal-video-wrap{
	margin: auto 20px;
}

.modaal-overlay{
	background: #000 !important;
}

/*動画表示のモーダル：余白を変更したい場合*/
.modaal-video .modaal-inner-wrapper{
	padding:0;
}

/*モーダル強制*/
@media all and (min-width: 768px) {
	.modal3rd_wrapper{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 999;
		display: none;
	}

	.modal3rd{
		width: 100vh;
		height: 77vh;
		margin: 15vh auto 0;
		text-align: center;
	}
	.modal3rd .popupimg img{
		width: 100%;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	}
	.close-modal{
		width: 250px;
		margin: 2vh auto 0;
		color: #fff;
		font-weight: bold;
	}
	.close-modal img{
		width: 100%;
	}
	
}
@media all and (max-width: 767px) {
	.modal3rd_wrapper{
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 999;
		display: none;
	}

	.modal3rd{
		width: 95%;
		margin: 30vh auto 0;
		text-align: center;
	}
	.modal3rd .popupimg img{
		width: 100%;
		box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	}
	.close-modal{
		width: 80%;
		margin: 2vh auto 0;
		color: #fff;
		font-weight: bold;
	}
	.close-modal img{
		width: 100%;
	}
	
}

/*========= SP保存禁止 ===============*/
img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}