@charset "utf-8";

body{
  color:#3A354D;
  font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height:1.5;
  background:#fff;
  -webkit-text-size-adjust:100%;
  background-image: 
    /* 1枚目の背景画像のパス */
    url(image/bg_gray_120l.png),
    /* 2枚目の背景画像のパス */
    url(image/bg_gray_120.png);

  background-position:
    /* 1枚目の背景画像の表示位置 */
    left 0px top,
    /* 2枚目の背景画像の表示位置 */
    right 0px top;

  background-repeat:
    /* 1枚目の背景画像の設定 */
    repeat-y,
    /* 2枚目の背景画像の設定 */
    repeat-y;

  background-size:
    /* 1、2枚目の背景画像の共通サイズ */
    120px;
}

.news{
    padding-left: 1em;
    text-indent: -1em;
}

.center{
    text-align: center;
}
.my-twi{
    color: #1DA1F2;		/*Twitterアイコンの色*/
}
.my-twi2{
    color: #FFFFFF;		/*ヘッダーのTwitterアイコン*/
}
.my-link{
    color: #460D43;		/*リンクアイコンの色*/
}

/* リンク設定
------------------------------------------------------------*/
a{
  color:#EB6E9F;
  text-decoration:none;
}
a:hover{
  color:#D9AACD;
}
a:active, a:focus{
  outline:0;
  color:#D9AACD;
}


/* 全体
------------------------------------------------------------*/
#wrapper{
  margin:20px auto 0;
  padding:0 1%;
  width:98%;
  position:relative;
}

.inner{
  margin:0 auto;
  width:100%;
}
#inwrapper{
  text-align: center;
  /*position:relative;*/
}


/*************
/* ヘッダー
*************/
#header{
  z-index:100;
  margin:0px 0 28px;
}

#header:after{
  content:"";
  display: block;   
  clear:both; 
  visibility:hidden;
}

#header h1{
  font-size:12px;
  font-weight:normal;
}

/*************
/* ロゴ
*************/
#header .logo{
  float:left;
  padding:10px 0 0;
}

.logo a{
  font-size:20px;
  color:#444;
  font-weight:bold;
  line-height:1;
}

.logo span{
  font-size:12px;
  font-weight:normal;
}

#header h1{
  font-size:11px;
  color:#444;
  margin:10px 0 0;
}


/**************************
/* メイン画像（トップページ）
**************************/
#mainBanner{
  margin:0 auto;
  padding:0;
  width:100%;
  line-height:0;
}

#mainBanner .inner{
  position:relative;
}

#mainBanner img{
  max-width:100%;
  height:auto;
}

.slogan{
  position:absolute;
  max-width:100%;
  height:auto;
  bottom:0;
  left:0;
  padding:5px 10px;
  line-height:1.4;
  z-index:100;
}

.slogan h2{
  padding-bottom:5px;
  color:#333;
  font-size:20px;
}

.slogan h3{
  font-size:14px;
  color:#666;
}


/**************************
/* グリッド
**************************/
.gridWrapper{
  padding-bottom:20px;
  clear:both;
  overflow:hidden;
}

.grid h3{
  font-size:15px;
  padding:10px 0;
  margin-bottom:5px;
  font-weight:bold;
  border-top:1px solid #D1BADA;
  border-bottom:1px solid #D1BADA;
  text-align:center;
}

.grid p{
  padding:5px 0;
}

.grid p.img{
  float:left;
  margin:3px 0 0 0;
}

.readmore{
  clear:both;
}

.readmore a{
  padding:3px 5px;
  border-radius:3px;
  color:#fff;
  background:#E95295;
}

.readmore a:hover{
  background:#D9AACD;
}


/* フッター内のグリッド(3カラム) */
#footer .grid{
  border:0;
  background:transparent;
  
}

#footer .grid p{
  padding:0;
}


/*************
メイン コンテンツ
*************/
section.content{
  padding:10px 0;
  margin-bottom:20px;
  border-radius:6px;
  overflow:hidden;
  font-size:14px;
}

section.content p{
  margin-bottom:5px;
}


/* アーカイブページ */
section.content .archive{
  padding:20px 0 0;
  border-bottom:1px dotted #ccc;
}

section.content p{
  margin-bottom:5px;
}

h3.heading{
  padding:3px 0 10px;
  margin-bottom:20px;
  font-size:17px;
  border-bottom:2px solid #D1BADA;
}

section.content img{
  max-width:90%;
  height:auto;
}

.alignleft{
  float:left;
  clear:left;
  margin:3px 10px 10px 0;
}

.alignright{
  float:right;
  clear:right;
  margin:3px 0 10px 10px;
}

.border,ul.list img{
  border:4px solid #ebebeb;
}



/*************
/* フッター
*************/
#footer{
  clear:both;
  padding:20px 0;
  overflow:hidden;
}

#twi{
  text-align:center;
}

