@charset "utf-8";
/* CSS Document */
reset

html {
	font-size:62.5%;
	box-sizing:border-box;
}
body {
	margin:0;
	padding:0;
	font-size:100%;
	color:#333333;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
	/*
	background:#F9F7E8; 
	*/
}

img {
	width:100%;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



@font-face{ 
	font-family: 'mplus-1p-medium'; /* お好きな名前にしましょう */
	src: url('../fonts/mplus-1p-medium.eot'); /* IE9以上用 */
	src: url('../fonts/mplus-1p-medium.woff') format('woff'); /* モダンブラウザ用 */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}
.myWebFontClass {
	font-family: 'mplus-1p-medium';
}



div, table, caption,th,tr,td,ul,ol,li,dl,dt,dd,address,form,input,textarea,h1,h2,h3,h4,h5,h6,p{
	font-weight: 400;
	font-style: normal;
	font-family:'Noto Sans JP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin: 0;
	padding: 0;
	line-height:1.4;
}
fieldset, img {
	border: 0;
	vertical-align:bottom;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
	font-size:100%;
}
button {
	border:none;
	background:#fff;
	cursor:pointer;
}
#wrap a:hover img {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;	
}
	
strong {
	font-weight:bold;
}


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



/* clear
--------------------------------------------------------- */

.clear:after {
	content: '';
	display: block;
	clear: both;
}

.clearBoth {
	clear: both;
}


/* link style
--------------------------------------------------------- */
a {
	text-decoration:none;
}

/*
a:link {
	color: #00559C;
	text-decoration: none;
}
a:visited {
	color:#00559C;
	text-decoration: none;
}
a:hover {
	color: #0099CC;
	text-decoration: underline;
}
*/


header {
	width:100%;
	height:80px;
	padding:0 0 0;
	box-sizing: border-box;
	background:url(./images/bg_gamble.png) no-repeat center top;
	position:relative;
	/*
	background: linear-gradient(to right,
    #FFF684 0%,
    #FFF684 67.2%,
    #FFF831 67.2%,
    #FFF831 100%);
	*/
}
.logo {
	width:1024px;
	margin:0 auto;
	position:relative;
}
.logo h1 {
	font-size:25px;
	padding-top:23px;
	padding-left:5px;
	color:#FFFFFF;
}
.logo h1 a {
	font-size:25px;
	font-weight:bold;
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	color:inherit;
}
.headSub {
	font-size:18px;
	font-weight:bold;
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	/*top:28px;*/
	/*position:absolute;*/
	padding-left:5.5rem;
}

.logo img {
	width:100%;
	height:auto;
}

nav {
	width:100%;
	height:180px;
	padding-top:57px;
	box-sizing:border-box;
}
nav ul {
	width:990px;
	margin:0 auto;
	overflow:hidden;
	box-sizing: border-box;
	display:flex;
	justify-content:space-between;
}
nav ul li {
    width: auto;
	box-sizing: border-box;
	/*
	border-right:1px solid #C1E4B5;
	*/
	float:left;

}
nav ul li a {
	text-align:center;
	color:inherit;
	font-size:1.1rem;
	font-weight:bold;
	display: block;
	transition: all 0.4s ease;
	padding: 0 0 10px 0;
}
nav ul li a:hover {
	border-bottom:5px solid #FAF337;
}




.others nav {
	width:100%;
	height:100px;
	padding-top:44px;
	box-sizing:border-box;
}
.others nav ul {
	width:912px;
	margin:0 auto;
	overflow:hidden;
	box-sizing: border-box;
	display:flex;
	justify-content:space-between;
}
.others nav ul li {
    width: auto;
	box-sizing: border-box;
	/*
	border-right:1px solid #C1E4B5;
	*/
	float:left;

}
.others nav ul li a {
	text-align:center;
	color:inherit;
	font-size:14px;
	font-weight:bold;
	display: block;
	transition: all 0.4s ease;
	padding: 0 0 10px 0;
}
.others nav ul li a:hover {
	border-bottom:5px solid #FAF337;
}


.others nav ul li.current a {
	border-bottom:5px solid #FAF337;
}

.outline nav ul li:nth-child(1) a {
	color:#707070;
}
.health nav ul li:nth-child(2) a {
	color:#38925F;
}
.about nav ul li:nth-child(4) a {
	color:#38925F;
}
.support nav ul li:nth-child(5) a {
	color:#707070;
}
.check nav ul li:nth-child(3) a {
	color:#707070;
}
.facility nav ul li:nth-child(6) a {
	color:#38925F;
}
.link nav ul li:nth-child(7) a {
	color:#38925F;
}



.mainimage {
	width:100%;
	height: 70vh;
	min-height:400px;
	background:url("./images/bg_gamble_main.png") no-repeat center bottom;
	background-size:cover;
	padding:11vw 0 0;
	position:relative;
	box-sizing:border-box;
}
figure.kokogaPoint {
	width:1000px;
	margin:0 auto 0;
}


.mainimage .pic01 {
    position: absolute;
    top: 200px;
    right:0;
    width: 20%;
    height: auto;
    border-radius: 20px;
    box-sizing: border-box;
}

