@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
/******************************************
commons
******************************************/
html {
  background-color: #F2F2F3;
  width: 100%;
  height: 100%;
}
body {
  background-color: #F2F2F3;
  min-width: 100%;
  min-height: 100%;
}
.container {
  margin: 0 auto;
  padding: 0;
}
.container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
img {
  max-width: 100%;
}
@media (max-width: 750px) {
  body {
		font-size: 14px;
  }
  .hidden_sp {
    display: none;
  }
}
@media (min-width: 751px) {
  body {
    font-size: 18px;
  }
  .container {
    width: 1200px;
    min-width: 1200px;
  }
  .hidden_pc {
    display: none;
  }
}
/************************************************************
　ヘッダー　#header
*/
#header {
  border-bottom: 1px solid #3EADE8;
  background-color: #3EADE8;
  color: #FFF;
}
#header a {
  color: #FFF;
}
#header > div .headRight {
  line-height: 1.2;
  display: flex;
}
  #header > div .headRight .shop {
		padding: 8px;
		box-sizing: border-box;
		text-align: left;
		font-weight: bold;
  }
  #header > div .headRight .shop .shopname {
		font-size: 14px;
  }
  #header > div .headRight .shop .tel {
		font-size: 22px;
  }
  #header > div .headRight .shop .hour {
		font-size: 12px;
  }
  #header > div .headRight .hp {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
  }
  #header > div .headRight .hp a {
		flex-grow: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		padding: 8px;
		box-sizing: border-box;
		background-color: #105BA7;
		color: #FFF;
		text-decoration: none;
		font-size: 22px;
  }
  #header > div .headRight .hp a span {
		font-size: 11px;
		font-weight: 700;
		
  }

  #header > div .headRight .hp2 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
  }
  #header > div .headRight .hp2 a {
		flex-grow: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		padding: 8px;
		box-sizing: border-box;
		background-color: #105BA7;
		color: #FFF;
		text-decoration: none;
		font-size: 22px;
  }
  #header > div .headRight .hp2 a span {
		font-size: 11px;
		font-weight: 700;
		
  }

