﻿
/* ----------------------------
		レスポンシブ用
---------------------------- */
@media screen and (max-width: 1000px)  {
	.single_resp_spheader{
		display:block;
		background:#09f;
		height:55px;
	}
	.single_resp_spheader{
		border:0 none;
	}
	.sp_menu_area{
		display:block;
		text-align:center;
		/*font-size:5em !important;*/
		float:right;
	}
}

@media screen and (max-device-width: 599px)  {
/*@media screen and (max-width: 1000px)  {*/
/* ページのレイアウト */
body{
	margin:0;
	padding:0;
	font-family:ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	-webkit-text-size-adjust: 100%;
}
p {
	color:#000;
}
label {
	width:100%;
}
.pc{display:none !important;}
.sp{display:block !important;}
.sp_listitem{display:list-item !important;}
.hide {display:none;}
.spmgnb0 {margin-bottom:0 !important;}
.sppadl0 {padding-left:0 !important;}
.sp_disp_none{display:none;}
.wrapper {
	width:100%;
}
.header img {
	zoom:.5;
	margin:3px;
}
.contents{
	width:100%;
}
.moushikomi_title span {
	font-size:1em;
	color:#f60;
}
.greybg {
	background:#fff;
}
.required {
	display:inline-block;
	background:#f90;
	color:#fff;
	padding:3px;
	margin-left:8px;
	font-size:10px;
	line-height:1em;
}
h3.itemttl {
	color:#FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0099ff), color-stop(0.00, #5fbfff));
	background: -webkit-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: -moz-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: -o-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: -ms-linear-gradient(top, #5fbfff 0%, #0099ff 100%);
	background: linear-gradient(to bottom, #5fbfff 0%, #0099ff 100%);
	padding:6px 10px;
	font-size:16px;
}

/* form style*/
input.formtext {
	font-size:14px;
	width:100%;
	border:1px solid #CCC;
	background-color:#f8f8f0;
	-webkit-border-radius: 6px;
	-webkit-box-sizing: border-box;
	padding:13px;
	margin-bottom:10px;
	-webkit-box-sizing: border-box;
}
textarea.formtextarea {
	font-size:14px;
	width:100%;
	border:1px solid #CCC;
	background-color:#f8f8f0;
	-webkit-border-radius: 6px;
	-webkit-box-sizing: border-box;
	padding:13px;
	margin-bottom:10px;
	-webkit-box-sizing: border-box;
}
input:focus{background:#ffdab9 !important;}
select:focus{background:#ffdab9 !important;}
inputPassword:focus{background:#ffdab9 !important;}

label.selectradio,label.selectcheck {
	-webkit-border-radius: 6px;
	border: 1px solid #CCC;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	display: inline-block;
	padding: 13px 12px 11px;
	background-color:#ffffe2;
	font-size:16px;
	margin:3px 0;
}

select.formselect {
	width:100%;
	height:43px;
	margin-bottom:10px;
/*font-size:14px;*/
/*font-size:18px;*/
font-size: 16px;
line-height:2em;
}
.col2 li {
	float:left;
/*	width:100%;*/
	width:50%;
	-webkit-box-sizing: border-box;
}
.col1 li {
	float:left;
	width:100%;
	-webkit-box-sizing: border-box;
}

.col2 li:nth-child(2n) {
	padding-left:4px;
}




/* 募金額をお決めください */
.bokingaku_area {
	width:100%;
	display:none;
}
.bokingaku_ttl img{
	display:none;
}
.msot_radio_div01 img {
	display:none;
}
/* すでにオンライン登録済みの方 */
.online_area {
	width:100%;
	border:0 none;
	clear:both;
}
.online_ttl {
	height:auto;
}
.online_ttl img {
	display:none;
}
.online_area {
	display:none;
	padding:0 10px;
	box-sizing:border-box;
}
.online_area_innnerbox {
	width:100%;
	box-sizing:border-box;
	margin:0;
	background:#fff;
	border-left:2px solid #9BD7FF;
	border-right:2px solid #9BD7FF;
	border-bottom:2px solid #9BD7FF;
}
.online_area_innnerbox table,.online_area_innnerbox table tr,.online_area_innnerbox table th,.online_area_innnerbox table td {
	display:block;
	width:100%;
	text-align:left;
	font-weight:normal;
}
.online_area_innnerbox table input {
	width:100%;
	padding:5px;
	box-sizing:border-box;
}
.online_ttl > p,.online_txt_center {
	display:none;
}
.online_loginarea_open {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d2edff), color-stop(0.00, #f4fbff));
	background: -webkit-linear-gradient(top, #f4fbff 0%, #d2edff 100%);
	background: -moz-linear-gradient(top, #f4fbff 0%, #d2edff 100%);
	background: -o-linear-gradient(top, #f4fbff 0%, #d2edff 100%);
	background: -ms-linear-gradient(top, #f4fbff 0%, #d2edff 100%);
	background: linear-gradient(to bottom, #f4fbff 0%, #d2edff 100%);
	/*border-radius: 10px;*/
	text-align: left;
	border: 2px solid #9BD7FF;
	color: #000;
	margin:10px 10px 0px 10px;
	padding: 15px;
	font-size:14px;
	display:block;
}
.sp_formtext {
	padding:13px !important;
}

/* 初めての方・ログインしないでお申込される方 */
.orangewaku_area,.greenwaku_area {
	width:100%;
	border:0 none;
}
.orangewaku_ttl img,.greenwaku_ttl img{
	display:none;
}
.bokin_inner_tbl,.bokin_inner_tbl tr,.bokin_inner_tbl tbody {
	display:block;
	width:100%;
	margin:0;
}
.bokin_inner_tbl th {
	display:none;
}
.firsttime_midashi {
	background:#e4f4ff;
	display:block;
	width:100%;
	padding:10px 4px 10px 8px;
	clear:both;
	margin:10px 0 !important;
	font-size: 16px;
	font-weight:normal;
	box-sizing:border-box;
}
.bokin_inner_tbl th img,.bokin_inner_tbl th br {
	display:none;
}
.bokin_inner_tbl td {
	display:block;
	width:100%;
}
.pinkbar,.bluebar {
	border-left:0 none;
	padding:0 !important;
}
.name_ul li {
	width:99%;
}
.name_ul li input {
	width:99%;
}
.name_ul li span {
	display:none;
}
.tel_hosoku {
	display:none;
}

/* サイドバー */
.sidebar {
	display:none;
}

/* エラー画面 */
.error_area {
	width:100% !important;
	height:auto !important;
	background-size:100%;
	min-height:300px;
	padding-bottom:100px;
	box-sizing:border-box;
}


/* オンラインメニュー画面 */
.online_menu_bottomarea {
	margin-bottom:0 !important;
}
.online_menu_bottomarea01,.online_menu_bottomarea02 {
	float:none !important;
	width:100% !important;
	border-left:0 none !important;
	border-bottom:1px solid #2649c8;
	padding:0 10px 20px !important;
}
.online_menu_bottomarea table td {
	white-space:nowrap;
	padding:2px !important;
}
.online_menu_list {
	margin:20px 0 0 20px !important;
}
.online_menu_right,.online_menu_left {
	width:95% !important;
	float:none !important;
	margin:20px auto !important;
	height:auto !important;
}
.online_menu_waku {
	clear:both;
}
.online_menu_waku02 table th,.online_menu_waku02 table td {
	padding:5px;
}
.online_menu_btn {
	margin:20px 0 !important;
}
.online_menu_left img {
	width:100%;
}
.online_menu_bottomlink li {
	display:block !important;
	border-right:0 none !important;
}
.online_contents_inner {
	padding:0 10px;
}
.online_menu_btn2 img {
	margin:10px !important;
}
.online_img_sp {
	float:right;
	width:40% !important;
	margin-left:10px;
}
.online_menu_left_loginarea {
	height:auto !important;
}
.online_menu_right > div {
	height:auto !important;
}
.online_menu_midbtn {
	margin:0 !important;
}
.onlinemenu_login_adjust {
	padding:20px 10px !important;
}

/* オンライン登録入力画面 */
.brownwaku_area {
	width:100%;
	border:0 none;
	clear:both;
}
.brownwakuwaku_ttl img{
	display:none;
}
.name_dl,.seibetsu_ul,.address_ul,.pref_ul01,.tel_ul01,.tel_ul02,.tel_ul03,.login_ul,.pwd_ul {
	padding:10px;
	box-sizing:border-box;
}

.bld_name_sp {
	margin:0 !important;
}
.name_dl > span,.seibetsu_ul > span,.login_ul > span {
	width:49%;
	display:inline-block;
}
.name_dl > span.sp_name_width_100{
    width:100%;
}
.name_dl dt {
	display:none;
}
.name_dl dd {
	width:100%;
}
.name_dl dd input {
    width:100%;
    ime-mode: active;
}
.seibetsu_ul {
	width:100%;
}
.seinen_ul span {
	display:none;
}
li.year {
	float:left;
	width:40%;
	-webkit-box-sizing: border-box;
}

li.year input {
	float:left;
	margin-right:4px;
	width:86%;
}

li.month {
	float:left;
	width:30%;
	padding-left:4px;
	-webkit-box-sizing: border-box;
}

li.day {
	float:left;
	width:30%;
	padding-left:4px;
	-webkit-box-sizing: border-box;
}
.pref_ul01 li input {
	margin-bottom:0;
	margin-right:0;
}
.pref_ul01 li select {
	margin-bottom:15px;
}
.pref_ul01 li {
	width:100%;
}
.midashi_sp {
	background:#fff;
}
.brownwaku_ttl img {
	width:100%;
}
.address_input01,.pref_ul01 select {
	margin-right:0;
}
.sample label {
	margin-right:0 !important;
	padding:5px 0 5px 24px !important;
	line-height:1.4em !important;
	width:90%;
}
.online_menu_bottomlink li {
	padding:5px !important;
}
.online_menu_bottomlink {
	margin:0px 40px 40px 40px !important;
}
.tel_ul01 li {
	width:36%;
	float:left;
	box-sizing:border-box;
	position:relative;
	padding-left:15px;
}
.tel_ul01 li:first-child {
	padding-left:0;
	width:28%;
}
.tel_ul01 li span {
	display:inline-block;
	position:absolute;
	left:0;
	top:10px;
	text-align:center;
}
.tel_ul01 li input {
	display:inline;
}
.online_btnarea01 li {
	display:block;
	width:100%;
}
.online_btnarea01 li > div {
	margin:0;
}
.tel_li {
	width:100% !important;
}
.tel_priority {
	display:block;
	margin:0 !important;
	padding:10px;
	box-sizing:border-box;
	background:#ffffe2;
	width:100% !important;
	text-align:left !important;
}
.tel_priority label {
	font-weight:normal;
	float:left;
	display:inline;
	margin:0 0 0 7px !important;
	color:#555 !important;
	width:auto !important;
	font-size:12px !important;
}
.tel_priority label span {
	display:inline;
}
.tel_priority input {
	float:left;
	margin:1px 0 0 0px;
}
.tel_li_inner {
	text-align:center;
}
.tel_li_inner > .formError {
	text-align:left;
	margin-left:10px;
}
.tel01a,.tel02a {
	width:21% !important;
	margin-bottom:0 !important;
}
.tel01b,.tel02b,.tel01c,.tel02c {
	width:30% !important;
	margin-bottom:0 !important;
	margin-left:3px;
}

.save_card{
	margin-left:10px;
}



/* -------------------------
メルマガ登録画面
------------------------- */
.mlmaga_thum_img {
	width:35%;
	max-width: 150px;
	margin:0 0 10px 20px;
	float:right;
}
.mlmaga_thum_img a {
	display: block;
}
.mlmaga_thum_img img {
	width: 100%;
	height: auto;
}
.mlmaga_thum_img p {
	color: #09f;
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
	text-decoration: underline;
}
.mailmaga_input {
	font-size:1em;
	letter-spacing:0;
	margin-bottom:0;
}
.entrybox {
	padding:5px;
}
.entrybox > .mailmaga_input_h2 {
	letter-spacing:0;
	font-size:14px !important;
	margin:6px 0 0 3px;
}
.mlmaga_input_nameul li {
	padding:0;
}
.entrybox input[type="email"] {
	margin-left:0px;
	padding:13px;
}
/*.mlmaga_input_nameul li:last-child {
	width:100%;
	box-sizing:border-box;
	padding:10px;
}*/
.input_text_name {
	width:72%;
}
.input_text_tel_small {
	width:80%;
	margin:0;
}
.input_text_tel {
	width:70%;
	margin:0 0 0 3px;
}
.online_btnarea01 {
	position:static;
	height:auto;
}
.online_btnarea01a {
	position:static;
}
.online_btnarea01b {
	display:none !important;
}
.mlmaga_input01,.mlmaga_input_nameul,.mlmaga_input_telul {
	margin-left:0px;
	width:100%;
	box-sizing:border-box;
}
.mlmaga_input_telul li{
	display: block;
}
.online_contents p.mlmaga_name_mgnt0{
	margin-top:0;
}
.single_resp_header{
display:none;
}

.single_resp_spheader01{
float:left;
margin:6px;
width:130px;
}
.mlmaga_name_attention {
	margin:10px 0 !important;
}
.mlmaga_tel {
	padding:13px 7px !important;
}

/* -------------------------
	メルマガ配信停止画面
------------------------- */
.haishinteishi_tbl th,
.haishinteishi_tbl td{
width:100%;
border:0 none;
display:block;
padding:10px 0;
}
.haishinteishi_tbl p{
margin:0 !important;
}
.message_area h2{
font-size:1.3rem;
}
.message_area h2,
.message_area p,
.main_contents_kihi p{
padding:0 10px;
}
.haishin_teishi_btn{
width: 90%;
margin:15px auto;
display:block;
height:3em;
border:1px solid #666;
background-color:#888;
　background: -moz-linear-gradient(top, #888, #888 50%, #888) !important;
　background: -webkit-gradient(linear, left top, left bottom, from(#888), color-stop(0.5, #888), to(#888)) !important;
　background: -o-linear-gradient(top, #888, #888 50%, #888) !important;
　background: linear-gradient(top, #888, #888 50%, #888) !important;
-webkit-appearance: none;
border-radius:10px;
font-size:1rem;
}
.haishin_teishi_fotter ul li{
border-left:0 none;
width:100%;
text-align:center;
padding:0;
}
.haishinteishi_emailinput{
width:92%;
font-size:1.2rem;
}
.haishin_teishi_btnarea p{
text-align:left;
}
.haishin_teishi_btnarea_attention{
width:95%;
margin:5px auto;
}
.kojin_pc{
display:none;
}
.kojin_sp{
display:block;
}
.haishinteisi_sslarea {
	position:static;
}
.pcmail_ssl_text {
}
.haishin_teishi_fotter ul li {
	margin:5px 0 !important;
}

/* オンライン登録完了画面 */
.online_contents_complete {
	width:95% !important;
	margin:30px auto;
}
.online_btnarea02 {
	margin-bottom:10px !important;
}
.online_btnarea02 button {
	width:80%;
	display:block;
	margin:20px auto !important;
}
.online_btnarea03 {
	margin:10px !important;
}
.online_btnarea03 li {
	margin:10px !important;
}
.tblpre td, .tblpre th {
	word-break:break-word;
}
.online_btnarea02 > .complete_inner_btnarea > li {
	width:100%;
	margin:10px 0;
}


/*------------------------------
	横から出てくるメニュー
------------------------------*/
.nav_btn{
float:right;
}
#mobile-bar{
border-color:#FFF !important;
}
#mobile-bar > i,#mobile-bar > span {
color:#FFF !important;
}
#navbox{
width:60px;
}
header{
height:55px;
padding:0;
}
header h2{
	margin:10px;
}

.single_header_tbl{
width:auto !important;
}
.pankuzu{display:none;}
.gronavi{
display:none;
}
.kasou_gronavi{
display:none;
}
#head_bg{
display:none;
}
.pankuzu{
font-size:1em;
}
.resp_kinkyu_js{
display:none;
}
.normal_news_btn{
display:block !important;
}
.normal_news_btn td{
display:inline;
}
.normal_news_btn td p{
background:#EEF;
display:inline-block;
width:100%;
text-align:center;
border:1px solid #336699;
padding:10px 0;
font-weight:bold;
letter-spacing:3px;
}

.normal_news_side{
display:none;
width:100%;
}
#newsCtgryMenu{
width:100% !important;
height:auto !important;
}
.normal_news_main{
display:inline;
width:100%;
padding-left:0;
}
.wp-caption-text{
font-size:0.8em;
}
.photo_credit{
font-size:0.8em;
text-align:right !important;
}
#contents table{
width:98%;
margin:auto;
}
.wp-caption a img{
}
.size-large{
width:100%;
}
table.bokinColumn{
width:90%;
}
table.bokinColumn td{
line-height:1.3em;
}
table.bokinColumn img{
}
.resp_w100per{
width:100% !important;
}
.resp_w50per{
width:50% !important;
}
.resp_w30per{
width:30% !important;
}

/* ------------------------------
　 右から出てくるスマホメニュー
 ------------------------------*/
#navbox {
	display: table;
	width: 100%;
	height: 48px;
}
#menu_button > a{
text-decoration:none;
}
#mobile-bar{
text-align:center;
border:2px solid #666;
border-radius:5px;
margin:5px;
padding:1px 0px 5px 0px;
line-height:0.6em;
}
#mobile-bar i{
color:#666;
line-height:1em;
margin:0;padding:0;
}
#mobile-bar span{
color:#666;
font-size:0.3em !important;
line-height:1em !important;
margin:0;padding:0;
}

.sp_background_color{
background-color:#09F;
}

h3#profilebox{
margin:0 !important;
border:0 none;
}
#slidemenu{
background-color:#fff;
}
#slidemenu_list {
	padding:0;
	margin-left:0;
}
#slidemenu_list h3 {
	margin-bottom:1px;
}
#slidemenu_list li {
	list-style:none;
	margin-bottom:0;
}
#slidemenu_list li a {
	display:block;
	text-decoration:none;
	padding:10px 20px 10px 10px;
}
#slidemenu_list li a:after {
  content: "\f105";
  font-family:FontAwesome;
  display:inline;
  position:absolute;
  right:15px;
  font-size:20px;
}
#slidemenu_list li.menu_a {
	background:#00aeef;
	border-bottom:1px solid #fff;
}
#slidemenu_list li.menu_b {
	background:#fff;
	border-bottom:1px solid #ccc;
}
#slidemenu_list li.menu_a a {
	color:#fff;
}
#slidemenu_list li.menu_b a {
	color:#666;
}.menu_close a{
color:#fff !important;
}
#top{
text-align:center;
float:none;
}


