/*
Theme Name: 瀬雄（カスタム）
Theme URI: 
Description: HTML5の構造化、schema.org、URLのディレクトリ構造など、SEOに不可欠な機能を搭載したテーマです。瀬雄（標準型）に比べ、地域ページを多数作成する機能を備えた特別対応型です。
Version: 1.0
Author: tonkie
Author URI: 
*/

/* CSS Document */


/*掲示板用追記*/
.bbsArea {
width: 100%;
margin-right: auto;
margin-left: auto;
font-size: 80%;
}
.bbsSelectSex {
margin: 0px;
padding: 10px;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
.bbsSelectSex li {
display: inline;
padding: 20px;
}
.bbsTable {
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #00c300;
}
.tdImg {
width: 30%;
text-align: left;
}
.tdImg img {
border: 1px solid #33cf33;
/*border-radius: 5px;
width: 70%;
height: 200%;*/
border-radius: 50%;
height: 100px;
width: 100px;
}

.tdImg2 {
width: 30%;
text-align: left;
}

.tdImg2 img {
border: 1px solid #33cf33;
border-radius: 5px;
width: 100%;
height: 100%;
}

.td01 {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
}

.td03 {
text-align: right !important;
width: 50px;
}
.td03 input {
width: 47px;
}
.td01a {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
}
.td02a {
text-align: right !important;
width: 50px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
}
.td02 {
position: relative;
display: inline-block;
margin: 1em 2em 1em 2px;
padding: 2px 5px;
min-width: 120px;
max-width: 100%;
color: #fff;
font-size: 12px;
background: #00c300;
border-radius: 5px;
font-weight: bold;
border-color: black;
border: solid 1px;
box-shadow: 2px 1px 3px #0000007d;
}
.td03a {
line-height: 30px;
background-color: #00c300;
border-radius: 4px;
box-shadow: 0 2px 3px #0b4005;
padding: 4px;
color: #fff;
}
.td03a {
position: relative;
display: inline-block;
margin: 1em 0 1em 2px;
padding: 2px 5px;
min-width: 120px;
max-width: 100%;
color: #6f6a6a;
font-size: 12px;
background: #fff;
border-radius: 5px;
font-weight: bold;
border-color: black;
border: solid 3px #00c300;
box-shadow: 2px 1px 3px #0000007d;
}

.arealist_page h2 {
font-size: 50% !important;
margin-top: 1em !important;
margin-right: 0% !important;
color: #000 !important;
background-color: #FFF !important;
border-left-width: 10px;
border-left-style: solid;
border-left-color: #4ca78e;;
padding-top: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
padding-left: 10px !important;
}
.arealist_page select {
margin: 10px !important;
}

div.search {
border-width: 2px 2px medium;
border: 5px solid #4ca78e;
margin-bottom: 0;
margin-top: 5px;
padding-bottom: 5px;
padding-top: 5px;
padding: 10px;
width: auto;
border-radius: 10px;
text-align:center;
font-weight: bold;
box-shadow: 2px 3px #6c6666;
background: #97efd7;
}

.search2 {
/*border: 2px solid #00c300;
border-radius: 20px;*/
font-size: 26px;
font-weight: bold;
/*margin: 0 0 1.5em;*/
padding: 0.8em 0 0.8em 2.5em;
position: relative;
}

.search2::before {
background: #4ca78e none repeat scroll 0 0;
border-radius: 15px;
box-shadow: 1px 1px 1px #414247 inset;
content: "";
height: 20px;
left: 0.5em;
margin-top: -10px;
position: absolute;
top: 50%;
width: 20px;
}

.flat-button {
background-color: #2ac10f;
border-radius: 10px;
box-shadow: 0 3px 0 rgb(23, 140, 115);
color: #fff;
display: block;
font-size: 18px;
font-weight: bold;
margin: 10px auto;
padding: 10px 0;
text-align: center;
text-decoration: none;
width: 80%;
border: 0;
}

.cx-video-0 {
display: block;
margin: 0 auto;
border: 1px solid #fff;
background-color: #ffffff;
width: 100%;
}

/* トグルボタン */
div.arconix-toggle-wrap {
background: #afeeee none repeat scroll 0 0;
border: 2px solid #00c300;
border-radius: 5px;
clear: both;
color: #333;
margin: 10px 0;
padding: 5px 10px;
}

/*bbpress*/
/*
.bbp-breadcrumb{
display: none;
}

.bbp-form .bbp-form p:nth-child(3) {
display: none;
}

.bbsbtnlink {
border: 4px solid #03a9f4;
padding: 10px 0 10px;
width: 100%;
margin: 20px 0;
text-align: center;
box-shadow: 5px 10px 2px #52525240;
border-radius: 10px;
background: #03a9f41c;
}
*/
/*■全体設定■*/

/****  lsf  ****/
@font-face {
font-family: 'LigatureSymbols';
src: url('LigatureSymbols/LigatureSymbols-2.11.eot');
src: url('LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
url('LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
url('LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
url('LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
src: url('LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.move-button {
border-radius: 20%;
bottom: 10px;
box-shadow: 0 2px 5px #999;
color: #fff;
font-size: 2em;
line-height: 50px;
position: fixed;
text-align: center;
width: 50px;
text-decoration: none;
background-color: #4ca78e;;
}
.lsf, .lsf-icon::before {
font-family: "LigatureSymbols";
font-feature-settings: "liga", "dlig";
text-rendering: optimizelegibility;
word-wrap: normal;
}
.to-top {
right: 10px;
}
.to-home {
right: 70px;
}
/****  /lsf  ****/

body {
font-size: 90%;
margin: 0px;
padding: 0px;
background-color: #EFEFEF;
vertical-align: baseline;
font-family: "Noto Sans Japanese","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Yu Gothic",YuGothic,"游ゴシック体",Meiryo,"メイリオ",sans-serif;
color: #414247;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
margin: 0px;
padding: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
li {
line-height: 160%;
/*display: inline-block;
box-shadow: 1px 1px 1px #00c300;
border-radius: 2px;*/
padding: 2px;
}
blockquote {
background-color: #EFEFEF;
padding: 10px;
border: 1px dotted #CCC;
margin-top: 1em;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-radius: 7px;
/*box-shadow: 2px 3px 2px #928a8a;*/
box-shadow: 2px 2px 1px #0000007d;
}
a:hover img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.snapImg {
border: 1px solid #CCC;
}

a {
color: #4ca78e;
text-decoration: none;
}

a:link {
/*color: #2724e8;*/
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #006400;
}
a:active {
}
a:visited {
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/  
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */


/*◆細かな装飾で使用しているもの◆*/
.sectionTitle {
display: none;
}
.space01 {
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.space02 {
margin-bottom: 20px;
}
.fontRed {
color: #f00;
}
.fontB {
font-weight: bold;
}

/* パンくずリストのスタイル */
ol.bread_crumb {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 0.5em;
}
ol.bread_crumb li {
display: inline; /* liをインライン表示させる */
}
ol.bread_crumb li::before {
content: '\00bb'; /* li要素の前に>>記号を追加 */
padding: 0 0.5em 0 0.5em; /* li要素の>>記号の前後に余白を追加 */
}
ol.bread_crumb li:first-child:before {
content: ''; /* 最初のli要素から>>記号を消す */
padding: 0; /* 最初のli要素の余白を0 */
}

/*◆記事投稿画面内で作用するものに対応◆*/
.alignleft {
float: left;
margin-right: 2em;
}
.alignright {
float: right;
margin-left: 2em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
/*■■*/


/*■ヘッダーエリア■*/
.headerWrap {
width: 100%;
background-color: #FFF;
}
#tagline {
width: 100%;
max-width:960px;
font-size: 10px;
color: #333;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
padding-left: 5px;
margin-right: auto;
margin-left: auto;
}
#head {
width: 100%;
max-width:960px;
margin-right: auto;
margin-left: auto;
display: table;
height: auto;
}
.headImage {
vertical-align: middle;
display: table-cell;/*IE6~7は効かないので下部で別設定*/
width: 24%;
padding-right: 1%;
height: auto;/*★ヘッダーの高さを調整したい時、画像なしのサイトタイトルが縦中央にならない時は、ここで高さを設定★*/
margin: 0px;
}
/*for IE6 */
* html .headImage {
zoom: 1;
float: left;
padding-right: 0px;
}
/*for IE7 */
*:first-child+html .headImage {
zoom: 1;
float: left;
}
/*for IE8 */
.headImage {
padding-right: 10px;
}
.headLogo {
vertical-align: middle;
display: table-cell;
height: auto;
width: 100%;
box-shadow: none;
}
.headnoImage {
font-size: 160%;
font-weight: bold;
margin: 0px;
padding: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*◆ヘッダーバナーエリア（必須ではない）◆*/
.headBanner {
vertical-align: middle;
display: table-cell;/*IE6~7は効かないので下部で別設定*/
text-align: right;
width: 74%;
max-width:728px;
margin: 0px;
padding: 0px;
}
/*for IE6 */
* html .headBanner {
zoom: 1;
float: right;
}
/*for IE7 */
*:first-child+html .headBanner {
zoom: 1;
float: right;
}
.headBanner span {
display: none !important;
}
.headBanner img {
height: auto;
width: 100%;
}
/*■■*/


/*■ナビゲーションメニューエリア■*/

.naviWrap {
width: 100%;
background-color: #4ca78e;
box-shadow: 0 2px 5px #999;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
z-index:10;
}
#navi {
width: 100%;
max-width:960px;
margin-right: auto;
margin-left: auto;
}
/*メニューを開くための箇所は横幅が広いデザインのときは表示しない*/
.menuOpen {
display: none;
}
/*↓ナビゲーションメニューのメインメニュー↓*/
#navi ul {
margin: 0px;
padding: 0px;
display: table;
table-layout: fixed;
width: 100%;
text-align: center;
list-style-type: none;
}
#navi ul li {
display: table-cell;/*IE6~7は効かないので下部で別設定*/
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
vertical-align: middle;
}
#navi ul li:first-child {
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCC;
}
#navi ul li a {
font-weight: bold;
color: #FFF;
display: block;
text-decoration: none;
padding: 10px;
cursor:pointer;
}
#navi ul li a:hover {
color: #FFC;
background-color: #228b22;
}
/*↓ナビゲーションメニューのサブメニュー↓*/
#navi ul li ul {
display:none;
position:absolute;
z-index:9999;
}
#navi ul li ul li {
background-color: #414852;
display:block;
padding:0;
position:relative;
text-align: left;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-right-style: none;
border-left-style: none;
box-shadow: 0 2px 5px #999;
}
#navi ul li ul li:first-child {
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
border-left-style: none;
}
#navi ul li ul li a {
}
#navi ul li ul li a:hover {
}
#navi ul li ul li a.isParent {
padding-right: 30px;
}
#navi ul li ul li a.isParent:after {
content:"▼";
font-size: 100%;
color: #FFF;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
padding: 10px;
font-weight: normal;
}
/*for IE6 */
* html #navi ul li {
display: inline;
zoom: 1;
width: 18%;
}
* html #navi ul li ul li {
width: 100%;
zoom: 1;
}
/*for IE7 */
*:first-child+html #navi ul li {
display: inline;
zoom: 1;
width: 18%;
}
*:first-child+html #navi ul li ul li {
width: 100%;
zoom: 1;
}
/*■■*/


