@charset "utf-8";

/* 2016-03-20 共通スタイル追加 */
.pc { display: block; }
.sp { display: none; }
.pc-inblock { display: inline-block; }

section#contents_wrapper {
	box-sizing: border-box;
	padding: 5px 10px;
}

.endoscopy {
	line-height: 1.6;
}

/* TOPページのセレクトボックスのスタイル */
.topSelectWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin: 3em auto;
	width: auto;
}

.topSelectInner {
    border: #DDD solid 1px;
    box-sizing: border-box;
    margin: 1em auto;
    padding: 2em 1em;
    width: 45% !important;
}

.topSelectImgBox {
	width: auto;
}

.topSelectImgBox img {
	display: block;
	width: 100%;
}

/* --- これまでのスタイルを上書き --- */
.new-section-h3 {
	font-size: 100% !important;
	padding: 8px 0 !important;
}

ul.access_box li {
	border: none !important;
}

.acs_sub {
	color: #228b22 !important;
	font-size: 160% !important;
}

.sub_res_text {
   	margin: 0 auto 1em auto;
	padding: 0 5%;
	width: 100%;
}

/* --- テキストのスタイル追加 --- */
.fwB {
	font-weight: bold;
}

.fsize110 {
	font-size: 110%;
}

.fsize120 {
	font-size: 120%;
}

.taC {
	text-align: center;
}

.taR {
	text-align: right;
}

.taL {
	text-align: left;
}

.tRed {
	color: #ff0000;
}

.tBlack {
	color: #333333;
}

.tsbig{
	transform: scale(1.3);
	margin-right: 8px;
}

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }

/* disc付きリスト */
ul.discList {
	margin: 0 auto;
	width: 100%;
}

ul.discList li {
	display: list-item;
	margin-left: 25px;
	list-style-type: disc;
}

/* --- シャトルバス運行表部分 --- */
.busTableAllWrap {
	margin: 10px auto;
	text-align: center;
	width: 100%;
}

.busTableInner {
	display: inline-block;
	margin: 0 auto 10px auto;
	min-width: 290px;
	text-align: left;
	width: 49%;
}

.busTableTitle {
	background-color: #fffaf0;
	border: 2px solid #F27D99;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 4px auto;
	padding: 0 0 5px 0;
}

table.freeBusTable {
	border: 2px solid #F27D99;
	width: 100%;
}

table.freeBusTable th {
	border-bottom: 4px double #F27D99;
	font-size: 12px;
	padding: 5px;
	text-align: center;
}

table.freeBusTable td {
	border-bottom: 1px solid #ccc;
	padding: 5px;
	text-align: center;
}

table.freeBusTable td.wd1 {
	width: 1%;
	font-size: 10px;
	word-break: break-all;
}

table.freeBusTable td.wd2 {
	width: 26%;
	font-size: 18px;
	font-weight: bold;
	word-break: break-all;
}

ul.freeBusInList,
ul.accInList,
ul.accDiscInList {
	margin: 0 auto;
	width: 100%;
}

ul.freeBusInList li,
ul.accInList li,
ul.accDiscInList li {
	border:none;
}

ul.accDiscInList li {
	display: list-item;
	margin-left: 25px;
	list-style-type: disc;
}

.accessMapLink {
	margin: 30px auto;
	text-align: center;
	width: auto;
}

.accessMapLink a {
	background-color: #F27D99;
	border-radius: 25px;
	color: #fff;
	display: block;
	padding: 10px;
	text-decoration: none;
}

/* -------------------------------------------------
アクセスマップページ用スタイル追加
-------------------------------------------------- */
.mapContentsWrap {
	margin: 0 auto 20px auto;
	width: auto;
}

.mapContentsWrap img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	width /***/:auto; /* for ie8 */
}

/* 2016-04-25 アクセスマップタブ切替　*/
/* タブ部分 */
ul#accessTab {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	display: table;
	margin: 20px auto 10px 0;
	table-layout: fixed;
	width: 100%;
}

ul#accessTab li {
	background-color: #fff;
	border-right: 1px solid #ccc;
	color: #333;
	cursor: pointer;
	display: table-cell;
	list-style-type: none;
	padding: 15px 0;
	text-align: center;
}

ul#accessTab li.select {
	background-color: #ff69b4;
	color: #fff;
}

