/*==============================================================
次階層
==============================================================*/

.container2	{
	width: 1200px;
	background:#fff;
	margin: 50px auto 50px auto;

}


.container2	article.wide-s {
	max-width: 75%;
	margin-left: auto;
	margin-right: auto;
}
	

.container2	a{
	color: #000;
}

.container2	p{
	margin: 0 0 1em 0;
	line-height: 1.8;

}


.content2 {
	width: 100%;
}


.photo-cr {
	display: block;
	text-align: right;
	font-size: 0.7em;
	color: rgba(0,0,0,0.5);
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 0px;
}

.fb-info {
	background: #F9FBFB;
	padding: 2em 1em 2em 1em;
	text-align: center;
	
}

.fb-info a{
	color: #4267B2;
	text-decoration: none;
}

.fb-info a:hover{
	color: #4267B2;
	text-decoration: underline;
}


/**/

.ex-box {
	position: relative;
	border: #ddd double 3px;
	padding: 2em;
	margin-top: 40px;
	font-size: 0.9em;
	line-height: 2;
	
}

.ex-box > p:last-child {
  margin-bottom: 0;
}

.ex-box .title{
	position: absolute;
	display: inline-block;
	background: #fff;
	padding: 0.5em 0.5em;
	top: -1.3em;
	left: 0.5em;
	font-weight:bold;
	font-size: 1.2em;
	color: #666;
}
/**/

.ex-box2 {
	position: relative;
	background: #F7F7F7;
	padding: 1em;

	font-size: 1em;
	line-height: 2;
	
}

.ex-box2 > p:last-child {
  margin-bottom: 0;
}


/**/


body.wide #breadlist ul {
	list-style: none;
	max-width:1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}



/* タイトル */

.main-title {
	font-size:1.5em;
	letter-spacing:0.1em;
	font-weight:bold;
	color:#333;
	display:inline-block;
	position:relative;

}

.main-title:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    border-bottom: 6px solid rgba(0,0,0,0.08);
	transition:all 0.3s;
}

.sub-title {
	font-size:1.3em;
	letter-spacing:0.05em;
	font-weight:bold;
	color:#333;
	margin-bottom:20px;
	margin-top: 80px;
	line-height: 1.5;
}

.sub-title:first-of-type {
	margin-top: 50px; 
}

.sub-title2 {
	font-size:1.1em;
	font-weight:bold;
	color:#666;
	margin-bottom:10px;
	margin-top: 30px;
}


/* ボタン */

a.btn-detail-new {
    display: inline-block;
    position: relative;
	color:#000;
	text-decoration:none;
}

a.btn-detail-new:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    border-bottom: 2px solid #333;
	transition:all 0.3s;
}


a.btn-detail-new:hover {
	color:#666;
	transition:all 0.3s;
}

a.btn-detail-new:hover:after {
    border-bottom: 2px solid #666;	
}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.container2	{
	max-width: 100%;
	background:#fff;
	margin: 20px auto 30px auto;

}
	
body.birth-top .container2{
	margin-top: 0;
}	
	
	
.container2	article {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
.container2	article.wide {
	max-width: 100%;
}
	
.container2	article.wide-s {
	max-width: 90%;
}

/**/
.ex-box .title{
	position: absolute;
	display: inline-block;
	background: #fff;
	margin: 0 15px 0 15px;
	padding: 0.5em 0.5em;
	top: -1.5em;
	left: 0em;
	font-weight:bold;
	font-size: 1.1em;
	color: #666;
}

body.wide #breadlist ul {
	width: 95%;

}
	
	
/* タイトル */	
.main-title {
	font-size:1.4em;
	letter-spacing:0em;
	font-weight:bold;
	color:#333;
	display:inline-block;
	position:relative;
	margin-bottom:0px;
	line-height: 1.5;
}

	
.sub-title {
	font-size:1.2em;
	letter-spacing:0.05em;
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
	margin-top: 50px;
}
	
.sub-title:first-of-type {
	margin-top: 30px;
}
	
	
	



}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {
	
.container2	{
	max-width: 95%;
	margin: 30px auto 30px auto;
}
	
	
.container2	article.wide-s {
	max-width: 95%;
}

 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
	
.container2	{
	max-width: 95%;
}
	
.container2	article.wide-s {
	max-width: 95%;
}	
	
	
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}