/*■パンくずエリア■*/
.breadWrap {
}

#bread {
width: 100%;
max-width:960px;
margin-right: auto;
margin-left: auto;
}
.breadTitle {
display: none;
}
.breadInner {
padding: 10px;
line-height: 120%;
}
.breadInner a {
color: #333;
}
/*■■*/


#wrap {
max-width:960px;
clear: both;
margin-top: 0;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
/*■コンテンツエリア■*/
#main {
width: 66.66%;
max-width:660px;
float: left;
margin-bottom: 0px;
box-shadow: 0 2px 5px #999;
padding: 10px;
background-color: #FFF;
font-size: 110%;
}
/*◆記事エリア共通◆*/
.postArea {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #CCC;
width: 100%;
}
.postArea img {
max-width: 100% !important;
height: auto;
}
.postTitle {
font-weight: bold !important;
font-size: 120% !important;
padding: 10px;
/* padding-bottom: 10px; */
background: #4ca78e;
border-radius: 5px;
color: #fff;
}
.postTitle a {
text-decoration: none;
}

.postArea h2 {
font-size: 140% !important;
margin-bottom: 1em;
line-height: 140%;
background-color: #4ca78e;
margin-right: 10%;
color: #FFF;
padding: 10px;
width: 100%;
}

.postArea h3 {
margin-bottom: 1em;
font-weight: bold;
line-height: 140%;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #4ca78e;;
padding: 5px;
font-size: 120%;
}
.postArea h4 {
margin-bottom: 1em;
font-weight: bold;
line-height: 140%;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #4ca78e;;
padding: 5px;
font-size: 120%;
}
.postArea p {
line-height: 160%;
}
/*.postArea ul {
margin: 0px;
padding-right: 1em;
padding-left: 2em;
color: #4ca78e;;
list-style: none;
}
*/

