@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* =============== 標準化 */

/* ------ framework */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
html {overflow-y:scroll;}
body {-webkit-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}


/* ------ block elements */
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0 0 0 2em;}
p {margin:0 0 .6em;}

/* ------ inline elements */
a {outline:none; background:transparent;}
a:focus, a:active, a:hover {outline:none;}
small {font-size:80%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}

/* ------ form */
button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}


/* ------ btn */

.btn_green a {padding:7px 0; display:block; background:#36725d; color:#fff; text-decoration:none; font-size:13px; width:200px; text-align:center; margin:0 auto;}
.btn_green a:after{content: "\003e"; padding-left:10px;}
.btn_green a:hover {background:#0d6144; text-decoration:none; color:#fff;}


/* ------ table */
table {border-collapse:collapse; border-spacing:0;}
caption {text-align:left;}

/* ------ img */
img {border:0; vertical-align:bottom;}
.ie7 img {-ms-interpolation-mode:bicubic;}

/* ------ WebFont */
@font-face {
  font-family:'arrow';
  src:url('../fonts/cicle_gordita-webfont.eot');
  src:url('../fonts/cicle_gordita-webfont.eot?#iefix') format('embedded-opentype'),
      url('../fonts/cicle_gordita-webfont.woff2') format('woff2'),
      url('../fonts/cicle_gordita-webfont.woff') format('woff'),
      url('../fonts/cicle_gordita-webfont.ttf') format('truetype'),
      url('../fonts/cicle_gordita-webfont.svg#ciclegordita') format('svg');
  font-weight:normal;
  font-style:normal;
}

/* ------ box-sizing 
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} */


/******* 見出し **********************/
.tit1 {
    margin: 50px 0 15px 0;
    padding: 17px 17px 12px 17px;
    font-size: 120%;
    font-weight: bold;
    border-top: 1px dotted #aaa;
    border-bottom: 1px dotted #aaa;
    background: #eee;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
}
.page_tit01 {
    font-size: 180%;
    line-height: 150%;
    padding: 10px 0;
    margin: 0px 0 10px 0;
    border-bottom: 1px dashed #999;
}

.pageTitle {font-size:220%; margin-bottom:30px;}
.secTitle1 {position: relative;
    margin: 2.2em -10px 0.5em -10px;
    padding: 20px;
    font-size: 140%;
    line-height: 150%;
    font-weight: bold;
    color: #222932;
    background: #F4F4F4;
    -webkit-box-shadow: 0 0 3px #ddd;
    -moz-box-shadow: 0 0 3px #ddd;
    box-shadow: 0 0 3px #ddd;
    border-left: 3px solid #da3232;}
.secTitle2 {border-left: 1px solid #000;
    margin: 40px -29px 20px;
    padding: 25px 30px;
    font-size: 20px;
}

.secTitle3 {    margin-bottom: 1em;
    padding: 5px 0;
    font-size: 1.25em;
    line-height: 1.4;
    border-bottom: 1px solid #dcdcdc;
}
.subsecTitle1 {    border-bottom: 5px dashed #eee;    font-size: 16px;
    padding: 8px 0;}
.loadingBg {background:url(../img/bx_loader.gif) no-repeat 50% 50%;}

.tit_gray {font-size: 16px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 4px solid #FF934B;
    line-height: 2.5em;
    font-weight: bold;
    padding: 10px 0 0 12px;
    margin: 60px 0 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}

.tit_pink {font-weight:bold; margin-bottom:3px;}


/* =============== 共通利用 */

/* ------ 配置 */
a:hover img {filter:alpha(opacity=80); opacity:.80;}
.clear {clear:both;}
.clearfix:after {content:""; display:block; clear:both;}
.center{text-align:center;}
.textRight {text-align:right;}
.floatRight {float:right; margin:0 0 10px 15px;}
.floatLeft {float:left; margin:0 30px 25px 0;}
.spaced {margin:25px 0;}
.semiSpaced {margin:10px 0;}
.first {margin-top:0!important;}
.inBlk {display:inline-block;}
.btm1 {margin-bottom:1em;}
.btm2 {margin-bottom:2em;}
.top1 {margin-top:1em;}
.top15 {margin-top:1.5em;}
.top2 {margin-top:2em;}


/* ------ テキスト装飾 */
a {color:#008C9E;}/*
a:visited { color: #000080; }*/
a:hover { color: #ff0000; }/*
a:active { color: #ff8000; }*/


.note {font-size:85%; line-height:1.5; margin:.6em 0 1em; color:#555;}
.bold {font-weight:bold;}
.it {font-style:italic;}
.em1 {font-size:108%;}
.em2 {font-size:116%;}
.sml {font-size:85%;}
.red {color:#e36;}

/* ------ ul, ol, dl */
.square {margin:0; padding:0 0 0 1.5em; list-style-type:square;}
.disc {margin:0; padding:0 0 0 1.5em; list-style-type:disc;}
.spaced li {margin:.6em 0;}
.spaced dt {margin-top:1.2em;}
.spaced dt:first-child {margin-top:0;} 
.spaced dd {margin-top:.6em;}
.semiSpaced li {margin:.3em 0;}
.semiSpaced dt {margin:.6em 0 .3em;}
.col2, .col3 {overflow:hidden; zoom:1;}
.col2 li {width:49%; float:left;}
.col3 li {width:33%; float:left;}

/* ------ table.bordered */
.bordered th, .bordered td {padding:.4em .7em; border:1px #ccc solid;}
.bordered th {background:#f2f2f2;}
.full {width:100%;}
.almostFull {width:98%; margin-left:1%; margin-right:1%;}
.table03 {
  width: 100%;
font-size:12px;
}
.table03 th {
  color: #fff;
  padding: 8px 15px;
  background: #A99770;
  font-weight: bold;
  border:1px solid #A99770;
  line-height: 120%;
  text-align: center;
}


.table03 tr td {
  padding: 8px 15px;
  border:1px solid #A99770;
  text-align: center;
}

/* ------ .tableLike  */
.tableLike {margin: .7em 1em; overflow:hidden;}
.tableLike dt {margin-top:-1px; padding-top:1em; border-top:1px #999 dotted;}
.tableLike dd {margin-top:-1.5em; padding:0 0 1em 450px;}
.tableLike dd a{display:block; padding:4px 0 3px 0; width:120px; text-decoration:none; font-size:80%; background:#f6f6f6; border:1px solid #ccc; text-align:center;}


@media screen and (max-width:768px) {
.home .tableLike dd {display:none;}/*
.tableLike dd {padding:0; margin:0 0 0 0; text-align:center;}*/
}


/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/


/* =============== 全体 */

body { background: url(images/header_bg.gif) repeat-x 0px -50px #fbfbf0; font:14px/1.5 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; *font-size:small; *font:x-small;}
.content {width:1000px; margin:0 auto; zoom:1;}
.content:after {content:""; display:block; clear:both;}
.ie6 body {text-align:center;}
.ie6 header, .ie6 #main, .ie6 footer, .content {text-align:left;}



/* =============== ヘッダ */

#header {background:#fff; width:100%; margin-top:13px; height:126px;}
#header .content {position:relative; width:1000px; margin:0 auto; text-align:center; padding:10px 0 20px 0; }
#header #logo {position:absolute; top:50px; left:50%; margin-left:-80px;}
#header #gnavi {position:relative;width:920px; margin: 5px auto 0 auto;}
#header #gnavi a {text-decoration:none;}
#header #gnavi li {position:absolute; width:100px;}
#header #gnavi #gn1 {top:0em; left:0;}
#header #gnavi #gn2 {top:0; left:185px;}
#header #gnavi #gn3 {top:0px; right:180px;}
#header #gnavi #gn4 {top:0px; right:0px;}
#header #submenu {position:absolute; top:0; right:0;}
#header #submenu li {float:left; margin-left:5px;}
#header #submenu li a {display:block; padding:3px 10px; color:#fff;}
.menu-toggle,.skip-link {display:none;}


#member-navi {
text-align: center;
}

#member-navi:after {
    content:" ";
    display:block;
    clear:both;
}

#member-navi li{ 
width:26%; float:left; margin:25px 3% 10px 3%;
}
#member-navi li a{
    display: block;
    text-align: center;
    height: 37px;
    width: 100%;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 4px #ccc;
    -webkit-border-radius: 6px;
    font-size: 12px;
    line-height: 37px;
    text-shadow: 0 1px 0px #fff;
    color: #660000;
    text-decoration: none;
    font-weight: 700;
background:#f7dbd7;
}


#member-navi li a:hover {
	background:#feaca0;
	color: #666;
	}



@media screen and (max-width:768px) {
#header {height:auto; background:none;}
#header .content {padding-bottom:0;}
#header #logo {position:static; width:187px; margin:0 auto 1em auto;}
#header #gnavi { height:auto; margin:0; width:100%;}
#header #gnavi:after {
  content: "";
  clear: both;
  display: block;
}
#header #gnavi #gn1,#header #gnavi #gn3 {display:none;}
#header #gnavi #gn2,#header #gnavi #gn4 {position:static;}
#header #gnavi li {width:46%; margin:0 2%; float:left;}
#header #gnavi li a {display:block; padding:0.75em 0; text-align:center; background:#fff; color:#ccc}

}


/* =============== メイン */

#main {width:1000px; padding:0 0 50px 0; margin:0 auto;}
#h1 {font-size:11px; margin:1em 0; color:#666;}
#main #side {width:300px; float:right;}
#main .content {width:600px; float:left; background:#fff; padding:30px; box-shadow: 3px 4px 4px rgba(0,0,0,0.1); 
    -webkit-border-radius: 6px;
}}
#main #side #subnav {background:#fff;  border-top:3px solid #ccc;}
#main #side #subnav li a {display:block; text-decoration:none; padding:.7em .8em; border-bottom:1px solid #ccc;  border-right:1px solid #ccc;  border-left:1px solid #ccc; background:#fff;}
#main #side #subnav li a:hover {background:#f6f6f6;}


#main #side aside {margin-bottom:2em;}
#main #side .sidetit { padding:12px 0 10px 0; width:100%; text-align:center; background:#444; border-bottom:2px solid #111; color:#fff;}


#searcharea {text-align:center; padding:1em 0;}

.sideBg {display:none;}
.contact {margin-top:40px; padding-top:25px;}
.contact .infoarea {margin:1.7em 1em;}
.contact .infoarea h3{margin-bottom:.5em;}





/* =============== フッタメニュー */
#footermenu {background:#fff; padding:1.8em 0; width:100%; text-align:center;}
#footermenu li {display:inline-block; margin:0 1.5em;}


/* =============== フッタ */

#footer {background:#333; padding:1.8em 0; width:100%;color:#fff; text-align:center; font-size:93%;}
#footer address { font-style:normal;}

/* ///// スマホ対応 ///// */ 
@media screen and (max-width:768px) {
.spnone {display:none;}
#header .content, #main {width:100%}
#main #side {width:96%; margin:0 2%;}
#main .content {width:92%; margin:0 2%; padding:2%;}
#main #side #subnav {background:none;}
#main #side #subnav li {display:inline-block; margin:0.3em;}
#main #side #subnav li a {border:1px solid #ccc; background:#fff;}
#side #secondary {width:300px; margin:1em auto;}
#footermenu li {display:inline-block; margin:5px 0;}
#footermenu li a {width:120px; padding:6px 10px; display:block; border:1px solid #ccc; text-decoration:none;font-size:95%;}
}


/*--------------------------------------------------------------------
	トップページ
--------------------------------------------------------------------*/




/*--------------------------------------------------------------------
	記事
--------------------------------------------------------------------*/
.content #emoticon {width:100%; background:#fff; padding:2em 1.5em; border:1px solid #ccc;
border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */  
}
.content #emoticon dt {width:100%; text-align:center; font-size:3em;}
.content #emoticon dd {padding:1em 0; border-top:1px solid #ccc; font-size:11px;}

.kanren {margin-bottom:2em;}

#rkblock {margin-bottom:2em;}

.entry-meta span{margin-right:1.5em;}
.emoticonpost {text-align:center; font-size:200%; padding:5em 0;}
.postsingle {text-align:center;}
.postsingle div.entry-meta {padding:10px; background:#eee; margin-top:2em;}

.aa_area {height:15em; font-size:12px; line-height:14px; padding:2%; width:39%; margin:2% 2% 2% 0; display:inline-block; overflow-y:scroll;}
.more-link {display:none;}

/*--------------------------------------------------------------------
	ページ
--------------------------------------------------------------------*/
#content_entry {width:960px; margin:0 auto;}
#content_entry #entry {width:100%; background:#fff; padding:2em 1.5em;}


/*--------------------------------------------------------------------
	カテゴリー
--------------------------------------------------------------------*/
#emolist {margin-bottom:3em;}
#emolist dl {border-bottom:1px dotted #ccc;}
#emolist dd a {display:block; padding:5px 8px; color:#444; background:#eee; font-size:11px;}

.emoticonlist li{border-bottom:1px dotted #ccc; padding:0.5em 0;position:relative;}
.emoticonlist span,.emoticonlist p {display:inline-block;}
.emoticonlist p {width:460px; margin:0;}
.emoticonlist span a {display:block; padding:4px 0 3px 0; width:150px; text-decoration:none; font-size:80%; background:#bcddff; text-align:center; color:#333;}
.emoticonlist span.btn_tokushu a { background:#ffbcbc;}
.emoticonlist span.btn_hutu a { background:#ffd3a8;}
.emoticonlist span {position:absolute; top:0.25em; right:0.25em;}
.emoticonlist span a:hover {background:#d1d1ff;}

.tit_aa {background:#eccdd6; padding:0.5em 1em; margin:0.5em 0 5px 0;}
.aalist li{border-bottom:1px dotted #ccc; padding:0.5em 0;position:relative;}
.aalist span,.aalist p {display:inline-block;}
.aalist p {width:460px; margin:0;}
.aalist span a {display:block; padding:4px 0 3px 0; width:150px; text-decoration:none; font-size:80%; background:#c18093; text-align:center; color:#fff;}
.aalist span.btn_tokushu a { background:#ffbcbc;}
.aalist span.btn_hutu a { background:#ffd3a8;}
.aalist span {position:absolute; top:1.5em; right:0.25em;}
.aalist span a:hover {background:#d1d1ff;}


/* ///// スマホ対応 ///// */ 
@media screen and (max-width:768px) {
.emoticonlist {width:100%;}
.emoticonlist li{padding:1em 0.2em; text-align:center;}
.emoticonlist span,.emoticonlist p {display:block;}
.emoticonlist p {width:100%;}
.emoticonlist span a {margin:1em auto 0 auto; font-size:10px;}
.aa_area {height:13em; width:80%; margin:0 auto 1em auto; padding:4%;}
.emoticonlist span a {display:none}
}


/*--------------------------------------------------------------------
	tag タブ
--------------------------------------------------------------------*/

#tab:after{  content: "";
  clear: both;
  display: block;}
#tab li {
  float: left;
  padding: 0.5em 0;
width:45%;
  list-style: none;
  cursor: pointer;/*
  background: #eee;*/
text-align:center;


	color: #000000;
/*	padding: 10px 20px;*/
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e0e0e0);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#e0e0e0));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);


}
#tab li.select {
  background: yellow;
}
.disnon {
  display: none;
}
.content_wrap {
  width: 100%
  height: auto;
}

/*--------------------------------------------------------------------
	投稿者
--------------------------------------------------------------------*/
.authorlist article{border-bottom:1px solid #ccc; padding:0.5em 0.3em;}

/*--------------------------------------------------------------------
	popurar post
--------------------------------------------------------------------*/
.wpp-list {}
.wpp-list a {display:block; text-decoration:none;border-bottom:1px dotted #ddd; padding:.5em;}
.wpp-list a:hover {background:#f6f6f6;}
.wpp-list li {}

.widget-title {     padding: 13px 0 10px 0;
    width: 100%;
    text-align: center;
    background: #efefef; border-bottom:3px solid #ccc; margin-bottom:3px;}

#secondary .widget-title { padding: 12px 0 10px 0;
    width: 100%;
    text-align: center;
    background: #b39878;/*
    border-bottom: 2px solid #111;*/
border:0 none;
margin:0;
    color: #fff;}
#secondary aside {width:100%;}
#secondary ul.menu li a {
    display: block;
    text-decoration: none;
    padding: .7em .8em;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;
color:#000;
}
#secondary ul.menu li a:hover {background:#f6f6f6;}

/*************************************************
 plugin
**************************************************/
#wp_page_numbers {text-align:center;}
#wp_page_numbers li.page_info {    padding: 7px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 10px;}