.accTriangle {
	display: inline-block;
	font-size: 10px;
	vertical-align: top;
	margin-left: 10px;
}

/* アクセスマップコンテンツ部 */
ul#accessCont {
	margin: 0 auto 20px auto;
	width: 100%;
}

ul#accessCont li {
	display: none;
	list-style-type: none;
	margin: 0 auto;
	width: 100%;
	min-height: 250px;
	max-height: 800px;
}

ul#accessCont li.selCont {
	display: block;
}

/* 2018-12-03 t.shinno googlemap Iframe add */
ul#accessCont li #google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 63.03%; /* 834÷1323×100 */
    overflow: hidden;
}
ul#accessCont li #google-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*2018-03-09 add 総合エントランス用スタイル------------------*/
/*overall_header*/
.overall header#header_detail{
	width:100%;
	margin-bottom:10px;
}
.overall header #header_logo_detail{
	float:none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding-left:0;
}
.overall header #header_logo_detail img{
    margin: 0 2em;
}
.overall .new-section-h1{
    color: #666;
    font-size:1.4em;
}
/*overall_footer*/
.overall footer{
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
	width:100%;
}
.overall footer div{
    box-sizing: border-box;
    text-align: center;
	width:50%;
    padding: 1em;
}
.overall footer div#hospital{
    background-color: #E3F2F1;
}
.overall footer div#birth{
    background-color: #FEE4DC;
}
.overall footer div#hospital h4{
    color: #40B7B0;
}
.overall footer div#birth h4{
    color: #FC437A;
}

.sp-space {
	display: inline-block;
	padding-right: 1em;
}

.overall footer span.copy{
    display: block;
    text-align: center;
    margin: 2em;
    width: 100%;
}

/*oerall_index*/
/* TOPページのセレクトボックスのスタイル */
.overallWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 3em auto;
	text-align: center;
	width: auto;
}
.overall .Inner {
    border-radius: 4px;
	margin: 1em 2em;
	max-width: 304px;
	padding: 10px;
	width: auto;
}
.overall .Inner#hospital {
    background-color: #E3F2F1;
}
.overall .Inner#birth {
    background-color: #FEE4DC;
}
.overall .Inner h3{
    padding: 1em;
    font-size: 1.2em;
}
.overall .Inner#hospital h3{
    color: #40B7B0;
}
.overall .Inner#birth h3{
    color: #FC437A;
}
.overall .Inner p{
    padding: 1em;
}
.overall .ImgBox {
	width: auto;
}
.overall .ImgBox img {
	display: block;
    opacity: 1;
	width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.overall .ImgBox img:hover {
    opacity: .8;
}
.overall .Inner a.btn {
    border-radius: 4px;
    box-sizing: border-box;
    color: #FFF;
    display: block;
    margin: 1em 2em;
    padding: .5em;
    text-align: center;
    width: auto;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.overall .Inner a.btn::after{
    content:"\f078";
    font-family: FontAwesome;
    display: block;
    text-align: center;
}
.overall .Inner#hospital a.btn {
    background-color:#40B7B0;
}
.overall .Inner#birth a.btn {
    background-color:#FC437A;
}
.overall .Inner#hospital a.btn:hover {
    background-color:#7BD1CC;
}
.overall .Inner#birth a.btn:hover {
    background-color:#F27D99;
}

/*湘南鎌倉総合病院----------------*/
/*header*/
.hospital h1.new-section-h1{
    color: #40B7B0;
    font-size: 1.4em;
}
/*footer*/
.hospital footer{
    background-color: #E3F2F1;
	width:100%;
}
.hospital footer h4{
    color: #40B7B0;
}

/*
.hospital footer span.copy{
    display: block;
    text-align: center;
    margin: 2em;
    width: 100%;
}
*/
/* 2018-03-16 修正 */
.hospital footer span.copy{
    display: block;
    text-align: center;
    /* margin: 2em; */
	margin: 2em auto 1em auto;
    width: 100%;
}


/*予約ページエントランス*/
.hospital .topSelectInner{
    background: url(../images/bnr_class.png) no-repeat top center;
    background-size: cover;
    border: #FFCC66 solid 3px;
    box-sizing: border-box;
    margin: 1em auto;
    padding: 1em;
    width: 45% !important;
}