#footer .copyright{
  font-size:11px;
  text-align:right;
  
}


/*************
サブ（フッター前）コンテンツ
*************/
#sub ul{
  padding:10px;
}

#sub li{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px dashed #ebebeb;
}

#sub li:last-child{
  border:0;
  margin-bottom:0;
}

#sub li a{
  color:#555;
  display:block;
}

#sub li a:hover{
  color:#a5a5a5;
}

#sub ul.list{
  padding-bottom:7px;
}

#sub ul.list li{
  clear:both;
  margin-bottom:5px;
  padding:5px 0;
  overflow:hidden;
}

#sub ul.list li img{
  float:left;
  margin-right:10px;
}

#sub ul.list li{
  font-size:12px;
  line-height:1.35;
}

#sub .grid h3{
  border-radius:0;
}


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

.pagenav a{
  color:#555;
}

.pagenav a:hover{
  color:#a5a5a5;
}

.prev{
  float:left
}
.next{
  float:right;
}

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


/* タイポグラフィ
*****************************************************/

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

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;}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px){
#wrapper,.inner{
  width:940px;
  padding:0;
}

#wrapper{
  padding-bottom:20px;
}

/* グリッド全体 */
.gridWrapper{
  display:table;
  border-collapse:separate;
  border-spacing:20px;
  margin-left:-20px;
  width:980px;
}

/* グリッド共通 ベース:トップページ4カラム */
.grid{
  width:220px;
  display:table-cell;
}

#sub.gridWrapper{
  width:980px;
}

/* サブコンテンツ + フッター グリッド(3カラム) */
#sub .grid, #footer .grid{
  width:300px;
}

/* トップナビゲーション */
nav div.panel{
  display:block !important;
}

a#menu{
  display:none;
}

#topnav{
  float:right;
  margin-top:-5px;

}

#topnav li{
  float:left;
  margin:13px 5px 0;
  text-align:center;
  position:relative;
}

#topnav a{				/*メニュー文字*/
  color:#460D43;
  font-size:13px;
  display:block;
  padding:25px 10px;
  line-height:1.2;
}

#topnav span{			/*メニュー文字サブ*/
  font-size:10px;
  color:#a5a5a5;
}

#topnav li.current-menu-item a,#topnav a:hover{		/*背景色*/
  background:#FEF4F4;
}

#topnav ul{
  width:160px;
  display:none;
}

#topnav li:hover ul{
  display:block;
  position:absolute;
  top:80px;
  left:0;
  z-index:500;
}

#topnav li li{			/*メニューの選択ボックス*/
  margin:0;
  float:none;
  width:160px;
  text-align:left;
  background:#FEF4F4;
}

#topnav li li a{
  padding:10px;
  border:0;
}

#topnav li.current-menu-item li a,#topnav li li a{
  border-bottom-width:1px;
}

#topnav li li.current-menu-item a,#topnav li li a:hover{	/*メニュー選択時*/
  padding-bottom:10px;
  border-bottom-width:3px;
  background:#EB6E9F;
  color:#FFFFFF;
}
}

@media only screen and (max-width:959px){
*{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#header h1{text-align:center;}

#header .logo,#footer .logo{
  float:none;
  text-align:center;
  padding:10px 5px;
}

/* トップナビゲーション */
nav#mainNav{
  clear:both;
  width:100%;
  margin:0 auto;
  padding:0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #EB6E9F), color-stop(0.00, #EB6E9F));
  background: -webkit-linear-gradient(top, #EB6E9F 0%, #EB6E9F 100%);
  background: -moz-linear-gradient(top, #EB6E9F 0%, #EB6E9F 100%);
  background: -o-linear-gradient(top, #EB6E9F 0%, #EB6E9F 100%);
  background: -ms-linear-gradient(top, #EB6E9F 0%, #EB6E9F 100%);
  background: linear-gradient(top, #EB6E9F 0%, #EB6E9F 100%);
}

nav#mainNav a.menu{		/*スマホ用のメニュー？*/
  width:100%;
  display:block;
  height:40px;
  line-height:40px;
  font-weight: bold;
  text-align:left;
  color:#FFFFFF;
}

nav#mainNav a#menu span{
  padding-left:10px;
}
nav#mainNav a span:before{
  content:"≡ ";
}
nav#mainNav a.menuOpen span:before{
  content:"× ";
}

nav#mainNav a#menu:hover{
  cursor:pointer;
}

nav .panel{
  display:none;
  width:100%;
  position:relative;
  right:0;
  top:0;
  z-index:1;
}

nav#mainNav ul{
  margin:0;padding:0;
}

nav#mainNav ul li{
  float:none;
  clear:both;
  width:100%;
  height:auto;
  line-height:1.2;
}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
  display: block;
  font-size: 10px;
  padding:5px 10px;
  text-align:left;
  border-bottom:1px dashed #FBEFFB;		/*点線*/
  color:#FFFFFF;
}

