@charset "UTF-8";


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

/* メインビジュアル */
#mv {
	width:100%;
}

/* キャンペーン紹介・ボタンメニュー */
#campaign_menu {
    background-image:
	repeating-linear-gradient(-45deg,
	#3f8b48, #3f8b48 14px,
	transparent 0, transparent 16px);
}

div.campaign_date {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

div.campaign_date span {
	font-size: 12px;
	border: 1px #00b215 solid;
	border-radius:3px;
	padding: 2px 5px;
	margin: 10px 10px;
}

div.campaign_date p {
	font-size: 4.2vw;
	padding-top: 10px;
	margin: 3px 5px 1px 0px;
}

div.campaign_detail {
	width: 95%;
	font-size: 14px;
	padding-top: 10px;
}

ul.nav_menu {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

ul.nav_menu li {
	margin: 15px 10px;
}

ul.nav_menu li a {
    font-size: 15px;
    border-radius: 3px;
    padding: 4px 12px 2px;
    margin-bottom: 10px;
}


/* タイトル */
.campaign_wrap h3 {
	font-size: 20px;
	padding: 5px;
	margin:20px 0 15px;
}

.campaign_wrap h4 {
	font-size: 16px;
	padding: 5px 10px 3px ;
	margin-bottom:10px;
	width:95%;
}


/* 賞品紹介 */
ul.introduction_detail {
    width: 85%;
    display: block;
}

ul.introduction_detail li {
	width:100%;
    display: inline-block;
    margin: 15px auto;
}

ul.introduction_detail li span{
	font-size:15px;
}

/* 応募方法 */
.campaign_process_item li.item_explain {
	font-size: 90%;
}

.campaign_process_item li.item_explain_2 {
	font-size: 15px;
}

.campaign_process_item h4.campaign_orekuro_subtitle {
	font-size:20px;
}

.campaign_wrap {
	width: 100%;
	margin: 0 auto;
	border: none;
}

/* 応募フォーム */
#main_visual_sub{
    height: auto;
}
#main_visual_sub.box{
    padding-top: 10px;
}
.form {
	width: 100%;
	margin: 0 auto;
	border: none;
}


.cform {
	width: 90%;
	margin:0 auto;
}

.cform th {
	width: 100%;
	display: block;
	border-top: none;
    padding: 8px 0px 0px 0px;	
}
.cform td {
	width: 100%;
	display: block;
	border-top: none;
    padding: 0px 0px 8px 0px;
}
	
.cform textarea {
	width: 96%;
}

.form_area h4 {
	font-size: 110%;
	padding: 5px 10px 3px ;
	width:95%;	
}

#campany {
	font-size: 130%;
	padding: 10px 15px;
}
.cform_explain {
	padding: 0 10px;
	display: block;
    text-align: left;
}


/* 応募要項 */
.tb_style {
	width: 90%;
}	

.tb_style th {
	width: 22%;
	padding: 14px 10px;
}	
	
br.sp{
	display: inherit;
}

.campaign_process_item div.apply_btn {
	width:80%;
}
.campaign_process_item div.apply_btn a {
	font-size:3.1vmin;
}
.campaign_process_item div.howto_btn {
	width:80%;
}
.campaign_process_item div.howto_btn a {
	font-size:4vmin;
}
#campaign_guide .title_sub {
	font-size: 16px;
    margin-bottom: 18px;
    text-align: center;
    font-weight:bold;
}
}