@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.php
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}

ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body{
font:80%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
-webkit-text-size-adjust:none;
background:#fcf8ef;
text-align: justify;
}
TD{
font-size:11pt;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
 
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}


.s1 {  font-size:14px; font-weight: bold; color:#D90000; padding:0px 10px;  text-align: center;}

.s2 {  font-size:14px; text-align:center; font-weight: bold; color:#64510F;}

.s3 {  font-size:14px; color:#DF7F8C; font-weight: bold;}

.s4 {  font-size:13px; color:#64510F; padding:0px 10px; text-align: center;}

.s5 {  font-size:13px; color:#64510F;  text-align: justify;}

.center_box {
text-align: center;
display: inline-block;
vertical-align: top;
}

.center_box p {
text-align: justify;
font-size:13px; color:#64510F;
padding-left: 1em;
text-indent: -1em;
word-break:break-all;
}


.center_box2 {
text-align: center;
display: inline-block;
vertical-align: top;
}

.center_box2 p {
text-align: justify;
font-size:13px; color:#64510F;
word-break:break-all;
}





.s6 {  font-size:12px; color:#666666; padding:0px 5px; text-align: left;}

.s7 {  font-size:15px; padding:0px 5px; text-align: left;}

.s8 {  font-size:13px; color:#666666; padding:0px 5px; text-align: right;}

.s9 {  font-size:13px; color:#666666; padding:20px 5px; text-align: center;}




.marker2b-red {
 background: linear-gradient(#e0ebaf 60%, #FADBDA 0%);
 text-shadow: 1px 1px 0 #fff, 0 1px 0 #fff;
}

.marker3a-red {
 background: linear-gradient(#fcf8ef 30%, #FADBDA 70%);padding-left: 1em;
text-indent: -1em;
}

.marker3a-orange {
 background: linear-gradient(#fcf8ef 30%, #FEECD2 70%);
}

.marker3a-green {
 background: linear-gradient(#fcf8ef 30%, #D5EAD8 70%);
}

.marker4a-red {
 background: repeating-linear-gradient(-45deg, #FADBDA, #FADBDA 1px, #fff 0, #fff 3px);
}

.marker1a-orange {
 background-color: #FEECD2;
}



.marker-dot {
        font-size:14px; 
        text-align:center; 
        font-weight: bold; color:#64510F;
	padding: .3em;
	border-bottom: 2px dotted #64510F;
        display: inline-block;
        margin-bottom:15px
} 




/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#777;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#999;
}


/**** Clearfix ****/
nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display:table;clear:both;}
nav .panel,#mainNav,.newsTitle,.bg, .post{zoom:1;}


a:hover img,
input.btn:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}


/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"],textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
text-align: center;
padding:3px 10px;
background:#ea8d9a;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
font-weight:bold;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
background:#f5d5da;
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
position:relative;
margin:0 auto;
width:980px;
}

.inner:after {
  content:"";
  clear: both;
  display: block;
}


#header{
box-sizing:border-box;
overflow:hidden;
top: 0px;
position: relative;
width:100%;
height:auto;
background-repeat: repeat-x;
border-top: solid 4px #FED2E9;

}

#content{
float:left;
width:710px;
padding:10px 0;
margin:10px auto;
}

#sidebar{
box-sizing:border-box;
overflow:hidden;
float:right;
width:230px;
padding:10px 0;
margin:10px auto;
}

#footer{
clear:both;
padding-top:10px;
border-bottom:1px solid #fff;
background:#f4eddd;
} 


/* ヘッダー
*****************************************************/
#header .bg{
        box-sizing:border-box;
	position:relative;
	width:100%;background:#ea8d9a;}


nav {
	width:100%;
	background:#fff;
        z-index:3;
}
nav:after {
	content:'';
	display:block;
	clear:both;
}




/* サイト説明文 + 住所
----------------------------------*/
#header h1,#header p{
float:left;
padding:0;
color: #fff;
font-size:50%;
font-weight:normal;
background:#ea8d9a;
}

#header p{
float:right;
text-align:center;}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
float:left;
padding:0;
color:#ea8d9a;
font-size:160%;
width:auto;
}

/* サブナビゲーション　ロゴ右
----------------------------------*/
#header ul{
padding-top:10px;
float:right;
}

#header ul li{
display:inline;
margin-left: 2.8em;
text-indent: -2.8em;
line-height: 1.8em;
font-size:90%;
}

