@charset "UTF-8";

:root {
  --swl-sidebar_width: 250px; /* サイドバーを250pxに変更 */
  --swl-fz--side: 13px; /* サイドバーの文字サイズを全画面で固定 */
}

@media (min-width: 960px) {
  :root {
      --swl-fz--side: 13px;
      --swl-pad_post_content: 16px;
      --swl-pad_container: 32px;
  }
}
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマです。
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/** Original CSS */
/*** default.css ***/
/* ===================================================================
	style info : リセット及びフォントサイズ
=================================================================== */
/* 
html5doctor.com Reset Stylesheet
v1.6
Last Updated: 2010-08-18
Author: Richard Clark - https://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted inherit;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;	 
	border-top:1px solid #CCC;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
https://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*** common.css ***/
/*============================================================================
	style info : all style 共通
==============================================================================*/


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

	html body

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

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	text-align: center;
}

body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff;
	color: #333;
	text-align: justify;
	border-top:solid 10px #0099cc;
}

/* ポップアップ等のbody用 */
body#emp {
	background: #FFF;
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

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

	画像

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

img {vertical-align:top;}

.over:hover{
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}

.ImgD{ float: right; padding: 3px; border: solid 1px #f1f1f1; }
.ImgE{ float: left; padding: 3px; border: solid 1px #f1f1f1; }
.ImgF{ float: left; padding: 2px; border: solid 1px #f1f1f1; }

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

	リンク

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

a {text-decoration: none;}
a:link {color: #186B83;}
a:visited {color: #186B83;}
a:hover {color: #186B83; text-decoration: underline;}
a:active {color: #186B83;}


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

	汎用

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

/* Headings
---------------------------------*/
h1, h2, h3, h4, h5, h6 {margin:0;}

h1 {font-size: 153.9%;}
h2 {font-size: 138.5%;}
h3 {font-size: 123.1%;}
h4 {font-size: 116%;}
h5 {font-size: 108%;}
h6 {font-size: 100%;}


/* 付箋
---------------------------------*/
hr.doted {
	border-top: 1px dotted #999;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	clear: both;
}

/* 段落
---------------------------------*/
p {

}


/* 画像右
---------------------------------*/
.imgR { float: right;}

/* 画像中央
---------------------------------*/
.imgC {
	display: block;
	margin: auto;
}

/* 画像左
---------------------------------*/
.imgL { float: left;}


/* 中央
---------------------------------*/
.tC,
.btnC {
	text-align: center;
}

.Vmid{ vertical-align: middle;}

/* 右揃え pタグ
---------------------------------*/
.tR,
.sign {
	text-align: right;
}


/* 明朝
---------------------------------*/
.mincho {
	font-family: "ＭＳ 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Century, "Times New Roman", Times, serif;
}


/* ボックスシャドウ
---------------------------------*/
.shadowBox {
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
	box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
}

/* テキストシャドウBlack
---------------------------------*/
.shadowTextB {
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
	text-shadow:
		0px 1px 0px rgba(000,000,000,0.2);
}

/* テキストシャドウWhite
---------------------------------*/
.shadowTextW {
	behavior: url(/javascript/PIE.htc); /* for IE */
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

/* clearfix
---------------------------------*/
.clear {clear: both;}

.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


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

	ボタン処理

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

/* へこむ pタグ指定
---------------------------------*/
.btnHollow a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* 半透明 pタグ指定
---------------------------------*/
.btnOpacity a:hover {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}


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

	デフォルト テーブル

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

#defTable table {
	width: 100%;
	border: 1px solid #666;
	border-collapse: collapse;
	margin-top: 10px;
}

#defTable th, #defTable td {
	padding: 10px;
	border: 1px solid #666;
}

#defTable th {
	padding: 10px;
	border: 1px solid #666;
	background: #222;
	color: #fff
}

.TableBox table{ width: 100%; border-top: solid 1px #d1d1d1; border-left: solid 1px #d1d1d1; font-size: 110%; line-height: 150%;}
.TableBox table tr th,.TableBox table tr td{ padding: 10px; border-bottom: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1;}
.TableBox table tr th{ background: #f1f1f1; text-align: left;}

.Tw10{ width: 10%;}
.Tw20{ width: 20%;}
.Tw25{ width: 25%;}
.Tw30{ width: 30%;}
.Tw40{ width: 40%;}
.Tw50{ width: 50%;}
.Tw60{ width: 60%;}
.Tw70{ width: 70%;}
.Tw75{ width: 75%;}
.Tw80{ width: 80%;}

/* 偶・奇数
---------------------------------*/

#defTable table tr.odd td {
	background: #efefef;
}

#defTable table tr.even td {
	background: #999999;
}


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

	テキスト サイズ

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

/* -------------------------------------------------------

 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%

---------------------------------------------------------- */

.std10 { font-size: 77%; }
.std11 { font-size: 85%; }
.std12 { font-size: 93%; }
.std13 { font-size: 100%; }
.std14 { font-size: 108%; }
.std15 { font-size: 116%; }
.std16 { font-size: 123.1%; }
.std17 { font-size: 131%; }
.std18 { font-size: 138.5%; }
.std19 { font-size: 146.5%; }
.std20 { font-size: 153.9%; }
.std21 { font-size: 161.6%; }
.std22 { font-size: 167%; }
.std23 { font-size: 174%; }
.std24 { font-size: 182%; }
.std25 { font-size: 189%; }
.std26 { font-size: 197%; }

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

	テキスト カラー

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

.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #666666; }
.lgray { color: #999999; }
.red { color: #990000; }
.pink { color: #FF3366; }
.green { color: #006600; }
.orange { color: #FF6600; }
.blue { color: #0066CC; }
.lblue { color: #0099FF; }
.yellow { color: #FFFF00; }
.gold { color: #996633; }
.Bblue { color:#0099cc; }
.Bred { color:#cc3333; }

.TextHid{ 
  /* text-indent: 100%; */
  white-space: nowrap;
  overflow: hidden;
}

.Bold{ font-weight: bold;}

.Uline{ text-decoration: underline;}

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

	幅

==============================================================================*/
.Cwid100{ width: 100%;}
.Cwid90{ width: 90%;}
.Cwid80{ width: 80%;}
.Cwid70{ width: 70%;}
.Cwid65{ width: 65%;}
.Cwid60{ width: 60%;}
.Cwid50{ width: 50%;}
.Cwid40{ width: 40%;}
.Cwid30{ width: 30%;}
.Cwid20{ width: 20%;}
.Cwid15{ width: 15%;}
.Cwid10{ width: 10%;}

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

	背景色

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

.BgLblue { background-color: #f2feff;}
.BgLgray { background-color: #ebebeb;}

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

	マージン

==============================================================================*/
.Mt05{ margin-top: 5px;}
.Mt10{ margin-top: 10px;}
.Mt15{ margin-top: 15px;}
.Mt20{ margin-top: 20px;}
.Mt30{ margin-top: 30px;}

.Mb05{ margin-bottom: 5px;}
.Mb10{ margin-bottom: 10px;}
.Mb15{ margin-bottom: 15px;}
.Mb20{ margin-bottom: 20px;}
.Mb30{ margin-bottom: 30px;}

.Ml05{ margin-left: 5px;}
.Ml10{ margin-left: 10px;}
.Ml15{ margin-left: 15px;}
.Ml20{ margin-left: 20px;}
.Ml25{ margin-left: 25px;}
.Ml30{ margin-left: 30px;}

.Mr05{ margin-right: 5px;}
.Mr10{ margin-right: 10px;}
.Mr15{ margin-right: 15px;}
.Mr20{ margin-right: 20px;}
.Mr30{ margin-right: 30px;}


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

	角丸

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

.rCorner {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-T {
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-B {
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-L {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-R {
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-Tl {
	border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-Tr {
	border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-Bl {
	border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.rCorner-Br {
	border-radius: 0 0 0 5px;
	-moz-border-radius: 0 0 0 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

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

	パン屑

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

#BreadcrumbWrap{ width: 960px;margin: 0px auto 15px auto;}
#BreadcrumbWrap ul li{ float: left; list-style: none; margin-right: 5px;}

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

	リスト

==============================================================================*/
li.DefaultList, ul.DefaultList li { background:url(/column/wp-content/themes/swell_child/assets/img/common/icon_list_01.png) left no-repeat; padding:3px 0px 3px 8px; list-style: none;}

.alert{
	border:3px solid #f00;
	color:#f00;
	padding:1em;
	font-weight: bold;
	font-size:15px;
}

/*** module.css ***/

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



	style info : ヘッダ フッタ etc サイト内共通レイアウト用



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

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

	#wrapper（ページ全体 横幅）

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

#outer {width: 980px; margin: auto;	clear: both;}
#outer:after {content: "."; display: block; visibility: hidden; font-size: 0.1em; clear: both;}

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

	header#globalHeader（ヘッダ）

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

/* header#globalHeader {min-width: 980px;} */
header#globalHeader {min-width: 830px;}

#HeaderWrap{ width: 980px; margin: 18px auto 0px auto;}
/* #HeaderWrap h1 a { display: block; width: 320px; height: 41px; background: url(/column/wp-content/themes/swell_child/assets/img/header/main_logo.gif) no-repeat;} */
.LogoSide{margin: 15px 0px 0px 10px; padding: 2px; background: #0099cc; }

#globalHeader {
	width:980px;
	margin:10px auto 10px auto;
	border:#0099cc solid 2px;
	border-radius: 30px;
	background: linear-gradient(180deg, rgb(255, 255, 255), rgb(242, 242, 242));
	box-shadow: 0px 6px 6px -6px rgba(0, 0, 0, 0.2);
}

#globalHeader nav ul li {
	float:left;
	list-style:none;
}

#globalHeader nav ul{
	display: flex;
	justify-content:space-around;
	width:90%;
	margin:0 auto;
}
#globalHeader nav ul li{
	display: flex;
	align-items:center;

}
#globalHeader nav ul li a {
	display:block;
	color:#333333;
	font-size:16px;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 600;
	height:50px;
	line-height: 50px;
/*	height:57px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	overflow:hidden;
	background-image:url(/column/wp-content/themes/swell_child/assets/img/header/btn_global.png);
	background-repeat: no-repeat;*/
}
#globalHeader nav ul li a:hover{
	text-decoration: none;
	background:url(/column/wp-content/themes/swell_child/assets/img/common/gnavi_bg.png) repeat-x bottom 5px left 0;
}

a.comingsoon{
	pointer-events: none;
}

/*
a.GHome {
	background-position:0px 0px;
	width: 142px;
}
a:hover.GHome {
	background-position:0px -57px;
}

a.GAbout {
	background-position:-142px 0px;
	width: 110px;
}
a:hover.GAbout {
	background-position:-142px -57px;
}

a.GSection {
	background-position:-252px 0px;
	width: 180px;
}
a:hover.GSection {
	background-position:-252px -57px;
}

a.GComing {
	background-position:-432px 0px;
	width: 111px;
}
a:hover.GComing {
	background-position:-432px -57px;
}

a.GVisit {
	background-position:-543px 0px;
	width: 152px;
}
a:hover.GVisit {
	background-position:-543px -57px;
}

a.GEnter {
	background-position:-695px 0px;
	width: 108px;
}
a:hover.GEnter {
	background-position:-695px -57px;
}

a.GAccess {
	background-position:-803px 0px;
	width: 177px;
}
a:hover.GAccess {
	background-position:-803px -57px;
}
*/

/*フォントサイズボタン*/
.BtnFontSize{ width: 160px; margin: 12px 20px 0px 0px;}
.BtnFontSize p{ margin-right: 5px; padding-top: 7px;}
.BtnFontSize ul li{
	float: left;
	width: 15px;
	height: 15px;
	margin: 0px 3px 0px 0px;
	padding: 5px;
	border: solid 1px #ccc;
	list-style: none;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f5f6), color-stop(0.00, #c8d7dc));
	background: -webkit-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -moz-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -o-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -ms-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
  box-sizing: content-box;
}

ul#fontSize { zoom: 1; /*forIE6,7*/}
ul#fontSize:after { content: ""; display: block; clear: both; }
ul#fontSize li { cursor: pointer;}

li.changeBtn{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f2f5f6), color-stop(0.00, #c8d7dc));
	background: -webkit-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -moz-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -o-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: -ms-linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	background: linear-gradient(top, #c8d7dc 0%, #f2f5f6 100%);
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

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


	#main（中央）

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

#main {	width: 970px; margin: 0px auto; clear:both;}

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


	#leftSide（左メニュー）

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

#leftSide {width: 250px;margin: 0px 20px 0px 0px; padding: 0px; float: left;}

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


	#mainCont（内容）

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

#mainCont {	width: 700px; margin: 0px 0px 50px 0px; padding: 0px; float: right;}

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

	下部インフォメーション

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

#UnderInfo{
	position: relative;
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}

/* PC表示：absolute配置（サイドバーなしまたは広い画面） */
@media (min-width: 1036px) {
	#UnderInfo {
	height: 144px;
		background: url(/column/wp-content/themes/swell_child/assets/img/common/bg_underinfo.png) no-repeat center top;
		background-size: contain;
}

	#UnderInfo ul{ 
		position: absolute; 
		top: 110px; 
		left: 10px;
		width: calc(100% - 20px);
		margin: 0;
		padding: 0;
	}
	
	#UnderInfo ul li{ 
		float: left; 
		margin-right: 5px; 
		list-style: none;
	}
}

/* タブレット・中間サイズ：画像下部にセンタリング */
@media (max-width: 1035px) {
	#UnderInfo {
		height: auto;
		padding-top: calc(100% * 144 / 700);
		padding-bottom: 10px;
		background: url(/column/wp-content/themes/swell_child/assets/img/common/bg_underinfo.png) no-repeat center top;
		background-size: contain;
	}
	
	#UnderInfo ul {
		position: relative;
		display: flex;
		justify-content: center;
		gap: 10px;
		padding: 5px 0 0 0;
		margin: 0;
	}
	
	#UnderInfo ul li {
		float: none;
		margin: 0;
		list-style: none;
	}
}

/* スマホサイズでは縦並び */
@media (max-width: 500px) {
	#UnderInfo ul {
		flex-direction: column;
		align-items: center;
	}
	
	#UnderInfo ul li {
		width: 100%;
		max-width: 300px;
		text-align: center;
	}
}

/* すべてのサイズで画像のレスポンシブ対応 */
#UnderInfo ul li img {
	max-width: 100%;
	height: auto;
}

/* 表示テスト用 */
#UnderInfo_test{
	position: relative;
	width: 700px;
	height: 144px;
	background: url(/column/wp-content/themes/swell_child/assets/img/common/bg_underinfo_test.png) no-repeat;
}

#UnderInfo_test ul{ position: absolute; top: 110px; left: 10px;}
#UnderInfo_test ul li{ float: left; margin-right: 5px; list-style: none;}

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

	footer#globalFooter（フッタ）

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


footer#globalFooter {
	width: 100%; 
	margin: 0px auto; 
	padding: 20px 10px 10px 10px; 
	border-top:solid 5px #0099cc; 
	clear: both;
	box-sizing: border-box;
}

#FooterWrap {
	width: 100%;
	max-width: 980px;
	margin: 0px auto;
	padding: 0 10px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 10px;
}

.FootListBox{ 
	flex: 0 0 auto;
	min-width: 105px;
	margin-bottom: 20px; 
	padding: 0 4px 0 7px; 
	border-left: solid 5px #0099cc;
}

.FootListBox h4{ 
	font-size: 110%;
	margin-bottom: 10px; 
}

.FootListBox ul li{ 
	list-style: none; 
	margin-bottom: 5px;
}

.FootListBox ul li .sublist{
	padding-left:20px;
}

/*** style.css ***/

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

	header#globalHeader

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


#logo{ width:136px; height:50px; float:left; background: url(/column/wp-content/themes/swell_child/assets/img/logo.png) no-repeat; margin:10px 0 10px 10px;}
#logo a{
    display:block;
	width:136px;
	height:50px;
	text-decoration:none;
	text-indent:-1000px;
	font-size:8px;
	color:#CCCCCC;
    overflow:hidden;
}
#logo a:hover { text-decoration:none;}
#headerFree{ width:380px; height:33px; float:left; margin:10px 10px 10px 10px; font-size:12px; color:#666; padding-top:17px;}
#search{ width:404px; height:35px; float:left; margin:10px 20px 10px 0; padding-top:15px; text-align:right;}
#search ul.snsBtn{ list-style-type:none;} 
#search ul.snsBtn li{padding:0 5px; list-style-type:none; float:right;} 

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

	#Slider

==============================================================================*/
#SliderWrap{ width:100%;background:#f1f1f1;padding:10px 0px; margin:0px auto 20px auto;}
#SliderWrap div{ width:980px;margin:0px auto;}
#SliderWrapSub{ width:100%;background:#f1f1f1;padding:0px; margin:0px auto 20px auto;}
#SliderWrapSub div{ width:965px;margin:0px auto;}

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

	#leftSide

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

.SubMenuWrap{ width: 250px; margin: 0px auto 10px auto; padding: 7px 7px 0px 7px;background: #f1f1f1;}
.SubMenuWrap p.SubMenuBtn{ padding-bottom: 7px;}

#SubInfoWrap{ width: 236px;height: 170px;margin-bottom: 7px; padding: 15px; background: url(/column/wp-content/themes/swell_child/assets/img/side/bg_subinfo.png) no-repeat; width: ;}
.SubInfoIco{ float: left; width:85px; margin:0px 10px 15px 0px;}
.SubInfoTex{ float: right; width:111px;}



#leftCont { width:250px; margin-bottom:10px; }
#leftCont h3{ width:210px; height: 26px; background:url(/column/wp-content/themes/swell_child/assets/img/side/bg_title.png) no-repeat; margin-bottom:10px;padding:10px 0px 0px 40px; font-size:14px; font-weight:normal;}

#leftCont nav ul.globalNavi {
	margin: 0 0 10px 0;
	padding: 0;
	width: 250px; 
	line-height: 1;
	list-style-type: none;
}
#leftCont nav ul.globalNavi li {
	margin: 0px 0px 1px 0px;
	padding: 0;
	font-size: 16px;
	text-shadow: 1px 1px 1px #000;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}
#leftCont nav ul.globalNavi li a {
	width: 220px;
	height: 32px;
	padding: 17px 0px 0px 30px;
	display: block;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFF;
	background: url(/column/wp-content/themes/swell_child/assets/img/side/bg_list.png) no-repeat #f2feff;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#leftCont nav ul.globalNavi li a:hover {
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFF;
	background-color: #e0f4f6;
	background-image: url(/column/wp-content/themes/swell_child/assets/img/side/bg_list.png) no-repeat ;
}

#leftCont ul.subList{width:200px; padding:5px 0; list-style-type:none;} 
#leftCont ul.subList li{ font-size:12px; width:190px; padding:5px 5px; list-style-position:inside;} 

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

	#mainCont

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

.ContWrap{ width: 100%; margin: 0px 0px 30px 0px;}
.ContWrap2{ width: 100%; margin: 0px 0px 5px 0px;}


#mainCont h2{
	width:700px;
	height: 16px;
	background:url(/column/wp-content/themes/swell_child/assets/img/common/bg_h2.png) no-repeat;
	font-size:123.1%;
	padding:10px 0px 10px 40px;
	font-weight:bold;
	margin-bottom:15px;
}

#mainCont h3.freeMidashi{
	width:683px;
	margin:18px auto 10px auto;
	color:#0099cc;
	font-weight:bold;
	border-left:#0099cc solid 6px;
	border-top:#b8b8b8 solid 1px;
	border-bottom:#b8b8b8 solid 1px;
	border-right:#b8b8b8 solid 1px;
	padding: 7px 5px 3px 5px;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#mainCont p.textFree { width:690px; margin:0px auto 0px 10px; text-shadow: 1px 1px 1px #FFF;font-size: 105%; line-height:180%;}

#mainCont dl.Definition,#mainCont ul.ListFree { margin:0px 0px 20px 10px; font-size: 105%; line-height:160%;}
#mainCont ul.ListFreeNum { margin:0px 0px 20px 10px; font-size: 105%; line-height:160%; list-style: decimal; list-style-position: inside;}
#mainCont ul.ListFreeNum li{ margin:0px 0px 10px 10px; padding-bottom: 3px; border-bottom: dotted 1px #696969;}

#mainCont dl.Definition dt{ margin:0px 0px 5px 0px;border-bottom:#b8b8b8 dotted 1px; font-weight: bold;}
#mainCont dl.Definition dd{ margin:0px 0px 20px 0px;}

#mainCont ul.ListFree li{ margin:10px 0px 5px 0px; list-style: none;}

/*Main部分バナー*/
.mainBn{ width:730px; padding:10px 0; text-align:center;}

.IndexButtonWrap{ width: 240px;height: 70px; padding: 15px 10px 0px 95px;}
.IndexButtonGuidance{ background: url(/column/wp-content/themes/swell_child/assets/img/index/btn_guidance.png) no-repeat;}
.IndexButtonDepartment{ background: url(/column/wp-content/themes/swell_child/assets/img/index/btn_department.png) no-repeat;}
.IndexButtonEnter{ background: url(/column/wp-content/themes/swell_child/assets/img/index/btn_enter.png) no-repeat;}
.IndexButtonVisit{ background: url(/column/wp-content/themes/swell_child/assets/img/index/btn_visit.png) no-repeat;}

dl.IndexButtonWrap dt{ margin-bottom: 3px; font-size: 18px; font-weight: bold; border-bottom: solid 1px #ebebeb; color:#000000;}
dl.IndexButtonWrap dd{ color:#696969;}
dl.IndexButtonWrap dt:hover{ color:#666666;}
dl.IndexButtonWrap dd:hover{ color:#cccccc;}


/*更新情報*/
#RenewalWrap{
	width: 678px;
	padding: 10px;
	border: solid 1px #d1d1d1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative; /* for IE6 */
	behavior: url(../css/PIE.htc); /* for IE */
}

.RenewalList{ width: 678px; height: 80px; overflow: scroll;overflow-x:hidden;}
.RenewalList ul li:nth-child(even) { background-color: #f1f1f1;}

.StepTable1{ border: none;}
.StepTable2{ width: 100%; border-top: solid 1px #c1c1c1; border-left: solid 1px #c1c1c1;}
.StepTable2 tr td{ border-bottom: solid 1px #c1c1c1; border-right: solid 1px #c1c1c1; padding: 5px;}


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

	footer#globalFooter

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

#TopUp{ 
	width: 100%;
	max-width: 980px;
	margin: 0px auto; 
	padding: 0 10px;
	text-align: right;
	box-sizing: border-box;
}

footer#globalFooter p.copyright {
	width:100%;
	margin: 0 auto;
	text-align: center;
	font-size: 77%;
	color: #666;
	text-shadow: 1px 1px 1px #FFF;
	letter-spacing: 0.2em\9; /* IE8 and below */
}

footer#globalFooter .freeText {
	font-size: 77%;
	color: #666;
	margin: 0 5px 10px 0;
	text-shadow: 1px 1px 1px #FFF;
	float:left;
	width:760px;
	text-align:right;
}

#backTop {width:75px; margin-left:auto; margin-right:10px;}
#backTop a{
    display:block;
	width:75px;
	height:20px;
	text-decoration:none;
	text-indent:-1000px;
	font-size:8px;
	color:#CCCCCC;
    overflow:hidden;
	background: url(/column/wp-content/themes/swell_child/assets/img/btn_backtop.png) no-repeat;
}
#backTop a:hover{text-decoration:none;}

.listNum{
	font-size:105%;
	line-height:180%;
	margin-left:25px;
}
.listNum li{
	margin-bottom:20px;
}
.listNum table td{
	padding:5px　0;
}
.objectBox{
	padding:10px;
	border:1px dotted #666;
	margin:10px 0;
	background-color: #f2f2f2;
}
.objectBox .left{
	width:60px;
	float:left;
}
.objectBox .right{
	width:550px;
	float:left;
}
.stepBox dt{
	float:left;
	width:130px;
}
.stepBox dd{
	float:left;
	width:450px;
}
.nowrap{
	white-space: nowrap;
}
.stepBox{
	margin-bottom:30px;
}
.riha h4{
	margin-left:10px;
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}
.riha .philosophy .left{
	width:300px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}
.riha .philosophy .left img{
	width:100%;
}
.riha .philosophy .right{
	float:left;
	margin-top:20px;
	margin-left:10px;
}
.riha .TableBox{
	width:98%;
	margin-left:10px;
	font-size:105%;
	line-height:180%;
}
.riha .shortcare .left{
	width:400px;
	float:left;
	font-size:105%;
	line-height:180%;
	margin-left:10px;
}
.riha .shortcare .right{
	width:250px;
	float:left;
	margin-left:20px
}
.riha .shortcare .right img{
	width:100%;
}
.riha .chart{
	width:90%;
	margin:0 auto 0;
	padding-top:30px;
	text-align:center;
	clear:both;
}
.riha .programPhoto{
	text-align: center;
	margin-top:30px;
	margin-bottom:20px;
}
.riha .programPhoto p{
	width:210px;
	margin-right:5px;
	display:inline-block;

}
.riha .programPhoto p img{
	width:100%;
}

.notice{
	padding:20px;
	border:solid #0099cc 1px;
	border-radius: 5px;
	background:#f0fbff;
	font-size:12px;
	line-height: 1.8em;
}
.notice p:first-child{
	font-weight: bold;
	font-size:14px;
	color:#0099cc;
	margin-bottom: 5px;
}

.covid-notice{
	padding:20px;
	border:solid #cc0000 1px;
	border-radius: 5px;
	background:#f9efef;
	font-size:14px;
	line-height: 1.8em;
}
.covid-notice > .title{
	font-weight: bold;
	font-size:14px;
	color:#cc0000;
	margin-bottom: 5px;
	text-align: center;
}
.covid-notice span.red{
	color:#cc0000;
}
.covid-notice .contact{
	background:#fff;
	margin-top:1em;
	padding:1em;
	font-size:12px;
	border-radius: 5px;
}
.covid-notice .contact .title{
	font-weight: bold;
	text-align: center;
	padding:0.2em;
	background:#d5d5d5;
	margin-bottom: 0.5em;
}
.covid-notice .contact .address{
	text-indent: -1em;
	margin-left:1em;
	line-height: 1.8em;
	margin-bottom: 0.5em;
}
.covid-notice a{
	display: block;
	width:250px;
	margin:20px auto 0;
	padding:10px;
	background-color:#f00;
	color:#fff;
	text-align: center;
	text-decoration: none;
}
.covid-notice a:hover{
	opacity: 0.8;
}
.covid-notice2 > .title{
	font-size:18px;
}
.covid-notice2 > .text{
	font-size:16px;
	margin-top:30px;
}
.psychiatry-notice{
	padding:20px;
	border:solid #f09e1a 1px;
	border-radius: 5px;
	background:#fff4e3;
	font-size:14px;
	line-height: 1.8em;
	color:#000;
}
.psychiatry-notice > .title{
	font-weight: bold;
	font-size:14px;
	color:#ffa00d;
	margin-bottom: 5px;
	text-align: center;
}

.psychiatry-notice table{
	border:1px solid #f09e1a;
	width:60%;
	margin:1em auto 0 auto;
}
.psychiatry-notice table th,.psychiatry-notice table td{
	border:1px solid #f09e1a;
	padding:5px;
	background:#fff;
}
.psychiatry-notice table th{
	background:#ffa00d;
	color:#fff;
	letter-spacing: 0.2em;
}
.psychiatry-notice table .center{
	text-align: center;
}
.menkai-alert {
	padding:20px;
	border:solid #e7e2b6 1px;
	border-radius: 5px;
	background:#fffbd7;
	font-size:14px;
	line-height: 1.8em;
	text-align: center;
}
.menkai-alert .text{
	display: inline-block;
	text-align: left;
}
.menkai-alert span.red{
	display: block;
	text-align: center;
	color:#fff;
	background:#cc0000;
	margin-bottom: 1em;
}
.menkai-alert span.red2{
	color:#cc0000;
}
.menkai-alert span.underline{
	text-decoration: underline;
}
.menkai-alert span.big{
	color:#cc0000;
	font-size:1.2em;
	font-weight: bold;
	padding-right:0.3em;
}
.menkai-alert > .title{
	font-weight: bold;
	font-size:14px;
	color:#cc0000;
	margin-bottom: 5px;
	text-align: center;
}
.left-box{
	float:left;
	width:40%;
}
.right-box{
	float:left;
	width: 45%;
}
#mainCont .left-box p.textFree{
	width:100%;
}
.bus-course{
	margin:15px 0;
	font-size:0px;
	text-align: left;
}
.bus-course li{
	display: inline-block;
	text-align: center;
	margin-right:25px;
	margin-bottom: 20px;
	position: relative;
	/*width:100px;*/
}
.bus-course li:first-child{
	margin-left:0;
}
.bus-course li:after{
	font-family: FontAwesome;
	content:"\f061";
	font-size:14px;
	position: absolute;
	right:-17px;
}
.bus-course.row2 li:after{
	top:50px;
}
.bus-course.row4 li:after{
	top:80px;
}
.bus-course li:last-child:after{
	content: "";
}
.bus-course li dt{
	border-radius: 5px;
	background:#daf6f8;
	font-weight: bold;
	padding:5px;
	font-size:14px;
}
.bus-course li dd{
	font-size:14px;
	padding:5px;
	border-bottom: 1px #ccc dotted
}

.contact .title01 {
    font-size:16px;
    font-weight: bold;
    margin: 25px;
    text-align: center;
}

.contact .text01 {
    padding: 0 50px;
    margin: 25px 0;
}

#mainCont p.textFree.bold {
    font-weight: bold;
}
#mainCont p.textFree.bold.indent {
    text-indent: -1.3em;
    padding-left: 1em;
    width: 670px
}
table.condition{
	font-size:100%;
	padding:0;
	border:0;
}
table.condition tr td{
	padding:0;
	border:0;
}

/*交通アクセス 追記*/
.access_list {
	display: flex;
	align-items: flex-start;
	gap: 80px;
	width: 690px;
	font-size: 105%;
    line-height: 180%;
	margin: 10px auto 10px 20px;
	list-style: none;
}
.access_list .access_list_item .station_name {
	text-align: center;
	font-weight: bold;
}

/*トップページ 追記*/
.top_block a.link_outside {
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 0 20px;
}
.top_block a.link_outside:hover {
	opacity: 0.7;
}
.top_block a.link_outside img {
	width: calc(100% / 2);
}
.top_block a.link_outside img.qr_code {
    border: 2px solid #d1d1d1;
    box-sizing: border-box;
    height: 163.19px;
    width: auto;
}

/*PDF ボタンリンク デザイン*/
.btn_style.bnr_link {
    background-color: #0099cc;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    max-width: 200px;
    text-align: center;
    margin: 20px auto 0;
	text-decoration: none;
}
.btn_style.bnr_link:hover {
	opacity: 0.7;
}


/**  /Original CSS */
/** Additional CSS */
#main_visual {
  text-align: center;
}

.p-postList.-type-card, .p-postList.-type-thumb  {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/*============================================================================
	フォントサイズコントローラー
==============================================================================*/
/* 記事本文 */
#main_content.fs-small .post_content,
#main_content.fs-small .post_content * {
	font-size: 95% !important;
}

#main_content.fs-medium .post_content,
#main_content.fs-medium .post_content * {
	font-size: 105% !important;
}

#main_content.fs-large .post_content,
#main_content.fs-large .post_content * {
	font-size: 115% !important;
}

/* 記事一覧のタイトルのみ（カテゴリ名・日付は除外） */
#main_content.fs-small .p-postList__title {
	font-size: 95% !important;
}

#main_content.fs-medium .p-postList__title {
	font-size: 105% !important;
}

#main_content.fs-large .p-postList__title {
	font-size: 115% !important;
}

/*============================================================================
	レスポンシブヘッダー（ハンバーガーメニュー）
==============================================================================*/
/* ハンバーガーボタン（デフォルトは非表示） */
#menuToggleBtn {
	display: none;
}

