@charset "UTF-8";

@media screen and (max-width: 960px) {
	.pc {
	/*
		width:960px;
		*/
	}
	
}

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

	/* 共通 */

	body {
		font-size:0.85em;
	}
	
	.pc {
		display:none;
	}

	.mb {
		display:block;
	}

	/* SNSボタンエリア */
	body div.sns-area {
		width:325px;
		height:90px;
		border:1px solid #ccc;
		border-bottom:none;
		text-align:center;
		position:fixed;
		z-index:1000;
		top:auto;
		bottom:0 !important;
		left:50%;
		margin-left:-160px;
		padding:2px;
		background-color:white;
	}

	body div.sns-area a img{
		width:50px;
		height:50px;
	}
	
	div.sns-area a {
		display:block;
		float:left;
		margin:0 2px;
	}
	
/*----------------------------------------
 * 共通
 *----------------------------------------*/

.outer_width {
	width:100%;
}

.std_width {
	width:95%;
}

.std_harf_width {
	width:100%;
}

.padding5 {padding:5px;}
.padding10 {padding:5px;}
.padding15 {padding:10px;}
.padding20 {padding:10px;}
.padding30 {padding:10px;}

.rad10 {	border-radius:5px;}
.rad15 {	border-radius:5px;}
.rad20 {	border-radius:10px;}
.rad50p { border-radius:50%;}

.f12 { font-size:0.75rem;}
.f14 { font-size:0.875rem;}
.f16 { font-size:1rem;}
.f18 { font-size:1rem;}
.f20 { font-size:1.1rem;}
.f22 { font-size:1.1rem;}
.f24 { font-size:1.1rem;}
.f26 { font-size:1.1rem;}
.f28 { font-size:1.2rem;}
.f30 { font-size:1.3rem;}
.f32 { font-size:1.3rem;}
.f34 { font-size:1.3rem;}
.f36 { font-size:1.3rem;}

.w10p {width:10%; margin-left:auto;margin-right:auto;}
.w20p {width:20%; margin-left:auto;margin-right:auto;}
.w25p {width:25%; margin-left:auto;margin-right:auto;}
.w30p {width:30%; margin-left:auto;margin-right:auto;}
.w40p {width:40%; margin-left:auto;margin-right:auto;}
.w33p {width:33%; margin-left:auto;margin-right:auto;}
/*
.w50p {width:70%; margin-left:auto;margin-right:auto;}
*/
.w50p {width:50%; margin-left:auto;margin-right:auto;}
.w60p {width:90%; margin-left:auto;margin-right:auto;}
.w70p {width:90%; margin-left:auto;margin-right:auto;}
.w80p {width:90%; margin-left:auto;margin-right:auto;}
.w90p {width:90%; margin-left:auto;margin-right:auto;}

.mb_w30p { width:30%;}
.mb_w40p { width:40%;}
.mb_w50p { width:50%;}
.mb_w60p { width:60%;}
.mb_w70p { width:70%;}
.mb_w80p { width:80%;}
.mb_w90p { width:90%;}

.mb_div_center {display:block;margin-left:auto;margin-right:auto;}

.no_top_margin { margin-top:0;}
.std_margin_top0 { margin-top:0px;}
.std_margin_top_large { margin-top:50px;}
.std_margin_top { margin-top:40px;}
.std_margin_top2 { margin-top:20px;}
.std_margin_top3 { margin-top:10px;}
.std_margin_top4 { margin-top:5px;}

.std_margin_bottom0 { margin-bottom:0px;}
.std_margin_bottom { margin-bottom:40px;}
.std_margin_bottom2 { margin-bottom:20px;}
.std_margin_bottom3 { margin-bottom:10px;}
.std_margin_bottom4 { margin-bottom:5px;}

.std_padding_top_large { padding-top:50px;}
.std_padding_top { padding-top:40px;}
.std_padding_top2 { padding-top:20px;}
.std_padding_top3 { padding-top:10px;}
.std_padding_top4 { padding-top:5px;}

.std_padding_bottom { padding-bottom:40px;}
.std_padding_bottom2 { padding-bottom:20px;}
.std_padding_bottom3 { padding-bottom:10px;}
.std_padding_bottom4 { padding-bottom:15x;}

.std_column2 .left,
.std_column2 .right {
	width:100%;
	float:none;
	margin-bottom:15px;
}

.std_column2.mb_break {
}

.std_column2.mb_break .left,
.std_column2.mb_break .right {
	width:100%;
	float:none;
	margin-bottom:15px;
}

.std_column2.mb_no_break .left {
	float:left;
}

.std_column2.mb_no_break .right {
	float:right;
}

.std_column2.mb_no_break.col2_66_30 .left { width:66%;}
.std_column2.mb_no_break.col2_66_30 .right { width:30%;}

.std_column2.mb_no_break.col2_48_48 .left { width:48%;}
.std_column2.mb_no_break.col2_48_48 .right { width:48%;}

.std_column2.mb_no_break.col2_49_49 .left { width:49%;}
.std_column2.mb_no_break.col2_49_49 .right { width:49%;}

.std_column2.mb_no_break.col2_50_50 .left { width:50%;}
.std_column2.mb_no_break.col2_50_50 .right { width:50%;}

.std_column2.mb_no_break.col2_36_60 .left { width:36%;}
.std_column2.mb_no_break.col2_36_60 .right { width:60%;}

.std_column2.mb_no_break.col2_30_66 .left { width:30%;}
.std_column2.mb_no_break.col2_30_66 .right { width:66%;}

.std_column2.mb_no_break.col2_26_70 .left { width:26%;}
.std_column2.mb_no_break.col2_26_70 .right { width:70%;}

.std_column2.mb_no_break.col2_16_80 .left { width:16%;}
.std_column2.mb_no_break.col2_16_80 .right { width:80%;}

.std_column3 {}

.std_column3 .column {
	width:100%;
	float:none;
	margin-bottom:10px;
}

.std_column3.mb_no_break .column {
	width:31.6%;
	margin-right:2.5%;
	float:left;
}

.std_column4 {}

.std_column4 .column {
	width:100%;
	float:none;
	margin-bottom:10px;
}

.std_column4.mb_2col .column {
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:10px;
}

.std_column4.mb_2col .column:nth-child(2n) {
	margin-right:0;
}

.std_column4.mb_2col .column:nth-child(2n+1) {
	clear:left;
}

.std_column3.mb_no_break .column:nth-child(3),
.std_column4.mb_no_break .column:nth-child(4),
.std_column5.mb_no_break .column:nth-child(5) {
	margin-right:0;
}


	
	
	
}