/*予約ページエントランス*/
.hospital .topSelectInner#pcr{
    background: url(../images/bnr_pcr.png) no-repeat top center;
    background-size: cover;
    border: #FFCC66 solid 3px;
    box-sizing: border-box;
    margin: 1em auto;
    padding: 1em;
    width: 45% !important;
}
.hospital .topSelectImgBox{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
	height: 150px; /* add */
}
.hospital .topSelectImgBox h3{
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    color: #40B7B0;
	padding-top: 1.5em; /* add */
	text-shadow: 2px 0 1px #fff; /* add */
}
/*
.hospital .topSelectImgBox h3::after{
    content:"\f078";
    font-family: FontAwesome;
    display: block;
    text-align: center;

}
*/

.hospital .topSelectInner .btn-box{
    display: flex;
    justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
}
.hospital .topSelectInner .btn-box li{
	margin: 1em auto 0 auto;
	width: 45%;
}
.hospital .topSelectInner .btn-box li a{
    background-color: #40B7B0;
    border-radius: 4px;
	box-sizing: border-box;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 1em 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*
.hospital .topSelectInner .btn-box{
    display: flex;
    justify-content: space-between;
}
.hospital .topSelectInner .btn-box li{
    width: 40%;
    margin: 1em auto;
}
.hospital .topSelectInner .btn-box li a{
    background-color: #40B7B0;
    border-radius: 4px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
*/

.hospital .topSelectInner .btn-box li a i{
    font-size: 1.5em;
    padding-right: .25em;
}
.hospital .topSelectInner .btn-box li a:hover{
    background-color: #7BD1CC;
}
@media screen and (max-width: 480px){
    .hospital .topSelectInner{
        width: 90% !important;
    }

}
/*各ページタイトル部*/
.hospital section#title1{
	background:#7BD1CC !important;
	margin:1em auto;
	padding:0;
}
.hospital section#title1 h2{
    color: #FFF;
    font-size: 1.2em;
    padding: 1em;
    text-align: center;
}

/*ページ内ボタン（大）*/
.hospital ul.sel_action_subpage {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	list-style: none;
	margin: 0;
	width: 100%;
}
.hospital ul.sel_action_subpage li {
	display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    margin: 1em auto;
	padding: 1em;
	text-align: center;
    width: 45%;
}
.hospital .sel_action_box {
	background-image:none;
	width: 100%;
}
.hospital div.sel_action_box p {
	font-size: 1.2em;
    font-weight: bold;
	padding: 1em;
	text-shadow:none;
}
.hospital div.sel_action_box p span {
    display: block;
	font-size: .84em;
    font-weight: normal;
    padding: .5em;
}
.hospital div.sel_action_box p a {
    background-color: #E3F2F1;
	border-radius: 10px;
	color: #40B7B0;
	display: block;
	padding:1em 0 1em 0;
	text-decoration: none;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.hospital div.sel_action_box p a:hover {
    background-color: #7BD1CC;
	color: #FFF;
}


/*湘南鎌倉バースクリニック----------------*/
/*header*/
.birth h1.new-section-h1{
    color: #008a65;
    font-size: 1.4em;
}
/*footer*/
.birth footer{
    background-color: #EEEEEE;
	width:100%;
}
.birth footer h4{
	color: #008a65;
}

.birth footer span.copy{
    display: block;
    text-align: center;
    margin: 2em 0;
    width: 100%;
}

/*
.birth footer span.copy{
    display: block;
    text-align: center;
    margin: 2em;
    width: 100%;
}
*/

/*予約ページエントランス*/
.birth .topSelectInner{
    border: #66CDAA solid 3px;
    box-sizing: border-box;
    /*margin: 1em auto;*/
/*    margin: 25px;*/
    padding: 1em;
    width: 45% !important;
	height: 100%; /* for IE */
}

.birth .topSelectInner#outpatient{
    background: url(../images/bnr_outpatient.png) no-repeat top center;
    background-size: cover;
}
.birth .topSelectInner#outpatient-2,
.birth .topSelectInner#outpatient-3{
    background: url(../images/bnr_digestive.png) no-repeat top center;
    background-size: cover;
}
.birth .topSelectInner#class{
    background: url(../images/bnr_class.png) no-repeat top center;
    background-size: cover;
}
.birth .topSelectInner#director01{
    background: url(../images/bnr_director01.png) no-repeat top center;
    background-size: cover;
}
.birth .topSelectInner#director02{
    background: url(../images/bnr_director02.png) no-repeat top center;
    background-size: cover;
}
.birth .topSelectImgBox{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
	height: 150px; /* add */
}
.birth .topSelectImgBox h3{
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    color: #fff;
	padding-top: 1.5em; /* add */
	text-shadow: 2px 0 1px black/* add */
}
.birth .topSelectInner .btn-box{
    display: flex;
    justify-content: space-between;
}
.birth .topSelectInner .btn-box li{
    width: 40%;
    margin: 1em auto;
}
.birth .topSelectInner .btn-box li a{
    background-color: #008a65;
    border-radius: 4px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5em;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.birth .topSelectInner .btn-box li a i{
    font-size: 1.5em;
    padding-right: .25em;
}
.birth .topSelectInner .btn-box li a:hover{
    background-color: #18c99a;
}
/*予約ページエントランス（イラストVer）----------------------*/
/* 写真なしの場合-胃カメラ */
.birth .topSelectInner#stomach{
    background-color: #00AC9A;
	border: none;
}
.birth .topSelectInner#stomach h3::before{
   content: url(../images/ico_stomach.png);
    vertical-align: middle;
    padding-right: 20px;
}
/* 写真なしの場合-消化器専門外来 */
.birth .topSelectInner#digestive{
    background-color: #008a65;
	border: none;
}
.birth .topSelectInner#digestive h3::before {
    content: url(../images/ico_digestive.png);
    vertical-align: middle;
    padding-right: 20px;
}