/*==============================================================
出産・分娩
==============================================================*/


.lead-main {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.7em;
	font-weight:bold;
	margin: 0 0 1em 0;
}


/* メニューリスト */
.top-menu-bg {
	background: url(../../shussan/img_index/pic_bg.jpg) no-repeat bottom;
	background-size:cover;
	padding: 110px 0 60px 0;
	margin: 0px 0 0 0;
}


.top-menu-bg ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	width: 90%;
	margin: 0 auto 0 auto;
}

.top-menu-bg ul li{
	flex-basis:30%;
	margin: 0 1.5% 3% 1.5%;
}

/* Firefox */
@-moz-document url-prefix() {
	.top-menu-bg ul li{
	margin-bottom:45px;
	}
}

/* IE,Edge */
.top-menu-bg ul li:not(:target) {
margin-bottom: 45px; /* IE9, IE10, \9を消せばIE11も適応 */
}

.top-menu-bg ul li a{
  position: relative;
  display:block;
	font-size:1.2em;
	background:rgba(255,255,255,0.85);
	text-decoration:none;
	color:#333;
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
	transition:all 0.3s;
}

.top-menu-bg ul li a:hover{
	background:rgba(255,255,255,0.95);
	transition:all 0.3s;
}

.top-menu-bg ul li a::before,
.top-menu-bg ul li a:after {
  position: absolute;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: rgba(0,0,0,0.5);
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top-menu-bg ul li a:before {
  top: 0;
}
.top-menu-bg ul li a:after {
  bottom: 0;
}
.top-menu-bg ul li a:hover:before,
.top-menu-bg ul li a:hover::after {
  width: 100%;
}

/* みなさんの妊娠・出産エピソード */

.voice-list {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 0 auto;
}

.voice-list li{
	display: flex;
	width: 100%;
	margin:0 auto 50px auto;
	text-align: center;
	justify-content: center;
}

.voice-list li img a{
	display: block;
	text-align: center;
}

.voice-list li img{
	display: block;
	max-width: 100%;
/*
	box-shadow: 0px 0px 7px  rgba(0,0,0,0.2);
	border-radius: 5px;
*/
}


/* フッター固定 */

.voice-link-fix {
	position:fixed;
	bottom:32%;
	right: 0;
	z-index:5000;
	background:rgba(0,0,0,0);

/*	padding: 20px 10px 20px 10px; */
	font-size: 90%;
	
	-webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	
	} 

.voice-link-fix a{
	display: inline-block;
	text-decoration: none;
	background: #FF8B41;
	padding: 15px 15px 15px 15px;
	color: #fff;
	letter-spacing: 0.1;
/*	border-radius: 6px; */
	transition: all 0.3s;
}


.voice-link-fix a:hover{
	transition: all 0.3s;
	background: rgba(255,139,65,0.7);
/*	border-radius: 6px; */
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

	
.lead-main {
	font-size:1.5em;
	font-weight:bold;
	margin: 0 0 1em 0;
}
	
/* メニューリスト */
.top-menu-bg {
	background: url(../../shussan/img_index/pic_bg.jpg) no-repeat right;
	background-size:cover;
	padding: 50px 0 30px 0;
	margin: 0px 0 0 0;
}


.top-menu-bg ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 95%;
	margin: 0 auto 0 auto;
}

.top-menu-bg ul li{
	flex-basis:48%;
	margin: 0 0% 0% 0%;
	margin-bottom:4%!important;
}

.top-menu-bg ul li a{
  position: relative;
  display:block;
	font-size:0.9em;
	background:rgba(255,255,255,0.85);
	text-decoration:none;
	color:#333;
	text-align:center;
	padding: 18px 3px 18px 3px;
}

.top-menu-bg ul li a::before,
.top-menu-bg ul li a:after {
  content: none;
}

	
/* みなさんの妊娠・出産エピソード */

.voice-list {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 0 auto;
	width: 100%;
}	

.voice-list li{
	flex-basis: 100%;
	margin: 0 0 10% 0;
	text-align: center;
}
	
	
/* フッター固定 */	
.voice-link-fix {
	position:fixed;
	bottom:13px;
	width: 100%;
	z-index:5000;
	background:rgba(0,0,0,0);
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: center;
    writing-mode:horizontal-tb;
	} 	

.voice-link-fix a{
	display: inline-block;
	text-decoration: none;
	background: #FF8B41;
	padding: 12px 15px 12px 15px;
	color: #fff;
	border-radius: 6px; 
	transition: all 0.3s;
	font-size: 1em;
}	
	
	
}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