@media (max-width: 750px) {
  #header h1 {
    font-weight: bold;
    font-size: 18px;
    margin: 0px auto;
    padding: 10px;
  }
  #header > div .headRight {
		justify-content: space-between;
  }
  #header > div .headRight .shop {
		padding: 4px;
  }
}
@media (min-width: 751px) {
  #header {
		height: 90px;
  }
  #header > div {
    display: flex;
		justify-content: space-between;
		align-items: center;
    margin: 0 auto;
    table-layout: fixed;
  }
  #header > div h1 {
		flex-basis: 50%;
    font-weight: bold;
    font-size: 28px;
    text-align: left;
    vertical-align: middle;
		padding: 8px;
		box-sizing: border-box;
	}
  #header > div .headRight {
    text-align: right;
		justify-content: flex-end;
		align-items: center;
  }
  #header > div .headRight .hp {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
  }
  #header > div .headRight .hp a {
		height: 90px;
		font-size: 40px;
  }
  #header > div .headRight .hp a span {
		font-size: 12px;
		font-weight: 700;
		
  }

  #header > div .headRight .hp2 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
  }
  #header > div .headRight .hp2 a {
		height: 90px;
		font-size: 40px;
  }
  #header > div .headRight .hp2 a span {
		font-size: 12px;
		font-weight: 700;
		
  }

}
/*
　/ヘッダー　#header
************************************************************/
/************************************************************
　ナビゲーション　#gNavi
*/
#gNavi {
  background-color: #DDDDDD;
  color: #FFF
}
#gNavi a {
  color: #000;
}
#gNavi ul {
  display: flex;
}
#gNavi ul li.hp_link {
  margin-left: auto;
}
#gNavi ul > li a {
  display: block;
  text-decoration: none;
  transition: all .3s;
}
@media (max-width: 750px) {
  #gNavi {
    padding: 0;
  }
  #gNavi ul {
    display: flex;
    flex-wrap: wrap;
  }
  #gNavi ul li {
    flex-basis: 50%;
  }
  #gNavi ul li.home {
    flex-basis: 100%;
  }
  #gNavi ul li a {
		display: block;
    border-bottom: 1px solid #CCC;
    padding: 8px;
  }
  #gNavi ul li:nth-child(even) {
  border-right: 1px solid #CCC;
  }
}
@media (min-width: 751px) {
#gNavi ul li {
  font-size: 16px;
  border-right: 1px solid #FFF;
}
#gNavi ul li.home {
  border-left: 1px solid #FFF;
}
  #gNavi ul > li a {
    padding: 20px;
  }
}
/*
　/ナビゲーション　#gNavi

/************************************************************
　コンテンツ共通　#contents
*/
#contents {
  text-align: left;
	margin-bottom: 8px;
}
#contents > div {
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  overflow: hidden;
}
#contents > div h2 {
  border-bottom: 3px solid #CCC;
  margin-bottom: 1em;
  font-weight: bold;
}
#contents > div h2 span {
  border-bottom: 3px solid #1B2D6D;
  display: inline-block;
  position: relative;
  bottom: -3px;
  font-weight: inherit;
}
#contents > div h3 {
  font-weight: bold;
  background-color: #F2F2F3;
  padding: 0.5em 1.5em;
  border-radius: 8px;
  margin-bottom: 1em;
}
@media (max-width: 750px) {
  #contents {
    padding: 15px;
  }
  #contents > div {
    padding: 8px 15px 15px;
  }
  #contents > div h2 {
    font-size: 18px;
  }
  #contents > div h2 span {
    padding: 5px;
  }
  #contents > div h3 {
    font-size: 18px;
  }
}
@media (min-width: 751px) {
  #contents {
    padding: 30px 0;
  }
  #contents > div {
    padding: 15px 30px 45px;
  }
  #contents > div h2 {
    font-size: 24px;
  }
  #contents > div h2 span {
    padding: 8px 1em 8px 8px;
  }
  #contents > div h3 {
    font-size: 20px;
  }
}
/*
　/　コンテンツ共通　#contents
************************************************************/
/************************************************************
　パンくず　.breadcrumb
*/
.breadcrumb {
  margin-bottom: 10px;
}
.breadcrumb ul {
  text-align: right;
}
.breadcrumb ul li {
  display: inline-block;
}
.breadcrumb ul li:after {
  content: ">";
  padding: 0 0.5em;
}
.breadcrumb ul li:last-child:after {
  content: normal;
}
@media (max-width: 750px) {
  .breadcrumb {
    font-size: 11px;
  }
}
/*
　/パンくず　.breadcrumb
************************************************************/
/************************************************************
　pager　.pager
*/
.pager {
  margin-bottom: 10px;
}
.pager .right ul {
  display: flex;
}
.pager .right ul li {
  display: flex;
  flex-direction: column;
}
.pager .right ul li + li {
  padding: 0 1px;
}
.pager .right ul li span {
  padding: 2px 0.5em;
  border: 1px solid #CCC;
  background-color: #EEEEF0;
  color: #999;
  align-self: stretch;
}
.pager .right ul li a {
  display: inline-block;
  padding: 2px 0.5em;
  border: 1px solid #CF001A;
  background-color: #FFF;
  color: #CF001A;
  align-self: stretch;
}
.pager .right ul li a:hover {
  background-color: rgba(207, 0, 26, .1);
}
@media (max-width: 750px) {
  .pager {
    font-size: 11px;
    text-align: center;
  }
  .pager .right ul {
    justify-content: center;
  }
}
@media (min-width: 751px) {
  .pager {
    display: flex;
    justify-content: space-between;
  }
  .pager .right {
    margin-left: auto;
  }
  .pager .right ul {
    align-self: flex-end;
    justify-content: flex-end;
  }
}
/*
　/pager　.pager
************************************************************/
/************************************************************
　index　.index
*/
.index .flex {
  display: flex;
  flex-wrap: wrap;
}
.index .flex a {
  display: block;
	background-color: rgba(242,242,243,1.00);
	padding: 0.5em;
	border-radius: 4px;
}
.index ul {
  margin: 0 15px 30px;
}
.index ul li {
  margin-bottom: 8px;
}
.index ul li a {
  display: block;
  background-color: #F2F2F3;
  border-radius: 8px;
  padding: 0.5em 1em;
}
@media (min-width: 751px) {
  .index .flex.col2_1 {
    flex-direction: row;
  }
  .index .flex.col2_1 > div {
    flex-basis: 50%;
    padding: 15px;
    box-sizing: border-box;
  }
}
@media (max-width: 750px) {
  .index .flex.col2_1 {
    flex-direction: column;
  }
  .index .flex.col2_1 > div {
		margin-bottom: 8px;
  }
  .index .flex a {
		padding: 1em;
  }
  .index ul {
    margin-bottom: 15px;
  }
}
/*
　/index　.index
************************************************************/
/************************************************************
　一覧　.view
*/
.view table {
  font-size: 16px;
  margin: 30px 0;
  width: 100%;
}
.view table thead {
  background-color: #EAEAEA;
}
.view table thead tr td {
  white-space: nowrap;
  text-align: center;
}
.view table tr td {
  padding: 4px 8px;
  border: 1px solid #DDD;
  white-space: nowrap;
}
.view table tr td a.btn {
  display: block;
  padding: 4px 1em;
  border-radius: 4px;
  background-color: #0066CB;
  color: #FFF;
  text-decoration: none;
}
.view table tr td.date {
  font-size: 14px;
}
.view table tr td.link {
  white-space: nowrap;
}
.view table tr td.an_name {
  white-space: pre-line;
}
.view table tr td.date {
  vertical-align: middle;
}
@media (max-width: 767px) {}
@media (min-width: 768px) {}
/*
　/一覧　.view
************************************************************/
/************************************************************
　入力画面　#regist
*/
.regist .imgbox {
  display: flex;
	align-items: center;
}
.regist .imgbox .img a {
  display: block;
  margin-bottom: 8px;
  border-radius: 50px;
  border: 1px solid #CCC;
  padding: 4px 1.5em;
}
.regist .imgbox .text label {
  display: block;
  margin-bottom: 8px;
  border-radius: 50px;
  border: 1px solid #CCC;
  padding: 4px 1.5em;
}
.regist p.entry_day {
	text-align: right;
}
.regist table tr td label.error {
	color: #F00;
	margin-left: 0.5em;
	font-size: 80%;
}
.regist table tr td label.label {
  display: inline-block;
  padding: 0.2em 1.5em 0.2em 1em;
  background-color: #F2F2F3;
  border-radius: 50px;
}
.regist table tr th .hissu {
	margin-left: 0.5em;
	background-color: #F00;
	color: #FFF;
	border-radius: 50px;
	padding: 0 1em;
}