/* 写真なしの場合-IBD*/
.birth .topSelectInner#ibd{
    background-color: #CC882F;
	border: none;
}
.birth .topSelectInner#ibd h3::before {
    content: url(../images/ico_ibd.png);
    vertical-align: middle;
    padding-right: 20px;
}

.birth .topSelectInner#stomach .btn-box li a,
.birth .topSelectInner#digestive .btn-box li a,
.birth .topSelectInner#ibd .btn-box li a{
    background-color: #FFF;
    color: #008a65;
}
.birth .topSelectInner#stomach .btn-box li a:hover,
.birth .topSelectInner#digestive .btn-box li a:hover,
.birth .topSelectInner#ibd .btn-box li a:hover{
	opacity: .7;
}



@media screen and (max-width: 480px){
    .birth .topSelectInner{
        width: 90% !important;
    }
}
/*各ページタイトル部*/
.birth section#title1{
	background:#008a65 !important;
	margin:1em auto;
	padding:0;
}
.birth section#title1 h2{
    color: #FFF;
    font-size: 1.2em;
    padding: 1em;
    text-align: center;
}

/*ページ内ボタン（大）*/
.birth ul.sel_action_subpage {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	list-style: none;
	margin: 0;
	width: 100%;
}
.birth ul.sel_action_subpage li {
	display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    margin: 1em auto;
	padding: 1em;
	text-align: center;
    width: 45%;
}
.birth .sel_action_box {
	background-image:none;
	width: 100%;
}
.birth div.sel_action_box p {
	font-size: 1.2em;
    font-weight: bold;
	padding: 1em;
	text-shadow:none;
}
.birth div.sel_action_box p span {
    display: block;
	font-size: .84em;
    font-weight: normal;
    padding: .5em;
}
.birth div.sel_action_box p a {
    background-color: #D1F5FD;
	border-radius: 10px;
	color: #008a65;
	display: block;
	padding:1em 0 1em 0;
	text-decoration: none;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.birth div.sel_action_box p a:hover {
    background-color: #008a65;
	color: #FFF;
}

/* 2018/03/20 add */
footer span.sp-tel {
	padding-left: 1.5em;
}


/* -------------------------------------------------
あきる台病院 健診予約 
-------------------------------------------------- */
/* 健康保険選択------------------------------------ */
#contents_wrapper.insurance{}
#contents_wrapper.insurance .btn_wrap{
    background-color:rgba(0,138,101,.15);
    display: flex;
    justify-content: space-around;
    padding: 2rem;
}
#contents_wrapper.insurance .btn_wrap .btn{
    width: 30%;
}
#contents_wrapper.insurance .btn_wrap .btn a{
    align-items: center;
    background-color: rgba(255,255,255,1.00);
    border: rgba(0,138,101,1.00) solid 2px;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    height: 100%;
    justify-content: center;
    padding: 2rem 1rem;
    text-decoration: none;
    width: 100%;
}
#contents_wrapper.insurance .btn_wrap .btn a span{
    display: block;
    font-size: 1rem;
}

