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

body{
	/*font-size: 210% !important;*/
	-webkit-text-size-adjust: 100%;
}

.w100{width: 100%;}

.mincho24 {
    font-size: 120%;
}

#container {
	width: 100%;
}

#header {
	width: 100%;
	height: auto;
	padding-top: 65px;
}

.main01 {
	width: 100%;
}

.main02,.main02 .vox-dei {
    width: 100%;
}

img{
	width:100%;
}

#main .txt-box01 {
    width: 90%;
}

.prf{
   padding: 20px 0;
}

.prf img{
    max-width: 50%;
}

.prfInner {
    /*width: 90%;*/
    padding: 15px;
}

#message .messagebox {
    width: 90%;
}

.messagetext {
    padding: 20px;
}

.btn-send01 {
    width: 90%;
box-sizing: border-box;
}

.btn-send01 a {
    width: 100%;
box-sizing: border-box;
}

#main .campaign {
	width:100%;
}

.zaiko {
    width: 90%;
    font-size: 0.8em !important;
}

#main .kiyakucheck {
    clear: both;
    width: 90%;
    margin: 0 auto;
    padding: 15px;
}

#main #btn01, #main #btn02, #main #btn03, #main #btn04 {
    width: 100%;
    margin-bottom: 0;
}

#main #btn01 ul, #main #btn02 ul, #main #btn03 ul, #main #btn04 ul {
    margin-bottom: 0;
}

#main #btn01 ul li, #main #btn02 ul li, #main #btn03 ul li, #main #btn04 ul li {
    width: 100%;
    margin-bottom:10px;
}

#main .attention {
    width: 90%;
    margin-top: 0;
}

#mokuji-box,#prog-box{
    width: 100%;
    padding: 0px 15px 15px;
}

.mokuji-inner,.prog-inner {
    width: 100%;
    margin: 0 auto 20px;
	padding: 15px;
box-sizing: border-box;
line-height: 1.6;
font-size: 110%;
}

.mokuji-inner img,.prog-inner {
    width: auto;
}

.chapter_t {
    font-size: 120%;
}

.chapter {
    font-size: 110%;
}

.socialbg1 {
	background-size:100%;
}

.social1innr{
    width: 80%;
    margin: 0 auto;
box-sizing: border-box;
}

.socialContent {
    padding-left: 30px;
    padding-right: 30px;
	background-size:100%;
box-sizing: border-box;
}

#boxArea {
    width: 85%;
    padding-left: 130px;
    margin: 10px 0 0 0;
}


#main form table {
border-top: 1px solid #999;
width:90%;
margin:15px auto;
}
#main form table td {
display: block;
text-align: left;
width: 100% !important;
box-sizing: border-box;
}
#main form table th {

display: block;
border-top: none;
border-bottom: none;
width: 100% !important;
box-sizing: border-box;
}

#main form table th label{
padding:10px !important;
}

.ps {
    position: relative;
    width: 86%;
    background: rgba(255,255,255,0.8);
    margin: 20px auto;
    padding: 15px;
    box-shadow: 0 1px 4px #999;
    box-sizing: border-box;
}

#footer #footer-inr {
	width:100%;
}

#footer address {
    top: 40px;
}
#footer p, #footer p a {
    font-size: 0.8em !important;
}

#footer #footer-inr p#f-menu {
 	top:0px;
}

#footer #footer-inr p#f-logo {
    top: 30px;
}
input[type=checkbox] {
  transform: scale(3);
}

.agree{
	font-size: 1.2em !important;
}

p span.spfsm{
	font-size: 0.8em !important;
}

.nosp{ display:none; }
.nopc{ display:block; }

.nores{
	width: auto;
}

.p80{
	width: 80%;
}
.w880{
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
}
.mincho32b{
	font-size: 150%;
}

.prog-inner .midashi{
	display: inline-block;
	margin-bottom: 10px;
}
.img-float-r{float: none;
margin: 0;}
.sp_img01{
	max-width: 320px;
}
.sp_prof-name{
	width: 50%!important;
}
.sp_prof-rinen{
	max-width: 149px;
}
.sp_prof-ryaku{
	max-width: 89px;
}
#countdown{
	height: auto;
}
#cd01{
	width: 100%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #23192D;
}
#cd01 .finish{
	display:none;
	float: none;
	text-align: center;
	margin: 0 auto 10px;
}
#cd01 .cdwrap{
	float: none;
	margin: 0 auto;
}

	.point dt img{
		width:90%;
		margin-right:5px;
	}

}
@media screen and (max-width: 480px) {
	#header {
		padding-top: 40px;
	}
	#cd01 .cdwrap{
		width: 100%;
	}
	#soon-cartoon{
		font-size: 18px;
		padding: 0;
		box-sizing: border-box;
	}
	.form_inner .name_box{
		background:#fff;
		width: 90%;
		height: auto;
		font-size: 18px;
		border: 1px solid #aaa;
		border-radius: 5px;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
	font-weight: bold;
	margin: 0 auto;
	}
	.form_inner .mail_box{
		background:#fff;
		width: 90%;
		height: auto;
		font-size: 18px;
		border: 1px solid #aaa;
		border-radius: 5px;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
		font-weight: bold;
			margin: 0 auto;
	}
	.spw100{
		width: 100%;
		box-sizing: border-box;
	}
	ul.check li{
		font-size: 1em;
		background:  url("../img/check_sp.jpg") no-repeat left 5px;
		padding-left: 40px;
		line-height: 1.5;
	}
	.f20{font-size: 16px;}
	.f24{font-size: 18px;}
	.sp_prof-rinen{
		max-width: 120px;
	}
	.sp_prof-ryaku{
		max-width: 72px;
	}
	ul.check {
	  padding: 1em;
	}
	.point dt{
		text-align: center;
	}
	.point dt img{
		width:80%;
		margin-right:5px;
	}
	.point dd{
	display: block;
		margin-left: 0;
		font-size: 16px;
		padding-top: 0;
	}
	.f18,.messagetext{font-size: 1em;}
}