@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   Customized to include a flexible grid system, flexible image
   ================================================================ */

html, button, input, select, textarea {
	color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 20px;
	background: #ffae00;
	border: 4px solid #ffe98e;
	color: #000;
	padding: 20px;
}
.chromeframe a {
	color: #ff0000;
	background: #ffe98e;
	padding: 3px;
}
.chromeframe a:hover {
	color: #ff0000;
	text-decoration: underline;
}
/* ================================================================
   Author's custom styles
   ================================================================ */

/* ボックスモデルの指定 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*全体-------------------------------------------------------------------*/
body {
	font-family: 'Noto Sans Japanese', sans-serif;
}
/*半角英数の改行*/
* {
	word-break: break-all;
}
/*スペース調整*/
.bottom-s1 {
	margin-bottom: 0.8em;
}
/*--ヘッダ関係--------------------------------------------------------------- */
h1 {
	text-indent: 40px;
	background: url(../img/mark-s.jpg) no-repeat;
	font-size: 1.7em;
	padding-bottom: 0.5em;
}
.top {
	border-bottom: solid 2px #5b8051;
	margin-bottom: 1em;
}

@media only screen and (max-width: 30em) {
h1 {
	font-size: 1.5em;
}
}
.right1 {
	text-align: right;
	font-size: 0.8em;
}

@media only screen and (max-width: 50em) {
.right1 {
	font-size: 0.7em;
}
}
/*スライドショー及びメイン画像----------------------------------------------*/
#show {
	background: url(../img/bg-show.jpg);
}
.shiro {
	background: #FFFFFF;
}
.box-slide {
  margin: 1em 0;
}
/* 画像上のキャプションのスタイル */
#main .box-slide .caption {
  display: block;
  margin: 1em;
  padding: 1em 1em 1.3em 0.9em;
  max-width: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  background: url(../img/bg-cap2.png) no-repeat;
  font-size: 1em;
}
@media screen and (max-width:34em){
 /* キャプションのスタイルの調整 */
  #show .box-slide p.caption {
  	display: none;
  }
}
/*加入案内----------------------------------------------------------------*/
@media only screen and (min-width: 30em) {
#kanyu {
	display: none;
}
}
#kanyu ul {
	width: 100%;
	margin: 0 auto;
	padding: 0.7em;
	font-size: 0.8em;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 0.6em;
}
#kanyu li {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 0.2em;
	padding: 0;
	border: 1px solid #E4E4E4;
}
#kanyu li a {
	display: block;
	padding: 12px 0 10px;
	background: url(../img/bg-kanyu-3.jpg);
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
#kanyu li a:hover {
	background: url(../img/bg-kanyu-on-3.jpg);
}
#menu {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.9em;
	background: #e5e5e5;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}
#menu li {
	display: block;
	float: left;
	width: 16.6666%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
#menu li a {
	display: block;
	padding: 12px 0 10px;
	background: url(../img/bg-navi.jpg);
	color: #5C5C5C;
	text-align: center;
	text-decoration: none;
}
/*bodyidはこちらを利用してください。---------------------------------*/
#menu li a:hover {
	background: url(../img/bg-navi-on-3.jpg);
}
body#home ul#menu li a#home-n {
	background: url(../img/bg-navi-on-3.jpg);
}
body#gaiyo ul#menu li a#gaiyo-n {
	background: url(../img/bg-navi-on-3.jpg);
}
body#member ul#menu li a#member-n {
	background: url(../img/bg-navi-on-3.jpg);
}
body#boylady ul#menu li a#boylady-n {
	background: url(../img/bg-navi-on-3.jpg);
}
body#access ul#menu li a#access-n {
	background: url(../img/bg-navi-on-3.jpg);
}
body#link ul#menu li a#link-n {
	background: url(../img/bg-navi-on-3.jpg);
}

#toggle {
	display: none;
}

@media only screen and (max-width: 61.25em) {
#menu {
	font-size: 0.8em;
}
}

@media only screen and (max-width: 49.25em) {
#menu {
	font-size: 0.8em;
}
#menu li {
	width: 33.3%;
	border-bottom: 1px solid #E4E4E4;
}
#menu li.end {
	border-right: 1px solid #E4E4E4;
}
}