/*
.mainimage .pic01::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 15px 15px rgba(255,255,255,0.6);
}
*/

.mainimage .pic02 {
	position:absolute;
	top:19.5vw;
	right:5%;
	width:20%;
	height:auto;

}
.pic01 img , .pic02 img {
	width:100%;
	height:auto;
	border-radius:8px;
}


.mainMessage {
	position: absolute;
    font-size: 3.8vw;
	margin: 0 0 0;
    width: 40%;
    text-align: center;
    font-weight: bold;
    color: #FF7F00;
    transform: scale(1.1,1);
    text-shadow: white 2px 2px 1px, white -2px 2px 1px, white 2px -2px 1px, white -2px -2px 1px;
    top: 7%;
    right: 30%;
}
.messageDetail {
	font-size: 1.5vw;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin: 2em auto;
    width: 40%;
    text-shadow: white 2px 2px 1px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px;
    line-height: 1.5;
    position: absolute;
    top: 13vw;
    right: 29%;
}

.news {
    width: 1000px;
    height: auto;
    overflow: hidden;
    font-size: 80%;
	margin:auto;
	display:flex;
	justify-content:center;
	gap:5%;
}
.newsL {
	display:flex;
	justify-content:center;
	align-items:center;
    background: #E6E000;
    width: 30%;
    height: auto;
    box-sizing: border-box;
    position: relative;
}
.newsL h2 {
    background: #E6E000;
	width:100%;
    height: auto;
    display:flex;
	justify-content:center;
	align-items:center;
	color:#FFFFFF;
	font-size:25px;
	font-weight:700;
	line-height: 1.0;
}
.newsL h2 span {
	font-size:65%;
	font-style: italic;
	width:100%;
	text-align:center;
	display:block;
	margin-top:8px;
}
.newsL::after {
	display:none;
    content: '';
    border-right: 70px solid #ffffff;
    border-top: 200px solid #389261;
    position: absolute;
    right: -10px;
    top: 0;
}
.newsR {

    width: 65%;
    height: auto;

    box-sizing: border-box;
    position: relative;
}
.newsR::after {
	display:none;
    content: '';
    border-left: 70px solid transparent;
    border-bottom: 200px solid #54BC83;
    position: absolute;
    left: -70px;
    top: 0;
}
.newsList {
    width: 100%;
    height: auto;
    margin: 0;
}
.newsList dl {
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
	font-size:14px;
	border-top:1px dashed #6A6A6A;
}
.newsList dl:last-of-type {
	border-bottom:1px dashed #6A6A6A;
}

.newsList dl dt {
    float: left;
    width: 157px;
    margin: 0 0 0 0;
	color:#707070;
	padding:0 7px;
}
.newsList dl dd {
    float: left;
    width: 60%;
    line-height: 20px;
    margin: 0 0 0 0;
    color:#707070;

}
.newsList dl dd.postTtl a {
    color:#707070;
    text-decoration: none;
}