/* メニューリスト */
.top-menu-bg {
	background: url(../../shussan/img_index/pic_bg.jpg) no-repeat right;
	background-size:cover;
	padding: 60px 0 30px 0;
	margin: 30px 0 0 0;
}


.top-menu-bg ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 95%;
	margin: 0 auto 0 auto;
}

.top-menu-bg ul li{
	flex-basis:48%;
	margin: 0 0% 0% 0%;
	margin-bottom:4%!important;
}

.top-menu-bg ul li a{
  position: relative;
  display:block;
	font-size:0.9em;
	background:rgba(255,255,255,0.85);
	text-decoration:none;
	color:#333;
	text-align:center;
	padding: 20px 5px 20px 5px;
}
	
/* みなさんの妊娠・出産エピソード */
.voice-list {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 0 auto;
	width: 100%;
}

.voice-list li{
	flex-basis: 100%;
	margin: 0 0 20px 0;
	text-align: center;
}
	
	
 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/* みなさんの妊娠・出産エピソード */
.voice-list {
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 0 auto;
	width: 100%;
}

.voice-list li{

	margin: 0 0 20px 0;
	text-align: center;
}



/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}


/*==============================================================
外来について
==============================================================*/

/* 診療時間表 */

.table-time2 {
	width:100%;
	font-size:0.9em;
	margin-bottom:20px;
	background:#fff;
	border-bottom: #ccc solid 1px;
	}


.table-time2 th{
/*	background: #FFE7D4; */
	background: #F7F7F7;
	font-weight:bold;
	color: #666;
/*
	border-right: #fff 1px solid;
	border-left: #fff 1px solid;
*/
	border-bottom: #ccc solid 1px;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 5px;
	text-align: center;
	white-space: nowrap;
}

.table-time2 tr{
/* border-top:#FF8B41 solid 1px; */
   border-bottom:#ccc solid 1px;
}

.table-time2 td{
	padding: 5px;
	text-align:center;
	white-space:normal;
	line-height: 1.8;
	}
	
.table-time2 .exp {
	color:rgba(255,139,65,1.00);
}

.table-time2 .active {
	/*background:rgba(255,241,229,1.00); */
	background: #fff;
}




/* トップ外来一覧 */


.top-gairai-menu-bg {
	background: url(../../gairai/img_index/pic_bg.jpg) no-repeat top;
	background-size:cover;
	padding: 110px 0 60px 0;
	margin: 50px 0 0 0;
}

.top-gairai-menu-bg ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 90%;
	margin: 0 auto 0 auto;
}

.top-gairai-menu-bg ul li{
	flex-basis:30%;
	margin-bottom:3%;
	background:rgba(255,255,255,0.85);
	
}

/* Firefox */
@-moz-document url-prefix() {
	.top-gairai-menu-bg ul li{
		display: flex;
		align-items: center;
		
	margin-bottom:45px;
	}
}

/* IE,Edge */
.top-gairai-menu-bg ul li:not(:target) {
margin-bottom: 45px; /* IE9, IE10, \9を消せばIE11も適応 */
}

.top-gairai-menu-bg ul li a{
  position: relative;
  display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.2em;

	text-decoration:none;
	color:#333;
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
	transition:all 0.3s;
	height: 100%;
}

.top-gairai-menu-bg ul li a:hover{
	background:rgba(255,255,255,0.95);
	transition:all 0.3s;
}

.top-gairai-menu-bg ul li a::before,
.top-gairai-menu-bg ul li a:after {
  position: absolute;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: rgba(0,0,0,0.5);
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top-gairai-menu-bg ul li a:before {
  top: 0;
}
.top-gairai-menu-bg ul li a:after {
  bottom: 0;
}
.top-gairai-menu-bg ul li a:hover:before,
.top-gairai-menu-bg ul li a:hover::after {
  width: 100%;
}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

/* メニューリスト */
.top-gairai-menu-bg {
	background: url(../../gairai/img_index/pic_bg.jpg) no-repeat right;
	background-size:cover;
	padding: 60px 0 30px 0;
	margin: 30px 0 0 0;
}


.top-gairai-menu-bg ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 95%;
	margin: 0 auto 0 auto;
}