.bbsjapan ul {
margin: 10px;
padding-right: 1em;
padding-left: 2em;
/*color: #4ca78e;*/
list-style: none;
display: flex;
line-height: 8px;
flex-wrap: wrap;
}

.postArea ul {
margin: 10px;
padding-right: 1em;
padding-left: 2em;
/*color: #4ca78e;*/
list-style: none;
line-height: 8px;
}

.postArea ol {
/*margin: 0px;*/
padding-right: 1em;
padding-left: 2em;
padding-right: 1em;
padding-left: 2em;
background: #51cc51b0;
font-weight: bold;
border-radius: 5px;
box-shadow: 2px 2px 1px;
margin: 0 5px;
font-size: 15px;
}

.postArea table {
border: 1px solid #CCC;
border-collapse:collapse;
margin-bottom: 1em;
}
.postArea table td {
border: 1px solid #CCC;
border-collapse:collapse;
padding: 10px;
}
.postTime {
}
.postArea footer {
padding-bottom: 1em;
}
.postArea footer p {
text-align: right;
line-height: 160%;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1em;
margin-left: 0px;
}
#rssblockquote {
background-color: #EFEFEF;
padding: 10px;
border: 1px dotted #CCC;
margin-top: 1em;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#rssblockquote img {
max-width:300px;
width:auto;
height:auto;
}
.archiveMeta p {
line-height: 120%;
margin: 0px;
padding: 0px;
}
.rssElementP {
display: block;
width: 100%;
overflow: hidden;
}
/**/


/*○トップページウィジェットエリア○*/
.postSubArea {
margin-bottom: 20px;
padding-bottom: 10px;
}
.postSubArea h2 {
font-size: 140% !important;
line-height: 140%;
background-color: #414852;
color: #FFF;
padding: 10px;
margin-top: 10px;
}
.postSubArea ul {
padding: 20px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
height: 100px;
overflow: auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
}
.postSubArea ul li {
padding-top: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
list-style-position: inside;
}
.toppageContentsUl ul {
font-weight: bold;
}
.toppageContentsUl ul li {
margin-top: 1em;
margin-bottom: 1em;
display: inherit;
border: 2px #48c7a4 solid;
border-radius: 5px;
box-shadow: 2px 2px #000;
}
/*○○*/

/*○ブログ一覧上部ウィジェットエリア○*/
.blogListText {
}
.blogListTextTitle {
margin-bottom: 1em;
}
.blogListText p {
line-height: 160%;
}
/*○○*/

/*○記事エリア（アイテム一覧用）○*/