#header ul li a{
padding-left:10px;
color:#000;
background:url(../img/arrowsub.png) no-repeat 0 50%;}

#header ul li a:hover{background-position:3px 50%;}

#header ul li img{display:inline-block; vertical-align: middle;}


/* トップページ　メイン画像
----------------------------------*/
.post{
margin:0px;
padding:0px;
}


.img_left {
	float: left;
	background-color: #fcf8ef;
}
.img_right {
	float: right;
	background-color: #fcf8ef;

}
#top_img {
        max-width: 980px;
        min-width: 300px;
	text-align: center;
	background-color: #fcf8ef;
	position: relative;
}

#top_img img {
 width: 100%;
 height: auto;
 object-fit: cover;
}


#top_img .top_txt {
	text-align: left;
	position: absolute;
	z-index: 1;
	color: #FFFFFF;
	font-size: 14px;
	padding-top: 16px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../doc/img/top_txt.png);
	letter-spacing: 1px;
	line-height: 18px;
        width: 300px;
	background-repeat: repeat-y;
	background-position: left top;
	top: 20%;
}
#top_img .top_txt span {
	font-size: 10px;
}



/*================================================
 *  スライドショー
 ================================================*/
/* スライドショー */
.slide {
	display:none;
	position:relative;
	overflow:hidden;
	margin:10px 0;
}

.slidePrev {
	position:absolute;
	cursor:pointer;
	z-index:2;
}

.slideNext {
	position:absolute;
	cursor:pointer;
	z-index:2;
}

.slidePrev img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}

.slideNext img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}

.slideInner {
	position:relative;
	margin:0 0 5px 0;
	padding:0;
}
.slideInner li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.slideInner li img {
	margin:0 5px;
	padding:0;
}

.filterPrev {
	position:absolute;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}

.filterNext {
	position:absolute;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}

.controlNav {
	position:relative;
	float:left;
	left:50%;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:10px;
	height:10px;
	overflow:hidden;
	background:#ccc;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	background:#999;
	cursor:pointer;
}
.controlNav span.current {
	background:#e95388;
}



/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:30px 0 0;
padding:7px 10px;
font-size:110%;
border-bottom:0;
background: url(../img/border.png) repeat-x 0 100%;
}

h2.first{margin-top:0;}

.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}


.post p{padding-bottom:5px; text-align: justify}

.post h1{
margin:10px 0;
padding:5px 0;
font-size:160%;
color:#000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color:#333;
}

.post h3{
margin:10px 0;
font-size:120%;
font-weight:bold;
color:#FF7373;
padding: .25em 0 .5em .75em;
border-left: 6px solid #EA8D9A;
border-bottom:1px solid #EA8D9A;
}


.post h4{
margin:10px 0;
font-size:120%;
font-weight:bold;
color:#ff8c00;
padding: .25em 0 .5em .75em;
border-left: 6px solid #ffa07a;
border-bottom:1px solid #ffa07a;
}


/*　テープ　枠　1 */
.post .kakomi-tape1 {
 position:relative;
 padding: 20px 20px 10px;
 margin: 2.5em auto;
 width: 86%;
 max-width: 600px;
 min-width: 200px;
 color: #555555; /* 文字色 */
 background-color: #e0ebaf; /*BOX背景色*/ 
 box-shadow: 0 2px 5px #999;
}
.post .title-tape1 {
 position: absolute;
 top: -15px;
 left: 10px;
 padding: 4px 10px;
 color: #DF7F8C; /*タイトル色*/
 font-weight: bold;
 background-color: rgba(255,255,255,.1);
 border-left: 2px dotted rgba(0,0,0,.1);
 border-right: 2px dotted rgba(0,0,0,.1);
 box-shadow: 0 0 5px rgba(0,0,0,0.2); 
 transform: rotate(-3deg);
}

.post.icon {
  position: relative;
  top: 8px;
  left: 5px;
}

.post li{
margin-left: 1.5em;
text-indent: -1.5em;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}


/* フォームテーブル
------------------------------------------------------------*/

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#FFF4F4;
	text-align:left;
}


.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post td{font-size:11px}

.post img{max-width:100%;height:auto;}

textarea ,
input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
}

.eng {
	margin: 5px;
	padding: 0px;
	font-size: 10px;
	color: #DF7F8C;
}


/* 枠無しテーブル
------------------------------------------------------------*/
.div2-hpd {
margin: 0px auto;
}

