@charset "utf-8";
/* CSS Document */
body{ color: #000000; background-image: url(img/bg.gif); margin:auto; padding:0px;
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif; text-align:center; font-size: 18px; line-height:180%;}

img{ border: 0; max-width: 100%; }
a:hover img { opacity: 0.6; }

a:link { color: #ff6347; text-decoration:none}
a:visited { color: #ff6347;; text-decoration:none}
a:hover { color: #00b043; text-decoration:none}


h1{ font-size: 26px; position: relative; text-align:left; padding: 0.3em; background: #99CC00; color: white; padding-left:30px; background-color: #2A9D91;}
h1::before { position: absolute; content: ''; top: 100%; left: 0; border: none; border-bottom: solid 15px transparent; border-right: solid 20px rgb(149, 158, 155);}

.aka { color: #ff6347;}
.time { color: #207970; font-weight:bold; font-size:18px; }
.footnote { font-size: small; text-align:left; line-height:150%;}

/*-----<menu>-------------------*/
.logo {padding:10px 0 0 0;}
.logo:after { content: ""; display: block; clear: both;}

#flag { background-image:url(img/flag.gif); background-position: top; height: 87px;}

/*-----<form>-----*/
input[type="text"], input[type="email"] {width: 300px; font-size: 18px;}
textarea {width: 420px; height: 160px; font-size: 16px;}

.textfield_label {display: inline-block; width: 7em;}


/*-----<table1>-----*/
.table1 {
width:80%;
margin:auto;
padding:0;
border-collapse:collapse;
border:solid #999999 1px;
}
.table1 th{
font-weight:normal;
text-align: center;
background:#cccccc;
border-top:1px solid #999999;
margin:0;
padding: 10px;
width:20%;
}
.table1 td{
margin:0;
padding: 10px;
border:solid #999999 1px;
}


/*-----<table-ryoukin-kotei>-----*/
.table-ryoukin-kotei { table-layout:fixed; margin:auto; padding:0; border-collapse:collapse; border:solid #207970 2px; background:#207970; text-align: left;}
.table-ryoukin-kotei th{ font-weight:normal; text-align: left; background:#ffffe0; /*border-top:1px solid #207970;*/ border:1px solid #207970; margin:0; padding: 10px;}
.table-ryoukin-kotei td{ margin:0; padding: 10px; border:solid #207970 1px; background:#ffffff;}

/*-----<table-ryoukin>-----*/
.table-ryoukin { margin:auto; padding:0; border-collapse:collapse; border:solid #207970 2px; background:#207970;}
.table-ryoukin th{ font-weight:normal; text-align: center; background:#ffffe0; /*border-top:1px solid #207970;*/ border:1px solid #207970; margin:0; padding: 10px;}
.table-ryoukin td{ margin:0; padding: 10px; border:solid #207970 1px; background:#ffffff;}


/*-----<table2>-----*/
.table2 { width:80%; margin:auto; margin-bottom:20px; padding: 30px; border-collapse:collapse; border:solid #207970 2px;/*background:#207970;*/ background:#fff; text-align:left;}


/*-----<   gyouji   >-----*/
.gyouji { margin: auto; text-align:left;}
.gyouji td { border-bottom: #FFFFFF 3px dotted;}
.gyouji th { }

/*-----<     question     >----*/
p.question { cursor: pointer; font-weight:bold; color: #2A9D91; font-size:18px;}
p.question:hover { text-decoration: underline;}
p.answer { display: none; background: #f2f2f2; margin-left: 1em; padding: 10px;}

/* QAアイコン */
.cp_qa .question::before,.cp_qa .answer::before{ font-size: 1.5em; color: #33CCCC;}
.cp_qa .question::before { margin: 0.3em 0.3em 0 -1em; content: 'Q.';}
.cp_qa .answer::before { margin: 0 0.5em 0 -2em; padding: 0.2em 0.4em; content: 'A.'; font-weight:bold; border-radius: 0.2em; background: #ff6347;}


/*---<     pagetop     >---*/
#pageTop { position: fixed; bottom: 50px; right: 50px; }
#pageTop a { display: block; z-index: 999; padding: 10px 5px 0 5px; border-radius: 50px; width: 50px; height: 50px; background-color: #ff6347; text-align: center; font-size:30px; font-weight:bold; color:#33CCCC;}
#pageTop a:hover { text-decoration: none; opacity: 0.7; }

/*-----<     sub     >----*/
#subbg {/*background-color: #eee7e0;*/ margin: auto; padding: 0;}
.sub {}
.sub ol { margin: 10px 0 10px 0; padding: 0; list-style: none;}
.sub li a { background: #2A9D91; display: inline-block; padding: 0 15px 0 0; color: #fff; text-decoration: none; font-weight: bold; /*border: 1px solid;*/ border-radius: 1.5em; margin: 5px 0;}
.sub li a:hover { color: #e4232f;}
.sub ol:after { content: ""; display: block; clear: both;}
.sub li { display: inline-block; color: #000000; text-decoration: none;}
.sub li a::before { content: '\02192'; color: #33CCCC; margin-left: 10px; margin-right: 3px; font-weight: bold;}

/*-----<     footer     >----*/
#footerimg { background: #207970; background-image:url(img/bottom.gif); background-position: bottom; height: 253px;}
#footer { background: #207970; margin: auto; padding: 30px 0 50px 0;}
#copy { margin: auto; padding: 10px 0; color: #FFFFFF;}



/* ############### 599px under ################ */
@media (max-width: 767px) {
.contents2{ margin: auto; padding:20px; text-align:left;}

/*-----<    sitetitle-blog-title   >----*/
.kidsppal {}
.kidsppal img {}
.bloglogo {}
.bloglogo img {width: 80%;}

/*---<    menu    >---*/
#menubtn { /*display: none;　border: solid 1px #aaaaaa; border-radius: 5px; background-color: #ffffff; position: absolute; top: 150px; right: 20px; cursor: pointer;*/
	padding: 0px 80px; display: inline-block; background: #2A9D91; color: #fff; text-decoration: none; font-weight: bold; /*border: 1px solid;*/ border-radius: 1.5em; margin: 5px 0;}
#menubtn:focus {/*outline: none*/}
#menubtn i { color: #fff; font-size: 18px;}
#menubtn span { /*display: inline-block; text-indent: -9999px;*/color: #fff; font-size: 18px;}

.menu { display: none;}
.menu ul { margin: 0px 0; padding: 0; list-style: none;}
.menu li a { display: inline-block; background: #2A9D91; padding: 0 40px 0 20px; color: #fff; text-decoration: none; font-weight: bold; /*border: 1px solid;*/ border-radius: 1.5em; margin: 5px 0;}
/*.menu li a {display: block; padding: 3px; color: #fff; background-color: #2A9D91; border: solid 1px #fff; text-decoration: none; font-weight: bold;}*/
.menu li a:hover { color: #e4232f;}
.menu li a::before { content: '\02192'; color: #33CCCC; margin-left: 10px; margin-right: 3px; font-weight: bold;}


h2 { position: relative; text-align:left; padding: 20px 0 10px 20px; color:#207970;}
h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px); }

/*-----<   gyouji   >-----*/
.gyouji th { width:; text-align:center; padding: 10px; border-bottom: #FFFFFF 3px dotted;}
/*-----<table-ryoukin-kotei>-----*/
.table-ryoukin-kotei { width:100%; }
/*-----<table-ryoukin3>-----*/
.table-ryoukin3 { margin:auto; padding:0; border-collapse:collapse; border:solid #207970 2px; background:#207970; width:100%;}
.table-ryoukin3 td{ margin:0; padding: 10px; border:solid #207970 1px; background:#ffffff;}
}

/* ########### 768px over ########### */
@media (min-width: 768px) {

}

/* ########### 1040px以上 ########### */
@media (min-width: 1040px) {
.logo, .menuline, .contents { margin:auto; width: 1000px;}
.contents2{ width: 940px; margin: auto; padding:20px; text-align:left;}

.menubg { background: #207970;}

/*-----<    sitetitle-blog-title   >----*/
.kidsppal { float:left; padding: 10px 0 0 0;}
.kidsppal img { width: 600px;}
.bloglogo { float:right;}
.bloglogo img {width: 300px;}

/*---<    menu    >---*/
#menubtn {display:none;}
.menu ul {margin: 0; padding: 0; list-style: none;}
.menu li a {display: block; padding: 5px 15px; text-decoration: none; color: #ffffff; font-weight: bold;}
.menu ul:after {content: ""; display: block; clear:both;}
.menu li {float: left; width: auto;}

h2 { position: relative; text-align:left; padding: 20px 0 10px 50px; color:#207970;}
h2:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px); background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px); }

/*-----<   gyouji   >-----*/
.gyouji th { width:130px; text-align:center; padding: 10px; border-bottom: #FFFFFF 3px dotted;}

/*-----<table-ryoukin-kotei>-----*/
.table-ryoukin-kotei { width:80%; }
/*-----<table-ryoukin>-----*/
.table-ryoukin { width:80%;}
/*-----<   gyouji   >-----*/
.gyouji {width: 650px;}
/*-----<table-ryoukin3>-----*/
.table-ryoukin3 { margin:auto; padding:0; border-collapse:collapse; border:solid #207970 2px; background:#207970; width:80%;}
.table-ryoukin3 td{ margin:0; padding: 10px; border:solid #207970 1px; background:#ffffff; text-align:center;}
}