@charset "utf-8";
/*
Theme Name: 香川子どもの未来応援情報ひろば
Version: 1.0
Author: 香川子どもの未来応援情報ひろば

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, 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{
    line-height: 2.0;
    font-size: 16px;
    font-family: Meiryo, YuGothic, "Yu Gothic medium", "Hiragino Sans", sans-serif;
    -webkit-text-size-adjust: 100%;
}




/* リンク設定
------------------------------------------------------------*/

a{
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 100%;
    color: rgba(177,75,120,1.00);
    transition: all 0.7s 0s ease;
}

a:hover, a:active{
    outline: none;
    color: #A0004A;
}

a:hover img {
	opacity:0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
    transition: 0.5s 0s ease;
}

/**** Clearfix ****/

.nav .panel:before,nav .panel:after, #mainNav:before,#mainNav:after, .newsTitle:before,.newsTitle:after{
content:"";
display:table;
}

nav.panel:after,#mainNav:after,.newsTitle:after{
clear: both;
}

nav.panel,#mainNav,.newsTitle{
zoom: 1;
}

.bothClear{
    clear: both;
    display: block;
}


/* レイアウト
------------------------------------------------------------*/
#slideWrapper{
    background-image: url(images/slideback.png);    
}
#wrapper, .inner{
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    width: 1110px;
    padding-top: 10px;
}

#content{
float:right;
width:750px;
padding:40px 0 50px;
}

#sidebar{
    float: left;
    width: 320px;
    padding-top: 40px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 42px;
}

#footer{
    clear: both;
    padding-top: 10px;
    border-top: 3px solid rgba(240,214,195,1.00);
} 

/* ヘッダー
------------------------------------------------------------*/

#header h1{
padding-top:10px;
font-size:90%;
font-weight:bold;
}

#header h2{
clear:both;
text-align:center;
margin-top:-30px;
color:#000000;
font-size:160%;
font-weight:bold;
}

#header h2 img{
width:191px;
}




/* トップページ　メイン画像
----------------------------------*/

#mainImg img{
    width: 100%;
    height: auto;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}


/* トップページ 最新記事3件 + 3つの画像
------------------------------------------------------------*/

.thumbWrap{
    width: 770px;
    margin: 0 -20px 20px 0;
}

.thumbWrap li{
display:inline-block;
width:233px;
margin:0 20px 20px 0;
vertical-align:top;
}

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

ul.thumbUnder h3{
padding-top:10px;
font-size:120%;
font-weight:bold;
}

ul.thumbUnder h3 span{
display:block;
}

ul.thumbUnder h3 a{
color:#000000;
}

ul.thumbUnder h3 a:hover{
color:#cdcdcd;
}

ul.thumbUnder li p{
margin:15px 0 10px;
}

ul.thumbUnder li img{
margin-top:10px;
}

ul.thumbUnder .thumbUnderDate{
font-size:80%;
}