/* コース選択------------------------------------ */
#contents_wrapper.course{}
/* コース選択：コース詳細テーブル - 共通 ------------------- */
.sel-details-in {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}
.sel-details-in .dtl-box {
    border: 1px solid #008a65;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 0 1rem;
    padding: 1rem;
    width: calc( 50% - .5rem);
}
.sel-details-in .dtl-box.on {
    background-color: rgba(0,138,101,.10);
    border: 1px solid #008a65;
}
.sel-details-in .dtl-box dl {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}
.sel-details-in .dtl-box dl dt ,
.sel-details-in .dtl-box dl dd {}
/* コース選択：コース詳細テーブル - コース名 ------------------- */
.sel-details-in .dtl-box dl dt h2 {
    color: #333;
    font-size: 1.143em;
}
/* - ラジオボタン */
.sel-details-in .dtl-box dd label {
    background-color: rgba(0,138,101,1.00);
    border-radius: 8px;
    color: #fff;
    margin-bottom: 14px;
    padding: 0
}
.sel-details-in .dtl-box dd input[type="radio"] {
    display: none;
}
.sel-details-in .dtl-box dd input[type="radio"] + span {
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 8px 12px;
    border-radius: 5px;
    background-color: #008a65;
    vertical-align: middle;
    cursor: pointer;
}
.sel-details-in .dtl-box dd input[type="radio"] + span::after,
.sel-details-in .dtl-box dd input[type="radio"] + span::before {
    content: none;
}
.sel-details-in .dtl-box dd input[type="radio"]:checked + span::before {
    font-family: FontAwesome;
	content : "\f00c";
    display: inline-block;
    position: inherit;
        top: inherit;
        left: inherit;
    transform: none;
    margin-right: 10px;
}
/* コース選択：オプションテーブル - 共通 ------------------- */
.option-table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    width: 100%;
}
.option-table th ,
.option-table td {
    padding: .5rem;
    border: solid 1px #666;
}
.option-table th {
    background-color: #F2FDFF;
}
.option-table td {
    text-align: left;
}
/* コース選択：オプションテーブル - ヘッダ ------------------- */
.option-table thead tr th {
    background-color: #D1F5FD;
}
.option-table thead tr th.type {
    width: 25%;
}
.option-table thead tr th.price {
    width: 13%;
}
.option-table thead tr th.contents {
    width: 62%;
}
/* コース選択：オプションテーブル - ボディ ------------------- */
.option-table tbody tr th.sub-index {
    color: #008a65;
    text-align: left;
}
.option-table tbody tr th.option-name {
    text-align: left;
    padding: 0;
    vertical-align: middle;
}
.option-table tbody tr td.price {
    text-align: right;
}
/* - チェックボックス */
.option-table tbody tr th.option-name > input[type=checkbox] {
    display: none;
}
.option-table tbody tr th.option-name > .crs-chk {
    cursor: pointer;
    display: block;
    margin: 0;
    padding: .6rem 0 .6rem 2.5rem;
    position: relative;
}
.option-table tbody tr th.option-name > .crs-chk:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
        top: 50%;
        left: 15px;
    display: block;
    background-color: #fff;
    width: 16px;
    height: 16px;
    border: 2px solid #bbb;
    border-radius: 4px;
    content: '';
    transform: translateY(-50%);
}
.option-table tbody tr th.option-name > input[type=checkbox]:checked + .crs-chk {}
.option-table tbody tr th.option-name > input[type=checkbox]:checked + .crs-chk:before {
    opacity: 1;
}
.option-table tbody tr th.option-name > .crs-chk:hover:after {
    border-color: rgba(0,138,101,1.00);
}
.option-table tbody tr th.option-name > .crs-chk:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
        top: calc( 50% - 7px );
        left: 21px;
    display: block;
    margin-top: 0;
    width: 5px;
    height: 9px;
    border-right: 3px solid rgba(0,138,101,1.00);
    border-bottom: 3px solid rgba(0,138,101,1.00);
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 999;
}
.option-table tbody tr th.option-name > input[type=checkbox]:checked + .crs-chk:after {
    border: 2px solid #40B7B0;
}