.topBerBox {
	width:100%;
	height:300px;
	margin:120px auto 40px;
	padding:0 0;
	background:url(./images/bg_linkbox.png) no-repeat center top;
	background-size:1920px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.topBerBox ul {
	width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;

}
.topBerBox ul li {
	width:310px;
	padding:0;
}

.topBerBox ul li a {
display: block;
    box-sizing: border-box;
    text-align: center;
	color:#389261;
	font-weight:bold;
	padding:0;
}


footer {
	width:100%;
	background:#EFEFEF;
	padding:30px 0 0;
}
.footerBody {
	width:1000px;
	margin:0 auto 60px;
	overflow:hidden;
	position:relative;
}
.footNav {
	width:1000px;
	margin:0 auto 2.8em;
}
.footNav h3 {
	margin-top:30px;
}
.footNav h3 a {
	font-size:20px;
	color:#707070;
	font-weight:bold;
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}

.footNav ul {
	overflow: hidden;
	margin:0 auto;
	width: 1000px;
}
.footNav ul li {
	float:left;
	margin-right:1em;
}
.footNav ul li a {
	font-size:115%;
	color:#707070;
}

.footLogo p {
	font-size:95%;
	margin-bottom:0.5em;
	padding: 0.5em 0;
	margin-top: 0.5em;
}

.footAddress {
	width:340px;
}
.footAddress p {
	font-size:16px;
	color:#707070;
	line-height:1.8;
}

p.copyright {
	background: #ffffff;
    width: 100%;
    height: 64px;
    line-height: 64px;
    color: #A3A3A3;
    font-size: 14px;
    text-align: center;
}

.toHospital {
	position:absolute;
    top: 10px;
    left: 150px;
}
.toHospital a {
	border: 1px solid #19984A;
    border-radius: 18px;
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffffff;
    color: #707070;
    font-size: 75%;
    display: block;
    box-sizing: border-box;
    font-weight: bold;
}


.footLogo {
	padding:0 0 1em;
}
.footLogo img {
	width: 110px;
    height: auto;
    opacity: 0.9;
}

.catTop {
	background:#E6E000;
	height:150px;
	position:relative;
	margin-bottom: 5em;
}
.catTop h1 {
	font-size:230%;
	font-weight:700;
	width:100%;
	text-align:center;
	line-height:150px;
	color:#FFFFFF;
}
.catTop::after {
	content: '';
	position:absolute;
	top: 94%;
	left:48%;
	border-top: 30px solid #E6E000;
	border-right: 35px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 35px solid transparent;
}

.content {
	width:100%;
	padding-bottom:0;
}

section {
	width:800px;
	margin:2em auto 3em;
	overflow:hidden;
}
section h2 {
	color:#E0DA27;
	font-size:28px;
	font-weight:bold;
	margin-bottom:30px;
}
section h3 {
	font-size:140%;
	font-weight:bold;
	margin-bottom: 0.2em;
	clear: both;
	color: #FF7F00;
}
section h4 {
	font-size:115%;
	font-weight:bold;
	margin:1em 0 0.5em;
}
section h4::before {
    font-family: "FontAwesome";
    content: "\f111";
    margin-right:0.3em;
    color: #63C28E;
}
section h5 {
	font-size:110%;
	font-weight:bold;
	margin:1em 0 0.5em;
}
section p {
	line-height:1.8;
	margin-bottom:1.5em;
	clear:both;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:110%;
}

section p.medate {
	font-size:120%;
	color:red;
	font-weight:bold;
}

section p.pdf {
	line-height:1.2;
	margin-bottom:0.5em;
}

section p.pdf a::before {
    font-family: "FontAwesome";
    content: "\f1c1";
    padding: 0 0.4em;
    color: #00712D;
}

.flexCont {
	display:flex;
	justify-content:space-between;
}
.flexCont .txts001 {
	width:562px;
}
.flexCont .support001 {
	width:220px;
}
.flexCont .txts002 {
	width:497px;
}
.flexCont .support002 {
	width:281px;
}










.mint {
	width:100%;
	background:#ECF7F1;
	padding:1em 0;
}
.mint section h3 {
	height:48px;
	line-height:48px;
}

section h3 span.point {
	color:#389260;
	font-size:80%;
	float:left;
	margin-right:0.5em;
}
section h3 span.pointNumber {
	display:block;
	background:#389260;
	border-radius:50%;
	width:48px;
	height:48px;
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	line-height:48px;
	float:left;
	margin-right:0.5em;
}

p.inyou {
	margin:130px auto auto;
	font-size:14px;
	display:flex;
	justify-content:flex-end;
}

section ol {
	overflow:hidden;
	margin-bottom:1em;
}
section ol li {
	list-style-type:decimal;
	list-style-position:outside;
	width:100%;
	margin:0 0 0.5em 1em;
	box-sizing:border-box;
	line-height: 1.8;
	clear: both;
}

section ul {
	overflow:hidden;
	margin-bottom:1em;
}
section ul li {
	list-style-type: disc;
    list-style-position: outside;
    width: 97%;
    margin: 0 0 0.5em 3%;
    box-sizing: border-box;
    line-height: 1.4;
    clear: both;
	font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:110%;
}

.detail {
	display:none;
	background:#ffffff;
	padding:30px 20px;
	box-sizing:border-box;
	margin:0;
}

.detail h4 {
	color:#38925F;
	font-size:130%;
	font-weight:bold;
	margin-bottom:0.6em;
}

.mint p.toggle {
	position:relative;
	width:0;
	margin:1em auto 0;
	text-align:center;
	border-top: 60px solid #389260;
	border-right: 100px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 100px solid transparent;
	cursor:pointer;
}
.mint p.toggle::after {
	content: "詳しく見る";
    color: #ffffff;
    position: absolute;
    top: -50px;
    left: -100px;
    width: 200px;
    text-align: center;
	font-size:80%;
}

.mint p.active {
    position: relative;
    width: 0;
    margin:0 auto 1em;
    text-align: center;
    border-top:10px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 60px solid #389260;
    border-left: 100px solid transparent;
    cursor: pointer;
}
.mint p.active::after {
    content: "閉じる";
    color: #ffffff;
    position: absolute;
    top: 20px;
    left: -100px;
    width: 200px;
    text-align: center;
	font-size:80%;
}


section img {
	margin:1em 0;
}
section img.full {
	width:100%;
	height:auto;
}

section table {
	width:100%;
	border:none;
	box-sizing:border-box;
}
section table tr {
	border-top:1px solid #CCEBDA;
	border-left:1px solid #CCEBDA;
}
section table th, section table td {
	border-right:1px solid #CCEBDA;
	border-bottom:1px solid #CCEBDA;
	padding:0.5em 0.8em;
}
section table th {
	background:#effaf4;
}

ul.disc {
	list-style-type:disc;
	margin-left:1.5em;
	list-style-position: outside;
}





/* セルフチェック */

section.checkUp form {
	padding:2.5em 2em;
	background:#d2f8e2;
	margin:0 0 2em 0;
}

section.checkUp dl {
	background:#ffffff;
	box-sizing:border-box;
	padding:1.5em 2em 1em;
	border-radius:8px;
	margin:0 0 2em 0;
}
section.checkUp dl dt {
	font-size:120%;
	font-weight:bold;
	margin:0 0 1em 0;
	padding-bottom:0.5em;
	border-bottom:2px dotted #38925F;
}
section.checkUp dl dd {

}
section.checkUp dl dd ul {
	overflow:hidden;
}
section.checkUp dl dd ul li {
	float:left;
	width:33%;
	margin:0 0 1em 0;
	color:#555;
}

.resultBox {
	overflow:hidden;
	margin: 3em 0 0;
}
.buttonBox {
	float:left;
	width: 45%;
}
.buttonBox::after {
	font-family: "FontAwesome";
    content: "\f101";
    padding: 0;
    margin: 0.5em;
    font-size: 280%;
    color: #61c28e;
}
#result {
	float:right;
	width:50%;
}