.shien_t{
    line-height: 140%;
    padding-top:5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 14px;
    display: block;
    border: 1px solid #E7E7E7;
    border-radius: 0px 0px 5px 5px;
    background-color: #F0F0F0;
    margin-top: -10px;
    color: rgba(177,75,120,1.00);
}
.shien_2 a{
    color: #FFFFFF;
    background-color: #FF801F;
    border-radius: 3px;
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 3px;
    margin-top: 10px;
    white-space: nowrap;
    
}
.tiikikakomi{
        color: #FFFFFF;
    background-color: #FF801F;
    border-radius: 3px;
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
    margin-right: 3px;
    margin-top: 10px;
    white-space: nowrap;
}
.shien_2 {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 15px;
}
.ssetumei {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 5px;
}
.ssetumeispo {
    display: block;
    clear: both;
    text-align: left;
    padding-top: 5px;
    color: #5E5E5E;
    margin-bottom: 5px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 85%;
    line-height: 160%;    
}
.shien_t2{
    background-color: #FFFFFF;
    border-radius: 3px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    display: block;
    margin-bottom: 5px;
    border: 1px solid #E7E7E7;
    font-weight: bold;
    text-align: center;    
    
}
.katsudo img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.shien_b{
    line-height: 140%;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 14px;
    display: block;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
}
#shityouson{
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0px;
}
.ichiranhe{
    font-size: 14px;
    float: right;
    text-shadow: none;
    font-family: "Arial Black", Gadget, sans-serif;
    margin-top: 20px;
}
.ichiranhe a{
    border: 1px solid #DFDFDF;
    padding-top: 1px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
    font-style: normal;
    font-weight: normal;
    height: 30px;
    border-radius: 15px; /* (buttonの高さ / 2) の値 */
    background-image: url(images/btnkako.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.tagservise{
    color: #b14b78;
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    margin-top: -11px;
    margin-right: 0px;
    margin-bottom: 11px;
    margin-left: 0px;

    border-top: 1px solid #FFFFFF;
    width: 100%;
}

.kijinakami{
    font-size: 12px;
    color: #585858;
}
.kijinakami p{
    padding-left: 5px;
    padding-right: 3px;
    line-height: 140%;
}
.kijinakami p strong{
color: #b14b78;
}

.hpad {
    display: block;
    clear: both;
}
.hpad img{
width: 28px !important;/* 横幅を固定 */
height: 28px !important; /* 高さを固定 */
object-fit: cover;
object-position: center;
}
#homepagekakomi{
    display: block;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 0px;  
}
.linearc{
    border-bottom: 1px dotted #FBC8FF;
    display: block;
    padding-top: 0px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align: left;    
}
.arckatsudo{
    margin-right: 10px;
}
.ichirangazo{
    width: 33%;
    display: block;
    float: left;
    text-align: center;
    font-size: 10px;
}
.ichirangazo img{
width: 67px !important;/* 横幅を固定 */
height: 61px !important; /* 高さを固定 */
object-fit: cover;
object-position: center;
}
.katudop{
    text-align: center;
    display: block;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.katudop img{
    margin-bottom: -10px;
}
.haishin a{
    display: block;
    text-align: center;
    border: 1px solid #f0d6c3;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    background-image: linear-gradient(0deg, #f7feff, #f2f2f2);  
}
.haishin a:hover{
    background-image: linear-gradient(0deg, #f7feff, #FFF3E1);    
}
.kensakushita{
    font-size: 12px;
    color: #626262;
    border-bottom: 1px dotted #D0D0D0;
    padding-left: 50px;
    padding-right: 50px;
}

/*************サポート紹介のサポート種類選択色違い***********/
/* 共通のラベルスタイル */
.color-label {
    display: block;
    padding-top: 3px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    margin-top: 5px;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 5px;
    border-radius: 20px;
    font-weight: nomal;
    color: #333; /* 文字色（背景が明るい前提） */
    border: 1px solid rgba(217,217,217,1.00);
    font-size: 11px;
    text-align: center;
}

/* 各色ごとの背景設定 */
.is-stuff    { background-color: #FFD8D8; }
.is-food   { background-color: #D8E7FF; }
.is-exfood { background-color: #FEFFDC; }
.is-place  { background-color: #E7FFE2; }
.is-other   { background-color: #FFE5FF; }
/*下の説明文****************/
.ssetumei{
    text-align: left;
    font-size: 12px;
    color: #4F4F4F;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-left: 10px;
    display: block;
}
/*************サポート紹介のサポート種類選択色違い***********/

/* プルダウン
------------------------------------------------------------*/
/* 外側のコンテナ */
.sub-category-dropdown {
    max-width: 100%;
    width: 300px; /* PCでの最大幅 */
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}

/* プルダウン本体 */
.category-select {
    display: block !important;
    width: 100% !important;
    
    /* 高さと余白の再調整（ここが重要） */
    height: 48px !important;       /* 高さを固定して文字切れを防ぐ */
    line-height: 48px !important;  /* 高さと合わせる */
    padding: 0 40px 0 15px !important; /* 上下パディングを0にして中央配置 */
    
    font-size: 16px !important;
    color: #333 !important;        /* 文字色を強制的に濃いグレーに */
    background-color: #fff !important;
    
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    cursor: pointer;
    
    /* 崩れ防止：ボックスサイズを計算に含める */
    box-sizing: border-box !important;
    
    /* デフォルトの矢印を消す */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* 矢印アイコンを背景として追加 */
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%23666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 14px !important;
}

/* 念のため、中の選択肢（option）の文字色も指定 */
.category-select option {
    color: #333;
    background-color: #fff;
}

/* タイポグラフィ
------------------------------------------------------------*/
.shityakuhyouji{
    font-size: 120%;
    font-weight: normal;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 150%;
    color: rgba(99,99,99,1.00);
    clear: both;
    margin-top: 35px;
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #DFDFDF;
}
.post-tag-list1{
    line-height: 140%;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 12px;
    display: block;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    margin-top: -11px;
    text-align: center;
}
.oshirase{
    border-bottom: 1px dotted #D7D7D7;
    padding-bottom: 5px;
    padding-top: 20px;
}
h2.toptitle{
    clear: both;
    margin-bottom: 10px;
    padding-bottom: 2px;
    text-align: left;
    font-size: 180%;
    font-weight: bold;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin-top: 20px;
    background-image: url(images/line.png);
    background-repeat: no-repeat;
    background-position: 0% 100%;
}
hr {
    height: 0;
    margin-bottom: 20px;
    padding: 0;
    border: 0;
    overflow: visible;
    height: 5px;
    background-image: repeating-linear-gradient(45deg, #ddd 0, #ddd 1px, transparent 0, transparent 50%);
    background-size: 5px 5px;
    clear: both;
}


h2.title{
    clear: both;
    margin-bottom: 30px;
    padding-bottom: 1px;
    text-align: left;
    font-size: 190%;
    font-weight: bold;
    border-bottom: 1px solid rgba(240,214,195,1.00);
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    margin-top: 30px;
}

h2.title span{
    padding-bottom: 10px;
    border-bottom: 3px solid rgba(240,214,195,1.00);
}

h2.recentpost{
margin:30px 0 25px;
padding:15px 0;
font-size:150%;
font-weight:bold;
border-bottom:3px solid #000000;
}

.dateLabel{
text-align:right;
font-weight:bold;
}

.post p{
padding-bottom:15px;
}

.post ul{
     margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px; 
}

.post ul li{
    padding-left: 5px;
    list-style-type: none;
    font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 160%;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 15px;
    margin-left: 20px;
    background-image: url(images/bullet.png);
    background-repeat: no-repeat;
    background-position: 0% 10px;
}

.post ol{
margin:0 0 10px 30px;
}

.post ol li{
list-style:decimal;
    padding-left: 5px;
    font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 160%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-left: 20px;
}

.post h1{
    font-size: 150%;
    font-weight: normal;
    border-bottom: 3px solid rgba(240,214,195,1.00);
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 150%;
    color: rgba(232,106,0,1.00);
    clear: both;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
}

.post h2{
    font-size: 140%;
    font-weight: normal;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    line-height: 150%;
    border-radius: 5px;
    background-image: url(images/h1back.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    padding: 15px;
    clear: both;
    margin-top: 30px;
    margin-right: 0;
    margin-bottom: 25px;
    margin-left: 0;
    border-left: 1px solid rgba(255,226,250,1.00);
    border-right: 1px solid rgba(255,226,250,1.00);
    border-bottom: 1px solid rgba(255,226,226,1.00);
    border-top: 1px solid rgba(255,226,250,1.00);
}

.post h3{
    font-size: 120%;
    font-weight: normal;
    font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN",sans-serif;
    line-height: 150%;
    border-left: 5px solid rgba(255,195,217,1.00);
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 10px;
    clear: both;
    border-bottom: 1px dotted rgba(255,195,217,1.00);
}

.post h4{
    font-size: 120%;
    font-weight: bold;
    font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN",sans-serif;
    color: rgba(255,137,58,1.00);
    clear: both;
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 7px;
    padding-left: 0;
    line-height: 150%;
    border-bottom: 1px dotted rgba(255,209,209,1.00);
}

.post h5{
    padding: 5px;
    font-size: 95%;
    font-weight: normal;
    font-family: Meiryo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
    line-height: 160%;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 15px;
    margin-left: 0;
    border-radius: 5px;
    border: 1px solid #FFE2E3;
}

.post h6{
margin:15px 0 10px;
padding:15px 0;
font-size:110%;
font-weight:bold;
}

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


.post table{
border:1px #f0d6c3 solid;
border-collapse:collapse;
border-spacing:0;
margin:10px 0 30px;
width:100%;
}

.post table th{
    padding: 5px;
    border: #f0d6c3 solid;
    border-width: 0 0 1px 1px;
    background-color: #FFFAF7;
    font-size: 13px;
    vertical-align: middle;
}

.post table td{
    padding: 5px;
    border: 1px #f0d6c3 solid;
    border-width: 0 0 1px 1px;
    font-size: 13px;    
}
.emap{
    padding-top: 0px;
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
    border: 1px solid #EFAFB0;
    border-radius: 3px;
    margin-bottom: 0px;
    margin-left: 15px;
     
}

.post dt{
font-weight:bold;
}

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

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

img.aligncenter{
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}



#nenshi td,th{
    font-size: 80%;
    text-align: center;
}
#nenshi td ul{
    margin-left: 0px;
}
#nenshi td li{
    text-align: center;
    margin-left: 0px;
    list-style-type: none;    
}

.post .su-subpages li {
    text-align: center;
    list-style-type: none;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;

}
.post .su-subpages li a{
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
    display: block;
    background-position: right bottom;
    background-repeat: repeat;
    background-image: url(images/character01.png);
}
.post .su-subpages li a:hover{
    background-color: rgba(232,235,220,1.00);    
    
}
.torikeshi {
  text-decoration: line-through underline;
}


/* サイドバー　ウィジェット
------------------------------------------------------------*/

.widget{
margin-bottom:50px;
}

.widget h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:130%;
font-weight:bold;
border-bottom:3px solid #000000;
}

.widget ul{
margin:30px 0 30px 0;
}

.widget li a{
display:block;
margin-top:15px;
color:#000000;
font-weight:bold;
}

.widget a:hover{
color:#cdcdcd;
}

p.banner{
padding-bottom:8px;
}

p.banner img{
width:100%;
}

#banners{
padding-bottom:10px;
}

#contactBanner{
width:320px;
height:80px;
padding-top:22px;
background:url(images/banner_tel.jpg) no-repeat;
background-size:320px;
}

#contactBanner p.tel{
display:inline;
padding-left:60px;
font-weight:bold;
font-size:20px;
}

#contactBanner p.tel::before{
content:"TEL : ";
}

#smallbn{
    text-align: center;
    margin-top: 20px;
}
#banners03{
    margin-top: 35px;    
}




