@media screen and (max-width: 999px){


/* PC版非表示*/
#pcwrapper {
	display: none;
}
#page-top {
	display: none;
}



#smpwrapper {
    font-family: 'Noto Sans JP', sans-serif !important;
	text-shadow: none !important;
}

.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}



a {
     outline: none;
	color: #00a0e9;
	text-decoration: underline;
}
a:hover {
	color: #00a0e9;
	text-decoration: none;
}
a:visited {
	color: #00a0e9;
	text-decoration: underline;
}
body {
	-webkit-text-size-adjust: 100%;
	text-align: left;
	overflow: visible;
}
img {
	width: 100%;
	height: auto;
     display: block;
}


.example_pad_01 {
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 20%;
	padding-bottom: 20%;
}
.example {
     position: relative;
     display: inline-block;
}
.example img {
     display: block;
     max-width: 100%;
     height: auto;
     z-index: 11;
}
.example img:nth-of-type(2) {
     position: absolute;
     right: -5%;
     bottom: -8%;
     width: 100%;
     height: auto;
     z-index: -1;
     opacity: 0.25;
     filter: brightness(60%) blur(1px);
}


#box640 {
	background-color: #c61529;
}

.box044 {
     width: 44.2%;
	float: left;
}
.box028 {
     width: 28.4%;
	float: left;
}
.box027 {
     width: 27.2%;
	float: left;
}


#smp_bg {
	background-image: url(../images/smp_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
     background-size: contain;
}


#bg01 {
	background-image: url(../images_smp/bg01.png);
	background-repeat: repeat-y;
	background-position: center top;
     background-size: contain;
}
#bg02 {
	background-image: url(../images_smp/bg02.png);
	background-repeat: repeat-y;
	background-position: center top;
     background-size: contain;
	padding-bottom: 4%;
}
#bg03 {
	background-image: url(../images_smp/bg03.png);
	background-repeat: repeat-y;
	background-position: center top;
     background-size: contain;
}


#box01 {
	font-size: 65%;
	line-height: 140%;
	color: #000000;
	background-color: #ffffff;
	text-shadow: none !important;
	padding-bottom: 4%;
	text-align: center;
}


#pad01 {
	padding-bottom: 4%;
}
#pad02 {
	padding-top: 2%;
}
#pad03 {
	padding-top: 4%;
}
#pad04 {
	padding-left: 17.34375%;
	padding-right: 17.34375%;
	padding-bottom: 4%;
}


.video-container {
	background-color: #ffffff;
	position: relative;
	padding-bottom: 54.5%;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





.floatleft {
	float: left;
}



/* スマホ  フッター*/
footer{
	width:100%;
	overflow:hidden;
}
footer.pt {
	font-size:12px;
	text-shadow:none !important;
}
footer.pt p.pagetop{
	width:25%;
	border-radius:5px 5px 0 0;
	background-color:#202020;
	text-align:center;
	padding:2%;
	margin-left:70%;
	
}
footer.pt p.pagetop a{
	color:#fff !important;
}
footer.pt p.site{
	text-align:center;
	background-color:#202020;
	width:100%;
	padding:3% 0;
	color:#fff !important;
	text-shadow:none !important;
}
footer.pt p.site a{
	color:#fff !important;
	text-decoration:underline !important;
}
.smallie {
	font-size: 7px;
	text-shadow:none !important;
	padding-top: 4%;
	padding-bottom: 4%;
}


.copy-guard {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    touch-callout:none;
    user-select:none;
}


}