/* 2018-03-20～レスポンシブ設定追加 */
/* 799px以下の設定 ---------------------------------------------*/
@media only screen and (max-width : 1024px){
/*湘南鎌倉総合病院----------------*/
/* 予約ページエントランス*/
	.hospital .topSelectInner{
		max-width: 460px;
		width: 100% !important;
	}
}

/* 860px以下の設定 ---------------------------------------------*/
@media only screen and (max-width : 860px){
/*湘南鎌倉バースクリニック----------------*/
/*予約ページエントランス*/
	.birth .topSelectInner{
    	padding: .5em;
    	width: 48% !important;
	}
}

/* 799px以下の設定 ---------------------------------------------*/
@media only screen and (max-width : 799px){
/* 総合エントランス */
	.overall .Inner {
    	margin: 1em;
	}
}

/* 767px以下の設定 ---------------------------------------------*/
@media only screen and (max-width : 767px){
/* ページ共通 */
	body { min-width: 320px; }
	section#contents_wrapper {
		max-width: inherit;
		margin: 1em auto 0 auto;
	}

	.pc { display: none; }
	.sp { display: block; }
	.pc-inblock { display: none; }

	.sub_res_text {
   		margin: 1em auto 2em auto;
	}

/* フッター部の電話番号を改行 */
	footer span.sp-tel {
		display: block;
		margin: 8px auto;
		padding-left: 0;
	}

/* 総合エントランス */
/* ヘッダー・ロゴ部分 */
	.overall header #header_logo_detail a {
		text-align: center;
		width: 90%;
	}
	.overall header #header_logo_detail img {
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}

/* ヘッダータイトル */
	.overall .new-section-h1 {
		font-size: 1.2em;
	}
	span.hd-ttl {
		display: block;
	}

/* コンテンツWrap */
	section#contents_wrapper {
		box-sizing: border-box;
		margin: 1em auto 0 auto;
		max-width: inherit;
		padding: 5px 0;
	}
	.overallWrap {
		margin: 1.5em auto 0 auto;
	}
	.overall .Inner {
		margin: 0 1em 1em 1em;
	}
	.overall .Inner p {
		padding: 0;
	}
	.overall .Inner a.btn {
		margin: 1em auto;
	}

/* Footer部 */
	.overall footer div {
		padding: 1em .5em;
		width: 100%;
	}
	.sp-space {
		display: block;
		padding-right: 0;
	}

/*湘南鎌倉総合病院 -----------------------*/
/*予約ページエントランス　----------------*/

/* ヘッダー部調整 */
	header #header_logo_detail {
		padding: 3px 10px 10px 10px;
	}
	header #header_logo_detail a img {
		max-width: 100%;
		height: auto;
	}
	header #header_icon_detail {
		padding-right: 10px;
	}

/* ページタイトル */
	.hospital h1.new-section-h1 {
		font-size: 1.2em;
	}

/* コンテンツの縦余白調整 */
	.hospital .topSelectWrap {
		margin: 1em auto;
		width: 100%;
	}
	.hospital .topSelectInner {
		width: 95% !important;
		padding: .5em;
		max-width: 460px;
	}
	.hospital .topSelectInner#pcr{
		width: 95% !important;
		padding: .5em;
		max-width: 460px;
	}
	.hospital .topSelectImgBox h3 {
		padding-top: 20px;
	}
	.hospital .topSelectInner .btn-box {
		box-sizing: border-box;
		width: 100%;
	}
	.hospital .topSelectInner .btn-box li {
		margin: 0 auto;
		width: 48%;
	}
	.hospital .topSelectInner .btn-box li a {
		box-sizing: border-box;
		font-size: 13px;
		min-height: 50px;
	}

/* コンテンツ最下部：バースクリニックへのリンク部 */
	.backcl_top {
		box-sizing: border-box;
		margin: 1em 8px;
	}
	.backcl_top a {
		display: block;
		max-width: 435px;
	}