.div2-hpd table {
 width: 100%; margin: 0px 
 table-layout: fixed;
 border-collapse: collapse;
 display:inline-block; 
}

.div2-hpd td   { text-align: center; padding:10px 10px; vertical-align: top;}

.div2-hpd th  { text-align: center; padding:10px 10px;}



.div2-hpd td.title { padding:5px 5px; background: #F5D5DA; text-align:left; font-size:15px; color:#64510F; font-weight: bold;
 }
 
.div2-hpd td.title2 { padding:5px 5px; background: #ffe4b5; text-align:left; font-size:15px; color:#64510F; font-weight: bold;
 }



.topics_frame {
  background-color: #FFF;
  border-collapse: separate;
  border-spacing: 5px 0;
  margin: 0px auto;
  padding: 5px 0 5px;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.topics_link{
  display: table;
}
.topics_frame img,
.topics_main{
  margin: 5px 5;

  display: table-cell;
  vertical-align: middle;
}
.topics_title {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0 5px 0 5;
}

.topics_day {
  font-size: 12px;
  line-height: 1.2;
  padding: 0 5px 0 5;
}



h5.title {
  position: relative;
  margin: 0 0 15px;
  font-size: 110%;
  font-weight: bold; color:#5A4941;
  line-height: 2;
  padding: 0 0 0 10px;
}


h5:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #F4B7BE, #F4B7BE 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #F4B7BE, #F4B7BE 2px, #fff 2px, #fff 4px);
}

h6.title {
  position: relative;
  margin: 0 0 15px;
  font-size: 110%;
  font-weight: bold; color:#5A4941;
  line-height: 2;
  padding: 0 0 0 10px;
}

h6:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #FBD482, #FBD482 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #FBD482, #FBD482 2px, #fff 2px, #fff 4px);
}

p.subtitle {
      margin: -2.25em 0 15px;
      font-size: 100%;
      color:#D85E5D; 
      line-height: 0.8px;
      text-align: right;
}



img.aligncenter {
display:block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin:0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float:left;}




.thick {
    position: relative;
    border: 2px solid #ca4;
    padding: 1em;
}

.thick:before,
.thick:after,
.circle:before,
.circle:after {
    position: absolute;
    display: block;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    content: "";
    background-color: #F7F6F1 ;
    border: 2px solid #ca4;
}
.thick:before {
    top: -12px;
    left: -12px;
}
.thick:after {
    top: -12px;
    right: -12px;
}
.circle:before {
    right: -12px;
    bottom: -12px;
}
.circle:after {
    left: -12px;
    bottom: -12px;
}

.over {
    overflow: hidden;
	margin-bottom:20px;
}

.thin {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border: 1px solid #ca4;
    z-index: 1;
}


/* サイドバー　ウィジェット
*****************************************************/
section.widget, .widgetInfo{
max-width:100%;
margin:0 0 20px;
padding:5px 0px 10px;
border:1px solid #f0f0e1;
background:#fff;
}

#banners img{
max-width:100%;
height:auto;
padding-bottom:20px;
}

section.widget h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:100%;
font-weight:normal;
color:#333;
border-bottom:1px solid #ccc;
}

section.widget a{
display:block;
padding:3px 0 3px 13px;
text-decoration:underline;
background:url(../img/arrow.png) no-repeat 0 50%;
}

section.widget a:hover{
text-decoration:none;
background-position:3px 50%;
}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:100px;
vertical-align:bottom;
}


/* イベント・講座情報　
-------------*/
.mybox{
 border: 1px solid #ef858c;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 padding: 30px 5px 5px 5px;	/* 内側の余白 上・右・左・下 */
 position: relative;
 z-index: 0;
 max-width:100%;
 margin:0 0 25px;
background:#fff;
}
.mybox:before{
 background-color: #ef858c; 	/* タイトル部分背景色 */
 border-radius: 5px 5px 0px 0px;
 font-weight: bold;
 color: #fff;	/* タイトル部分文字色 */
 content: 'イベント・マルシェ情報';
 height: 35px;	/* タイトル部分高さ */
 padding: 10px 10px;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 2;
}
.mybox:after {
 border-style: solid;
 border-width: 10px 10px 0 10px;
 border-color: #ef858c transparent transparent transparent;	/* 吹き出し三角部分の色 */
 font-weight: bold;
 color: #fff;	/* タイトル部分文字色 */
 content: "";
 position: absolute;
 top: 32px;
 left: 10px;
 width: 0px;
 height: 0px;
 z-index: 1;
}