.arealist_page form {
margin-bottom: 1em;
}
.areaList {
background-color: #CCC;
border: 1px dotted #CCC;
padding: 10px;
margin-bottom: 20px;
}
.areaList p {
font-size: 80%;
margin-bottom: 0em;
line-height: 100%;
margin-top: 0px;
}
.areaList ul {
margin: 0px;
padding: 0px;
}
.areaList li {
padding: 10px;
float: left;
list-style-type: none;
}
.areaListPage {
padding: 10px;
margin-bottom: 20px;
}
.areaListPage ul {
margin: 0px;
padding: 0px;
}
.areaListPage li {
padding: 10px;
float: left;
list-style-type: none;
}
.areaListText {
}
.areaListTextTitle {
margin-bottom: 1em;
}
.areaListText p {
line-height: 160%;
}
.areaListText2 {
}
.areaListTextTitle2 {
margin-bottom: 1em;
}
.areaListText2 p {
line-height: 200%;
}
.itemMainArea {
margin-top: 0px;
clear: both;
padding-bottom: 10px;
}
.itemPostImage {
float: left;
width: 25%;
margin-right: 3%;
}
.itemPostImage img {
width: 100%;
border: 1px solid #CCC;
}
.metaList {
}
.metaList ul {
margin: 0px;
padding: 0px;
list-style-position: inside;
list-style-type: none;
}
.metaList ul li {
display: inline;
padding-right: 1em;
}
.post-meta-key {
color: #000;
}
.girlsIcon01 {
background-image: url(images/icon/icon_name.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 10px;
}
.girlsIcon02 {
background-image: url(images/icon/icon_age.jpg);
background-repeat: no-repeat;
background-position: left center;
padding: 10px;
}
.itemOneComment {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: -5px;
margin-left: 0px;
}
/*お勧めサイト一覧箇所*/
.areaListSiteArea {
width: 100%;
margin-bottom: 1em;

}
.areaListSiteName {
width: 90%;
margin-right: auto;
margin-left: auto;
margin-bottom: 1em;
}
.areaListSiteName h3 {
font-size: 100%;
font-weight: bold;
padding: 5px;
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 3px;
border-top-style: double;
border-right-style: double;
border-bottom-style: double;
border-left-style: double;
border-top-color: #cbe9a9;
border-right-color: #060;
border-bottom-color: #030;
border-left-color: #cbe9a9;
margin: 0px;
color: #000;
background-color: #97d96f;
}
.areaListSiteImg {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.areaListSiteImg p {
margin: 0px;
padding: 0px;
}
.areaListSiteImg img {
height: auto;
width: 100%;
border: 1px solid #DADADA;
}
.areaListSiteText {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.areaListSiteLink {
display: block;
padding: 10px;
width: 90%;
background-color: #F60;
text-align: center;
margin-right: auto;
margin-left: auto;
border: 5px double #FFF;
}
a.areaListSiteLink {
text-decoration: none;
font-weight: bold;
color: #FFF;
}
a:hover.areaListSiteLink {
text-decoration: none;
background-color: #F90;
}
/**/
.itemPostLink {
clear: both;
width: 50%;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 1em;
display: none;
}
.itemPostLink a {
color: #FFF;
text-shadow: 1px 1px 2px #999;
display: block;
padding-top: 10px;
padding-bottom: 10px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 200%;
font-weight: bold;
text-decoration: none;
box-shadow: 2px 2px 4px #AAA;
background-color: #93C;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FF8AEB 0%, #990B9E 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FF8AEB 0%, #990B9E 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FF8AEB 0%, #990B9E 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FF8AEB), color-stop(1, #990B9E));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FF8AEB 0%, #990B9E 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FF8AEB 0%, #990B9E 100%);
width: 100%;
border: 1px solid #990B9E;
}
.itemPostLink a:hover {
background-color: #93F;
color: #FFF;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFD1FF 0%, #D20FD9 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFD1FF 0%, #D20FD9 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFD1FF 0%, #D20FD9 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFD1FF), color-stop(1, #D20FD9));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFD1FF 0%, #D20FD9 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFD1FF 0%, #D20FD9 100%);
}
.itemListLink {
clear: both;
width: 50%;
margin-right: auto;
margin-left: auto;
text-align: center;/*padding-top: 1em;*/
}
.itemListLink a {
color: #FFF;
text-shadow: 1px 1px 2px #999;
display: block;
padding-top: 10px;
padding-bottom: 10px;
font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 200%;
font-weight: bold;
text-decoration: none;
box-shadow: 2px 2px 4px #AAA;
background-color: #999;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #787878 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #787878 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #787878 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #787878));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #787878 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #787878 100%);
border: 1px solid #CCC;
}
.itemListLink a:hover {
background-color: #CCC;
color: #FFF;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #A6A6A6 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #A6A6A6 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #A6A6A6 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #A6A6A6));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #A6A6A6 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #A6A6A6 100%);
}
/*○○*/


/*◆ページナビ関連◆*/
.listPageNavi {
width: 100%;
}
.singlePageNavi {
width: 100%;
padding-bottom: 10px;
}
.next_post {
float: left;
width: 40%;
padding-left: 10px;
}
.previous_post {
float: right;
width: 40%;
text-align: right;
padding-right: 10px;
}
/**/

/*◆コメントエリア◆*/
.comment_title {
}
.comments_list {
list-style-type: none;
margin: 0px;
padding: 0px;
margin-bottom: 1em !important;
}
.comments_list ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.comments_list li, .comments_list ul li {
padding: 10px;
border: 1px solid #666;
margin-top: 10px;
}
/* ↓comment-awaiting…はwordpressが自動的に出力するためclass名の変更は不可能 */
.comment-awaiting-moderation {
color: #F00;
}
.comments_pagination {
width: 100%;
padding: 0px;
list-style-type: none;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.next_comments {
float: left;
width: 48%;
padding-left: 10px;
}
.prev_comments {
float: right;
width: 48%;
text-align: right;
padding-right: 10px;
}
/* ↓comment-reply…はwordpressが自動的に出力するためclass名の変更は不可能 */
.comment-reply-title {
}
.commentInputField {
width: 70%;
}
.commentInputArea {
width: 70%;
height: 100px;
}
.commentNeed {
font-size: 90%;
color: #F60;
padding-left: 1em;
}
#commentform .submit {
border: medium none;
color: #fff;
cursor: pointer;
display: inline;
height: 100%;
margin: 0;
background-color: #414852;
padding: 5px;
}
/**/
/*◆プラグインcontactform7の送信ボタンを装飾◆*/
.wpcf7-submit {
border: medium none;
color: #fff;
cursor: pointer;
display: inline;
height: 100%;
margin: 0;
background-color: #414852;
padding: 5px;
}
/**/
.contentsSearch {
margin-bottom: 100px;
width: 100%;
}
.contentsSearch .searchFrom {
}
.contentsSearch .searchButton {
}
/*■■*/
/*■注意書きエリア■*/
.caution_app {
position: fixed;
padding: 10px;
width: 100%;
left: 0;
bottom: 70px;
text-align: center;
background-color: rgba(0, 0, 0, 0.5);
}

.remove_btn {
position: absolute;
margin-left: auto;
bottom: 25px;
right: 0;
top: -10px;
right: 10px;
width: 25px;
height: 25px;
line-height: 25px;
color: white;
border-radius: 50%;
background: #f00;
cursor: pointer;
}

.caution_app p {
margin: 3px 0;
line-height: 1.5em;
color: white;
}
/*■■*/




/*■サイドエリア■*/
#side {
width: 31.25%;
max-width:320px;
float: right;
padding: 10px;
box-shadow: 0 2px 5px #999;
background-color: #FFF;
}
/*◆サイドバナーエリア（必須ではない）◆*/
.sideBanner {
text-align: center;
}
.sideBanner h2 {
display: none;
}
.sideBanner img {
height: auto;
width: 100%;
max-width:300px;
margin-bottom: 10px;
display: block;
margin-right: auto;
margin-left: auto;
}
/*◆◆*/


/*◆サイドランキングエリア（必須ではない）◆*/
.sideRank {
text-align: center;
}
.sideRank h2 {
background-color: #000 !important;
padding: 10px;
text-align: center;
color: #FFF !important;
}
.sideRank h3 {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-weight: bold;
color: #FFF;
background-color: #999 !important;
}
.sideRank img {
height: auto;
width: 100%;
max-width:300px;
margin-bottom: 10px;
display: block;
margin-right: auto;
margin-left: auto;
}
/*以下、ランキング用キャプチャ画像下部にリンク用ボタンを設置する場合の設定*/
.rankBtn {
width: 100%;
}
.rankBtn p {
padding: 0px;
width: 80%;
max-width:300px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}
.rankBtn a {
display: block;
padding: 5px;
text-decoration: none;
font-weight: bold;
color: #FFF;
}
.rankBtn01 {
background-color: #6C0;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #4AFF08 0%, #029651 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #4AFF08 0%, #029651 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #4AFF08 0%, #029651 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4AFF08), color-stop(1, #029651));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #4AFF08 0%, #029651 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #4AFF08 0%, #029651 100%);
border: 1px solid #090;
}
.rankBtn02 {
background-color: #EF7307;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFF00), color-stop(1, #EF7307));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFF00 0%, #EF7307 100%);
border: 1px solid #FC0;
}
/*◆◆*/



/*◆検索窓エリア◆*/
.searchFormWrap {
margin-bottom: 20px;
width: 100%;
border: 1px solid #414852;
height: 30px;
}
.searchFrom {
border: medium none;
float: left;
height: 100%;
margin: 0;
padding: 5px 10px;
width: 80%;
}
.searchButton {
border: medium none;
color: #fff;
cursor: pointer;
display: inline;
height: 100%;
margin: 0;
width: 20%;
background-color: #4ca78e;;
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0;
float: right;
}
/*◆◆*/


/*◆サイドメニュー　全体設定◆*/
#side aside {
}
#side aside h2 {
background-color: #4ca78e;;
border-radius: 13px;
color: #fff;
padding: 10px;
}
#side aside ul {
margin: 0px;
font-weight: bold;
list-style: none;
}
#side select {
margin: 10px;
}
/*◆◆*/