/*産科教室（両親学級・マタニティヨーガ）の予約 ---*/
	.hospital section#title1 h2 {
    	font-size: 1.15em;
	    padding: .8em 0;
	}

	#select_box {
		box-sizing: border-box;
    	margin: 1.5em auto 0 auto;
		padding: 0 10px;
    	width: 100%;
	}
	.hospital ul.sel_action_subpage {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.hospital ul.sel_action_subpage li {
		margin: 0 auto;
		max-width: 460px;
		padding: 0;
		width: 100%;
	}
	.hospital div.sel_action_box p {
		padding: 0;
	}

	.hospital div.sel_action_box p a {
		padding: 1em 0 .5em 0;
		height: auto;
	}

	.back_top {
		box-sizing: border-box;
	    margin: 0 auto 1em auto;
	}
	.back_top a {
		display: block;
		max-width: 120px;
	}

/*湘南鎌倉バースクリニック----------------*/
/*予約ページエントランス　----------------*/

/* ページタイトル */
	.birth h1.new-section-h1 {
		font-size: 1.2em;
	}
/* コンテンツの縦余白調整 */
	.birth .topSelectWrap {
		margin: 1em auto;
		width: 100%;
	}

/* エントランスの背景付き枠を縦に。 */
	.birth .topSelectInner{
    	padding: .5em;
		width: 95% !important;
		max-width: 460px;
	}

	.birth .topSelectImgBox h3 {
		padding-top: 20px;
	}

/* エントランスのボタンの横サイズ */
	.birth .topSelectInner .btn-box {
		box-sizing: border-box;
		width: 100%;
	}
	.birth .topSelectInner .btn-box li {
		margin: 0 auto;
		width: 48%;
	}
	.birth .topSelectInner .btn-box li a {
		box-sizing: border-box;
		font-size: 13px;
		min-height: 50px;
	}

/* コンテンツ最下部：病院へのリンク部 */
	.backhp_top {
		box-sizing: border-box;
		margin: 1em 8px;
	}

	.backhp_top a {
		display: block;
		max-width: 435px;
	}

/* 外来診察予約と教室予約エントランス ---*/
	.birth section#title1 h2 {
    	font-size: 1.15em;
	    padding: .8em 0;
	}

	.birth ul.sel_action_subpage {
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.birth ul.sel_action_subpage li {
		margin: 0 auto 1em auto;
		max-width: 460px;
		padding: 0;
		width: 100%;
	}
	.birth div.sel_action_box p {
		padding: 0;
	}

	.birth div.sel_action_box p a {
		padding: 1em 0 .5em 0;
		height: auto;
	}
    
    /* -------------------------------------------------
    あきる台病院 健診予約 
    -------------------------------------------------- */
    /* 健康保険選択------------------------------------ */
    #contents_wrapper.insurance .btn_wrap{
        flex-wrap: wrap;
    }
    #contents_wrapper.insurance .btn_wrap .btn{
        margin: 1rem 0;
        width: 100%;
    }
    
    /* コース選択------------------------------------ */
    #contents_wrapper.course{}
    /* コース詳細テーブル・共通 ------------------- */
    .sel-details-in .dtl-box {
        width: 100%;
    }
}


/* 520x以下の設定 ---------------------------------------------*/
@media only screen and (max-width: 520px){
    /* -------------------------------------------------
    あきる台病院 健診予約 
    -------------------------------------------------- */
    #contents_wrapper.course{}
/* コース選択：オプションテーブル - 共通 ------------------- */
    .option-table {
        text-align: left;
    }
    .option-table thead {
        display:none;
    }
    .option-table th,
    .option-table td {
        display: block;
        border: 0;
      }
    /* コース選択：オプションテーブル - ボディ ------------------- */
    .option-table tbody tr th.sub-index {
        background-color: rgba(0,138,101,1.00);
        color: rgba(255,255,255,1.00);
        text-align: center;
    }
    .option-table tbody tr td.price {
        border-bottom: #ccc dotted 1px;
    }
}


