@charset "utf-8";
/* CSS reset */
html {
    overflow-y: scroll;
}
abbr, acronym, a img, img {
    border: 0;
}
address, caption, cite, code, dfn, em, th, strong, var {
    font-style: normal;
    font-weight: normal;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    list-style: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/*--------------リセットここまで*/

html {
    font-size: 16px;
    font-family: "Meiryo UI", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "serif";
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/*--------------共通ここまで*/

#header_container {
    width: 100%;
    float: left;
}

#header_container .header_inner {
    width: 1040px;
    margin: 10px auto;
    /* padding-top: 10px; */
    overflow: hidden;
}

#header_container .header_inner h1 {
    text-align: center;
    font-size: 18px;
    /* width: 400px; */
    color: #555;
}
#header_container .header_inner h1 a {
}
#header_container .header_inner p {
}
#header_container .header_inner p a {
}
#header_container .header_inner img {
    float: left;
    width: 26%;    
    margin-top: 24px;
    margin-right: 69px;
}
/*--------------ヘッダーここまで*/

#gnavi_container {
    /* width: 70%; */
    /* margin-bottom: 10px; */
}

#gnavi_container ul {  
    /* margin: 6px 0 10px 0; */
    /* padding: 5px 0 4px 0; */
};
}

#gnavi_container li {
    width: 143px;
    float: left;
}

#gnavi_container li a {
    text-decoration: none;    
    color: #555;    display: block;    
    border: 1px dotted #fff;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    
    transition: all 0.2s ease-in-out;    
    margin-top: 10px;        
    padding: 10px 23px;
    background-color: #E3B7ED;
    font-weight: bold;
}

#gnavi_container li.first {
    border-left: none;
}
#gnavi_container li.first a {
    border-left: 0px;
    padding: 10px 57px;
}
/*--------------ナビゲーションここまで*/
#mainimg_container {
    width: 100%;
    text-align: center;
}

#mainimg_container img{
    clear: both;
    width: 65%;
    border-radius: 9px;
    /* box-shadow: 3px 4px 5px #555; */
}

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

#subimg_container img{
    width: 860px;
}

#socialBtn{
    width: 1040px;
    margin: 0 auto;
    overflow: hidden;
}

.social {
    float: left;
    margin-top: 16px;
}

.page_top {
}

.pickUp{
    width: 80%;
    margin: 10px auto;
    overflow: hidden;
}

h2{
    text-align: center;
    margin: 10px 0 13px 0;
}

h2 img{
    /* position: relative; */
    /* top: 9px; */
}
/*--------------パターン専用ここまで*/
.item {
    text-align: center;
    width: 250px;
    float: left;
    padding: 10px;
    margin: 8px;
}
.item img {
    width: 100%;
}
.item .bl_title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
}

.item .bl_title a {
}
.item p {
    text-align: left;
}
.item .read_more {
    text-align: center;
}
.item .read_more a {
    width: 75%;
    padding: 10px 0px;
    display: block;
    border: 1px solid;
    margin: 0 auto;
    margin-top: 10px;
}
/*--------------概要共通ここまで*/
#block01_container {
}

.box p {
    margin: 10px;
    color: #555;
    padding: 5px 6px;
}
#block01_container .bl_title {
}
#block01_container .bl_title a {
}
#block01_container .read_more {
}
#block01_container .read_more a {
}
#block01_container .pr_link {
}
#block01_container .pr_link a {
}
/*--------------概要１ここまで*/

#block02_container {
}

#block02_container p {
}
#block02_container .bl_title {
}
#block02_container .bl_title a {
}
#block02_container .read_more {
}
#block02_container .read_more a {
}
#block02_container .pr_link {
}
#block02_container .pr_link a {
}
/*--------------概要２ここまで*/

#block03_container {
}

#block03_container p {
}
#block03_container .bl_title {
}
#block03_container .bl_title a {
}
#block03_container .read_more {
}
#block03_container .read_more a {
}
#block03_container .pr_link {
}
#block03_container .pr_link a {
}
/*--------------概要３ここまで*/

#block04_container {
}
#block04_container p {
}

#block04_container .bl_title {
}

#block04_container img {
}

#block04_container .bl_title a {
}
#block04_container .read_more {
}

#block04_container .read_more a {
}
#block04_container .pr_link {
}
#block04_container .pr_link a {
}
/*--------------概要４ここまで*/

#block05_container {
}
#block05_container p {
}
#block05_container .bl_title {
}
#block05_container .bl_title a {
}
#block05_container .read_more {
}
#block05_container .read_more a {
}
#block05_container .pr_link {
}
#block05_container .pr_link a {
}
/*--------------概要５ここまで*/