.mybox2{
 border: 1px solid #FFB000;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 padding: 30px 5px 5px 5px;	/* 内側の余白 上・右・左・下 */
 position: relative;
 z-index: 0;
 max-width:100%;
 margin:0 0 25px;
background:#fff;
}
.mybox2:before{
 background-color: #FFB000;	/* タイトル部分背景色 */
 border-radius: 5px 5px 0px 0px;
 font-weight: bold;
 color: #fff;	/* タイトル部分文字色 */
 content: '講座・ワークショップ情報';
 height: 35px;	/* タイトル部分高さ */
 padding: 10px 10px;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 2;
}
.mybox2:after {
 border-style: solid;
 border-width: 10px 10px 0 10px;
 font-weight: bold;
 border-color: #FFB000 transparent transparent transparent;	/* 吹き出し三角部分の色 */
 content: "";
 position: absolute;
 top: 32px;
 left: 10px;
 width: 0px;
 height: 0px;
 z-index: 1;
}


/*プロフィール詳細ページ
---------------------------------------------------------------------------*/

.mybox3 {
 display:flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 15px;
}

.pict {
  width: 100%;

}

.pict img {
       width: 96%;
       height:auto;
	margin:0 2em 2em 0;
	border-radius:5px;
}

.box:nth-child(even) {
  flex-direction: row-reverse;
}
.box:nth-child(even) .text {
  text-align: left;
}
.box:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}

.table-box{
  table-layout: fixed;
  border-collapse: collapse;
  width: 98%;
  margin: 5px:
  padding: 5px;
}
.table-box dl{
  display: table-row;

}
.table-box dt,
.table-box dd{
  display: table-cell;
  padding: 5px;
  vertical-align: middle;
  border-bottom: 1px dotted #837B3A;
}
.table-box dt{
  width: 20%;
  color: #837B3A;
  margin: 10px
  font-size:11px;
  text-align:left;
}

.table-box dd{
 width: 78%;
 text-align: justify;
 font-size:13px;
 word-wrap:break-all;
}

.icon1{
    padding-left: 30px;
    line-height: 30px;
    background: url(../img/web_icon.png) no-repeat;
}

.icon1 p{

    padding-left: 15px;
}


.icon2{
    padding-left: 30px;
    line-height: 30px;
    background: url(../img/insta_icon.png) no-repeat;
}
.icon2 p{

    padding-left: 15px;
}

.icon3{
    padding-left: 30px;
    line-height: 30px;
    background: url(../img/fb_icon.png) no-repeat;
}
.icon3 p{

    padding-left: 15px;
}


.mybox4 {
  display: flex;
  margin-bottom: 2em;
}
 
.mybox4 {
 display:flex;
  flex-direction: row;
  justify-content: space-around;
  margin-bottom: 15px;
}

.mybox4-image {
  width: 40%;
}

.mybox4-image img {
  width: 100%;
  height: 100%;
  border-radius:5px;
}
.mybox4-text {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 1em;
  background: #eee;
}

.mybox4:nth-child(even) {
  flex-direction: row-reverse;
}
.mybox4:nth-child(even) .mybox4-text {
  text-align: right;
}

.mybox4:nth-child(even) .mybox4-image {
  margin-left: 0;
}

/*facebookページ
---------------------------------------------------------------------------*/

.mybox5{
 border: 1px solid #0085B2;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 padding: 30px 5px 5px 5px;	/* 内側の余白 上・右・左・下 */
 position: relative;
 z-index: 0;
 max-width:100%;
 margin:0 0 25px;
background:#fff;
}
.mybox5:before{
 background-color: #0085B2;	/* タイトル部分背景色 */
 border-radius: 5px 5px 0px 0px;
 font-weight: bold;
 color: #fff;	/* タイトル部分文字色 */
 content: 'facebook';
 height: 35px;	/* タイトル部分高さ */
 padding: 10px 10px;
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 z-index: 2;
}
.mybox5:after {
 border-style: solid;
 border-width: 10px 10px 0 10px;
 font-weight: bold;
 border-color: #0085B2 transparent transparent transparent;	/* 吹き出し三角部分の色 */
 content: "";
 position: absolute;
 top: 32px;
 left: 10px;
 width: 0px;
 height: 0px;
 z-index: 1;
}