@media only screen and (max-width: 30em) {
.bgtab {
	background: none;
	border-bottom: none;
	border-top: none;
}
#menu {
	display: none;
}
#menu li {
	width: 100%;
	border-bottom: 1px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
}
#menu li a {
	background: url(../img/bg-navi.jpg);
}
#toggle {
	display: block;
	position: relative;
	width: 100%;
	background: url(../img/bg-navi.jpg);
}
#toggle a {
	display: block;
	position: relative;
	padding: 12px 0 10px;
	border: 1px solid #E4E4E4;
	color: #000;
	text-align: center;
	text-decoration: none;
}
#toggle:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #5b8051;
}
#toggle a:before, #toggle a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	width: 20px;
	height: 5px;
	background: url(../img/bg-navi.jpg);
}
#toggle a:before {
	margin-top: -6px;
}
#toggle a:after {
	margin-top: 2px;
}
}
/*menu2--------------------------------------------------------------------*/
#menu2 {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
}
#menu2 li {
	display: block;
	float: left;
	width: 15.9%;
	height: 100px;
	margin: 0.6em 0.6em 0.6em 0;
	padding: 0;
	border: 1px solid #d2d2d2;
}
#menu2 li.ph1 {
	background: url(../img/ph01.jpg);
	background-position: center;
	z-index: 1;
}
#menu2 li.ph2 {
	background: url(../img/ph02.jpg);
	background-position: center;
	z-index: 1;
}
#menu2 li.ph3 {
	background: url(../img/ph03.jpg);
	background-position: center;
	z-index: 1;
}
#menu2 li.ph4 {
	background: url(../img/ph04.jpg);
	background-position: center;
}
#menu2 li.ph5 {
	background: url(../img/ph05.jpg);
	background-position: center;
	z-index: 1;
}
#menu2 li.ph6 {
	background: url(../img/ph06.jpg);
	background-position: center;
	z-index: 1;
}
#menu2 li.end {
	margin-right: 0;
}
#menu2 li a {
	display: block;
	padding: 66px 0 10px;
	background: url(../img/op1.png);
	z-index: 2;
	color: #4c5d46;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-bottom: 1px solid #d2d2d2;
}
#menu2 li a:hover {
	background: url(../img/op2.png);
}
@media only screen and (max-width: 71.68em) {
#menu2 li {
	width: 15.8%;
	border-right: 1px solid #E4E4E4;
}
}

@media only screen and (max-width: 61.25em) {
#menu2 li {
	width: 32.4%;
	border-right: 1px solid #E4E4E4;
}
#menu2 li.three {
	margin-right: 0;
}
}

@media only screen and (max-width: 49.25em) {
#menu2 {
	font-size: 1em;
}
#menu2 li {
	width: 32%;
}
}

@media only screen and (max-width: 30em) {
#menu2 li {
	width: 100%;
	margin: 0.3em;
}
}
/*menu2下階層--------------------------------------------------------------------*/
#menu3 {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0;
	font-size: 1em;
}
#menu3 li {
	display: block;
	float: left;
	width: 16.6%;
	height: 50px;
	margin: 1em 0 0;
	padding: 0;
}
#menu3 li.ph1 {
	background: url(../img/ph01-s.jpg);
	background-position: center;
	z-index: 1;
}
#menu3 li.ph2 {
	background: url(../img/ph02-s.jpg);
	background-position: center;
	z-index: 1;
}
#menu3 li.ph3 {
	background: url(../img/ph03-s.jpg);
	background-position: center;
	z-index: 1;
}
#menu3 li.ph4 {
	background: url(../img/ph04-s.jpg);
	background-position: center;
}
#menu3 li.ph5 {
	background: url(../img/ph05-s.jpg);
	background-position: center;
	z-index: 1;
}
#menu3 li.ph6 {
	background: url(../img/ph06-s.jpg);
	background-position: center;
	z-index: 1;
}
#menu3 li.end {
	width: 17%;
}
#menu3 li a {
	display: block;
	padding: 18px 0;
	background: url(../img/op1-s.png);
	z-index: 2;
	color: #4c5d46;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#menu3 li a:hover {
	background: url(../img/op2.png);
}

@media only screen and (max-width: 49.25em)  {
#menu3 li {
	width: 33.3%;
	border-right: 1px solid #E4E4E4;
}
#menu3 li.three {
	margin-right: 0;
	width: 33.4%;
}
#menu3 li.end {
	width: 33.4%;
}
}
@media only screen and (max-width: 30em) {
#menu3 {
	font-size: 0.8em;	
}
}
/*タイトル回り----------------------------------------------------------------*/
h2.bar {
	padding-bottom: 1em;
	font-size: 1em;
	background: url(../img/bg-h2-3.jpg) no-repeat;
	background-position: left bottom;
	margin-bottom: .8em
}
h3{
	border-top:2px solid #5a8051;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-size: 0.9em;
	background: url(../img/bg-h3.jpg);
	padding-left:1em;
	color: #5a8051;
	}