#block06_container {
}
#block06_container p {
}
#block06_container .bl_title {
}
#block06_container .bl_title a {
}
#block06_container .read_more {
}
#block06_container .read_more a {
}
#block06_container .pr_link {
}
#block06_container .pr_link a {
}
/*--------------概要６ここまで*/

#topcontents_container, #subcontents_container {
    clear: both;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}
#topcontents_container p, #subcontents_container p {
    line-height: 180%;
    margin: 10px 11px 5px 9px;
}
#topcontents_container img, #subcontents_container img {
    float: left;
    margin: 7px 10px 10px 6px;
    width: 26%;
}
#topcontents_container h2, #subcontents_container h2 {
    color: #9F3996;
    font-size: 25px;
    border-bottom: 4px dotted #EE85E8;
    margin-bottom: 12px;
    padding: 0 5px 11px;
}
#topcontents_container h2 img, #subcontents_container h2 img {
}
#topcontents_container h3, #subcontents_container h3 {
    margin: 8px 10px;
    /* background-color: #C84DBC; */
    color: #555;
    padding: 4px 9px;
    border-radius: 8px;
    border-bottom: 2px solid #EE85E8;
}
#topcontents_container .pr_link {
}
#topcontents_container .pr_link a {
}
#topcontents_container h3:nth-of-type(2), #subcontents_container h3:nth-of-type(2) {
    clear: both;
}
/*--------------トップコンテンツ・サブコンテンツここまで*/

#pr_container {
    width: 80%;
    margin: 0 auto;
    padding: 0px 0 3px 0;
    margin-top: 17px;
    /* box-shadow: 3px 4px 5px #555; */    border-radius: 7px;
    background-color: #fff;
}
#pr_container h2 {
    color: #9F3996;    font-size: 25px;    
    border-bottom: 4px dotted #EE85E8;    margin-bottom: 12px;    
    padding: 12px 0 9px;
    margin-top: 10px;
    margin: 9px 14px 16px;
}
#pr_container h2 img {
}
#pr_container ul {
}
#pr_container li {
    margin: 9px 12px;
    line-height: 23px;
    text-align: left;
}
#pr_container li a {
}
#pr_container li.first {
}
#pr_container li.first a {
}
/*--------------PR_LINKここまで*/

#postlist_container {
    margin: 0 auto;
    padding: 10px;
    margin-top: 10px;
}
#postlist_container h2 {
    width: 100%;
}
#postlist_container h2 img {
}
#postlist_container ul {
    width: 860px;
    margin: 0 auto;
}
#postlist_container li {
    list-style: square;
    margin: 5px 0px;
}
#postlist_container li a {
}
#postlist_container li.first {
}
#postlist_container li.first a {
}
/*--------------POSTLISTここまで*/

#footer_container {
    clear: both;
    /*margin-top: 10px;*/
}
#footer_container .footer_inner {
    width: 860px;
    margin: 0 auto;
    padding: 10px;
}
#footer_container ul {
    width: 860px;
    margin: 0 auto;
    overflow: hidden;
}
#footer_container li {
    width: 143px;
    float: left;
    margin: 5px 0px;
}
#footer_container li a {
}
#footer_container li.first {
}
#footer_container li.first a {
}
#footer_container p {
    text-align: center;
    padding: 20px 0px;
    color: #555;
}
#footer_container p a {
    text-decoration: underline;
}
/*--------------フッターここまで*/

/*@body@*/
/*ボディ背景色*/
body {
    background: #F1E0F0;
    /* background-image: url('../images/bg.jpg'); */
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    /* background-position: top center; */}
/*@end_body@*/

/*@body_text@*/
/*ボディテキスト*/
body {
    color: #222222;
}
/*@end_body_text@*/

/*@gnavi_ul@*/
/*メニュー背景（全体）*/
#gnavi_container {                    
    float: left;
}
/*@end_gnavi_ul@*/

/*@gnavi_li@*/
/*メニュー背景（項目）*/
#gnavi_container a {
    /* background: #ffcccc; */
    /* overflow: hidden; */
    float: right;
}
/*@end_gnavi_li@*/

/*@gnavi_text@*/
/*メニューテキスト*/
#gnavi_container a {
    color: #cc3333;
}
/*@end_gnavi_text@*/

/*@main_contents@*/
/*メインコンテンツ背景*/
#topcontents_container, #subcontents_container {
    background: #FFF;
    /* box-shadow: 3px 4px 5px #555; */    border-radius: 7px;
}
/*@end_main_contents@*/

/*@main_contents_text@*/
/*メインコンテンツテキスト*/
#topcontents_container, #subcontents_container {
    color: #555;
}
/*@end_main_contents_text@*/