/* フッター
*****************************************************/
#footer ul{
padding-bottom:0px;
}

#footer li{
display:inline-block;
vertical-align:text-top;
text-align:center;
padding:5px 0;
margin-right:60px;
background:url(../img/arrow.png) no-repeat 0 12px;
}

#footer li a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
}

#footer li a:hover{text-decoration:underline;}

#footer li li{
display:block;
padding:0;
margin:0 0 0 10px;
background-position:0 5px;
}


*:first-child+html #footer li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer li li a,*:first-child+html #footer li li{display:none;}

#copyright{
clear:both;
padding:10px;
text-align:center;
font-size:75%;
zoom:1;
color:#fff;
background:#ea8d9a;
border-bottom: solid 4px #FED2E9;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
       background-image: url(../img/nav_bg.jpg);
}
.totop img:hover {
       background-image: url(../img/nav_bg2.jpg);
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width:100%;
margin:5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#2a588b;
text-align:center;
}


/* トップページ 最新記事3件
------------------------------------------------------------*/
.thumbWrap{
width:735px;
margin:10px -15px 10px 0;
}

.thumbWrap li{
float:left;
width:230px;
margin:0 5px 0 0;
padding:10px 0 0px;
background:none;
}


.thumbWrap ul {
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


.box{
margin:0;

}

.box img{
width:100%;
height:auto;
   border-radius: 50%;
   box-shadow: 3px 3px 0px rgba(245,213,218,1);
   -webkit-background-clip: padding-box; 
   -moz-background-clip: padding; 
   background-clip: padding-box;
}

.box s2{padding:0px;}

.box s2{text-align:center;}

.box p{
text-align:left; text-align: justify; font-size:13px; color:#64510F;}


.box2{
margin:0;
}

.box2 img{
width:100%;
height:auto;
   border-radius: 50%;
   box-shadow: 3px 3px 0px rgba(255,204,102,1);
   -webkit-background-clip: padding-box; 
   -moz-background-clip: padding; 
   background-clip: padding-box;
}

.box2 s2{padding:0px;}

.box2 s2{text-align:center;}

.box2 p{
text-align:left; text-align: justify; font-size:13px; color:#64510F;}


.box3{
	position:relative;
        z-index: 0;
        max-width: 100%;
        height: atuo;
}

.img-a{
	position:absolute;
	left:-5px;
	top:160px;
}

.img-a:before {
  content:"";
  display: block;
        max-width: 100%;
        height: atuo;
  
}

.img-b{
	position:absolute;
	right:-5px;
	top:-5px;
}

.img-b:before {
  content:"";
  display: block;
        max-width: 100%;
        height: atuo;
  
}


.btn_s {
	text-align: right;
	clear: both;
	padding: 10px;
}

.btn_s a,
.box4 .btn a {
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	font-size: 12px;
	border-top-width: 2px;
	border-right-width: 3px;
	border-bottom-width: 2px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-decoration: none;
	line-height: 16px;
	color: #FFFFFF;
	background-color: #FF8080;
	border-top-color: #DDD;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
}
.btn_s a:hover,
.box4 .btn a:hover {
	color: #FF6666;
	background-color: #FFFFFF;
	border-top-color: #FFCCCC;
	border-right-color: #FFCCCC;
	border-bottom-color: #FFCCCC;
	border-left-color: #FFCCCC;
}

#content .box4 {
	text-align: center;
	width: 31%;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 1px solid #EEE8DF;
	float: left;
	margin-bottom: 10px;
	margin-left: 2%;
	background-color: #F9F7F4;
}
.box4 .btn a {
	margin-top: 5px;
	width: 110px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
}


.box5{
	position:relative;
        z-index: 0;
        max-width: 100%;
        height: atuo;
}

.box5 ul {
  padding: 0.5em;
  position: relative;
  margin-top: 0;
}
.box5 ul li {
  line-height: 2;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px silver;
  list-style-type: none!important;
}

.box5 .img_left{
  float: left;
  margin: 0 5px 5px 0;
}





/* 最新記事リンク */
ul.thumb h3{
margin-top:10px;
padding:1px;
font-weight:normal;
font-size:100%;
text-align:center;
background:#fff;
border:1px solid #ccc;
}

ul.thumb h3 span{
display:block;
padding:2px 3px;
background:#ea8d9a;
}

ul.thumb h3 a{color:#fff;}

ul.thumb h3:hover span{background:#f5d5da;}




/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width:1025px){

	.inner {
		width:980px;
                margin: 0 auto;
                position: relative;	
}

	nav {
                background-image: url(../img/nav_bg.jpg);
		z-index:3;
	}

	/* 共通 */
	nav ul {
		margin:0;
		padding:0;
	}

	nav ul li {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
	}

	nav ul li a {
		display:block;
		margin:0;
		padding:16px 0;
                background-image: url(../img/nav_bg.jpg);
		color:#5D4334;
		font-size:14px;
		font-weight:bold;
		line-height:1;
		text-decoration:none;
	}

	nav ul li:hover > a {
		color:#5D4334;
                background-image: url(../img/nav_bg2.jpg);
	}

	nav ul li a span {
	line-height: 3px;
	font-size: 8px;
	color: #FF7373;
}


	/* 1段目 */
	nav ul.gnav > li {
		position:relative;
		width:17%;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
	}

	nav ul.gnav > li:first-child {
		width:15%;
	}

	nav ul.gnav > li.subnav a {
		padding-right:20px;
	}

	nav ul.gnav > li.subnav > a:after {
		position:absolute;
		content:"";
		top:20px;
		width:0;
		height:0;
		margin-left:10px;
		border:5px solid transparent;
		border-top-color:#fff;
	}

	/* 2段目 */
	nav ul li ul {
		position:absolute;
		z-index:3;
		top:100%;
		left:0;
		width:100%;
		margin:0;
		padding:0;
	}

	nav ul li ul li {
		overflow:hidden;
		width:150%;
		height:0;
		color:#5D4334;
		transition:.2s;
	}

	nav ul li ul li a {
		padding:13px 15px;
		text-align:left;
		background:#FEC5E3;
		font-weight:normal;
	}

	nav ul li:hover > ul > li {
		overflow:visible;
		height:40px;
		border-bottom:1px solid #ff69b4;
	}

	nav ul li:hover ul li:last-child {
		border-bottom:none;
	}

	nav ul.gnav > li:last-child > ul {
		left:-50%;
	}

	nav ul li ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:-20px;
		width:0;
		height:0;
		border:5px solid transparent;
		border-left-color:#fff;
	}

	nav ul.gnav > li:last-child ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:200%;
		margin-left:-20px;
		border:5px solid transparent;
		border-right-color:#fff;
	}

	/* 3段目 */
	nav ul li ul li ul {
		top:0;
		left:100%;
	}

	nav ul li ul li ul li {
		width:100%;
	}

	nav ul li ul li:hover > ul > li {
		border-bottom:1px solid #6d0c0c;
	}

	nav ul.gnav > li:last-child > ul li ul {
		left:-100%;
	}

	nav ul li ul li ul li a {
		background:#590000;
	}

	nav ul li ul li ul li a:hover {
		background:#420404;
	}

	.gnav {
		display:block !important;
	}

	#spMenu {
		display:none;
	}

	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}