.btn_submit {
	padding: 0.5em 2em;
    font-size: 180%;
    border: none;
    background: #62c28e;
    color: #ffffff;
	cursor:pointer;
}
#result {
	margin:0 0 0 0;
}
#result p {
	font-size:160%;
	line-height: 1.4;
}
#result p span {
	font-size:160%;
	font-weight:bold;
	margin-right:0.2em;
	color:#389261;
}

.cage {
	padding:2.5em 2em;
	background:#dbf6ff;
}
.cage ul {
	width:100%;
	margin-bottom:1em;
}
.cage ul li {
	width: 100%;
    box-sizing: border-box;
    margin: 0 0 0 0;
    font-size: 120%;
    font-weight: bold;
    background: #ffffff;
    padding: 1em;
    margin-bottom: 1em;
	border-radius: 8px;
}
.cage ul li:last-child {
    margin-bottom: 0;
}


#back-top {
    position:fixed;
	bottom:200px;
	right:150px;
}
#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #707070;
    transition: all 1s ease 0s;
	font-size:80%;
	font-weight:bold;
	line-height:1.1;
	background:rgba(255,248,49,0.6);
    height: 65px;
    width: 65px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	padding-top:10px;
	box-sizing:border-box;
}


#back-top a:before {
  color:#707070;
  width:65px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-family:"FontAwesome";
  content:"\f106";
  font-weight:lighter;
  font-size:50px;
  position: relative;
  top:0;
  display:block;
}


.pageNews {
	width:800px;
	padding: 0 0 0 0;
	margin:1em auto;
	box-sizing:border-box;
}
.pageNews dl {
	width:100%;
	overflow:hidden;
	border-bottom: 1px dotted #63C28E;
    padding: 1.2em 0;
	box-sizing:border-box;
}
.pageNews dl dt {
	width:18%;
	float:left;
}
.pageNews dl dd {
	width:82%;
	float:right;
}
.pageNews dl dd a {
    color: #707070;
}