@media (max-width: 750px) {
  .regist {
    padding: 0px 15px;
  }
  .regist table, .regist tbody, .regist thead, .regist tfoot, .regist tr, .regist th, .regist td {
    display: block;
  }
  .regist table {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.4;
  }
  .regist th {
    background-color: #F2F2F2;
    border-top: 1px solid #CCC;
    padding: 5px;
  }
  .regist td {
    border-top: 1px solid #CCC;
    padding: 5px;
  }
  .regist table tr th .hissu {
    font-size: 11px;
  }
  .regist table tr td .memo {
    font-size: 12px;
    color: #999;
  }
  .regist .imgbox {
    flex-direction: column;
  }
}
@media (min-width: 751px) {
  .regist table {
    width: 100%;
    margin: 0 auto 20px;
  }
  .regist table tr th {
    border-bottom: 1px dotted #CCC;
    background-color: #F9F9F9;
    padding: 10px;
    width: 200px;
  }
  .regist table tr td {
    border-bottom: 1px dotted #CCC;
    padding: 10px;
  }
  .regist table tr th .hissu {
    font-size: 14px;
  }
  .regist table tr td .memo {
    font-size: 14px;
    color: #999;
  }
  .regist ul.inline li {
    display: inline-block;
  }
  .regist ul.inline li label {
    padding: 0 10px;
  }
  .regist .imgbox {
    flex-direction: row;
  }
  .regist .imgbox > div {
    flex-basis: 50%;
    padding: 0 15px;
  }
}
/*
　/入力画面　#regist
************************************************************/
.photoList ul li.new_img .pl_sec {
  background-color: rgba(30, 146, 68, 0.1);
}
#contents .photoList ul li.new_img .pl_sec h3 {
  background-color: rgba(30, 146, 68, 1);
  color: #FFF;
}
.photoList ul li .pl_sec {
  margin: 8px;
  padding: 8px;
  border: 1px solid #CCC;
  text-align: center;
  box-shadow: 0 0 3px rgba(110, 110, 110, .1);
}
.photoList ul li .pl_sec .img {
  text-align: center;
  margin-bottom: 10px;
  height: 200px;
}
.photoList ul li .pl_sec .img img {
  max-height: 200px;
}
.photoList input[type="submit"].btn {
  background-color: #CCC;
  border: 1px solid #333;
  color: #333;
  display: inline-block;
  border-radius: 4px;
  padding: 0.5em 1em;
  font-size: 14px;
  width: 100%;
  margin-bottom: 4px;
}
.photoList input[type="submit"].btn.btn-new {
  background-color: #1E9244;
  border: 1px solid #1E9244;
  color: #FFF;
}
.photoList input[type="submit"].btn.btn-blue {
  background-color: #007BFF;
  border: 1px solid #007BFF;
  color: #FFF;
}
.photoList input[type="submit"].btn.btn-red {
  background-color: #DC3545;
  border: 1px solid #DC3545;
  color: #FFF;
}
@media (max-width:750px) {}
@media (min-width:751px) {
  .photoList > ul {
    display: flex;
    flex-wrap: wrap;
  }
  .photoList > ul.col3_1 > li {
    flex-basis: 33.3%;
    box-sizing: border-box;
  }
  .photoList > ul.col2_1 > li {
    flex-basis: 50%;
    box-sizing: border-box;
  }
  .photoList > ul > li.new_img {
    flex-basis: 100%;
  }
  .photoList > ul.col3_1 > li.new_img .pl_sec {
    width: 33.3%;
  }
  .photoList > ul.col2_1 > li.new_img .pl_sec {
    width: 50%;
  }
}
.link {
  margin-bottom: 20px;
}
.link .btn {
  text-align: right;
}
.link .btn a {
  text-align: center;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #1E83B7; /*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
/************************************************************
　フッター　#footer
*/
.foot_note {
	font-size: 14px;
	text-align: left;
	padding: 0 15px;
}
#footer {
  border-top: 1px solid #CCC;
  margin-bottom: 20px;
}
#footer .copy {
  font-size: 12px;
}
@media (max-width: 750px) {}
@media (min-width: 751px) {
  #footer {
    padding: 10px 0;
  }
}
/*
　/フッター　#footer
************************************************************/
/******************************************
検索　.search
*/
.search {
  border: 1px solid #CCC;
  border-radius: 5px;
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.search .sLeft {
  display: table-cell;
  vertical-align: middle;
}
.search .submit {
  display: table-cell;
  vertical-align: middle;
  width: 150px;
}
@media (max-width: 750px) {
  .search .sLeft {
    width: 80%;
    padding-left: 5px;
  }
  .search .submit {
    width: 20%;
  }
}
@media (min-width: 751px) {
  .search .sLeft {
    width: 1000px;
    padding-left: 10px;
  }
  .search .sLeft ul li {
    float: left;
    margin-right: 20px;
  }
  .search .submit {
    width: 150px;
  }
}
/*
　/検索　.search
******************************************/
/************************************************************
　予定表　.calendar
*/
#contents .calendar h3 {
  text-align: center;
}
.calendar .link {
	text-align: right;
}