/* ------------------------------
　 ID/パスワード忘れ
 ------------------------------*/
.ol_remind_waku table tr, .ol_remind_waku table th, .ol_remind_waku table td {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	border:0 none;
	margin:5px 0;
}
.ol_remind_waku table td span {
	display:none;
}
.ol_remind_waku th {
	background:#e4f4ff !important;
}
.ol_remind_waku td {
	padding:0 10px;
}
.ol_remind_ol {
	margin-left:0 !important;
}
.ol_remind_ol > li {
	margin:0 10px 15px 5px !important;
}
.ol_remind_p {
	margin:10px !important;
}
.remind_spjump {
	margin:20px 30px;
}
.remind_spjump li {
	margin:5px;
	list-style:disc !important;
}
.remind02 {
	margin:10px 10px 0 10px !important;
}
.ol_remind_waku table td > .formError > .formErrorMsg > span {
	display:inline-block;
}
.mg_l10_r10 { 
    margin: 0 10px;
}
.mg_l10_r10 p { 
    margin: 0 !important;
    width: 100%;
}
.online_footer_txt {
        width: auto !important;
        margin: 0 10px !important;
}

/* ------------------------------
　 ID/パスワード変更
 ------------------------------*/
.online_change > div > table {
	width:auto !important;
	margin-top:0 !important;
}
.change_ttl {
	background:#fff;
}
.change_ttl p{
	background:#fee;
	padding:5px !important;
	width:100% !important;
}
.change_ttl .toggle_radio span {
	padding:0 !important;
}
.change_tbl table {
	width:100% !important;
	margin-bottom:0 !important;
}
.change_tbl table th {
	width:100% !important;
}
.change_tbl table td p {
	margin:0 !important;
}
.change_ttl > .toggle_radio p {
	width:100% !important;
	margin:0 !important;
	background:#fff;
}
.change_ttl .toggle_radio {
	width:90% !important;
	margin:auto !important;
}
.ol_change_txt.marginauto {
	margin:auto !important;
	text-align:left !important;
        width: 100%;
}
.ol_change_txt p {
    width: 100%;
}
.open_flg1 > span > div{
    margin-left:0px;
}