/*◆サイドメニュー　グラデーションタイプ◆*/
/*IE6~8はグラデーション効かないので諦める*/
.sideMenuType1 ul {
padding: 0px;
}
/*本来ならaタグの方をdisplay: block;にするが、ウィジェットで投稿数を表示した際に対応できないのでliにdisplay: block;*/
.sideMenuType1 ul li {
list-style-type: none;
display: block;
padding: 10px;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
}
.sideMenuType1 ul li a {
text-decoration: none;
}
.sideMenuType1 ul li a:hover {
text-decoration: none !important;
}
/*◆◆*/


/*◆サイドメニュー　下線タイプ◆*/
.sideMenuType2 ul {
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
/*本来ならaタグの方をdisplay: block;にするが、ウィジェットで投稿数を表示した際に対応できないのでliにdisplay: block;*/
.sideMenuType2 ul li {
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 5px;
padding-left: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
list-style-type: none;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #DDD;
}
.sideMenuType2 ul li:first-child {
border-top-style: none;
}
.sideMenuType2 ul li:last-child {
border-bottom-style: none;
}
.sideMenuType2 ul li a {
text-decoration: none;
}
.sideMenuType2 ul li a:hover {
text-decoration: none !important;
}
/*◆◆*/


/*◆サイドメニュー　単純リストタイプ◆*/
.sideMenuType3 ul {
padding: 10px;
}
.sideMenuType3 ul li {
list-style-position: inside;
padding-top: 10px;
padding-bottom: 10px;
color: #4ca78e;;
}
/*◆◆*/

/*◆サイドメニュー　タグ◆*/
.sideMenuType4 div {
padding: 10px;
}
/*◆◆*/

/*■■*/

/*■■*/
/*■注意書きエリア■*/
.caution_app {
position: fixed;
padding: 10px;
width: 100%;
left: 0;
bottom: 70px;
text-align: center;
background-color: rgba(0, 0, 0, 0.6);
}

.remove_btn {
position: absolute;
top: -10px;
right: 10px;
width: 25px;
height: 25px;
line-height: 25px;
color: white;
border-radius: 50%;
background: #f00;
cursor: pointer;
}

.caution_app p {
margin: 3px 0;
line-height: 1.5em;
color: white;
}

.caution_txt {
color: #ff8c00;
font-weight: bold;
}
/*■■*/


/*■フッターエリア■*/
.footerWrap {
background-color: #4ca78e;
color: #FFF;
width: 100%;
}
.footerWrap a {
color: #fff;
}
#foot {
width: 100%;
max-width:960px;
margin-right: auto;
margin-left: auto;
color: #FFF;
padding-top: 10px;
padding-bottom: 10px;
font-size: 90%;
}
#foot a {
}
/*◆フッターメニュー　横並びタイプ◆*/
.widgetFooterTitle1 {
display: none;
}
.footerMenuType1 {
text-align: center;
}
.footerMenuType1 ul {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
width: 80%;
margin-right: auto;
margin-left: auto;
display: table;
table-layout: fixed;
margin-top: 0px;
margin-bottom: 0px;
}
.footerMenuType1 ul li {
display: table-cell;/*IE6~7は効かないので下部で別設定*/
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFF;
padding-right: 10px;
padding-left: 10px;
vertical-align: middle;
}
.footerMenuType1 ul li:last-child {
border-right-style: none;
}
.footerMenuType1 ul li ul {
display: none;
}
/*for IE6 */
* html .footerMenuType1 ul li {
display: inline;
zoom: 1;
}/*for IE7 */
*:first-child+html .footerMenuType1 ul li {
display: inline;
zoom: 1;
}
/*◆◆*/