h4{
	border-top:2px solid #5a8051;
	border-bottom:1px solid #5a8051;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-size: 0.9em;
	color: #5a8051;
	margin-left:1em;
	margin-right:1em;
	margin-top:2.5em;
	margin-bottom:0;
	text-indent:24px;
	background:url(../img/bg-h4-3.jpg) no-repeat;
	}

/*商工会からのお知らせ--------------------------------------------------------*/

.sokop1-box {
	position: relative;
	padding: 15px;
	max-height: 350px;
	overflow: auto;
	margin-bottom: 1.5em;
	border: #E3E3E3 1px solid;
	background: #FFFFFF;
}
.sokop1-box img {
	width: 100px;
	height: auto;
}
.sokop1-box-demo {
	position: relative;
	padding: 0.3em;
	max-height: 350px;
	margin-bottom: 1.5em;
	border: #E3E3E3 1px solid;
	background: #FFFFFF;
	font-size:small;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}
.sokop1-box-demo img {
	width: 100px;
	height: auto;
}
/*タブ内情報--------------------------------------------------------*/
.sokop1-box3 {
	position: relative;
	padding: 5px;
	max-height: 275px;
	overflow: auto;
	margin-bottom: 0;
	background: #FFFFFF;
}
.sokop1-box3 img {
	width: 100px;
	height: auto;
}
.sokop1-box3-demo {
	position: relative;
	padding: 0.3em;
	max-height: 275px;
	margin-bottom: 0;
	background: #FFFFFF;
	font-size: small;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
.sokop1-box3-demo img {
	width: 100px;
	height: auto;
}
/*観光みどころ------------------------------------------------------*/
.sokop1-box1 {
	position: relative;
	padding: 15px;
	max-height: 240px;
	overflow: auto;
	margin-bottom: 1.5em;
	border: #E3E3E3 1px solid;
	background: #FFFFFF;
}
.sokop1-box1 img {
	width: 100px;
	height: auto;
}
.sokop1-box1-demo {
	position: relative;
	padding: 0.3em;
	max-height: 240px;
	margin-bottom: 1.5em;
	border: #E3E3E3 1px solid;
	background: #FFFFFF;
	font-size: small;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
.sokop1-box1-demo img {
	width: 100px;
	height: auto;
}
.ifrm{
	display:block;
	border: none;
}
/*ログイン-----------------------------------------------------------*/
.sokop1-box2 {
	position: relative;
	padding: 15px;
	overflow: auto;
	margin-bottom: 1.5em;
	background: url(../img/white_carbon2.jpg);
}
.hoge {
	padding: 10px;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #aaa;
	border: solid 1px #ccc;
	margin: 0 0 10px;
	width: 65%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
input:focus {
	border: solid 1px #3E74A7;
}
.id1 {
	border-bottom: 1px solid #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.5em;
}
input[type="radio"] {
	display: none;
}
label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
}
label::before, label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
label::before {
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}
label:hover::before {
	background: #fff;
}
label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #3498db;
	-webkit-transform: scale(2);
	transform: scale(2);
}
input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #3498db;
}
input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.custom02 input[type="submit"] {
	display: block;
	width: 110px;
	height: 38px;
	padding: 0;
	background: url(../img/login-3.jpg) no-repeat 0 0;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	float: left;
}
.custom02 input[type="submit"]::-moz-focus-inner {
 padding: 0;
 border: none;
}
.custom02 input[type="submit"]:hover {
	background-position: 0 -38px;
}
.custom02 input[type="submit"]:active {
	background-position: 0 -76px;
}
.custom03 input[type="reset"] {
	display: block;
	width: 110px;
	height: 38px;
	margin-left:10px;
	padding: 0;
	background: url(../img/clear-3.jpg) no-repeat 0 0;
	border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	outline: none;
	float: left;
}
.custom03 input[type="reset"]::-moz-focus-inner {
 padding: 0;
 border: none;
}
.custom03 input[type="reset"]:hover {
	background-position: 0 -38px;
}
.custom03 input[type="reset"]:active {
	background-position: 0 -76px;
}