/* ----------------------------
オンライン登録削除変更画面
---------------------------- */
.online_delete_btn {
	padding:10px 0 !important;
}
.online_delete_btn li {
	padding:5px !important;
	display:inline-block !important;
}



/* ----------------------------
オンライン登録のメリット
---------------------------- */
.merit_area {
	width:100% !important;
}
.merit_list {
	border:0 none !important;
	padding:20px 0px !important;
	margin:0 !important;
}



/* ----------------------------
イベントフォーム
---------------------------- */
.ev_ul {
	margin-top:15px;
}
.ev_ul li {
	width:100%;
	padding:10px;
	box-sizing:border-box;
	margin:0 !important;
}
.ev_list06 {
	display:none !important;
}
.ev_inner {
	padding:0 10px;
}
.clearwaku_area {
	width:100%;
}
.ev_confirm_info_tbl th {
	width:28%;
}
.ev_confirm_info_tbl .w-80 {
	width:80%;
}
.event_complete_txt {
	border:0 none;
	padding:10px;
}
.landing_info_tbl .col01 {
	width:280px;
}
.landing_info_tbl .col05 {
	width:100px;
}

/* ----------------------------
ハンドインハンド
---------------------------- */
.ha_pagettl {
	clear:both;
	font-size:14px;
	font-weight:bold;
	color:#000;
	background-color:#fffccf;
	padding:12px 10px 10px;
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.1);
	margin:-20px 0 0 0;
}
.bluewaku_area {
	width:100%;
	border:0 none;
}
.bluewaku_ttl {
	display:none;
}
.shape_ul li {
	width:50%;
}
.sp_input_with_unit {
	width:75% !important;
	margin-right:5px;
}
.shape_ul {
	margin-bottom:5px;
}
.shape_ul_p {
	display:inline-block;
	margin-right:5px;
}
.hand_month01 {
	width:50%;
}
.hand_day01 {
	width:30%;
}
.hand_hour01st,.hand_hour01ed,.hand_min01st,.hand_min01ed{
	width:30%;
}
.mail_ul input {
	margin-right:0;
}
.hand_only {display:none;}
.complete_text {
	width:100%;
	margin:0px;
	box-sizing:border-box;
	text-align:center;
}
h4.itemttl {
	border:none;
	padding:0;
	margin:15px 10px;
	color:#488ebc;
	letter-spacing:0px;
}
.hand_userinfo_midashi {
	font-size:1em;
	margin:0 10px;
}
.padding0 {
    padding: 0 !important;
}
.pc_name_midshi_message{
    display: none;
}
.sp_name_midshi_message{
    display: block !important;
}
.participation_history_ul {
	padding:10px 0 !important;
}

/**/
.clearwaku_area > .ha_confirmttl {
	border-left:0 none;
	color:#fff;
	font-weight:normal;
	font-size:14px;
	margin-left:0;
}


/* イベント　ランディングページ */
.stitle2 {
	width:300%;
}
.right_boxb_landing {
	overflow-x:scroll !important;
}
.right_boxb_landing table {
	width:300% !important;
}
.event table th{
}
.socialModule {
	float:none !important;
	text-align:right;
	margin:10px 0 0 0;
}

.sanka_ninzu > select {
 font-size:18px;
 width:auto;
}

.p2_text_boxb_long {
    margin-left: 7px;
}

}