/*@block_contents@*/
/*ブロックコンテンツ背景*/
.item, #postlist_container {
    background: #ffffff;
}
/*@end_block_contents@*/

/*@pr_link@*/
/*PRリンク背景*/
#pr_container {
}
/*@end_pr_link@*/

/*@header@*/
/*ヘッダー背景*/
#header_container {
    background: #F5C4F1;
    margin-bottom: 20px;
}
/*@end_header@*/

/*@header_text@*/
/*ヘッダーテキスト*/
#header_container, #header_container a {
    color: #fff;
}
/*@end_header_text@*/

/*@footer@*/
/*フッター背景*/
#footer_container {
    background: #F5C4F1;
}
/*@end_footer@*/

/*@footer_text@*/
/*フッターテキスト*/
#footer_container {
    color: #ffffff;
    width: 100%;
    margin-top: 25px;
}
/*@end_footer_text@*/

/*@footer_text_link@*/
/*"フッターテキストリンク"*/
#footer_container a {
    color: #E509D3;
}
/*@end_footer_text_link@*/

/*@headline@*/
/*見出し背景*/
h2 {
    /* background: #ff6666; */
}
/*@end_headline@*/

/*@headline_text@*/
/*見出しテキスト*/
h2 {
    color: #1A1515;
    font-size: 30px;
}
/*@end_headline_text@*/

/*@border@*/
/*ボーダー*/
* {
}
/*@end_border@*/

/*@link@*/
/*リンク*/
a {
    color: #D434C5;
}
/*@end_link@*/

/*@hover@*/
/*マウスオーバー*/
a:hover {
    color: #E492DC;
}
/*@end_hover@*/
#gnavi_container li {
    text-align: center;    box-sizing: border-box;    float: left;        
    /* margin-bottom: 20px; */
        
}
.box {
    width: 23%;
    float: left;
    margin: 8px 1% 10px 1%;
    padding: 10px 0% 11px 0%;
    background-color: #fff;
    /* box-shadow: 3px 4px 5px #555; */
    border-radius: 7px;
}
h3.bl_title {
    font-size: 15px;
    margin: 3px 16px;
    padding: 1px 8px 6px;
    border-bottom: 4px dotted #EE85E8;
    color: #9F3996;
    text-align: center;
    /* border-left: 6px solid #D434C5; */
}

.box img {
    margin: 13px 16px 1px;

    width: 90%;
}.box2 {
    width: 99.3%;
    float: left;
    background-color: #FFFFFF;
    margin: 8px 0px 9px;
    padding: 10px 0px 15px;                
    /* box-shadow: 3px 4px 5px #555; */    border-radius: 7px;
}

p.parg {
    margin: 9px 20px 11px;
    padding: 9px 17px 5px 3px;
}

img.page_image {
    float: left;
    width: 20%;
    margin: 9px 18px 6px 16px;
}
.box2 p {
    padding: 4px 6px 2px 4px;
    margin: 10px 15px;
}

#gnavi_container li a:hover {
    background-color: #E194D9;
    color: #fff;
}
#footer_container p a:hover {
    color: #131212;
}
article#block07_container {
}
#block05_container img {
    float: right;
}
#block07_container img {
    float: right;
}
.pickUp2 {
    width: 80%;
    margin: 10px auto;      overflow: hidden;  };
}
h2.pickUp {
    color: #fff;
    text-shadow: 2px 2px 2px #555;
}
@media screen and (max-width: 480px){ 
#header_container .header_inner {
  width: 100%;
}
#socialBtn {
  width: 100%;
}

.pickUp {
  width: 100%;
}

.box {
   width: 94%;
  clear: both; 
}

.box img {
  width: 92%;
  max-width: 260px;
}
#topcontents_container, #subcontents_container {
    
    width: 91%;
    
}

#pr_container {

  width: 91%;
}
.box2 {
      width: 90%;
    margin: 10px 11px 9px;
    clear: both;
}

img.page_image {
  float: none !important;
  width: 100%;
  max-width: 260px;
}

#mainimg_container img {
  width: 100%;
}
#header_container .header_inner h1 {
  float: left;
}

#header_container .header_inner img {
clear: both;

width: 100%;
max-width: 260px;
}
#gnavi_container {
clear: both;
}

#gnavi_container li {

width: 98%;

}

#gnavi_container li a {
  width: 82%;
  margin-left: 16px;
  margin-right: 0px;
  border-left: 0px solid #FFF;
}
#gnavi_container li.first a {
  width: 59%;
}

#topcontents_container img, #subcontents_container img {

width: 96%;
max-width: 260px;

float: none;

}

#footer_container .footer_inner {
width: 90%;
}
.pickUp2 {
    width: 100%;
}
}