/* ヘッダーをsticky設定 */
#HeaderWrap {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
}

/* SPメニューのスタイル */
.p-spMenu {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	transition: opacity 0.5s;
	width: 100%;
	z-index: 101;
}

/* 閉じている状態 */
[data-spmenu="closed"] .p-spMenu {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

/* 開いている状態 */
[data-spmenu="opened"] .p-spMenu {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
}

/* 1001px以上では完全に非表示 */
@media (min-width: 1001px) {
	.p-spMenu {
		display: none !important;
	}
}

.p-spMenu__overlay {
	background: rgba(0, 0, 0, 0.75);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	transition: opacity 0.5s, visibility 0.5s;
}

[data-spmenu="closed"] .p-spMenu__overlay {
	opacity: 0;
	visibility: hidden;
}

.p-spMenu__inner {
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	height: 100%;
	position: absolute;
	top: 0;
	transition: transform 0.45s;
	transition-timing-function: ease-out;
	width: 88vw;
	z-index: 1;
}

.-right .p-spMenu__inner {
	right: 0;
	transform: translateX(88vw);
}

[data-spmenu="opened"] .p-spMenu__inner {
	transform: translateX(0);
}

.p-spMenu__closeBtn {
	height: 50px;
	position: absolute;
	top: 0;
	width: 50px;
	z-index: 1;
}

.-right .p-spMenu__closeBtn {
	right: 0;
}

.p-spMenu__body {
	-webkit-overflow-scrolling: touch;
	height: 100%;
	overflow-y: scroll;
	padding: 60px 4vw 10vw;
	position: relative;
}

.p-spMenu__nav {
	margin-top: -1em;
	padding-bottom: 0.5em;
}

.c-spnav a {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 0.75em 0.25em;
	color: #333;
	text-decoration: none;
}

/* 1000px以下でハンバーガーメニュー表示 */
@media (max-width: 1000px) {
	/* グローバルナビを非表示 */
	#globalHeader {
		display: none !important;
	}
	
	/* 文字サイズボタンを非表示 */
	.BtnFontSize {
		display: none !important;
	}
	
	/* ヘッダー全体のレイアウト調整 */
	#HeaderWrap, 
	#HeaderWrap hgroup {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box;
	}
	
	#HeaderWrap {
		margin: 0;
		padding: 10px;
	}
	
	#HeaderWrapIn {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	/* hgroupをFlexboxで左右端に配置 */
	hgroup {
		display: flex !important;
		align-items: center;
		justify-content: space-between !important;
		padding-inline: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
		margin: 0 !important;
	}
	
	/* ロゴを左端に固定 */
	hgroup .TextHid.imgL {
		margin: 0 !important;
		padding: 0 !important;
		flex: 0 0 auto;
		max-width: 200px;
	}
	
	hgroup h1 img {
		max-width: 100%;
		height: auto;
	}
	
	/* ハンバーガーボタンを右端へ */
	#menuToggleBtn {
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		width: auto;
		height: 50px;
		background: transparent;
		border: none;
		cursor: pointer;
		margin-left: auto !important;
		margin-right: 0 !important;
		padding: 0 !important;
	}
	
	/* ハンバーガーアイコン（三本線） */
	#menuToggleBtn .menu-icon {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 28px;
		height: 20px;
	}
	
	#menuToggleBtn .menu-icon span {
		display: block;
		width: 100%;
		height: 3px;
		background-color: #333;
		border-radius: 2px;
		transition: all 0.3s;
	}
}

.single .p-breadcrumb__item:last-child>span.p-breadcrumb__text {
	display: block;
}