@charset "utf-8";
@import "/megahobby/smp/temp/assets/css/style.css" screen and (max-width: 768px);

/*commmon
---------------------------------------*/
/*---------------------------------------------------------------------
【PC】
-----------------------------------------------------------------------*/
@media screen and (min-width: 769px){
	.dis_sp{ display: none !important; }

	/* 見出し */
	#main .ttl { 
		position: relative;
		background: url(/megahobby/pc/images/not_found/bg_ttl.png) repeat-y center top;
		color: #fff;
		line-height: 1.6;
		margin: 0 0 30px 0;
		padding: 8px 30px 7px 85px;
		font-weight: bold;
	}
	#main .ttl span._minTxt {
		display: inline-block;
		font-size: 0.6em;
		margin: 0 1.2em;
	}
	#main .ttl span._icon {
		display: inline-block;
		position: absolute;
		top: -5px;
		left: 30px;
		background: url(/megahobby/manuals/img/icon_head.png) no-repeat center center;
		background-size: contain;
		width: 45px;
		height: 45px;
	}
	
	.comment img{
		display: inline-block;
		vertical-align: bottom;
	}
	
	.comment p{
		display: inline-block;
		vertical-align: bottom;
		position: relative;
		margin: 0 0 0 15px;
		padding: 5px 30px;
		line-height: 45px;
		text-align: center;
		color: #FFF;
		font-size: 20px!important;
		font-weight: bold;
		background: #ff2888;
		border-radius: 20px;
		box-sizing: border-box;
	}
	
	.comment p:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -28px;
		margin-top: 0px;
		border: 15px solid transparent;
		border-right: 15px solid #ff2888;
		z-index: 0;
	}

	.article-header{
		text-align: center;
		margin-top: 45px;
	}

	.article-header p{
		font-size: 20px!important;
	}

	.sns_artcle_body {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.snslist_x, .snslist_youtube, .snslist_tiktok, .snslist_facebook, .snslist_instagram, .snslist_weibo, .snslist_wechat, .snslist_hp {
		display: inline-block;
		margin: 30px 20px 0;
		width: 45%;
		height: auto;
		position: relative;
	}
	.snslist_x a, .snslist_youtube a, .snslist_tiktok a, .snslist_facebook a, .snslist_instagram a, .snslist_weibo a, .snslist_wechat a, .snslist_hp a {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 80px;
		background: #fff;
		color: #000;
		font-size: 18px;
		text-decoration: none;
		font-weight: bold;
		font-feature-settings: "palt";
		padding-left: 65px;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
	}
	.snslist_x a:hover, .snslist_youtube a:hover, .snslist_tiktok a:hover, .snslist_facebook a:hover, .snslist_instagram a:hover, .snslist_weibo a:hover, .snslist_wechat a:hover, .snslist_hp a:hover {
		opacity: .6;
	}
	.snslist_x a p, .snslist_youtube a p, .snslist_tiktok a p, .snslist_facebook a p, .snslist_instagram a p, .snslist_weibo a p, .snslist_wechat a p, .snslist_hp a p {
		margin-top: 2px;
	}
	.snslist_x img, .snslist_youtube img, .snslist_tiktok img, .snslist_facebook img, .snslist_instagram img, .snslist_weibo img, .snslist_wechat img, .snslist_hp img {
		position: absolute;
		width: 55px;
		left: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		height: auto;
	}
	.snslist_x a {border: 4px solid #000;}
	/*.snslist_x img{background-color: #000; padding: 12px;}*/
	.snslist_youtube a {border: 4px solid #FF0000;}
	.snslist_tiktok a {border: 4px solid #25F4EE; border-image: linear-gradient(45deg, #25F4EE 0%, #9db7c1 50%, #FE2C55 100%);border-image-slice: 1;}
	.snslist_facebook a {border: 4px solid #1371f6;}
	.snslist_instagram a {border: 4px solid #ffa22d; border-image: linear-gradient(45deg, #ffa22d 0%, #a626b3 100%); border-image-slice: 1;}
	.snslist_weibo a{border: 4px solid #d32929;}
	.snslist_wechat a{border: 4px solid #2dc100;}
	.snslist_hp a {border: 4px solid #e30011;}
}


/*---------------------------------------------------------------------
【SP】
-----------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.dis_pc{ display: none !important; }

	/* reset */
	#wrap .box {width: auto; padding: 0;}
	#main {width: auto;}
	dd.copy-toggle {display: none;}
	
	.page-content-title_sub {
		font-size: 3vw!important;
	}
	
	/* 見出し */
	#main .ttl { 
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		position: relative;
		font-size: 7.8vw;
		font-weight: bold;
		font-family: var(--impact-font);
		min-height: 17.8vw;
		margin-bottom: 0vw;
		padding-left: 5.6vw;
	}
	#main .ttl::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #25c9ff;
		width: 1.5vw;
		height: 100%;
	}
	#main .ttl::after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		background-color: black;
		width: 1.5vw;
		height: 3.6vw;
	}
	#main .ttl span._minTxt {
		display: inline-block;
		font-size: 2.6vw;
		font-weight: 600;
		margin: 2vw 0 0;
	}
	
	.comment{
		text-align: center;
		margin: 30px 0 -10px 0;
	}
	
	.comment img{
		width: 25%;
		display: inline-block;
		vertical-align: bottom;
	}
	
	.comment p{
		width: 90%;
		display: inline-block;
		vertical-align: bottom;
		position: relative;
		/*margin: 0 0 0 15px;*/
		padding: 10px 10px;
		line-height: 26px;
		text-align: center;
		color: #FFF;
		font-size: 13px!important;
		font-weight: bold;
		background: #ff2888;
		border-radius: 20px;
		box-sizing: border-box;
	}
	
	/*.comment p:before {
		content: "";
		position: absolute;
		top: 87%;
		left: -28px;
		margin-top: -2%;
		border: 15px solid transparent;
		border-right: 15px solid #ff2888;
		z-index: 0;
	}*/

	.article-header{
		text-align: center;
		margin-top: 40px;
	}

	.article-header p{
		font-size: 16px!important;
	}

	.sns_artcle_body {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.snslist_x, .snslist_youtube, .snslist_tiktok, .snslist_facebook, .snslist_instagram, .snslist_weibo, .snslist_wechat, .snslist_hp {
		display: block;
		margin: 30px 20px 0;
		width: 100%;
		height: auto;
		position: relative;
	}
	.snslist_x a, .snslist_youtube a, .snslist_tiktok a, .snslist_facebook a, .snslist_instagram a, .snslist_weibo a, .snslist_wechat a, .snslist_hp a {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 80px;
		background: #fff;
		color: #000;
		font-size: 18px;
		text-decoration: none;
		font-weight: bold;
		font-feature-settings: "palt";
		padding-left: 85px;
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
	}
	.snslist_x a p, .snslist_youtube a p, .snslist_tiktok a p, .snslist_facebook a p, .snslist_instagram a p, .snslist_weibo a p, .snslist_wechat a p, .snslist_hp a p {
		margin-top: 2px;
	}
	.snslist_x img, .snslist_youtube img, .snslist_tiktok img, .snslist_facebook img, .snslist_instagram img, .snslist_weibo img, .snslist_wechat img, .snslist_hp img {
		position: absolute;
		width: 55px;
		left: 15px;
		top: 0;
		bottom: 0;
		margin: auto;
		height: auto;
	}
	.snslist_x a {border: 4px solid #000;}
	/*.snslist_x img{background-color: #000; padding: 12px;}*/
	.snslist_youtube a {border: 4px solid #FF0000;}
	.snslist_tiktok a {border: 4px solid #25F4EE; border-image: linear-gradient(45deg, #25F4EE 0%, #9db7c1 50%, #FE2C55 100%); border-image-slice: 1;}
	.snslist_facebook a {border: 4px solid #1371f6;}
	.snslist_instagram a {border: 4px solid #ffa22d; border-image: linear-gradient(45deg, #ffa22d 0%, #a626b3 100%); border-image-slice: 1;}
	.snslist_weibo a{border: 4px solid #d32929;}
	.snslist_wechat a{border: 4px solid #2dc100;}
	.snslist_hp a {border: 4px solid #e30011;}
}