/*◆フッターメニュー　リストタイプ◆*/
.widgetFooterTitle2 {
display: none;
}
.footerMenuType2 {
float: left;
padding-right: 10px;
padding-left: 10px;
}
.footerMenuType2 ul {
margin: 0px;
padding-top: 0px;
padding-right: 1em;
padding-bottom: 0px;
padding-left: 1em;
}
.footerMenuType2 ul li {
}
.footerMenuType2 ul li:last-child {
}
.footerMenuType2 ul li ul {
padding-right: 10px;
padding-left: 10px;
}
.footerMenuType2 ul li ul li {
}
/*◆◆*/


/*◆最下部エリア◆*/
.addressWrap {
}
address {
width: 100%;
max-width:960px;
text-align: center;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
font-style: normal;
}
address a {
}
/*◆◆*/

/*■■*/


/*■検索結果、カテゴリ等一覧ページ■*/
.catch_that_img {
height: auto;
width: 150px;
}
.listTitle {
font-size: 160%;
font-weight: bold;
}
.listTitle a {
color: #FFF;
}
/*■■*/

.cx-video-1 {
display: block;
margin: 0 auto;
border: 1px solid #fff;
background-color: #ffffff;
width: 100%;
}

.cx-video-0 {
display: block;
margin: 0 auto;
border: 1px solid #fff;
background-color: #ffffff;
}

/* ##配色
* 
* - white: white
* - gray: whitesmoke
* - black: slategray
* - sub: #F0FAFA
* - main: #60CAAD
* 
* 上のカラーコードで検索かけて一括変換すればお好みの色に変えられます。cssの辛いとこね、これ
*
*/

/*bbPressフォーラム一覧画面*/

#bbpress-forums ul.bbp-forums {
border: none;
}

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-body li.bbp-forum-reply-count, #bbpress-forums li.bbp-body li.bbp-forum-freshness {
display: none;
}

#bbpress-forums li.bbp-body ul.forum {
border-top: none;
background: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

#bbpress-forums li.bbp-forum-info {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
position: relative;
display: inline-block;
padding: .5em 1em .5em 5px;
min-width: 200px;
max-width: 100%;
border-radius: 3px;
color: slategray;
background: whitesmoke;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content::before {
content: "";
position: absolute;
top: -20px;
left: 30px;
margin-left: -15px;
border: 10px solid transparent;
border-bottom: 10px solid whitesmoke;
}

#bbpress-forums .bbp-forum-info a.bbp-forum-title {
display: block;
font-size: 1.2em;
font-weight: 900;
color: #60CAAD;
/*カテゴリー名の文字色*/
text-decoration: none;
padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body li.bbp-forum-topic-count {
text-align: center;
vertical-align: middle;
margin-top: 15px;
width: 25px;
min-width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
background: whitesmoke;
color: slategray;
}


/*bbPressトピック一覧画面*/

/*.bbp-template-notice, #bbpress-forums li.bbp-topic-title p.bbp-topic-meta, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-topic-freshness, #bbpress-forums .bbp-pagination {
display: none;
}*/

#bbpress-forums ul.bbp-topics, #bbpress-forums li.bbp-header {
border: none;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
background: white;
}

#bbpress-forums li.bbp-body ul.topic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink {
display: block;
font-weight: 900;
color: #60CAAD;
/*カテゴリー名の文字色*/
text-decoration: none;
padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-reply-count {
text-align: center;
vertical-align: middle;
margin-top: 15px;
width: 25px;
min-width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
background: whitesmoke;
color: slategray;
}


/*トピック作成フォーム*/

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form {
background: white;
border: none;
padding: 0;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend {
position: relative;
padding: 10px 40px 10px 10px;
margin: 0 0 1em;
line-height: 20px;
background: #F0FAFA;
border-left: 40px solid #60CAAD;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend::before {
content: "\f5ad";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 2em;
color: white;
position: absolute;
left: -32px;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form label, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form select, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form br {
display: none;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before{
content: "タイトル";
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
content: "本文";
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before,
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
color: slategray;
line-height: 50px;
background: #F0FAFA;
padding: .5em 1.5em;
border-radius: 30px;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form input#bbp_topic_title, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form textarea#bbp_topic_content {
width: 100%;
background: whitesmoke;
border: none;
box-shadow: none;
outline: none;
-webkit-appearance: none;
appearance: none;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
float: none;
text-align: center;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_topic_submit {
width: 100%;
max-width: 600px;
margin: auto;
background: #60CAAD;
color: white;
border: none;
border-radius: 3px;
}


/*トピック詳細画面*/

#bbpress-forums ul.bbp-replies {
border: none;
}

#bbpress-forums div.bbp-reply-header {
background-color: white;
border-top: none;
}

#bbpress-forums div.bbp-reply-author {
width: 20%;
}

#bbpress-forums .bbp-author-role, #bbpress-forums .bbp-reply-ip, #bbpress-forums .bbp-reply-permalink, #bbpress-forums span.bbp-admin-links {
display: none;
}

#bbpress-forums .bbp-meta {
text-align: right;
}

#bbpress-forums .bbp-body span.bbp-reply-post-date {
color: #ccc;
}

#bbpress-forums div.bbp-reply-author img.avatar {
margin: 0 auto;
border-radius: 50%;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
color: slategray;
text-decoration: none;
}

#bbpress-forums div.bbp-reply-content {
position: relative;
display: inline-block;
padding: 30px;
margin-left: 20px;
min-width: 200px;
max-width: calc( 80% - 20px);
border-radius: 3px;
color: slategray;
background: whitesmoke;
}

#bbpress-forums div.bbp-reply-content::before {
content: "";
position: absolute;
left: -20px;
top: 30px;
border: 10px solid transparent;
border-right: 10px solid whitesmoke;
}