/*カレンダー----------------------------------------------------------*/
.box_left01 {
	float: left;
	width: 35%;
	height: 250px;
}
.box_left01 iframe {
	width: 100%;
	height: 100%;
}
.box_left02 {
	float: left;
	width: 65%;
	padding: 0.3em;
	height: 210px;
	overflow: auto;
	margin-bottom: 1.5em;
	border: #E3E3E3 1px solid;
}
.box_left02 img {
	width: 100px;
	height: auto;
}
.box_left02-demo {
	float: left;
	width: 65%;
	padding: 0.3em;
	height: 210px;
	overflow: auto;
	margin-bottom: 1.5em;
	border: #E3E3E3 1px solid;
	font-size:small;
}
.box_left02-demo img {
	width: 100px;
	height: auto;
}

@media only screen and (max-width: 62.5em) {
.box_left01 {
	width: 40%;
}
.box_left02 {
	width: 60%;
}
}

@media only screen and (max-width: 50em) {
.box_left01 {
	width: 45%;
}
.box_left02 {
	width: 55%;
}
}

@media only screen and (max-width: 48em) {
.box_left01 {
	width: 25%;
}
.box_left02 {
	width: 75%;
}
}

@media only screen and (max-width: 42em) {
.box_left01 {
	width: 40%;
}
.box_left02 {
	width: 60%;
}
}

@media only screen and (max-width: 30em) {
.box_left01 {
	width: 100%;
}
.box_left02 {
	width: 100%;
}
}

/*会員検索----------------------------------------------------------------*/
.search p {
	margin: 0 0 0.5em 0;
}

@media screen and (max-width:30em) {
.search p {
	margin: 0;
}
}
/*フッダ-----------------------------------------------------------*/
#fbar {
	margin-top: 2em;
	border-top: solid 2px #5b8051;
	background: #FFFFFF
}
.f-sho {
	text-align: center;
	padding: 2em;
}
/*追尾メニュー-----------------------------------------------*/

#page-top {
	display: block;
	position: fixed;
	z-index: 9999;
	bottom: 0.5em;
	right: 0.5em;
	width: 4em;
	padding: 1em 0.5em;
	background: rgba(127,134,117,.7);
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#page-top:hover {
	background: rgba(127,134,117,.9);
}
/*第二階層ページの指定-------------------------------------------------------*/
#main2 p {
	margin-left:1em;
}
#main2 p.copy1 {
	margin-left:2em;
	margin-right:2em;
	color: #707070;
	font-size:0.9em;
}
.copy{
	margin-left:2em;
	margin-right:2em;
	color: #707070;
	font-size:0.9em;
}
/*共済制度table*/
#mutual table{
	width: 97%;
	border-collapse: collapse;
	margin: 1em;
}
#mutual table th {
	width: 37%;
	color: #707070;
	font-size:0.9em;
	padding: 1.5em;
	border: 1px solid #707070;
	text-align: left;
	font-weight: bold;
}
#mutual table td {
	width: 60%;
	color: #707070;
	font-size:0.9em;
	padding: 1.5em;
	border: 1px solid #707070;
}
/*金融相談table*/
#finance table{
	width: 95%;
	border-collapse: collapse;
	margin: 0 auto;
}
#finance table th {
	width: 25%;
	color: #707070;
	font-size:0.9em;
	padding: 1.5em;
	border: 1px solid #707070;
	font-weight: bold;
	text-align: center;
}
#finance table td {
	width: 70%;
	color: #707070;
	font-size:0.9em;
	padding: 1.5em;
	border: 1px solid #707070;
}
#finance table ul{
	margin: 0;
	padding-left: 1.5em;
}

/* ----------
   フレキシブル・メディア
   ---------- */
img {
	width: 100%;
	max-width: 100%;
}
video {
	max-width: 100%;
	height: auto;
}
/* YouTubeやVimeoなどのiFrameを使った埋め込み動画用スタイル */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ================================================================
   Flexible Grid Sytem
   - Based on Foundation "The Grid" http://foundation.zurb.com/
   ================================================================ */