/* 400x以下の設定 ---------------------------------------------*/
@media only screen and (max-width: 400px){

/* ヘッダーロゴ部の再調整 */
	.hospital #header_logo_detail {
		padding: 10px;
		max-width: 240px;
	}

	/* バースクリニックのみ */
	.birth #header_logo_detail{
		max-width: 240px;
	}
    
    /* -------------------------------------------------
    あきる台病院 健診予約 
    -------------------------------------------------- */
    /* 健康保険選択------------------------------------ */
    #contents_wrapper.insurance .btn_wrap .btn a{
        padding: 1rem;
    }
    /* コース選択------------------------------------ */
    #contents_wrapper.course{}
    /* コース詳細テーブル・共通 ------------------- */
    .sel-details-in .dtl-box {
        padding: .5rem;
    }
    .sel-details-in .dtl-box dl {
        flex-direction: column;
        justify-content: space-between;
    }
    .sel-details-in .dtl-box dl dt ,
    .sel-details-in .dtl-box dl dd {
        padding: .25rem 0;
        text-align: center;
        width: 100%;
    }

}
/* 2018-03-20 追加ここまで */


/* ---------------------------------------------------------
	「当院にて分娩予定の方のみの予約です」のスタイル
----------------------------------------------------------- */
.director_box1{
	border: 1px solid #ffb6c1;
	margin: 0.5em auto;
	margin-bottom: 0.1em;
	padding: 1em;
	width: 90%;
	background-color: #ffb6c1;
}

.director_box1{
    color: #FFF;
    font-size: 1.2em;
    padding: 1em;
    text-align: center;
    font-weight: bold;
}

/* ---------------------------------------------------------
	「個人情報保護に関する基本方針について」のスタイル
----------------------------------------------------------- */
.inq-border-txt {
	border: 1px solid #f00;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	width: 70%;
}
.inquiry-sub-ttl{
	font-size: 16px;
}

/* ---------------------------------------------------------
	「住所」のスタイル
----------------------------------------------------------- */
.address-box {
	margin: 0;
	width: 100%;
}

.address-box dl {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	width: 100%;
}
.address-box dl dt {
	display: table-cell;
/*	font-weight: bold;*/
	font-size:14px;
	margin: 0;
	padding: 12px 20px 10px 0;
	text-align: right;
	vertical-align: middle;
	width: 25%;
}
.address-box dl dd {
	display: table-cell;
	margin: 0;
	padding: 10px 0;
	vertical-align: middle;
	width: 75%;
}
.address-box dl:last-child {
	border-bottom: 0 !important;
}

.address-box dl {
	display: block;
	table-layout: inherit;
}
.address-box dl dt {
	background-color: inherit;
	border: 0;
	color: #008a65;
	display: block;
	padding: 10px 0 2px 0;
	text-align: left;
	width: 100%;
}
.address-box dl dd {
	display: block;
	padding: 0;
	width: 100%;
}

/* ---------------------------------------------------------
	PCR予約システム　テキストの背景マーカー
----------------------------------------------------------- */

.sub_res_text .pcr_background_maker{
	background-color: #ffff00;
}

/* ---------------------------------------------------------
	PCR予約システム　申し込みフォームのテキスト色
----------------------------------------------------------- */

p .pcr_red_text{
	color:red;
}

/* ---------------------------------------------------------
	PCR予約システム サンクスページリンク色
----------------------------------------------------------- */
a{
	color: #008a65;
	text-decoration: none;
}

/* ---------------------------------------------------------
	PCR予約システム 受付フォームの追加スタイル 2020-09-05
----------------------------------------------------------- */
.reservation-cal {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 16px;
}
.input_box .reservation-cal p {
    border-bottom: 0;
}
.input_box .reservation-cal .ttl-font {
    color: #333;
    font-weight: bold;
    padding: 10px 0 2px 0;
}
.reservation-cal h2.pcr_h2 {
    color: #F27D99;
    font-weight: bold;
    font-size: 15px;
}
.reservation-cal .header-wrap {
    clear: both;
    float: left;
    margin: 0;
    width: 50%;
}
.reservation-cal .month-move-wrap {
    float: left;
    width: 50%;
}
.reservation-cal .month-move-wrap > p {
    text-align: right;
    font-size: 12px;
    margin: 0;
}
.reservation-cal .ttl-bottom {
    margin-bottom: 20px;
}
.reservation-cal table {
    font-size: 12px;
}
.input_box .reservation-cal table p {
    padding: 3px 0 3px 0;
}
#show_dialog .select-wrap {
    margin-top: 8px;
}
#show_dialog .select-wrap label {
    display: block;
    margin-bottom: 8px;
}
#show_dialog .select-wrap label:last-child {
    margin-bottom: 0;
}