/*返信フォーム*/

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend {
position: relative;
padding: 10px 40px 10px 10px;
margin: 0 0 1em;
line-height: 20px;
background: #F0FAFA;
border-left: 40px solid #60CAAD;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend::before {
content: "\f5ad";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 2em;
color: white;
position: absolute;
left: -32px;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form {
border: none;
padding: 0;
background: white;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form textarea#bbp_reply_content {
width: 100%;
background: whitesmoke;
border: none;
box-shadow: none;
outline: none;
-webkit-appearance: none;
appearance: none;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
float: none;
text-align: center;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_reply_submit {
width: 100%;
max-width: 600px;
margin: auto;
background: #60CAAD;
color: white;
border: none;
border-radius: 3px;
}

/*匿名投稿を可能にする時用*/
fieldset.bbp-form p.form-allowed-tags,
fieldset.bbp-form>div>fieldset.bbp-form {
display: none;
}

.itemPostLink {
text-align: center;
font-weight: bold;
margin: 5px auto;
width: 85%;
line-height: 300%;
padding: 0;
background: linear-gradient(to bottom, #ffa851 0%, #ff7f00 100%);
border: 1px solid #ffa851;
border-radius: 10px;
}

.itemPostLink a {
text-decoration: none;
color: #fff;
display: block;
}

/*ランキングテンプレート*/
/*body {
font-family: "Arial", sans-serif;
background-color: #f8f8f8;
margin: 0;
padding: 20px;
}
*/
.ranking-container {
max-width: 800px;
margin: 0 auto;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.ranking-title {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.ranking-item {
border: 1px solid #ddd;
border-radius: 8px;
padding: 15px;
margin-bottom: 15px;
background: #fff;
}
.ranking-header {
display: flex;
align-items: center;
font-size: 20px;
font-weight: bold;
}
.ranking-header .rank {
font-size: 24px;
color: #d9534f;
margin-right: 10px;
}
.ranking-header .stars {
color: #ffcc00;
margin-left: auto;
}
.ranking-content {
display: flex;
margin-top: 10px;
}
.ranking-image {
width: 150px;
height: auto;
object-fit: cover;
border-radius: 5px;
margin-right: 15px;
}
.ranking-details {
flex: 1;
margin: 0 10px;
}
.highlight {
color: #d9534f;
font-weight: bold;
}
.button {
display: block;
text-align: center;
background: #d9534f;
color: white;
padding: 10px;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
margin-top: 10px;
}
.button:hover {
background: #c9302c;
color: #fff;
}
/*ここまで*/

@media (max-width: 767px) { /*タブレット縦の幅？*/
#wrap a {
line-height: 300%;
/* border: 1px solid #00c300; */
/*box-shadow: 1px 2px 2px #00c300;*/
border-radius: 5px;
padding: 2px;
}
#main {
width: 100%;
max-width:100%;
float: none;
margin-bottom: 10px;
}
#side {
width: 100%;
max-width:100%;
float: none;
}
#foot a {
line-height: 300%;
}
.postArea h3 {
margin-bottom: 1em;
font-weight: bold;
line-height: 140%;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #4ca78e;
padding: 15px 0 10px 0;
font-size: 80%;
}
@media (max-width: 600px) {
.ranking-content {
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.ranking-image {
	width: 100%;
	max-width: 300px;
	margin-bottom: 10px;
}
}
@media (max-width: 643px) { /*スマホ横の幅？*/
#head {
display: block;
}
#tagline {
padding-bottom: 10px;
}
.headLogo {
vertical-align: top;
display: block;
width: auto;
margin-right: auto;
margin-left: auto;
box-shadow: none;
}
#head p {
vertical-align: top;
display: block;
text-align: center;
padding-bottom: 10px;
}
.headImage {
vertical-align: middle;
display: block;
width: auto;
padding-right: 0%;
height: auto; /*★ヘッダーの高さを調整したい時、画像なしのサイトタイトルが縦中央にならない時は、ここで高さを設定★*/
margin-right: auto;
margin-left: auto;
}
.headnoImage {
text-align: center;
width: 96%;
margin-right: auto;
margin-left: auto;
}
.headBanner {
vertical-align: top;
display: block;
width: 96%;
margin-right: auto;
margin-left: auto;
}
/*◆ナビゲーションメニューがアコーディオンタイプに変更◆*/

.naviWrap {
text-align:center;
}
/*メニューを開くための箇所*/
.menuOpen {
display: inline-block;
cursor: pointer;
color: #FFF;
padding-right: 10px;
padding-left: 10px;
}
.menuOpen:after {
content:"▼";
padding-left: 0.5em;
}
/*サブメニューがあるものの右側に開閉ポイントを設置*/
#navi .menu-item-has-children {
position: relative;
}
#navi .menu-item-has-children a {
margin-right: 3em;/*20140909*/
}
#navi .menu-item-has-children:after {
content:"▼";
font-size: 100%;
cursor: pointer;
color: #FFF;
position: absolute;
top: 0px;
right: 0px;
text-align: right;
padding: 1em;
font-weight: normal;
}
/*↓ナビゲーションメニューのメインメニュー↓*/
#navi ul {
margin: 0px;
padding: 0px;
display: block;
table-layout: auto;
width: 100%;
text-align: left;
list-style-type: none;
}
#navi ul li {
display: block;
border-right-style: none;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
background-color: #000;
/* IE10 Consumer Preview */ 
background-color: #4ca78e;;
padding-top: 1em;
padding-bottom: 1em;
}
#navi ul li:first-child {
border-left-style: none;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #FFF;
}
#navi ul li a {
font-weight: bold;
color: #FFF;
display: inline-block;/*20140909*/
text-decoration: none;
padding: 0px;/*20140909*/
margin-left: 1em;/*20140909*/
margin-right: 1em;/*20140909*/
}
#navi ul li a:hover {
color: #FFC;
background-color: #228b22;
}
/*↓ナビゲーションメニューのサブメニュー↓*/
#navi ul li ul {
display:none;
position:static;
z-index:auto;
margin-top: 1em;
margin-bottom: -1em;
}
#navi ul li ul li {
background-color: #414852;
box-shadow: none;
background-image: none;
display:block;
position:relative;
text-align: left;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-width: 1px;
border-bottom-color: #CCC;
padding-left: 20px;
padding-top: 1em;
padding-bottom: 1em;
}
#navi ul li ul li:first-child {
border-left-style: none;
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
}
#navi ul li ul li:last-child {
border-bottom-style: none;
}
#navi ul li ul li a {
}
#navi ul li ul li a:hover {
}
/*◆アイテムページ　画像と情報の横並び→縦並び◆*/