.top-gairai-menu-bg ul li{
	flex-basis:48%;
	margin-bottom:4%!important;
}

.top-gairai-menu-bg ul li a{
  position: relative;

	font-size:0.9em;
	text-decoration:none;
	color:#333;
	text-align:center;
	padding: 20px 5px 20px 5px;
}

.top-gairai-menu-bg ul li a::before,
.top-gairai-menu-bg ul li a:after {
  content: none;
}
	
	
/* 診療時間表 */
.table-time2 td{
	white-space: nowrap;
	padding: 5px 5px 5px 5px;
	text-align:center;
	line-height: 1.8;
	}
	

}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

/* メニューリスト */
.top-gairai-menu-bg {
	padding: 60px 0 30px 0;
	margin: 30px 0 0 0;
}


.top-gairai-menu-bg ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 95%;
	margin: 0 auto 0 auto;
}

.top-gairai-menu-bg ul li{
	flex-basis:48%;
	margin-bottom:4%!important;
}

.top-gairai-menu-bg ul li a{
  position: relative;

	font-size:0.9em;
	text-decoration:none;
	color:#333;
	text-align:center;
	padding: 20px 5px 20px 5px;
}
	
	
 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}





/*==============================================================
病院年報
==============================================================*/

.table-data {
	width:100%;
	margin: 30px 0 30px 0;
}


.table-data th{
	background:#F7F7F7;
	font-weight:normal;
	border:#ccc 1px solid;
	white-space: nowrap;

	padding:8px;
	text-align: center;
}

.table-data td{
	border:#ccc 1px solid;
	padding:8px;
	white-space: nowrap;
	text-align: center;
	}


.td-small {
	font-size: 0.8em;
}

.td-small th{
	padding:4px;
}

.td-small td{
	padding:4px;
}

/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}

/*==============================================================
婦人科
==============================================================*/

.space-price {
	display: inline-block;
	width: 107px;
	
}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.space-price {
	display: none;
	
}
	

}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}

	
/*==============================================================
産後ケア
==============================================================*/


/* メニューリスト */
.top-menu-bg-care {
	background: url(../../sango_care/img_index/pic_bg.jpg) no-repeat bottom;
	background-size:cover;
	padding: 110px 0 110px 0;
	margin: 60px 0 0 0;
}

body.feature .top-menu-bg-care {
	background: url(../../sango_care/img_index/pic_bg_feature.jpg) no-repeat bottom;
	background-size:cover;
}

body.shortstay_daycare .top-menu-bg-care {
	background: url(../../sango_care/img_index/pic_bg_shortstay_daycare.jpg) no-repeat bottom;
	background-size:cover;
}

body.expense .top-menu-bg-care {
	background: url(../../sango_care/img_index/pic_bg_expense.jpg) no-repeat bottom;
	background-size:cover;
}


.top-menu-bg-care ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 90%;
	margin: 0 auto 0 auto;
}

.top-menu-bg-care ul li{
	flex: auto;
	margin-bottom:0%;
	margin-left: 1.5%;
	margin-right: 1.5%;
}



/* Firefox
@-moz-document url-prefix() {
	.top-menu-bg-care ul li{
	margin-bottom:45px;
	}
}

/* IE,Edge 
.top-menu-bg-care ul li:not(:target) {
margin-bottom: 45px; 
}
*/

.top-menu-bg-care ul li a{
  position: relative;
  display:flex;
	align-items: center;
	justify-content: center;
	font-size:1.2em;
	background:rgba(255,255,255,0.85);
	text-decoration:none;
	color:#333;
	text-align:center;
	padding-top:60px;
	padding-bottom:60px;
	transition:all 0.3s;
	height: 100%;
}

.top-menu-bg-care ul li a:hover{
	background:rgba(255,255,255,0.95);
	transition:all 0.3s;
}