.news{
margin:30px 0 30px 0;
}

.news p{
    clear: both;
    margin-top: 15px;
    
}

.news p a{
    display: block;
    color: #555555;
    font-weight: normal;
    line-height: 150%;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-top: 15px;
    background-color: rgba(255,242,233,1.00);
    padding-top: 15px;
    padding-right: 15px;
    border-radius: 7px;
    box-shadow: 2px 2px 4px #CFCFCF;
}
.news p a:hover{
box-shadow: none;
}

.news span{
padding-left:10px;
}

.news a:hover span{
color:#7E7E7E;
}

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="password"],input[type="url"], textarea, select{
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;
}
#formwaku{
    margin: 10px;
    border: 1px solid #8a9f29;
    border-radius: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: center;
	}
#form001{
    border: 3px solid #F0D6C3;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    border-radius: 5px;    
}
#form002{
    border: 3px solid #F0D6C3;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    border-radius: 5px;   
}
#form003{
    border: 3px solid #F0D6C3;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    border-radius: 5px;   
}
#form004{
    border: 3px solid #F0D6C3;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    border-radius: 5px;   
}
.submitBTN{
    text-align: center;
    display: block;
    margin-top: 50px;
}
.hissu{
	background-color: #d96161;
	font-size: 75%;
	border-radius: 3px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	color: #FFF;
	}