.calendar .next-prev {
	margin-bottom: 20px;
}
.calendar .next-prev ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.calendar .next-prev ul li + li {
	margin-left: 4px;
}
.calendar .schedule table tbody tr td {
	background-color: rgba(255,255,255,.5);
}
.calendar .schedule table tbody tr td .date .num {
	font-weight: bold;
	font-family: 'M PLUS 1p', sans-serif;
	margin-right: 10px;
	padding: 3px;
}
.calendar .schedule table tbody tr td.none {
	/*background-color: #F2F2F2;*/
}
.calendar .schedule table tbody tr td.san {
	/*background-color: #FBD6D7;*/
}
.calendar .schedule table tbody tr td.san .date .num {
	color: #C00;
}
.calendar .schedule table tbody tr td.holiday {
	/*background-color: #FBD6D7;*/
}
.calendar .schedule table tbody tr td.holiday .date .num {
	color: #C00;
}
.calendar .schedule table tbody tr td .date .holidayname {
	color: #C00;
	font-size: 12px;
}
.calendar .schedule table tbody tr td.sat {
	/*background-color: #CCEAF0;*/
}
.calendar .schedule table tbody tr td.sat .date .num {
	color: #0D48A3;
}
.calendar .schedule table tbody tr td.today {
	background-color: #FFFBE5;
}
.calendar .schedule table tbody tr td [class*=label] a {
	display: block;
	border-radius: 5px;
	background-color: rgba(192,192,192,0.2);
	margin-bottom: 5px;
	margin-right: 2px;
}
.calendar .schedule table tbody tr td [class*=label] a:hover {
	background-color: rgba(255,0,0,0.2);
}

.calendar_detail .text {
	word-break: break-all
}