.top-menu-bg-care ul li a::before,
.top-menu-bg-care ul li a:after {
  position: absolute;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: rgba(0,0,0,0.5);
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top-menu-bg-care ul li a:before {
  top: 0;
}
.top-menu-bg-care ul li a:after {
  bottom: 0;
}
.top-menu-bg-care ul li a:hover:before,
.top-menu-bg-care ul li a:hover::after {
  width: 100%;
}


/**/

.table-stay {
	width:100%;
	margin: 0 0 20px 0;
}


.table-stay th{
	color: #333;
	font-weight:bold;
	border:#eee 1px solid;
	border-right:none;
	border-left:none;
	padding:10px 30px 10px 10px;
	text-align: left;
	white-space: nowrap;
	width: 20%;
}

.table-stay td{
	border:#eee 1px solid;
	padding:10px;
	border-right:none;
	border-left:none;
	}



/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

	
/* メニューリスト */
.top-menu-bg-care {
	background: url(../../sango_care/img_index/pic_bg.jpg) no-repeat right;
	background-size:cover;
	padding: 30px 0 30px 0;
	margin: 30px 0 0 0;
}


.top-menu-bg-care ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 95%;
	margin: 0 auto 0 auto;
}

.top-menu-bg-care ul li{
	flex-basis:100%;
	margin-bottom:4%;
}
	
.top-menu-bg-care ul li:last-child{
	margin-bottom:0%;
}

.top-menu-bg-care ul li a{
  position: relative;

	font-size:0.9em;
	background:rgba(255,255,255,0.85);
	text-decoration:none;
	color:#333;
	text-align:center;
	padding: 20px 5px 20px 5px;
}

.top-menu-bg-care ul li a::before,
.top-menu-bg-care ul li a:after {
  content: none;
}

}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

/* メニューリスト */
.top-menu-bg-care {
	background: url(../../sango_care/img_index/pic_bg.jpg) no-repeat right;
	background-size:cover;
}


.top-menu-bg-care ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 95%;
	margin: 0 auto 0 auto;
}

.top-menu-bg-care ul li{
	flex-basis:48%;
	margin-bottom:4%!important; 
}

.top-menu-bg-care ul li a{
  position: relative;
	font-size:0.9em;
	background:rgba(255,255,255,0.85);
	text-decoration:none;
	color:#333;
	text-align:center;
	padding: 20px 5px 20px 5px;
}
	
	
 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}
	
	
/*==============================================================
診察のご予約について
==============================================================*/


.title-reservation {
	margin: 70px 0 0 0;

}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.title-reservation {
	margin: 30px 0 0 0;
}

	
}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}



/*==============================================================
サブメニュー
==============================================================*/

.gairai-sub-nav {
	margin: 50px 0 0 0;
}

.gairai-sub-nav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	
	
}

.gairai-sub-nav ul li{
	display: flex;
	flex-basis: 33.33%;
	align-self: stretch;
	align-items: center;

}

.gairai-sub-nav ul li a{
	display:flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	text-decoration: none;
	background: rgba(0,0,0,0.05);
	border-bottom: #fff solid 1px;
	border-right: #fff solid 1px;
	font-size: 0.9em;
	padding: 0.8em  0.8em;
	height: 100%;
	width: 100%;
	transition: all 0.3s;
}

.gairai-sub-nav ul li a:hover{
	text-decoration:none;
	background: rgba(0,0,0,0.1);
	transition: all 0.3s;
}

.gairai-sub-nav ul li a br{
	display: none;
	}


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {

.gairai-sub-nav ul li{
	display: flex;
	flex-basis: 50%;
	align-self: stretch;
	align-items: center;
}
	
.gairai-sub-nav ul li a{
	font-size: 1em;
	padding: 0.8em  0.2em;
	}
	
.gairai-sub-nav ul li a br{
	display: block;
	}

}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}

/*==============================================================

==============================================================*/


/* SP用　599px以下: デフォルト */
@media (max-width: 599px) {


}
	
/*タブレット用 600px以上 959 未満*/
@media (max-width: 959px) and (min-width: 600px) {

 }

 /* 960px以上 1199px 未満*/
@media (max-width: 1199px) and (min-width: 960px) {
}


/*PC用 1281px以上 */
@media (min-width: 1281px) {
	
}