.ftitle{
    display: block;
    background-image: url(images/character01.png);
    margin-bottom: -20px; 
    margin-top: 10px;    
}
.formTitle{
    display: block;
    margin-top: 40px;
    border-radius: 3px;
    margin-bottom: -10px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border: 1px solid #FFE6E6;
    background-color: #F2F2F1;
	}
textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border: 1px solid #CCC;
    font-size: 90%;
    cursor: pointer;
    transition: 0.8s;
    border-radius: 5px;
    background: #ffe8d8;

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
    border: 1px solid #FFBE00;
}

}
#searchbox{
    text-align: center;
    padding-bottom: 25px;
    }

/* フッター
------------------------------------------------------------*/

#footerLogo{
float:left;
width:320px;
text-align:center;
padding-top:20px;
}

#footerLogo img{
width:150px;
}

#footer ul{
float:right;
width:750px;
padding-top:20px;
}

#footer ul ul{
display:none;
}

#footer ul li{
display:inline-block;
text-align:left;
padding:5px 0;
margin-left:15px;
}

#footer ul li a{
padding:0 0 0 12px;
color:#000000;
}

#footer ul li a:hover{
color:#cdcdcd;
}

#copyright{
    clear: both;
    padding-top: 30px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 37px;
    text-align: center;
    font-size: 13px;
}

#pagetop{
position:fixed;
right:30px;
bottom:0px;
font-size:40px;
color:#cdcdcd;
}


/* page navigation
------------------------------------------------------------*/

.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{
float:left
}

.next{
float:right;
}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}

.leftf{
    text-align: left;    
}
    .breadcrumbs{
    font-size: 12px;
    background-color: rgba(255,242,233,1.00);
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    border-radius: 3px;
    display: block;
    margin-bottom: 0px;
    }
#kaityodiv001{
    text-align: right;
}