/* ■■■ページング■■■ */
.wp-pagenavi {
	margin:2em 0;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF !important;
	padding: 3px 10px !important;
	margin: 2px;
	font-size:90%;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #6cab8f;
	background:#FFF831;
	color:#707070;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



.swiper-slide {
	position:relative;	
}
img.message {
	position:absolute;
	top:150px;
	left:180px;
}

article {
	min-height:300px;	
}

.cap {
	font-size:90%;	
	text-align: center;
width: 300px;
display: block;

}


.wp-caption::after {
	content:'';
	display:block;
	clear:both;	
}

.alignleft {
	margin:0 1em 1em 0;
	float:left;	
}
.alignright {
	margin:0 0 1em 1em;
	float:right;	
}

img.alignleft, img.alignright {
	width:25%;
	height:auto;
}
img.alignright33 {
	float:right;
	width:33%;
	height:auto;
}


.toIchiran {
    width:1000px;
	margin:30px auto auto;
	display:flex;
	justify-content:flex-end;
    
   
}
.toIchiran a {
	font-size: 12px;
	color:#707070;
}



.link ul li {
	line-height:1.8;
}

table.grade tr th, table.grade tr td {
	white-space:nowrap;
}
table.grade tr td:last-child {
	text-align:center;
}

section table.grade img {
	margin:0.5em 0 0;
}

img.grade001 {
	width:40%;
	height:auto;
}
img.grade002 {
	width:20%;
	height:auto;
}
img.grade003 {
	width:20%;
	height:auto;
}
img.grade004 {
	width:25%;
	height:auto;
}
img.grade005 {
	width:25%;
	height:auto;
}
img.grade006 {
	width:25%;
	height:auto;
}
img.grade007 {
	width:25%;
	height:auto;
}
img.grade008 {
	width:40%;
	height:auto;
}


.annaiLR {
	overflow:hidden;
}
.annaiL {
	float:left;
	width:33%;
}
.annaiR {
	float:right;
	width:63%;
}
section .annaiLR img {
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
.annaiLR p.caption {
	font-size:90%;
	text-align:center;
}

dl.listLR {
	overflow:hidden;
}
dl.listLR dt {
	float:left;
	width:65%;
}
dl.listLR dd {
	float:right;
	width:33%;
}
section .listLR img {
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
.listLR p.caption {
	font-size:90%;
	text-align:center;
}


.red {
	color:red;
}
.fontBig {
	font-size:120%;
	font-weight:bold;
}

img.fig {
	width:80%;
	height:auto;
	margin-top: -0.5em;
}



.ancLink {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 0.5em 1em 0 1em;
    font-size: 95%;
    width: 70%;
    margin: 0 auto 1em;
	box-sizing:border-box;
}
.ancLink a {
	color:#333333;
	font-size:90%;
}
section p.toc_title {
	color: #38925F;
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 0.5em;
}
section p.toc_title::before {
    font-family: "FontAwesome";
    content: "\f0ca";
    padding: 0 0.4em;
    color: #00712D;
}



ul.wakuTsukero {
    border: 1px solid #aaa;
    padding: 0.5em 0.5em 0 0.5em;
}
.wakuTsukero {
    border: 2px solid #aaa;
    padding: 1em 1em 0 1em;
	margin-bottom:1em;
	box-sizing:border-box;
}


.daijidesu {
	
}

span.chiisaku {
	font-size:90%;
}

.hennaLR {
	overflow:hidden;
}
.hennaL {
	float:left;
	width:62%;
}
.hennaR {
	float:right;
	width:33%;
}
section .hennaLR img {
	width:100%;
	height:auto;
	margin:0 0 0 0;
}

section p.caption {
	font-size:90%;
	text-align:center;
}

.daijidesu {
	background: #d2f8e2;
	box-sizing:border-box;
	padding:1em;
}


.div#n2-ss-2 .n2-style-976d656c82148356c2843e6efb67bc1b-simple {

	
}




section p.fontL {
	font-size:120%;
}

.footLogo p a {
	color: #00712D;
    padding: 0.4em 1em;
    border-radius: 8px;
    border: 1px solid #00712D;
}
.footLogo p a::before {
	font-family: "FontAwesome";
	content: "\f015";
	padding: 0 0.4em 0 0;
}



.moreBig {
	font-size:140%;
}


/* コンテンツ中 画像 */
figure.outline001 {
	width:470px;
	margin:50px auto 64px
}





















.forPC {
	display:block;	
}
.forSP {
	display:none;	
}

/*///////////////////////////////////////////////// スマホ　/////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1024px){

.forPC {
	display:none;	
}
.forSP {
	display:block;	
}

header {
    width: 100%;
    height:auto;
    padding: 0.5em;
}
.logo {
    width: 100%;
	height:auto;
    margin-left: 0;
}
.logo a {
	display:block;
	margin: 0.5em 18% 0.5em 2%;
}
.logo img {
	width:100%;
	height:auto;
}

.mainimage {
    width: 100%;
    height: 158vw;
    min-height: 0;
    padding: 0 0 0 0;
    position: relative;
    box-sizing: border-box;
	background: url(./images/bg_gamble_main_sp.png) no-repeat;
    background-size: 100vw;
}


.mainMessage {
	width:100%;
	margin:0 0 0 0;
	transform: scale(1,1);
	font-size: 7vw;
}
nav {
	display:none;
}

.topBerBox {
    width:100%;
    margin: 0 auto;
    padding: 20px 0;
}

.footNav {
    width: 100%;
    margin: 0 auto 0;
}
.footNav ul {
    width: 100%;
}
.footerBody {
    width: 84%;
    margin: 1em auto 0.5em;
    overflow: hidden;
    position: relative;
}

.news {
	width:86vw;
	margin: 8vw auto 0;
	flex-direction:column;
}

.newsL {
    width: 100%;
    height:21.3vw;
    float: none;
    box-sizing: border-box;
	padding:0 0;
	border-radius:2.6vw;
}
.newsR {
    width: 100%;
    height: auto;
    float: none;
    box-sizing: border-box;
    padding-top: 0.5em;
	padding-bottom: 0;
}
.newsL h2 {
    width: 100%;
    height: auto;
    position: static;
    font-size: 5vw;
    line-height: 1.0;
	text-align:center;
}
.newsL::after , .newsR::after {
    display:none;
}
.newsList {
    width: 100%;
    height:auto;
    overflow-y: scroll;
    margin: 1em auto;
	padding-bottom:0;
}
.toIchiran {
    width:86vw;
    margin: 3vw auto auto;
    display: flex;
    justify-content: flex-end;
}

.topBerBox {
	width:100%;
	height:auto;
	margin:14.4vw auto 8vw;
	padding:9.3vw 0;
	background: url(./images/bg_linkbox_sp.png) no-repeat center top;
	background-size: 100%;
}
.topBerBox ul {
	overflow:hidden;
}
.topBerBox ul li {
	float:none;
	width:82%;
	height:auto;
	margin-right:0;
	margin:0 auto;
}
.topBerBox ul li:nth-child(3) {
	margin-right:auto;
}

.topBerBox ul li img {
	width:100%;
	height:auto;
}


footer {
        padding: 2em 0 0;
	margin-top: 1.4em;	
}

.footNav ul li {
    float: none;
    margin-right: 0;
	width:100%;
	border-bottom:0.4vw dotted #707070;
	box-sizing:border-box;
}
	/*
.footNav ul li:nth-child(even) {
    float: right;
	border-right:none;
}
*/
.footNav ul li a {
	display:block;
	padding:0.8em 0.5em;
	box-sizing:border-box;
}

.footAddress {
    position: static;
    width: 92%;
	margin:1em auto;
}

.footLogo img {
	width: 15%;
	height:auto;
}




/* メニュー用モーダル */
.lock {
overflow:hidden;
}

.modal-content {
position:relative;
display:none;
width:96%;
padding:10px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.modal-content p {
margin:0;
padding:0;
}

.modal-overlay {
z-index:1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
z-index:2;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
}


.modal-open {
color:#00f;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-align: right;
}

.modal-close:hover {
cursor:pointer;
color:#f00;
}

p.close_top{
text-align: right;
margin: 10px 0 20px;
}

p.close_top .modal-close{
height:35px;
border:1px solid #A5A4A4;
color: #666666;
font-size: 100%;
margin-right: 20px;
padding:0.4em 1em;
border-radius: 4px;
background-color: #ffffff;
}

.modal-content > ul{
overflow: hidden;
    margin: 0 2%;
    padding: 2%;
    width: 96%;
    background: #f4fefa;
    box-sizing: border-box;
}
.modal-content > ul li {
	border-bottom:1px dotted #333333;
}
.modal-content > ul li a {
	padding:0.5em;
	display:block;
    color: #00712D;
}

.modal-content > ul li a::before {
    font-family: "FontAwesome";
    content: "\f0da";
    padding: 0 0.4em;
    color: #00712D;
}

.modal-content > ul li.lavel{
background-color:#25BAA4;
font-size: 100%;
border-bottom:1px dotted #ffffff;
}
.modal-content > ul li:last-child {
border-bottom:none;
}


.modal-content > ul li.lavel a{
display:block;
padding:0.5em 0.5em 0.5em 1em;
color: #fff;
}
.modal-content > ul li.lavel a:hover {
	text-decoration:none;
}

.modal-content > ul li.lavel a::before {
	font-family: "FontAwesome";
	content: "\f101";
	padding:0;
	margin-right:0.5em;
}

ul.nav_box{
background-color: #f1f1f1;
margin:0;
padding:15px 0 0;
overflow: hidden;
}

ul.nav_box li{
font-size: 1.5em;
width: 47%;
float: left;
margin:0 0 20px 3%;
}

ul.nav_box li a{
color: #505050;
display: block;
}


p.close_bottom{
background-color: #e8e6c2;
overflow: hidden;
text-align: center;
}


p.close_bottom a{
display: block;
color:#a5a4a4;
background-color: #fff;
padding:10px 30px;
font-size: 1.4em;
}

.spHeadIcons {
    position: absolute;
    top: 8px;
    right: 5px;
    width: 46px;
}
.spHeadIcons li {
	display:inline;
	float:left;
	width:46px;
	border-radius:4px;
	box-sizing:border-box;
	text-align:center;
	line-height: 1.0 !important;
}
.spHeadIcons li:nth-child(3n) {
	background:#437CCD;
}

.spHeadIcons li a {
	display:block;
	padding:0 0 0 0;
	text-align:center;
	font-size:60%;
	color:#004A4A;
	font-weight:normal;
}
.spHeadIcons li a:hover {
	text-decoration:none;	
}
.spHeadIcons li a#menuButton {
	color:#389261;
}
.spHeadIcons a i {
	font-size:300%;
	padding-top:5px;
}


p#spMenuTxt {
	position:absolute;
	right:5%;
	bottom:1.5em;
	font-size:70%;
}

.sp-menu ul {
	z-index:100;	
}



.sp-menu ul li a {
	display:block;
	width:92%;
	padding:0.7em 4%;
	color:#ffffff;
	display: block;
	position: relative;
}
.sp-menu ul li a:hover {
	text-decoration:none;	
}




.catTop {
    height:auto;
	margin-top: 5.3vw;
    margin-bottom: 10vw;
	padding:2.6vw 0;
}
.catTop h1 {
    color: #707070;
    font-size: 5.6vw;
    width: 100%;
    text-align: center;
    line-height: 10.6vw;
	color:#FFFFFF;
}
.catTop::after {
    left: 50%;
    top: 100%;
	border-top: 5.3vw solid #E6E000;
    border-right: 4vw solid transparent;
    border-bottom: 5.3vw solid transparent;
    border-left: 4vw solid transparent;
	transform:translatex(-50%);
}
section {
    width: 86vw;
    margin: 15vw auto;
}
section h2 {
    font-size: 6.1vw;
	line-height:10.6vw;
}
section h3 {
    font-size: 120%;
}

.mint section h3 {
    height: auto;
    line-height: 1.4;
	font-size:110%;
}


section img {
	margin:0.5em 0;
}
img.full {
	width:100%;
	height:auto;
}

section h3 span.pointNumber {
    display: block;
    background: #389260;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 90%;
    font-weight: bold;
    text-align: center;
    line-height: 30px;
    float: left;
    margin-right: 0.5em;
}

.detail {
    padding: 1em;
}



.buttonBox {
    float: none;
    width: 100%;
}
.btn_submit {
    padding: 0.5em 0;
    font-size: 140%;
    border: none;
    background: #62c28e;
    color: #ffffff;
    width: 100%;
	text-align:center;
}
.buttonBox::after {
    display:none;
}
#result {
    float: none;
    width: 100%;
	margin-top:-0.2em;
}