.row {
	width: 1140px;
	max-width: 100%;
	min-width: 768px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -10px;
}
.cols {
	float: left;
	min-height: 1px;
	padding: 0 10px;
	position: relative;
}
/* カラムのpaddingをなくすcollapseクラス */
.row.collapse .cols, .row.collapse .cols {
	padding: 0;
}
.row .row.collapse {
	margin: 0;
}
[class*="cols"] + [class*="cols"]:last-child {
	float: right;
}
[class*="cols"] + [class*="cols"].end {
	float: left;
}
.row .one {
	width: 8.33%;
}
.row .two {
	width: 16.66%;
}
.row .three {
	width: 25%;
}
.row .four {
	width: 33.33%;
}
.row .five {
	width: 41.66%;
}
.row .six {
	width: 50%;
}
.row .seven {
	width: 58.33%;
}
.row .eight {
	width: 66.66%;
}
.row .nine {
	width: 75%;
}
.row .ten {
	width: 83.33%;
}
.row .eleven {
	width: 91.66%;
}
.row .twelve {
	width: 100%;
}
/* PUSH & PULL */
.push-two {
	left: 16.66%;
}
.pull-two {
	right: 16.66%;
}
.push-three {
	left: 25%;
}
.pull-three {
	right: 25%;
}
.push-four {
	left: 33.33%;
}
.pull-four {
	right: 33.33%;
}
.push-five {
	left: 41.66%;
}
.pull-five {
	right: 41.66%;
}
.push-six {
	left: 50%;
}
.pull-six {
	right: 50%;
}
.push-seven {
	left: 58.33%;
}
.pull-seven {
	right: 58.33%;
}
.push-eight {
	left: 66.66%;
}
.pull-eight {
	right: 66.66%;
}
.push-nine {
	left: 75%;
}
.pull-nine {
	right: 75%;
}
.push-ten {
	left: 83.33%;
}
.pull-ten {
	right: 83.33%;
}

@media screen and (max-width:49.25em) {
/* 788px以下向けのモバイル版グリッド・スタイル */
.cols {
	float: none;
	width: auto !important;
	height: 100%;
}
.row {
	width: auto;
	min-width: 0;
	margin-left: 0;
	margin-right: 0;
}
[class*="cols"] + [class*="cols"]:last-child {
	float: none;
}
[class*="cols"] + [class*="cols"].end {
	float: none;
}
/* PUSH & PULLの調整*/
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
	left: auto;
}
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
	right: auto;
}
/* モバイル版4カラムグリッド */
.row .mobile-one {
	width: 25% !important;
	float: left;
	padding: 0 10px;
}
.row .mobile-one:last-child {
	float: right;
}
.row .mobile-one.end {
	float: left;
}
.row.collapse .mobile-one {
	padding: 0;
}
.row .mobile-two {
	width: 50% !important;
	float: left;
	padding: 0 10px;
}
.row .mobile-two:last-child {
	float: right;
}
.row .mobile-two.end {
	float: left;
}
.row.collapse .mobile-two {
	padding: 0;
}
.row .mobile-three {
	width: 75% !important;
	float: left;
	padding: 0 10px;
}
.row .mobile-three:last-child {
	float: right;
}
.row .mobile-three.end {
	float: left;
}
.row.collapse .mobile-three {
	padding: 0;
}
.row .mobile-four {
	width: 100% !important;
	float: left;
	padding: 0 10px;
}
.row .mobile-four:last-child {
	float: right;
}
.row .mobile-four.end {
	float: left;
}
.row.collapse .mobile-four {
	padding: 0;
}
/* モバイル用 PUSH & PULL */
.mobile-push-one {
	left: 25%;
}
.mobile-pull-one {
	right: 25%;
}
.mobile-push-two {
	left: 50%;
}
.mobile-pull-two {
	right: 50%;
}
.mobile-push-three {
	left: 75%;
}
.mobile-pull-three {
	right: 75%;
}
/* モバイル用collapseクラス */
.row.mobile-collapse .cols, .row.mobile-collapse .cols {
	padding: 0;
}
.row .row.mobile-collapse {
	margin: 0;
}
.row.mobile-collapse .mobile-one {
	padding: 0;
}
.row.mobile-collapse .mobile-two {
	padding: 0;
}
.row.mobile-collapse .mobile-three {
	padding: 0;
}
.row.mobile-collapse .mobile-four {
	padding: 0;
}
}

@media screen and (max-width:26em) {
/* 400px以下で強制的に1カラムにするクラス */
.row .cols.force-one {
	float: none;
	width: auto !important;
	height: 100%;
}
}

/* ================================================================
   Media Queries
   ================================================================ */

@media only screen and (min-width: 35em) {
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
}
/* ================================================================
   Helper classes
   ================================================================ */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

/* ================================================================
   Print styles
   ================================================================ */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
/*
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}*/
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
@page {
	margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}

/*渥美追加分*/
div.tbl_slct_bg{
	width:100%;
	background-color:#BBBBBB;
	padding:3px;
}
table.tbl_slct{
	width: 1130px;
	margin: 0 auto 0 auto;
}
.cl_bd1,.cl_bd2{
	border:1px;
	border-color:#BBBBBB;
	border-style:solid;
	background-color:#FFFFFF;
}
td.cl_bd2{
	padding-left:40px;
}