.sprt_tb{	margin:12px 0px;}
.sprt_t{	margin-top:12px;}
.sprt_b{	margin-bottom:12px;}
.sprt_b2{	margin-bottom:24px;}
.sprt_rl{	margin-right:12px; margin-left:12px;}

img.img_max{max-width:100%; max-height:100%; }

/*=============================
 * button
 *=============================*/

a.btn_link{
	box-sizing: border-box;
	display:block;

/*
	margin:0px auto 4px auto;
	padding:4px 12px;
	width:300px;
	background:#75a;
	background:#75a url(../pic/bg_sp_link_btn.png) no-repeat right 6px center;
*/
	margin-left:12px;
	margin-right:12px;
	padding:8px 30px 8px 8px;
	line-height:100%;
	background:#75a url(../pic/li_sp.png) no-repeat center right;

/*	text-align:center;*/
	font-size:14px;
	font-weight:bold;
	color:#fff;

	-webkit-box-shadow: 0px 4px 0px 0px #437;
	   -moz-box-shadow: 0px 4px 0px 0px #437;
	        box-shadow: 0px 4px 0px 0px #437;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.btn_ylw{
	display:block;
	background:#fe9 url(../pic/li_sp.png) no-repeat center right;
	margin-left:12px;
	margin-right:12px;
	padding:8px 30px 8px 8px;
	line-height:100%;
	color:#333;

	-webkit-box-shadow: 0px 4px 0px 0px #c96;
	   -moz-box-shadow: 0px 4px 0px 0px #c96;
	        box-shadow: 0px 4px 0px 0px #c96;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

/* =============================
 * sns
 * ============================= */

.box_sns_link{
	text-align:right;
}
	.box_sns_link img{
		margin-left:5px;
	}

.box_sns_link_l{
	overflow:hidden;
	margin:0px;
}
	.box_sns_link_l ul{
		margin:0px;
	}
	.box_sns_link_l li{
		float:right;
		margin-right:8px;
	}

.box_fb_like_btn{
	overflow:hidden;
	margin-bottom:20px;
	margin:0px 10px 20px 10px;
	border:1px solid #ccc;
}
	.box_fb_like_btn > .box_1{
		float:left;
		width:40%;
		height:120px;
	}
	.box_fb_like_btn > .box_2{
		float:right;
		width:60%;
		padding:12px 0px 0px 0px;
	}
	.box_fb_like_btn > .box_2 > .box_2_1{
		margin-bottom:8px;

		text-align:center;
		font-size:14px;
		font-weight:bold;
		color:#345;
	}
	.box_fb_like_btn > .box_2 > .box_2_2{
		margin-bottom:8px;

		text-align:center;
	}
	.box_fb_like_btn > .box_2 > .box_2_3{
		text-align:center;
		color:#678;
		font-size:10px;
	}

/*=============================
 * log / sign
 *=============================*/

.box_sns_account_link{
	border:1px solid #ccc;
	border-bottom:none;
}

/*=============================
 * title
 *=============================*/

.title_link{
	border-bottom:1px solid #bbccdd;
}
	.title_link a{
		display:block;
		padding:8px 12px;
		background:#fff url(../pic/li_sp.png) no-repeat center right;

		text-align:center;
		font-size:16px;
	}
.title_l{
	overflow:hidden;
	padding:8px 12px;
	border-top:4px solid #e0ddd0;
	background:#f0eedd;

	font-size:16px;
	font-weight:bold;
}
.a_title_l{
	display:block;
/*	overflow:hidden;*/
	padding:8px 12px;
	border-top:4px solid #e0ddd0;
	background:#f0eedd url(../pic/li_sp.png) no-repeat center right;

	font-size:16px;
	font-weight:bold;
}

.title_m{
	overflow:hidden;
	margin-bottom:4px;

	padding:0px 0px 0px 8px;
	border-left:4px solid #e0ddd0;
	background:#fff;

	font-size:16px;
	font-weight:bold;
}

.title_s{
	overflow:hidden;
	padding:4px 12px;
	background:#e0ddd0;
	font-weight:bold;
}

.a_title_s{
	display:block;
/*	overflow:hidden;*/
	padding:4px 12px;

	background:#e0ddd0 url(../pic/li_sp.png) no-repeat center right;
	font-weight:bold;
}

.title_form{
	margin-left:12px;
	margin-right:12px;
	margin-bottom:4px;

	padding:0px 0px 0px 8px;
	border-left:4px solid #e0ddd0;
	background:#fff;

	font-size:16px;
	font-weight:bold;
}

.title_l a.a_title_link,
.title_m a.a_title_link,
.title_s a.a_title_link{
	float:right;
	text-decoration:none;
	color:#fff;
	padding:2px 4px;
	line-height:100%;
	margin:0px 0px 0px 0px;

/*	border:1px solid #ccc;*/

	background:#ee6677;

	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;

	-webkit-box-shadow: 0px 4px 0px 0px #bb3344;
	   -moz-box-shadow: 0px 4px 0px 0px #bb3344;
	        box-shadow: 0px 4px 0px 0px #bb3344;
}

/*=============================
 * msg
 *=============================*/

.box_msg{
	width:80%;
	margin:24px auto 24px auto;
	text-align:left;
	padding:12px 12px;

	border:1px solid #ccc;

	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;

}
	.box_msg ul{
		list-style-type: disc;
		margin-left:24px;
	}
	.box_msg li{
		list-style-type: disc;
		padding:4px 0px 4px 0px;
	}
	.box_msg > .title_msg{
		background:#f0f0f0;
		padding: 4px 8px;
		font-weight: bold;

		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}

.box_msg_memo{
	margin:12px 12px 12px 12px;
	padding:8px 12px;
	background:#fcf2f2;

	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

/*=============================
 * table
 *=============================*/

.tbl_rad{
	border-collapse:separate;
	border-spacing: 0;
}
	.tbl_rad th{
		background:#f0f0f0;
	}
	.tbl_rad th,
	.tbl_rad td{
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;
		padding:4px;
	}
	.tbl_rad tr:first-child th,
	.tbl_rad tr:first-child td{
		border-top:1px solid #ccc;
	}
	.tbl_rad th:first-child,
	.tbl_rad td:first-child{
		border-left:1px solid #ccc;
	}
	.tbl_rad tr:first-child th:first-child,
	.tbl_rad tr:first-child td:first-child{
		-webkit-border-top-left-radius: 8px;
		    -moz-border-radius-topleft: 8px;
		        border-top-left-radius: 8px;
	}
	.tbl_rad tr:first-child th:last-child,
	.tbl_rad tr:first-child td:last-child{
		-webkit-border-top-right-radius: 8px;
		    -moz-border-radius-topright: 8px;
		        border-top-right-radius: 8px;
	}
	.tbl_rad tr:last-child th:first-child,
	.tbl_rad tr:last-child td:first-child{
		-webkit-border-bottom-left-radius: 8px;
		    -moz-border-radius-bottomleft: 8px;
		        border-bottom-left-radius: 8px;
	}
	.tbl_rad tr:last-child th:last-child,
	.tbl_rad tr:last-child td:last-child{
		-webkit-border-bottom-right-radius: 8px;
		    -moz-border-radius-bottomright: 8px;
		        border-bottom-right-radius: 8px;
	}

.tbl_s{
}
	.tbl_s th{
		background:#f0f0f0;
	}
	.tbl_s th,
	.tbl_s td{
		border:1px solid #ccc;
		border:1px solid #ccc;
		padding:2px;
		color:#000;

		font-size:8px;
	}
	.tbl_s tr:nth-child(2n) td{
		background:#ffe;
	}
	.tbl_s tr:nth-child(2n+1) td{
		background:#fff;
	}


/*=============================
 * modal
 *=============================*/

.modal-content {
	position:fixed;
	display:none;
	z-index:2;
	margin:0;
	background:#fff;

	height:80%;
	width:80%;
	overflow:auto;
/*
	overflow-y:scroll;
	width:50%;
	padding:10px 20px;
*/
	border:4px solid #333;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
	padding-bottom:12px;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}


/*=============================
 * other
 *=============================*/

.box_other{
	padding:0px 12px 12px 12px;
}

/*=============================
 * form
 *=============================*/

.box_bbs_form_menu{
	overflow:hidden;
	padding:24px;
}
	.box_bbs_form_menu li{
		box-sizing: border-box;
		margin-bottom:24px;
	}
	.box_bbs_form_menu li a{
		display:block;
		text-align:center;
		padding:12px 0px 12px 0px;
		font-size:14px;

		background:#f0eedd url(../pic/li_sp.png) no-repeat center right;

		-webkit-box-shadow: 0px 4px 0px 0px #d0ccbb;
		   -moz-box-shadow: 0px 4px 0px 0px #d0ccbb;
		        box-shadow: 0px 4px 0px 0px #d0ccbb;

		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
		        border-radius: 8px;
	}

.box_form{
	padding:0px 12px 12px 12px;
	font-size:12px;
}
	.box_form > div{
		padding:8px;
		border:1px solid #d0ccbb;
		border-bottom:none;
	}
	.box_form > div:first-child{
		-webkit-border-top-left-radius: 8px;
		    -moz-border-radius-topleft: 8px;
		        border-top-left-radius: 8px;
		-webkit-border-top-right-radius: 8px;
		    -moz-border-radius-topright: 8px;
		        border-top-right-radius: 8px;
	}
	.box_form > div:last-child{
		border-bottom:1px solid #d0ccbb;

		-webkit-border-bottom-left-radius: 8px;
		    -moz-border-radius-bottomleft: 8px;
		        border-bottom-left-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		    -moz-border-radius-bottomright: 8px;
		        border-bottom-right-radius: 8px;
	}
	.box_form > .box_title{
		background:#d0ccbb;

		-webkit-text-shadow: 1px 1px 0px #fff; /* SafariAChrome */
		   -moz-text-shadow: 1px 1px 0px #fff; /* Firefox */
		        text-shadow: 1px 1px 0px #fff; /* OperaAIEAie-css3—p */
	}
	.box_form > .box_memo{
		background:#fffff0;
	}
	.box_form > .box_title_m{
		background:#f0f0f0;
	}
	.box_form > .box_no_brd{
		border-top:none;
		padding-top:0px;
	}
	.box_form button{
		width:100%;
		box-sizing: border-box;
	}

	.box_form .box_tag_menu{
		margin:4px 0px;
	}
	.box_form fieldset{
		border:1px solid #d0ccbb;
		padding:8px 0px 0px 8px;
		background:#fff;

		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}
	.box_form legend{
		padding:0px 12px 0px 12px;
	}
	.box_form .box_tag_menu fieldset span{
		display:block;
		float:left;
		margin:0px 8px 12px 0px;

		padding:4px 4px 4px 20px;
		text-align:center;

		color:#333;
		font-size:12px;

		background:#de6 url(../pic/icon_sp_tag.png) no-repeat 4px 6px;
		background-size:14px 14px;

		-webkit-box-shadow: 0px 4px 0px 0px #693;
		   -moz-box-shadow: 0px 4px 0px 0px #693;
		        box-shadow: 0px 4px 0px 0px #693;

		-webkit-border-radius: 4px;
		   -moz-border-radius: 4px;
		        border-radius: 4px;
	}

	.box_form .box_upfile_1_prev{
		display:none;
		margin-bottom:3px;
	}
	.box_form .box_upfile_1_prev{
	}
	.box_form .box_upfile_1_prev img.upfile_1_prev{
		width:80px;
		border:1px dashed #642;
		padding:2px;
		background:#fff;
	}
	.box_form .box_upfile_1_prev span.span_upfile_1_reset{
		margin-left:5px;
		padding:2px 5px;
		background:#234;
		color:#ccc;
		font-weight:bold;
		font-size:14px;
	}

.box_form_menu_post{
	margin:0px 12px;
}
	.box_form_menu_post ul{
		overflow:hidden;
	}
	.box_form_menu_post ul li{
		margin-right:4px;
		float:left;
	}
	.box_form_menu_post ul li:last-child{
		margin:0px;
	}
	.box_form_menu_post ul li span{
		display:block;
		padding:4px 8px;
		border:1px solid #e0ddd0;
		border-bottom:none;
		background:#fff;
		color:#333;
		font-size:10px;

		-webkit-border-radius: 8px 8px 0px 0px;
		   -moz-border-radius: 8px 8px 0px 0px;
		        border-radius: 8px 8px 0px 0px;
	}
	.box_form_menu_post ul li span.menu_sel{
		background:#e0ddd0;
	}

/*=============================
 * my_menu
 *=============================*/

.box_menu_my{
	background:#fff;
	position: fixed;
	box-sizing: border-box;

	z-index: 9990;
	top: 0px;
	left:0px;
	right:0px;

	width: 100%;
	height: 100%;
	padding-top: 104px;

	overflow: auto;
	display:none;
}
	.box_menu_my_wrapper{
		padding:12px 12px 36px 12px;
	}
	.box_menu_my > .box_menu_my_wrapper > .box_t{
		overflow:hidden;

		margin-bottom:2px;
		padding: 4px 8px;
		background:#ddd;

		font-size:16px;
		font-weight:bold;
		color:#333;

		-webkit-border-radius: 8px 8px 0px 0px;
		   -moz-border-radius: 8px 8px 0px 0px;
		        border-radius: 8px 8px 0px 0px;
	}
	.box_menu_my > .box_menu_my_wrapper > .box_t > img{
		width:24px;
		height:24px;
		margin-right:4px;
	}

	.box_menu_my > .box_menu_my_wrapper > .box_1{
		margin-bottom:12px;
	}
	.box_menu_my > .box_menu_my_wrapper > .box_1 ul li a{
		display: block;
		background:#f6f6f6 url(../pic/li_sp.png) no-repeat center right;
		padding:10px 30px 10px 8px;
		margin-bottom:2px;
		font-size:12px;
	}
	.box_menu_my > .box_menu_my_wrapper > .box_1 ul li:last-child a{
		-webkit-border-radius: 0px 0px 8px 8px;
		   -moz-border-radius: 0px 0px 8px 8px;
		        border-radius: 0px 0px 8px 8px;
		margin-bottom:0px;
	}

/*=============================
 * other
 *=============================*/

.box_other{
	padding:0px 12px;
	margin-bottom:12px;
}
	.box_other ul,
	.box_other ol{
		margin-left:25px;
	}