.cage, section.checkUp form {
    padding: 2.5em 1em;
}

section.checkUp dl dd ul li {
    float: left;
    width: 48%;
    margin: 0 0 0 0;
    color: #555;
	font-size:90%;
	list-style-type: none;
    list-style-position: inherit;
	clear: inherit;
}
section.checkUp dl dd ul li:nth-child(even) {
    float: right;
}
section.checkUp dl {
    padding: 1.5em 1em 1em;
}
section.checkUp dl dt {
    font-size: 105%;
}
.cage ul li {
    font-size: 105%;
}



#back-top {
    position: fixed;
    bottom: 30px;
    right: 10px;
}


.alignleft {
    margin: 0 0.5em 0.5em 0;
	width:50%;
	height:auto;
}
.alignright {
    margin: 0 0 0.5em 0.5em;
	width:50%;
	height:auto;
}

.pageNews {
    width: 92%;
	margin:0 auto;
}
.pageNews dl dt {
    width: 100%;
    float: none;
}
.pageNews dl dd {
    width: 100%;
    float: none;
}

.newsList dl dt {
    float: none;
	width: 100%;
}
.newsList dl dd {
    float: none;
	width: 100%;
}	


	
	
.mainimage .pic01 {
	width: 25%;
    margin-top: 20vw;
    margin-left: 5%;
}
.mainimage .pic02 {
	top:20vh;
}	
	
	
img.alignleft, img.alignright {
	width:35%;
	height:auto;
}
	
	
.annaiLR {
	overflow:hidden;
}
.annaiL {
	float:none;
	width:100%;
}
.annaiR {
	float:none;
	width:100%;
}
section .annaiLR img {
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
.annaiLR p.caption {
	font-size:90%;
	text-align:center;
}

dl.listLR {
	overflow:hidden;
}
dl.listLR dt {
	float:none;
	width:100%;
}
dl.listLR dd {
	float:none;
	width:100%;
}
section .listLR img {
	width:100%;
	height:auto;
	margin:0.5em 0 0 0;
}
.listLR p.caption {
	font-size:90%;
	text-align:center;
}
	
	
	
.footNav ul li a {
    font-size: 4.2vw;
}	
	
	
	
	
.mainMessage {
	top: 6%;
    right: 0;
}
.messageDetail {
    top: 52%;
    right: 5%;
    width: 60%;
}
	
	
	
ul.wakuTsukero {
    border: 1px solid #aaa;
    padding: 0.5em 0.5em 0 1em;
}
	
.ancLink {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 0.5em 0.5em 0 1em;
    margin-bottom: 1em;
    width: auto;
    font-size: 95%;
}
	
	
section ul li {
    list-style-type: disc;
    list-style-position: outside;
    width: 90%;
    margin: 0 2% 0.5em 7%;
    box-sizing: border-box;
    line-height: 1.4;
    clear: both;
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-size: 110%;
}
		
	
	
table.grade tr th, table.grade tr td {
    white-space:normal;
}	
	
	
.toHospital {
    position: absolute;
    top: 3vw;
    left: 35vw;
}
.footAddress p {
    font-size: 3.7vw;
	margin-bottom:2em;
}	
	




}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1024px){
	
.mainimage .pic01 {
	width: 30%;
    margin-top: 23vw;
    margin-left: 5%;
}
.mainimage .pic02 {
	top:20vh;
}	

.messageDetail {
    top: 42%;
    right: 5%;
    width: 55%;
}
	
img.alignleft, img.alignright {
	width:35%;
	height:auto;
}
	
	
.mainMessage {
    top: 10%;
    right: 0;
}
.messageDetail {
    top: 48%;
    right: 5%;
    width: 55%;
}
		
	
.n2-style-c89c22fa0290574da3483c3de2d09706-simple span {
	font-size:70% !important;		
}	
	
.footLogo p {
    font-size: 100%;
    margin-bottom: 0.5em;
    padding: 0.5em 0;
}	
	
.footLogo p a {
    color: #00712D;
    padding: 0.4em 0.5em;
    border-radius: 8px;
    font-size: 70%;
    border: 1px solid #00712D;
}	
	
	
	
.footLogo img {
    width:29vw;
    height: auto;
}
.footAddress {
    position: static;
    width: 100%;
    margin: 0 auto;
}	
	
	
	
	
	
figure.kokogaPoint {
    width: 100%;
    margin: 0 auto 0;
	text-align: center;
    padding-top: 11vw;
}
figure.kokogaPoint img {
    width:79.2vw;
    height:auto;
}	
.topBerBox ul {
    width: 100%;
    height:auto;
	padding: 0 0;
	display:flex;
	flex-direction:column;
	gap:8vw;
}	
header {
    width: 100%;
    height:18vw;
    padding: 0;
	background:#e6e000;
}
h1.spHeadH1 {
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 0;
	padding:0 0 0 0;
	box-sizing:border-box;		
	width:63.7vw;
	height:18vw;
}	
h1.spHeadH1 a {
    font-size: 4.2vw;
    font-weight: bold;
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.0;
	position:absolute;
	top:4.2vw;
	left:6.6vw;
	color:#FFFFFF;
}
h1.spHeadH1 a span {
	display:block;
    font-size: 3.2vw;
    font-weight: bold;
    color:#FFFFFF;
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	margin-top:2vw;
}	
.headSub {
	position:absolute;
	top:0;
	right:18vw;
    font-size: 2.6vw;
    font-weight: bold;
    color:#FFFFFF;
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    padding-top: 0;
    margin-left: 0;
	width:18vw;
	height:18vw;
	background:#d4cf06;
	padding: 1.4em;
    box-sizing: border-box;
}	
	
	
#menuButton {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18vw;
    height: 18vw;
    z-index: 501;
    background: #F0E800;
}	
#menuButton span {
    display: block;
    background: #fff;
    width: 7.6vw;
    height: 1vw;
    position: absolute;
    left: 5.2vw;
}
#menuButton span:first-child {
    top: 5.2vw;
}	
#menuButton span:nth-child(2) {
    top: 8.2vw;
}	
#menuButton span:nth-child(3) {
    top: 11.2vw;
}	
	