/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath {
	font-size:12px;
	margin-bottom:20px;
	padding:2px;
	background:#f1f1f1;
}




/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){

	nav {
		background:#FEC5E3;
	}

	nav .inner > ul {

		z-index:2;
		overflow:auto;
		position:fixed;
		top:20px;
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #ff69b4;
		background:#FEC5E3;
	}


	nav ul li a span {
	font-size: 8px;
	color: #FF7373;	
        }

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px 30px;
		color:#5D4334;
		text-decoration:none;
		background:#FEC5E3;
	}
	nav li a:hover {
		color:#5D4334;
		background:#FDD3DF;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	nav li li li a {
		padding:10px 30px 10px 70px;
	}

	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#E95388;
	}
	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#FEC5E3;
	}
	.subnav a:hover:after {
	  background:#FDD3DF;
	}

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

	.gnav {
		display:none;
	}

	#spMenu {
		display:block;
		z-index:3;
		position:fixed;
		top:15px;
		right:10px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display:inline-block;
		position:relative;
		width:30px;
		height:30px;
		border-radius:5%;
		background:#e95388;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		width:14px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#f1f1f1;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:14px;
		height:2px;
		background:#f1f1f1;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-6px;
	}
	#navBtnIcon:after {
		margin-top:4px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}

}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:959px){

#wrapper, #header, .inner{width:100%;padding-top:0;}

	.lock {
		overflow:hidden;
	}


#header{
z-index:2;
box-sizing:border-box;
overflow:hidden;
top: 0px;
position: fixed;
width:100%;
height:-80%;
background:#fff;
box-shadow:0 1px 2px #d0d8dc;
background-repeat: repeat-x;
border-top: solid 4px #FED2E9;

}