nav#mainNav ul li a span{
  padding-left:10px;
}
nav#mainNav ul li:first-child a{		/*点線*/
  border-top:1px dashed #FBEFFB;
}

nav#mainNav ul li:last-child a{
  border-top:1px dashed #FBEFFB;
  /*border:0;*/
}
nav#mainNav ul li li:last-child a{
  border:0;
}
nav#mainNav ul li li:last-child a{		/*点線*/
  border-bottom:1px dashed #FBEFFB;
}
 
nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
  background:#EB6E9F;		/*折りたたみメニューの一番上MENUの下*/
}

nav div.panel{
  float:none;
}

nav#mainNav ul li li{
  float:left;
  border:0;
}

nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
  background:#D9AACD url(image/sub1.png) no-repeat 20px -73px;
  /*color:#460D43;*/
}

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
  background:#D9AACD url(image/sub1.png) no-repeat 20px -73px;
}

nav#mainNav ul li li:last-child a{
  background:#D9AACD url(image/subLast.png) no-repeat 20px -77px;
}
nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{
  background:#D9AACD url(image/subLast.png) no-repeat 20px -77px;
}

.grid{
  float:left;
  width:48%;
  margin:10px 2% 0 0;
}

.grid img{
  float:left;
  margin-right:5px;
}

#sub .grid{
  width:32%;
  margin:10px 1%;
}

#sub .grid:first-child{
  margin-left:0;
}

#sub .grid:last-child{
  margin-right:0;
}

#footer .grid, #footer .grid p{
  float:none;
  width:100%;
  text-align:center;
  border:0;
}

#footer .grid:last-child{
  padding-top:20px;
}
}

@media only screen and (max-width:768px){
#header{
  padding-bottom:0;
}
#header h1{
  text-align:center;
}

#header .logo{
  float:none;
  text-align:center;
  padding:10px 5px 20px;
}

#sub ul.list{
  padding:10px 10px 11px;
}

#sub ul.list li{
  padding-bottom:10px;
  margin-bottom:8px;
}
}


@media only screen and (max-width:640px){
#footer .grid p{
  text-align:center;
}

.grid img{
  float:none;margin:20px auto 10px;
  max-width:100%;
  height:auto;
}

.grid p,#sub .grid li{
  text-align:left;
}

.alignleft,.alignright{
  float:none;
  display:block;
  margin:0 auto 10px;
}
}

@media only screen and (max-width:480px){
#mainBanner h2,#mainBanner h3{
  font-size:80%;
}

#sub .grid{
  float:none;
  width:98%;
}

#sub .grid h3{
  padding:10px 5px;
}
}

/*****更新履歴ボックス*****/
.box_title{
    border:1px solid #E55A9B;
    padding-top:10px;
    padding-bottom:10px;
    /*width:220px;*/
    min-width:180;
    max-width:220;
    font-weight:bold;
    font-size:15px;
    background-color:#E55A9B;
    color:#fff;
    margin: auto;
    text-align:center;
}
.box_srcollbar {
    overflow:auto;
    /*width:220px;*/
    min-width:180;
    max-width:220;
    height:250px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:10px;
    padding-left:20px;
    border:1px solid #E55A9B;
    background-color:#fff;
    color:#313131;
    margin: auto;
}
/*スクロールバーの横幅指定*/
.box_srcollbar::-webkit-scrollbar {
    width: 10px;
}
/*スクロールバーの背景色・角丸指定*/
.box_srcollbar::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff;
}
/*スクロールバーの色・角丸指定*/
.box_srcollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:#E55A9B;
}

/*****テーブル*****/
.my table{
  width: auto;
  border-collapse: collapse;
}

.my table tr{
  border-bottom: solid 2px white;
}

.my table tr:last-child{
  border-bottom: none;
}

.my table th{
  position: relative;
  text-align: left;
  background-color: #E55A9B;
  color: white;
  text-align: center;
  padding: 10px 15px;
}

.my table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #E55A9B;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.my table td{
  text-align: left;
  text-align: center;
  background-color: #FEF4F4;
  padding: 10px 20px;
}

/*****リンクテーブル*****/

.link table {
  border: 5px solid #FFFFFF;
  border-collapse: separate;
  background-color: #FFFFFF;
  margin-bottom: 1em;
  width: 80%;
}

.link th {
  border: 3px #FFFFFF solid;
  background-color: #FEF4F4;
  padding: 3px 3px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.5em;
  color: #460D43;
}

.link td {
  border: 5px #FFFFFF solid;
  background-color: #FFFFFF;
  padding: 3px 3px;
  text-align: center;
  vertical-align: middle;
}

/*Twitterアイコンボタン*/
.twitter {
  background-color: #008DDE;
  
  display: inline;
  position: relative;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;
  padding: 10px 50px;
}
.twitter:hover {
  color: #FFFFFF;
}