#menuButton.active span:first-child {
    transform: translateY(2vw) rotate(45deg);
    top: 6.2vw;
}
#menuButton.active span:nth-child(2) {
    opacity: 0;
}	
#menuButton.active span:nth-child(3) {
    transform: translateY(-2.1vw) rotate(-45deg);
    top: 10.2vw;
}	
.sp-menu {
    display: none;
    position: absolute;
    top: 18vw;
    left: 0;
    z-index: 100;
    background: #F0E800;
    width: 100%;
    padding: 7vw;
    box-sizing: border-box;
    transition: auto;

}
.sp-menu ul {
	border-top:0.6vw dotted #707070;
}	
.sp-menu ul li {
	border-bottom:0.6vw dotted #707070;
}	
.sp-menu ul li a {
    display: block;
    width: 100%;
    padding: 0.9em 0;
    color: #707070;
    display: block;
    position: relative;
	font-size:4.2vw;
}	
.topBerBox ul li a {
    padding: 0;
}
	
	
.footNav h3 {
    margin-top: 0;
    width: 84vw;
    margin: 0 auto 0;
	padding:1.6em 0;
	border-top:0.6vw dotted #707070;
}
.footNav h3.bbari {
	border-bottom:0.6vw dotted #707070;
}
	
.footNav h3 a {
    font-size: 4.6vw;
	position:relative;
	display:block;
}	
.footNav ul.slideToggle {
    display:none;;
	width:84%;
	margin:0 auto;
}	
.footNav h3.trg a::after {
    content:'+';
	position:absolute;
	top:0.8em;
	right:0;
}	
.footNav h3.trg.active a::after {
    content:'-';
	position:absolute;
	top:0.8em;
	right:1vw;
}		
p.copyright {
    background: #fff;
    width: 100%;
    height: 12.2vw;
    line-height: 12.2vw;
    color: #A3A3A3;
    font-size: 2.9vw;
    text-align: center;
}	
.toHospital a {
    border: 1px solid #19984A;
    border-radius: 18px;
    width: 29vw;
    height: 9.8vw;
    line-height:  9.8vw;
    text-align: center;
    background: #ffffff;
    color: #707070;
    font-size: 3.2vw;
    display: block;
    box-sizing: border-box;
    font-weight: bold;
}	
	
.newsList dl {
    width: 100%;
    padding: 6vw 0;
    font-size: 3.7vw;
    border-top: 1px dotted #6A6A6A;
	display:flex;
	justify-content:space-between;
}	
.newsList dl:last-of-type {
    border-bottom: 1px dotted #6A6A6A;
}	
.toIchiran a {
    font-size:3.2vw;
}	
	
	
section p {
    font-size: 4.2vw;
    line-height: 7.2vw;
    margin-bottom: 1.5em;
	text-align:justify;
}	
figure.outline001 {
    width:100%;
    margin: 0.96vw auto 13vw;
}	
p.inyou {
    margin: 11.7vw auto auto;
    font-size: 3.7vw;
    justify-content: center;
}	
.content {
	margin-bottom: 0;
    padding-bottom: 0;
}	
	
.flexCont {
	flex-direction:column;
}
.flexCont .txts001 {
	width:100%;
}
.flexCont .support001 {
	width:42vw;
	margin:auto;
}
.flexCont .txts002 {
	width:100%;
}
.flexCont .support002 {
	width:57vw;
	margin:auto;
}	
	
	
	
	
	
	
	
	
	
	
	
}