/*  icon css  --*/
.icon.home {
    background-position: -1px -68px;
    width: 20px;
    height: 21px
}

/* UiTop scroll to top page 
=========================================================*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:30px;
	right:20px;
	overflow:hidden;
	width:37px;
	height:37px;
	border:none;
	text-indent:-999px;
	background:url(../images/icons/totop.png) no-repeat left top;
	filter:alpha(opacity=80); /* IE patch */
	opacity:.8;
}

/* Flex Slider 
=========================================================*/


.slides,.flex-direction-nav{
	list-style: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.flexslider{
	margin:0;padding:0;
}

.flexslider .slides>li{
	display:none;
	-webkit-backface-visibility:hidden;
}

.flexslider .slides img{
	max-width: 100%;
	display: block;
}

.slides:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

.flexslider{
	position:relative;
	zoom:1;
}

.flexslider .slides{
	zoom:1;
}

.flexslider .slides>li{
	position:relative;
}

.flex-container{
	zoom:1;
	position:relative;
  margin: 10px 0;
}

/**** Example Options ****/

/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {	zoom: 1; }

.clearfix2:after { content: ""; display: block;  clear: both;}
.clearfix2 {	zoom: 1; }


/*  Shortcode css
=================================================================================================================================
================================================================================================================================= */

/* Buttons
=========================================================*/
.button {
	display:inline-block;
	margin:8px 10px 8px 0;
	border:none;
	cursor:pointer;
	text-shadow:none !important;
}

.button.small {
	padding: 10px 10px;
}

.button.medium {
	padding: 12px 13px;
}
.button-holiday {
  width: 100%;
  height: 80px;
  border: 3px solid #F2EBB0;
  border-radius: 2px;
  text-align: center;
  margin: 20px 1px 1px 1px;
  background-color: #FFFFCC;
}
.button-side, .button-mside {
  width: 100%;
  height: 35px;
  border-radius: 2px;
  text-align: center;
  margin: 1px;
}
.buttom-mside2 {
	width: 100%;
  height: 70px;
  border: 2px solid #36ccff;
  border-radius: 2px;
  text-align: center;
  margin: 1px;
  background-color: #fff;
}
.button-side:hover {
  background-color: #e6f1ff;
}
.button-side-a {
  display: block;
  padding: 16px 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
.button-mside-a {
  display: block;
  padding: 16px 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
.button-holiday-a {
  display: block;
  padding: 4px 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  text-decoration: none;
}
.button-tmain {
  width: 100%;
  height: 55px;
  border: 3px solid #ffa500;
  border-radius: 2px;
  text-align: left;
  margin: 1px;
  background-color: #f5f5f5;
                  }
.button-tmain-a {
  display: block;
  padding: 8px 0 2px 10px;
  font-size: 15px;
  line-height:16px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
}
p.button-tmain-b {
  padding: 5px 5px 0 20px;
  margin: 0;
  font-size: 14px;
  line-height:18px;
  font-weight:normal;
  color: #464646;
}
.button-mn-side {
  width: 100%;
  height: 100%;
  float: left;
  border: 3px solid #1e90ff;
  border-radius: 3px;
  text-align: left;
  margin: 2px;
  background-color: #f5f5f5;
  padding: 5px 0;
}
.button-tmain2 {
  width: 100%;
  height: 80px;
  border: 3px solid #a9a9a9;
  border-radius: 2px;
  text-align: left;
  margin: 1px;
  background-color: #f5f5f5;
}
p.button-tmain-c {
  display: block;
  padding: 8px 0 2px 5px;
  font-size: 15px;
  line-height:16px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  color: #696969;
}
p.button-tmain-d {
  padding: 5px 5px 0 20px;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal !important;
  color: #696969;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/* Toggle
=========================================================*/
#toggle-view li {
	position:relative;
	cursor:pointer;
	margin-bottom:15px;
}

#toggle-view li h3{
    padding:2px 10px;
}

#toggle-view span.link {
	position:absolute;
	right:10px; 
	top:6px;
}

#toggle-view .panel {
	padding:10px;
	display:none;
}	


/* List Styles
=========================================================*/
.square-list li  {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 15px;
	line-height: 12px;
	font-size: 11px;
	padding-bottom: 3px;
}
.minus-list li {
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 15px;
	line-height: 12px;
	font-size: 11px;
	padding-bottom:10px;
}
.menutop-list li{
  line-height: 25px;
	font-size: 15px;
	font-weight: bold;
  color: #464646;    
}
.menulink-list li{
    line-height: 35px;
	font-size: 16px;
	color: #464646; 
}
.square-list li:hover, .minus-list li:hover {
}
.square-list li {
	background: url(../images/icons/list-icons/square.png) no-repeat;
	background-position: 0 50%;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 22px;
}
.minus-list li { background:url(/images/icons/list-icons/minus.png) no-repeat; background-position:0 50%; }
/* Small & Social Icons
=========================================================*/
/* small icons */
* .icon {
	display:inline-block;
	background:url(../images/icons/icons/icons.png) no-repeat;
	vertical-align:middle;
	margin: -2px 4px 0 0;
}

* .icon.gray {
	background:url(../images/icons/icons/icons-gray.png) no-repeat;
}




/* Breadcrumbs
=========================================================*/
.breadcrumbs {
	padding-top: 5px;
	padding-right: 5px;
	/* [disabled]padding-left: 10px; */
	padding-bottom: 5px;
	/* [disabled]border:1px solid #e5e5e5; */
  
	margin-bottom: 5px;
}

.breadcrumbs li {
	display:inline;
	padding:0 ;
}

.breadcrumbs li b { margin:0 10px; }

/* Tables
=========================================================*/
table {
	width: 100%;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 20px;
	font-size: 9px;
	background-color: #fffff0;
}

table th, table td {
	padding: 11px;
	border: 1px solid #ccc;
	font-weight: normal;
	font-size: 12px;
	line-height: 21px;
  color: #444;
}
table.white {
  background-color: #fff;
}
table.white td {
  border: 0px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
}

table.toitable {
  margin: 10px 0px 20px;  
}

table.toitable td {
  padding: 10px 0px 0px 25px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
  border: 0px;
}
tr .gray {
	background-color: #F3F3F3;
	font-size: 14px;
	line-height: 19px;
}
tr .trtext {
	font-size: 16px;
	line-height: 21px;
}

/*画像と文書を並べて表示時する*/
.fright {
  border: 0;
  width: 300px;
  height: auto;
  float: right;
  margin: 0px 10px 20px 20px;
}
.fright2 {
  border: 0;
  width: 200px;
  height: auto;
  float: right;
  margin: 0px 10px 20px 20px;
}
.yokonarabi2{
    display:flex;
    border: 1px solid #999;
    background: #f2f2f2;
    align-items: center;
    margin: 40 0;
}
.yokonarabi3{
    display:flex;
    justify-content: center;
    align-items: center;
    margin: 40 0;
}
/*影付きボタン */
.shadow_btn01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 150px; /* ボタン幅 */
  height: 2em; /* ボタン高さ */
  background: #fff; /* 背景色 */
  position: relative;
}
.shadow_btn01 span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 1.8em;
  background: #1e90ff; /* 背景色 */
  color: #fff; /* 文字色 */
  font-weight: bold; /* 文字の太さ */
  letter-spacing: 0.1em;
  text-decoration: none;
  box-shadow: 0px 5px 12px #cad4e2, -6px -6px 12px #fff;
  border-radius: 10px;
  position: absolute;
  top: -5px;
  left: 0;
  transition-duration: 0.2s;
}