#header h1, #header p{padding:0;}
#header h2{padding:0;}
#header ul{padding:5px 10px; text-align:center;}
#header li{padding:5px 10px; display: inline-block;}

#mainNav ul, .thumbWrap{margin:0 auto;}
#mainNav ul ul{padding:0;}

nav div.panel{float:none;}

#mainImg img{width:100%;height:auto;}

#content,#sidebar{
clear:both;
width:96%;
height:auto;
float:none;
margin:0 auto;
padding:5;
}

.bnr {
	overflow:hidden;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin:0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
	width:100%;
}



#banners{width:100%;margin:10; auto;text-align:center;}
#banners p{display:inline;margin:0 10px;}
#banners p img{width:100%;height:auto;}

section.widget_search{text-align:center;}

#footer{margin:0;border:0;text-align:center;}

#footer ul{text-align:center;}
#footer li{margin-right:20px;}

.thumbWrap{
width:100%;
margin:0 auto;
padding-top:5px;
overflow:hidden;

}
.thumbWrap table {width:100%;margin:0 1% 0 1%; overflow-y: hidden; /* 縦スクロール非表示 */}
.thumbWrap ul.thumb li{width:31%; float:left;margin:0 1% 0 1%;}
.thumbWrap img{width:100%;height:auto;}
}




.table_info table td.td_head {
	padding: 5px;
	white-space: inherit;
	font-size: 12px;
}

.table_info .td_head .eng {
	font-size: 9px;
}

.table_info table td.td_odd {
	padding: 5px;
	font-size: 11px;
}

.table_info .chui {
	font-size: 10px;
}

textarea ,
input {
	font-size: 11px;
}



/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:644px){
#header{text-align:center;}
#header h1,#header p,#header h2,#header ul{float:none;text-align:center;}
#header h2{padding:10px 10px 0;}
#header ul{padding:0 10px 10px;}
#headerInfo{width:250px;margin:0 auto;}
img.alignright, img.alignleft{display:block;margin:5px auto;}
.alignright,.alignleft{float:none;}
#footer ul{text-align:left;padding:15px;}
#footer ul ul{padding:0;}


#mainImg img{width:100%;height:auto;}

#content,#sidebar{
clear:both;
width:94%;
height:auto;
float:none;
margin:0 auto;
padding:5;
}


#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
    margin: 0 auto;
    text-align: center;
}

#top_img .top_txt {
	text-align: left;
	position: absolute;
	z-index: 1;
	color: #FFFFFF;
	font-size: 11px;
	padding-top: 16px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-image: url(../doc/img/top_txt.png);
	letter-spacing: 1px;
	line-height: 18px;
        width: 180px;
	background-repeat: repeat-y;
	background-position: left top;
	top: 10%;
}

h5.title {font-size: 100%;
}
h6.title {font-size: 100%;
}
h5.title {font-size: 100%;
}
p.subtitle {
      font-size: 90%; 
      margin: -2.5em 0 15px;
}

.mybox3 {
    flex-direction: column;
  }
  .mybox3:nth-child(even) {
    flex-direction: column;
  }

  .mybox3:nth-child(even) .text {
    text-align: center;
  }
  .pict {
    width:100%;
    margin: 0 auto;
    text-align: center;
  }
  .mybox3:nth-child(even) .pict {
    margin-left: 0;
    margin-right: 0%;
  }
  .pict img {
    width:80%;
    margin: 0 auto;
    height:auto;
  }
.table-box{
    margin: 0 auto;
    text-align: center;
 }
.table-box dt{
 text-align:left;
}
.table-box dd{
 text-align: justify;
 word-wrap:break-all;
}


.mybox4 {
    flex-direction: column;
 }
.mybox4:nth-child(even) {
    flex-direction: column;
  }

.mybox4-text {
    text-align: center;
  }
  .box:nth-child(even) .mybox4-text {
    text-align: center;
  }


.mybox4-image {
   width:100%;
    margin: 0 auto;
    text-align: center;
  }

.box:nth-child(even) .mybox4-image {
    margin: 0 auto;
    text-align: center;
  }
.mybox4-image img {
    width:80%;
    height:auto;
  }
}


}