@charset "utf-8";
/* CSS Document */

html, p, li { font-size: 14px; line-height: 1.6em; color: #444444; text-align:justify; }
div,
div.three_column > ul > li,
div.four_column > ul > li,
div.five_column > ul > li,
div.six_column > ul > li { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }


/*==============================*/
/* ディスプレイ */
/*==============================*/
.sp_none{
	display: none;
}
/*==============================*/
/* 背景色
/*==============================*/
.bg_beige{
	width: 100%;
	padding: 30px 0;
	background: url(../../img/share/bg_widthmax.jpg) ;
}
/*==============================*/
/* レイアウト　600~960以内 */
/*==============================*/
@media (min-width: 600px) and (max-width: 960px) {
div.wrap { width: 94%; margin: 0 auto; overflow: hidden; }
div.wrap_fix { width: 100%; margin: 0 auto; overflow: hidden; }

/*== two_column ==========*/
div.two_column { width: 100%; overflow: hidden; }
div.two_column > div { float: left; width: 49%; margin-bottom: 10px; }
div.two_column > div:nth-child(odd) { margin-right: 1%; }
div.two_column > div:nth-child(even) { margin-left: 1%; }

/*== three_column ==========*/
div.three_column { width: 100%; margin: 0 auto; overflow: hidden; }

div.three_column > div { float: left; width: 33.33%; margin-bottom: 10px; }
div.three_column > div:nth-child(3n+1) { padding-right: 14px; clear: both; }
div.three_column > div:nth-child(3n+2) { padding-left: 7px; padding-right: 7px; }
div.three_column > div:nth-child(3n) { padding-left: 14px; }

div.three_column > ul > li { float: left; width: 33.33%; margin-bottom: 10px; }
div.three_column > ul > li:nth-child(3n+1) { padding-right: 14px; clear: both; }
div.three_column > ul > li:nth-child(3n+2) { padding-left: 7px; padding-right: 7px; }
div.three_column > ul > li:nth-child(3n) { padding-left: 14px; }

/*-- four_column ----------*/
div.four_column { width: 100%; margin: 0 auto; overflow: hidden; }

div.four_column > div { float: left; width: 25%; margin-bottom: 10px; }
div.four_column > div:nth-child(4n+1) { padding-right: 14px; clear: both; }
div.four_column > div:nth-child(4n+2),
div.four_column > div:nth-child(4n+3) { padding-left: 7px; padding-right: 7px; }
div.four_column > div:nth-child(4n) { padding-left: 14px; }

div.four_column > ul > li { float: left; width: 25%; margin-bottom: 10px; }
div.four_column > ul > li:nth-child(4n+1) { padding-right: 14px; clear: both; }
div.four_column > ul > li:nth-child(4n+2),
div.four_column > ul > li:nth-child(4n+3) { padding-left: 7px; padding-right: 7px; }
div.four_column > ul > li:nth-child(4n) { padding-left: 14px; }

/*-- five_column ----------*/
div.five_column { width: 100%; margin: 0 auto; overflow: hidden; }

div.five_column > div { float: left; width: 20%; margin-bottom: 10px; }
div.five_column > div:nth-child(5n+1) { padding-right: 14px; clear: both; }
div.five_column > div:nth-child(5n+2),
div.five_column > div:nth-child(5n+3),
div.five_column > div:nth-child(5n+4) { padding-left: 7px; padding-right: 7px; }
div.five_column > div:nth-child(5n) { padding-left: 14px; }

div.five_column > ul > li { float: left; width: 20%; margin-bottom: 10px; }
div.five_column > ul > li:nth-child(5n+1) { padding-right: 14px; clear: both; }
div.five_column > ul > li:nth-child(5n+2),
div.five_column > ul > li:nth-child(5n+3),
div.five_column > ul > li:nth-child(5n+4) { padding-left: 7px; padding-right: 7px; }
div.five_column > ul > li:nth-child(5n) { padding-left: 14px; }

/*-- six_column ----------*/
div.six_column { width: 100%; margin: 0 auto; overflow: hidden; }

div.six_column > div { float: left; width: 16.66%; margin-bottom: 10px; }
div.six_column > div:nth-child(6n+1) { padding-right: 14px; clear: both; }
div.six_column > div:nth-child(6n+2),
div.six_column > div:nth-child(6n+3),
div.six_column > div:nth-child(6n+4),
div.six_column > div:nth-child(6n+5) { padding-left: 7px; padding-right: 7px; }
div.six_column > div:nth-child(6n) { padding-left: 14px; }

div.six_column > ul > li { float: left; width: 16.66%; margin-bottom: 10px; }
div.six_column > ul > li:nth-child(6n+1) { padding-right: 14px; clear: both; }
div.six_column > ul > li:nth-child(6n+2),
div.six_column > ul > li:nth-child(6n+3),
div.six_column > ul > li:nth-child(6n+4),
div.six_column > ul > li:nth-child(6n+5) { padding-left: 7px; padding-right: 7px; }
div.six_column > ul > li:nth-child(6n) { padding-left: 14px; }

/*==============================*/
/* フリーカラム */
/*==============================*/
div.free_column { width: 100%; margin: 0 auto; display: table; }
div.free_column > div { display: table-cell; padding: 0 7px; vertical-align: top; }
div.free_column > div:first-child { padding: 0 14px 0 0; }
div.free_column > div:last-child { padding: 0 0 0 14px; }

/*==============================*/
/* サイドカラム */
/*==============================*/
div.side_column { width: 100%; margin: 0 auto; display: table; }
div.side_column > div { display: table-cell; vertical-align: top; }
div.side_column > div:first-child { width: 70%; }
div.side_column > div:last-child { width: 30%; padding-left: 20px; }

div.side_column_left { width: 100%; margin: 0 auto; display: table; direction: rtl; }
div.side_column_left > div { display: table-cell; vertical-align: top; direction: ltr; }
div.side_column_left > div:first-child { width: 70%; padding-left: 20px; }
div.side_column_left > div:last-child { width: 30%; }
}

/*==============================*/
/* レイアウト　600以内 */
/*==============================*/
@media (max-width: 600px) {
div.wrap { width: 94%; margin: 0 auto; overflow: hidden; }
div.wrap90 { width: 90%; margin: 0 auto; }
div.wrap_fix { width: 100%; margin: 0 auto; overflow: hidden; }

/*== two_column ==========*/
div.two_column { width: 100%; overflow: hidden; }
div.two_column > div { width: 100%; overflow: hidden; margin-bottom: 10px; }

/*== three_column ========*/
div.three_column { width: 100%; overflow: hidden; }

div.three_column > div { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.three_column > div:nth-child(odd){ margin-right: 1%; clear: both; }
div.three_column > div:nth-child(even) { margin-left: 1%; }

div.three_column > ul > li { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.three_column > ul > li:nth-child(odd){ margin-right: 1%; clear: both; }
div.three_column > ul > li:nth-child(even) { margin-left: 1%; }

/*-- four_column ----------*/
div.four_column { width: 100%; margin: 0 auto; overflow: hidden; }

div.four_column > div { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.four_column > div:nth-child(odd){ margin-right: 1%; clear: both; }
div.four_column > div:nth-child(even) { margin-left: 1%; }

div.four_column > ul > li { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.four_column > ul > li:nth-child(odd){ margin-right: 1%; clear: both; }
div.four_column > ul > li:nth-child(even) { margin-left: 1%; }

/*-- five_column ----------*/
div.five_column { width: 100%; margin: 0 auto; overflow: hidden; }

div.five_column > div { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.five_column > div:nth-child(odd){ margin-right: 1%; clear: both; }
div.five_column > div:nth-child(even) { margin-left: 1%; }

div.five_column > ul > li { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.five_column > ul > li:nth-child(odd){ margin-right: 1%; clear: both; }
div.five_column > ul > li:nth-child(even) { margin-left: 1%; }

/*-- six_column ----------*/
div.six_column { width: 100%; margin: 0 auto; overflow: hidden; }

div.six_column > div { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.six_column > div:nth-child(odd){ margin-right: 1%; clear: both; }
div.six_column > div:nth-child(even) { margin-left: 1%; }

div.six_column > ul > li { float:left; width: 49%; overflow: hidden; margin-bottom: 10px; }
div.six_column > ul > li:nth-child(odd){ margin-right: 1%; clear: both; }
div.six_column > ul > li:nth-child(even) { margin-left: 1%; }

/*==============================*/
/* フリーカラム */
/*==============================*/
div.free_column { width: 100%; margin: 0 auto; }
div.free_column > div { width: 100%; margin-bottom: 10px; }

/*==============================*/
/* サイドカラム */
/*==============================*/
div.side_column { width: 100%; }

/*==============================*/
/* カラムオフ */
/*==============================*/
div.column_off > div { width: 100%; padding: 0; }
div.column_off > div:nth-child(odd){ margin: 0; margin-bottom: 10px; }
div.column_off > div:nth-child(even) { margin: 0; margin-bottom: 10px; }

div.column_off > ul > li { width: 100%; padding: 0; }
div.column_off > ul > li:nth-child(odd){ margin: 0; margin-bottom: 10px; }
div.column_off > ul > li:nth-child(even) { margin: 0; margin-bottom: 10px; }
}

/*==============================*/
/* 画像レスポンシブ */
/*==============================*/
@media (max-width: 960px) {
img.responsive { width: 100%; height: auto; }
}
@media (max-width: 600px) {
img.res_sp600 { width: 100%; height: auto; }
img.res_sp_tmb { width: 45%; height: auto; }
img.res_sp60{ width: 60%;} 
}