.calendar .day_view table tr th ,
.calendar .day_view table tr td {
	border: 1px solid #999;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}
.calendar .day_view table thead tr {
	background-color: #B2D0ED;
}
.calendar .day_view table thead tr td {
	font-weight: bold;
}
.calendar .day_view table tbody tr th {
	background-color: #F0F5FB;
}
/* 
.calendar .day_view table tbody tr td {
	cursor: pointer;
}
*/

.btnon
{
  cursor: pointer;
}
.calendarv .day_view table thead tr td.none {
	background-color: #EFEFEF;
	color: #CCC;
}
.calendar table tbody tr td.none {
	background-color: #E9E9E9;
	color: #999;
}

@media (max-width: 767px) {
.calendar .schedule table {
	width: 100%;
	margin-bottom: 50px;
}
.calendar .schedule thead {
        display: none;
}
.calendar .schedule th,
.calendar .schedule td {
		display: block;
		width: 100%;
		padding: 0;
}
.calendar .schedule td {
		height: auto;
		display: -webkit-flex;
		display: flex;
	border-bottom: 1px solid #CCC;
}
.calendar .schedule table tbody tr .none {
		display: none
}

.calendar .schedule table tbody tr td .labels {
	padding: 5px;
	font-size: 12px;
}
.calendar .schedule table tbody tr td [class*=label] a {
		padding: 5px 1em;

}

/* 日付 */
.calendar .schedule table tbody tr td .num {
		font-weight: normal;
		padding: 7px;
		font-size: 16px;
		display: block;
		margin-bottom: 0;
		width: 40px;
		height: auto;
}
/* モバイル用曜日を追加 */
.calendar .schedule table tbody tr td .date span:after {
		font-size: 11px;
		position: relative;
		left: -5px;
}
.calendar .schedule table tbody tr td:nth-child(1) .date span:after {
		content: "（日）";
}
.calendar .schedule table tbody tr td:nth-child(2) .date span:after {
		content: "（月）";
}
.calendar .schedule table tbody tr td:nth-child(3) .date span:after {
		content: "（火）";
}
.calendar .schedule table tbody tr td:nth-child(4) .date span:after {
		content: "（水）";
}
.calendar .schedule table tbody tr td:nth-child(5) .date span:after {
		content: "（木）";
}
.calendar .schedule table tbody tr td:nth-child(6) .date span:after {
		content: "（金）";
}
.calendar .schedule table tbody tr td:nth-child(7) .date span:after {
		content: "（土）";
}
.calendar .day_view table {
	width: 100%;
	margin: 0 auto 30px;
}
}
@media (min-width: 768px) {
.calendar .schedule table {
	width: 100%;
}
.calendar .schedule table tr th {
	padding: 1px;
}
.calendar .schedule table tr td {
	width: 14.2%;
	border-bottom: 1px solid #CCC;
}
.calendar .schedule table tbody tr td .date .num {
	font-size: 18px;
}
.calendar .schedule table thead tr td {
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 1px solid #CCC;
	color: #333;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	font-size: 18px;
}
.calendar .schedule table thead tr td:nth-child(7n+1) {
	border-left: none;
}
.calendar .schedule table tbody tr td {
	height: 120px;
	border-left: 1px solid #CCC;
}
.calendar .schedule table tbody tr td a {
	font-size: 12px;
}
.calendar .schedule table tbody tr td:nth-child(7n+1) {
	border-left: none;
}
.calendar .schedule table tbody tr td [class*=label] {
		margin-top: 0;
		margin-right: 5px;
		font-size: 12px;
}

.calendar .schedule table tbody tr td [class*=label] a {
		display: block;
		padding: 0 5px;
}
.calendar .day_view table {
	width: 80%;
	margin: 0 auto 30px;
}
}

/*
　/予定表　.calendar
******************************************/
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p, .alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff
}
.alert-primary .alert-link {
  color: #002752
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db
}
.alert-secondary hr {
  border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
  color: #202326
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb
}
.alert-success hr {
  border-top-color: #b1dfbb
}
.alert-success .alert-link {
  color: #0b2e13
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb
}
.alert-info hr {
  border-top-color: #abdde5
}
.alert-info .alert-link {
  color: #062c33
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba
}
.alert-warning hr {
  border-top-color: #ffe8a1
}
.alert-warning .alert-link {
  color: #533f03
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}
.alert-danger hr {
  border-top-color: #f1b0b7
}
.alert-danger .alert-link {
  color: #491217
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}
.alert-light hr {
  border-top-color: #ececf6
}
.alert-light .alert-link {
  color: #686868
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca
}
.alert-dark hr {
  border-top-color: #b9bbbe
}
.alert-dark .alert-link {
  color: #040505
} /***********************************
rowsシリーズ
div.rows　入れ子のulにクラス名を入れる
***********************************/
.rows ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* PC2カラム、SP2カラム */
.rows ul.col2 > li {
  float: left;
  width: 50%;
}
.rows ul.col2 > li:nth-child(2n+1) {
  clear: both;
}
/* PC3カラム、SP3カラム */
.rows ul.col3 > li {
  float: left;
  width: 33.3%;
}
.rows ul.col3 > li:nth-child(3n+1) {
  clear: both;
}
/* PC4カラム、SP4カラム */
.rows ul.col4 > li {
  float: left;
  width: 25%;
}
.rows ul.col4 > li:nth-child(4n+1) {
  clear: both;
}
}
@media (max-width: 750px) {
  .rows ul > li > div {
    padding: 5px;
  }
}
@media (min-width: 751px) {
  .rows ul > li > div {
    padding: 8px;
  }
}
/* PC2カラム、SP上下 */
@media (max-width: 750px) {
  .rows ul.col2_1 > li > div {
    margin-bottom: 5px;
  }
}
@media (min-width: 751px) {
  .rows ul.col2_1 > li {
    float: left;
    width: 50%;
  }
  .rows ul.col2_1 > li:nth-child(2n+1) {
    clear: both;
  }
}
/* PC3カラム、SP上下 */
@media (max-width: 750px) {
  .rows ul.col3_1 > li > div {
    margin-bottom: 5px;
  }
}
@media (min-width: 751px) {
  .rows ul.col3_1 > li {
    float: left;
    width: 33.3%;
  }
  .rows ul.col3_1 > li:nth-child(3n+1) {
    clear: both;
  }
}
/* PC3カラム、2カラム */
@media (max-width: 750px) {
  .rows ul.col3_2 > li {
    float: left;
    width: 50%;
  }
  .rows ul.col3_2 > li:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 751px) {
  .rows ul.col3_2 > li {
    float: left;
    width: 33.3%;
  }
  .rows ul.col3_2 > li:nth-child(3n+1) {
    clear: both;
  }
}
/* PC4カラム、2カラム */
@media (max-width: 750px) {
  .rows ul.col4_2 > li {
    float: left;
    width: 50%;
  }
  .rows ul.col4_2 > li:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 751px) {
  .rows ul.col4_2 > li {
    float: left;
    width: 25%;
  }
  .rows ul.col4_2 > li:nth-chil(4n+1) {
    clear: both;
  }
}
/* PC3カラム、1-2カラム */
@media (max-width: 750px) {
  .rows ul.col3_1-2 > li {
    float: left;
    width: 50%;
  }
  .rows ul.col3_1-2 > li:nth-child(3n+1) {
    width: 100%;
  }
  .rows ul.col3_1-2 > li:nth-child(3n+1) > div {
    width: 50%;
    margin: 0 auto;
  }
}
@media (min-width: 751px) {
  .rows ul.col3_1-2 > li {
    float: left;
    width: 33.3%;
  }
  .rows ul.col3_1-2 > li:nth-child(3n+1) {
    clear: both;
  }
}
/* PC3カラム、2-1カラム */
@media (max-width: 750px) {
  .rows ul.col3_2-1 > li {
    float: left;
    width: 50%;
  }
  .rows ul.col3_2-1 > li:nth-child(3n+0) {
    width: 100%;
  }
  .rows ul.col3_2-1 > li:nth-child(3n+0) > div {
    width: 50%;
    margin: 0 auto;
  }
  .rows ul.col3_2-1 > li:nth-child(3n+1) {
    clear: both;
  }
}
@media (min-width: 751px) {
  .rows ul.col3_2-1 > li {
    float: left;
    width: 33.3%;
  }
  .rows ul.col3_2-1 > li:nth-child(3n+1) {
    clear: both;
  }
}
.scroll {
  overflow: auto;
  white-space: nowrap;
  margin-bottom: 20px;
}
.scroll table {
  width: 100%;
  margin-bottom: 20px;
}
.scroll::-webkit-scrollbar {
  height: 5px;
}
.scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
}
@media (max-width: 750px) {
  .scroll table {
    font-size: 80%;
  }
}


.fl
{
  float:left;
}
.fr
{
  float:right;
}