/* メインメニュー　PC用
------------------------------------------------------------*/

@media only screen and (min-width:1025px){


}
/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/

@media only screen and (max-width:1024px){


#topcalinside{
    font-size: 75%;
}
#topcalinside h2{
    text-align: center;
    font-size: 1.8em;
}
#topcalinside h3{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    text-align: center;
    font-size: x-large;
    background-color: rgba(255,255,255,0.5);
    text-shadow: 2px 2px 2px rgba(0,0,0,0.3);
    border-radius: 5px;
    margin-bottom: 0px;    
}


    #headerWrap{
    text-align: center;
    
    }
    #headerWrap img{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    }
	


#header .pnav ul{
display:none;
}

a#menu{
display:inline-block;
position:relative;
width:40px;
height:60px;
}

#menuBtn{
    display: block;
    position: absolute;
    top: 65%;
    left: 30%;
    width: 18px;
    height: 2px;
    margin: -1px 0 0 -7px;
    background: #000000;
    transition: .2s;
    text-shadow: 3px 3px 1px #000000;
}

#menuBtn:before, #menuBtn:after{
display:block;
content:"";
position:absolute;
top:50%;
left:0;
width:18px;
height:2px;
background:#000000;
transition:.3s;
}

#menuBtn:before{
margin-top:-7px;
}

#menuBtn:after{
margin-top:5px;
}

a#menu .close{
background:transparent;
}

a#menu .close:before, a#menu .close:after{
margin-top:0;
}

a#menu .close:before{
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
}

a#menu .close:after{
transform:rotate(-135deg);
-webkit-transform:rotate(-135deg);
}

.panel{
width:100%;
display:none;
overflow:hidden;
position:relative;
left:0;
top:0;
z-index:100;
}

#mainnav{
position:absolute;
top:0;
width:100%;
text-align:right;
z-index:500;
}

#mainnav ul{
background:#ffffff;
text-align:left;
}

#mainnav li a{
position:relative;
display:block;
padding:12px 25px;
border-bottom:1px solid #eeeeee;
color: #000000;
font-weight:bold;
}

#mainnav ul li li{
border:0;
}

#mainnav ul li li a{
padding-left:40px;
}
.leftf{
    text-align: left; 
    font-size: 11px;
}

}

/* iPadサイズ以下（1024px）から 1カラム表示に切り替え
------------------------------------------------------------*/

@media only screen and (max-width:1024px){
 #smallbn{
    text-align: center;
    margin-top: 100px;
}   
    #topcal{
    padding-top: 0px;
    padding-bottom: 20px;
    background-color: rgba(232,235,220,1.00);
    clear: both;
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
#topcalinside{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: auto;
    padding-right: auto;
}

#wrapper, .inner{
width:95%;
}

.contact{
display:none;
}

#header h1{
display:none;
}

#mainImg img{
padding-top:60px;
}

h2.first{
margin-top:0px;
}

h2.title{
padding-top:35px;
}

.thumbWrap{
width:100%;
}

.thumbWrap ul.thumbUnder li{
width:30%;
display:inline-block;
vertical-align:top;
margin:0 1% 0 1.5%;
}

.thumbWrap ul.thumbUnder li img{
width:100%;
}

.thumbWrap ul.thumb li{
width:30%;
float:left;
margin:0 1% 0 2%;
}


#content, #sidebar{
    clear: both;
    width: 95%;
    float: none;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 60px;
}

#banners{
width:100%;
text-align:center;
}

#banners p{
width:30%;
float:left;
margin:0 1% 0 1.5%;
}

#banners p img{
width:100%;
height:auto;
}
    


#contactBanner{
margin:0 auto;
}

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

#footerLogo, #footer ul{
float:none;
width:auto;
padding-bottom:20px;
text-align:center;
}

#footer ul{
padding-top:20px;
}


    /*********予定表文字*********/

#topcalinside table td{
    font-size: xx-small;
}
#topcalinside03 table td{
    font-size: xx-small;
}
    




/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/

@media only screen and (max-width: 644px){

img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}

.alignright,.alignleft{
float:none;
}

.thumbWrap ul.thumbUnder li{
width:95%;
margin-bottom:10px;
}

.thumbWrap ul.thumbUnder li img{
width:100%;
}

#banners p{
float:none;
width:95%;
}

#banners p img{
width:100%;
}

#footer ul{
text-align:left;padding:15px;
}
 #smallbn{
    text-align: center;
    margin-top: 30px;
}      



}

#mailpoet_form_1{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#mailpoet_form_2{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
}