.itemPostImage {
width: 25%;
}
.itemPostLink {
clear: both;
width: 50%;
margin-right: auto;
margin-left: auto;
padding-top: 0em;
}
.itemPostLink a {
font-size: 150%;
}
.itemListLink {
clear: both;
width: 50%;
margin-right: auto;
margin-left: auto;
padding-top: 0em;
}
.itemListLink a {
font-size: 150%;
}
/*◆横幅が広い時のフッターメニューもさすがに変更◆*/
.footerMenuType1 {
text-align: left;
padding-right: 10px;
padding-left: 10px;
}
.footerMenuType1 ul {
width: auto;
display: block;
table-layout: auto;
padding-right: 10px;
padding-left: 10px;
margin-right: 10px;
margin-left: 10px;
}
.footerMenuType1 ul li {
display: list-item;
border-right-style: none;
padding-right: 0px;
padding-left: 0px;
vertical-align: top;
line-height: 140%;
}
.footerMenuType1 ul li:last-child {
border-right-style: none;
}
.footerMenuType1 ul li ul {
display: block;
padding-top: 0px;
padding-bottom: 0px;
}
/*◆◆*/

.move-button {
font-size: 1.7em !important;
width: 48px;
line-height: 48px;
bottom: 3px;
}
.to-top {
right: 3px;
}
.to-home {
right: 56px;
}

.tdImg img {
border: 1px solid #33cf33;
/*border-radius: 5px;
width: 110%;
height: 150%;*/
/*margin: -10px;*/
border-radius: 50%;
/*width: 90%;
height: 90%;*/
}

.tdImg2 img {
border: 1px solid #33cf33;
border-radius: 5px;
width: 100%;
height: 110%;
}

.td03a {
position: relative;
display: inline-block;
margin: 1em 0 1em 2px;
padding: 2px 5px;
width: 120%;
max-width: 200%;
color: #6f6a6a;
font-size: 12px;
background: #fff;
border-radius: 5px;
font-weight: bold;
border-color: black;
border: solid 3px #00c300;
box-shadow: 2px 1px 3px #0000007d;
}

.td01 {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
padding: 0 15px;
font-size: 13px;
}

.td01a {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999;
padding: 0 15px;
font-size: 13px;
}	
}

@media(max-width:480px) {
#bbpress-forums .bbp-body div.bbp-reply-author {
margin: 0;
min-height: 85px;
}
#bbpress-forums .bbp-body div.bbp-reply-content {
margin: 0;
}
#bbpress-forums .bbp-body div.bbp-reply-content p {
padding: .5em 1em;
margin: 0;
}
#bbpress-forums div.bbp-reply-content::before {
top: -20px;
left: 20px;
border: 10px solid transparent;
border-bottom: 10px solid whitesmoke;
}
}

@media (max-width: 360px) { /*スマホ縦の幅？*/
.itemPostImage {
width: 25%;
}
.itemPostLink {
clear: both;
width: 80%;
margin-right: auto;
margin-left: auto;
padding-top: 0em;
}
.itemPostLink a {
font-size: 150%;
}
.itemListLink {
clear: both;
width: 80%;
margin-right: auto;
margin-left: auto;
padding-top: 0em;
}
.itemListLink a {
font-size: 150%;
}
}
.girl_search {
background-color: #EFEFEF;
padding-top: 1%;
padding-right: 2%;
padding-bottom: 1%;
padding-left: 2%;
}
.girl_search input {
background-color: #F00;
}
.girl_search_select {
font-weight: bold;
}
.girl_search_attention {
font-size: 80%;
color: #F00;
}
.girl_search_button {
}
.girl_search_button a {
text-decoration: none;
display: block;
padding: 5px;
width: 30%;
margin-right: auto;
margin-left: auto;
text-align: center;
border: 1px solid #F60;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fd9c68), color-stop(0.51, #ea5506), color-stop(0.50, #f17431), color-stop(0.00, #feceb4));
background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
font-weight: bold;
color: #FFF;
}
.siteListWrap {
width: 98%;
padding-top: 1%;
padding-right: 1%;
padding-bottom: 3em;
padding-left: 1%;
}
.siteListTitle {
background-color: #FCF;
text-align: center;
padding: 5px;
}


.siteInfoWrap {
width: 100%;
}
.siteInfoImageP {
text-align: center;
}
.siteInfoImage {
height: auto;
width: 80%;
border: 1px solid #CCC;
}

.siteInfoText {
}
.siteInfoLink {
}
.siteInfoLink a {
font-size: 140%;
text-decoration: none;
display: block;
padding: 2em;
width: 80%;
margin-right: auto;
margin-left: auto;
text-align: center;
border: 1px solid #F60;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fd9c68), color-stop(0.51, #ea5506), color-stop(0.50, #f17431), color-stop(0.00, #feceb4));
background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
font-weight: bold;
color: #FFF;
box-sizing: border-box; 
}
.mobileColorboxClose a {
background-color: #39F;
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
display: block;
width: 100%;
color: #FFF;
position: fixed;
bottom: 0px;
text-decoration: none;
z-index:9999;
cursor: pointer;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

.link-sefu a{
color: #000000;
font-size: 110%;
font-weight:normal;
}