@charset "UTF-8";

/*---------------------------------------------------------
Theme Name: slownewet
Theme URI:
Description: fot slownet
Author: in
Version: 201506
---------------------------------------------------------*/

* {
  margin: 0px;
  padding: 0px;
}
html{
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3",sans-serif;
  font-feature-settings: "pkna" 1;
}

main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
  display: block;
}

body {
  min-width: 320px;
  word-wrap: break-word;
  background-color: #F6F6F0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body.mceContentBody {
  background-color: #fff;
}

article {
  letter-spacing: 0.05em;
}

a {
  color: #4682b4;
  -moz-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

a:hover {
  color: #b22222;
}

a:focus, *:focus {
  outline: none;
}


/* IEの点線消し */

img, video, object {
  max-width: 100%;
  /*height: auto;*/
  border: none;
  vertical-align: bottom;
  display: block;
}


/* 画像リンクのマウスオーバーに透かし */

a:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8;
}

img.size-full, img.size-large {
  margin-bottom: 10px;
  height: auto;
  max-width: 100%;
}

.wp-caption {
  height: auto;
  max-width: 100%;
}


/* ロゴ画像の最大サイズ */

.sitename img {
  margin: 0 auto;
}


/* clearfix */

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
  padding-bottom: 20px;
}


/* iframeのレスポンシブ */

.youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*1カラムページ用*/

.onecolumn main {
  margin-right: 0;
}


/*--------------------------------
各フォント設定
---------------------------------*/


/* 基本の文字 */

p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px;
}


/*ブログタイトル*/

header .sitename {
  float: left;
  padding-top: 0px;
  position: relative;
}
header .sitename:after {
  display: block;
  content: "";
  width: 420px;
  height: 120px;
  position: absolute;
  top: -20px;
  left: -60px;
  /*background: url();*/
  background-size: cover;
  z-index: 0;
}
header .sitename a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
header .sitename a:hover img {
  -moz-opacity: 0.8;
  opacity: 0.8;
}
header .sitename a img {
  position: relative;
  z-index: 1;
}

/*ブログ名の下のキャプション */

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

header a {
  color: #FFF;
  text-decoration: none;
}

header .descr {
  font-size: 12px;
  color: #666;
  font-weight: normal;
  margin-bottom: 0px;
  line-height: 20px;
  padding-bottom: 10px;
}


/* 記事タイトル */

.entry-title {
  font-size: 24px;
  line-height: 30px;
  color: #000;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}

.entry-title a:hover {
  text-decoration: underline;
}

.entry-title a {
  color: #000;
  text-decoration: none;
}


/* 中見出し */

h2 {
  position: relative;
  color: #000;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 0px;
  letter-spacing: 0.05em;
}

.post h2 {
  font-size: 24px;
  margin: 0 0 0 20px;
  padding-bottom: 0;
}

h3 a {
  color: #000;
  text-decoration: none;
  letter-spacing: 0.05em;
}

.post h5 {
  margin-bottom: 10px;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.wp-caption-text a, .wp-caption-text {
  font-size: 12px;
  color: #ccc;
}


/* サイドバーの見出し */

#side aside h4 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 20px;
  line-height: 28px;
}

footer h4 a {
  color: #666;
  text-decoration: none;
}


/* 関連記事の文字 */

.point {
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 20px;
  line-height: 28px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  color: #666;
}


/* 記事タイトル下 */

.blogbox p {
  font-size: 12px;
  margin: 0px;
  color: #666666;
  line-height: 15px;
}

.blogbox {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #666666;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #666666;
  margin-bottom: 20px;
  padding: 5px;
}

.post .snsarea {
  margin-bottom: 20px;
}


/* 引用 */

.post blockquote {
  background-color: #f3f3f3;
  background-image: url(images/quote.png);
  background-repeat: no-repeat;
  background-position: left top;
  padding-top: 70px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCC;
}


/* フッター文字 */

#footer h3 {
  font-size: 14px;
  margin-bottom: 10px;
}

#footer .copy {
  font-size: 10px;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  background: #42210B;
}


/*--------------------------------
トップページやアーカイブ一覧表示
---------------------------------*/


/* タイトル名 */

.topnews {
  margin: 0 20px 40px 20px;
  background-color: #FFF;
  position: relative;
}
#popular-control .topnews {
  border-radius: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.topnews .newmark {
  position: absolute;
  top: -6px;
  left: 6px;
}

.topnews h3 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 0 20px 10px 20px;
}

.topnews dt {
  float: left;
  width: 240px;
  background-color: #FFF;
  padding: 0px;
  box-sizing: border-box;
}

.topnews dd {
  padding-left: 260px;
  position: relative;
}

.topnews dl {
  padding: 0px 20px 20px 20px;
  margin-bottom: 20px;
}

.topnews dl:first-child {}

.topnews dl:last-child {
  /*margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
*/
}

.topnews h4 {
  font-size: 16px;
  font-weight: normal;
  padding: 30px 0 0 20px;
  margin-bottom: 5px;
  letter-spacing: 0.05em;
}

.topnews .clearfix dd h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 0px;
  margin-bottom: 5px;
}


/* 抜粋文字 */

.topnews .clearfix dd p {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}

.topnews .clearfix dd h5 a {
  color: #000;
  text-decoration: none;
}


/* 一覧タイトル下 */

.blog_info p a {
  color: #666;
  text-decoration: none;
}

.topnews .clearfix dd .blog_info p {
  font-size: 12px;
}

.topnews .clink {
  position: absolute;
  right: 10px;
  top: 0px;
}

.topnews .clink a {
  display: block;
  text-decoration: none;
  color: #000;
  background: #E9E9D7;
  padding: 0px 20px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  font-weight: bold;
}

.topnews .clink a:hover {
  background: #D4D4B1;
}

.postfr {
  margin: 0 20px 40px 20px;
  background-color: #FFF;
  /* box-shadow */
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  padding: 20px;
}


/*--------------------------------
コーナー
---------------------------------*/

.cornerlist {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cornerlist li {}

.cornerlist li a {
  display: block;
  margin: 0 20px 8px 20px;
  padding: 12px 0px 12px 20px;
  background-color: #FFF;
  /* box-shadow */
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
  text-decoration: none;
  color: #000;
}

.cornerlist li a:hover {
  background-color: #D9E021;
}

.cornerlist li a span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  font-size: 18px;
}

.cornerlist li a i {
  text-align: right;
  display: table-cell;
  width: 10%;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 18px;
  color: #666;
}


/*--------------------------------
関連記事表示部分
---------------------------------*/


/* タイトル名 */

#kanren dd h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 0px;
  margin-bottom: 5px;
}

#kanren dt {
  float: left;
  width: 100px;
}

#kanren dt img {
  width: 100px;
}

#kanren dd {
  padding-left: 110px;
}

#kanren dl {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ccc;
}

#kanren dl:last-child {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-style: none;
}


/* 抜粋文字 */

#kanren .clearfix dd p {
  font-size: 13px;
  color: #666;
  line-height: 18px;
}

#kanren .clearfix dd h5 a {
  color: #000;
  text-decoration: none;
}

#kanren .clearfix dd h5 a:hover {
  color: #b22222;
}


/*--------------------------------
スマホ広告レイアウト修正 2020.09.09
--------------------------------*/

.adflex {
  display: flex;
  justify-content: center;
  margin: 0.5rem auto 1rem;
}
.adflex .ad {
  margin: 0.25rem;
}
@media only screen and (max-width: 767px) {
#content {
  display: flex;
  flex-direction: column;
}
#contentInner {
  order: 2;
}
#side {
  order: 1;
}
.adflex .ad {
  margin: 0;
}
}

/*--------------------------------
サイドバー
---------------------------------*/

#side aside ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0;
}

#side aside h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: 0px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
}

#side aside #mybox ul li ul li {
  font-size: 14px;
  line-height: 27px;
}

#side aside #mybox ul {
  margin-bottom: 10px;
}


/* RSS購読するボタン */

.rssbox a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: #000;
  padding: 5px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
  box-sizing: border-box;
  text-decoration: none;
}

.rssbox a:hover {
  -moz-opacity: 0.8;
  opacity: 0.8;
}


/*--------------------------------
エディタ用
---------------------------------*/


/*テーブル */

.post table {
  border-top: 1px #999 solid;
  border-right: 1px #999 solid;
  margin-bottom: 20px;
  width: 100%;
}

table tr td {
  padding: 5px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #999;
  border-left-color: #999;
  font-size: 13px;
  line-height: 18px;
}

.post table tr td p {
  font-size: 13px;
  line-height: 18px;
}

.post table tr:nth-child(even) {
  background-color: #f3f3f3;
}

#main .post table {
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-right-color: #999;
  color: #000;
}


/*画像 */

img.alignright {
  display: block;
  margin: 0 0 0 auto;
}

img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

img.float-left {
  float: left;
}

img.float-right {
  float: right;
}

.wp-caption {
  text-align: center;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ie8 img {
  width: auto;
}


/*リスト */

.post ul {
  list-style-type: disc;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 30px;
  margin-bottom: 10px;
}

.post ul li {
  font-size: 17px;
  line-height: 27px;
}

.post ol {
  list-style-type: decimal;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 30px;
  margin-bottom: 10px;
}

.post ol li {
  font-size: 17px;
  line-height: 27px;
}


/*--------------------------------
アコーディオン
---------------------------------*/

#s-navi {
  position: absolute;
  top: 0px;
  left: 0px;
  /*height:100%;*/
}

#s-navi .acordion p {
  margin: 0;
}

#s-navi .acordion {
  margin: 0 0px;
}

#s-navi .trigger {
  text-align: center;
  margin: 20px 0 0 15px;
  padding: 0px 0px;
  cursor: pointer;
  width: 48px;
  height: 38px;
}

#s-navi .trigger .op {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
  padding: 5px 0px;
}

#s-navi .trigger .op .fa-bars {
  display: block !important;
  font-size: 28px;
  color: #FFF;
  padding: 0px 0px;
}

#snavi .sheader {
  height: 60px;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
  padding: 10px 20px !important;
}

#username img {
  vertical-align: middle;
  display: inline !important;
}

#username span {
  color: #FFF;
  vertical-align: middle;
  font-size: 24px;
  padding-left: 20px;
}

#closebtn {
  margin-top: 6px;
  width: 28px;
  height: 28px;
  display: block;
  z-index: 100000;
  color: #FFF;
  font-size: 30px;
  cursor: pointer;
  float: right;
  background: url(../img/closebtn.png) no-repeat;
}

#closebtn:hover {
  opacity: 0.75;
}

.acordion_tree {
  position: absolute;
  top: 0px;
  /*height:100%;*/
  left: 0;
  padding: 0px 0px 40px 0px;
  background: rgba(77, 77, 77, 0.90);
  display: none;
  overflow: hidden;
  width: 100%;
  z-index: 100000;
}

.acordion_tree ul {
  padding-left: 0px;
}

.acordion_tree li {
  width: 100%;
  float: none;
  font-size: 13px;
  padding-left: 0px;
  display: block;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.acordion_tree li a {
  color: #FFF !important;
  text-decoration: none;
  height: 87px;
  display: block;
  line-height: 87px;
  padding-top: 0px;
	box-sizing: border-box;
  border-bottom: 1px solid #8e8e8d;
}

.acordion_tree li a span {
  font-size: 24px;
  display: block;
  line-height: 86px;
  height: 86px;
  padding-left: 82px;
  position: relative;
}

.acordion_tree li a span .count {
  display: block;
  position: absolute;
  top: 26px;
  left: 10px;
  height: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #ED1C24;
  color: #FFF;
  width: 60px;
  line-height: 32px;
  font-size: 20px;
  text-align: center;
}

ul.headmenu {
  display: block;
  float: right;
  list-style: none;
  margin: 22px 0 0 0;
  padding: 0px 0 0 0;
}

ul.headmenu li {
  margin-bottom: 5px;
  display: inline-block;
  margin-left: 10px;
}

ul.headmenu .contactm {
  background: url(../img/i-info.png) no-repeat center top;
}

ul.headmenu .faqm {
  background: url(../img/i-help.png) no-repeat center top;
}

ul.headmenu .sitemap {
  background: url(../img/i-sitemap.png) no-repeat center top;
}

ul.headmenu li a {
  display: block;
  font-size: 14px;
  text-align: center;
  width: 92px;
  height: 52px;
  padding-top: 38px;
  box-sizing: border-box;
}

ul.headmenu li a:hover {
  opacity: 0.7;
  color: #FFF;
}


/*--------------------------------
検索フォーム
---------------------------------*/

#search {
  margin: 25px 0 0 30px;
  padding-bottom: 0px;
  position: relative;
  width: 300px;
  float: right;
  height: 32px;
}

#s {
  height: 32px;
  line-height: 32px;
  color: #000;
  font-size: 14px;
  border: none;
  background-color: #FFF;
  z-index: 10;
  padding: 0px 65px 0px 5px;
  width: 97%;
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -moz-border-radius: 5px;
  outline: none;
}

#searchsubmit {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  background-color: #757563;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 32px;
  box-sizing: border-box;
  z-index: 20;
  overflow: hidden;
}

*:first-child+html #searchsubmit {
  top: 1px;
}


/*--------------------------------
メニュー
---------------------------------*/

nav li {
  position: relative;
  float: left;
  font-size: 13px;
  padding-left: 10px;
  display: inline;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: border-box;
  width: 25%;
}

nav li a {
  float: left;
  color: #000;
  text-decoration: none;
}

.menu-navigation-container {
  overflow: hidden;
}

nav li a:hover {
  text-decoration: underline;
}

.menu-navigation-container {
  overflow: hidden;
}

nav li a:hover {
  text-decoration: underline;
}

.maincategory {
  margin-right: -6px;
}

.maincategory li {
  padding: 0;
}

.maincategory a {
  box-sizing: border-box;
  padding-top: 27px;
  display: block;
  background-color: #FFF;
  height: 70px;
  line-height: 1.2em;
  width: 97.5%;
  margin-right: 2.5%x;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  /* box-shadow */
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

.maincategory a span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.maincategory a:hover {
  text-decoration: none;
  background-color: #d9e021 !important;
  color: #000;
}

.current-menu-item a {
  text-decoration: none;
  background-color: #d9e021 !important;
  color: #000;
}

.maincategory a i {
  text-align: right;
  display: table-cell;
  width: 20px;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 18px;
  color: #666;
}

#menu-item-13 a {
  background: #FFF url(../img/cate1.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-16 a {
  background: #FFF url(../img/cate2.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-9 a {
  background: #FFF url(../img/cate3.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-11 a {
  background: #FFF url(../img/cate4.png) no-repeat 5px center;
  padding-left: 75px;
  padding-top: 18px;
}

#menu-item-12 a {
  background: #FFF url(../img/cate5.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-14 a {
  background: #FFF url(../img/cate6.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-15 a {
  background: #FFF url(../img/cate7.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-10 a {
  background: #FFF url(../img/cate8.png) no-repeat 5px center;
  padding-left: 75px;
}


/*honban*/

#menu-item-54 a {
  background: #FFF url(../img/cate1.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-55 a {
  background: #FFF url(../img/cate2.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-56 a {
  background: #FFF url(../img/cate3.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-57 a {
  background: #FFF url(../img/cate4.png) no-repeat 5px center;
  padding-left: 75px;
  padding-top: 18px;
}

#menu-item-58 a {
  background: #FFF url(../img/cate5.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-59 a {
  background: #FFF url(../img/cate6.png) no-repeat 5px center;
  padding-left: 75px;
  padding-top: 18px;
}

#menu-item-60 a {
  background: #FFF url(../img/cate7.png) no-repeat 5px center;
  padding-left: 75px;
}

#menu-item-61 a {
  background: #FFF url(../img/cate8.png) no-repeat 5px center;
  padding-left: 75px;
}


/*--------------------------------
グローバルメニュー
---------------------------------*/

.gmenu {
  height: 40px;
  box-sizing: border-box;
  border-bottom: 1px solid #BDD4B1;
  background-color: #FFF;
}

.gmenuinner {
  width: 1280px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 50px;
  height: 39px;
}

.gmenuinner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gmenuinner li {
  width: 164px;
  float: left;
}

.gmenuinner li a {
  width: 164px;
  height: 39px;
  display: block;
  text-decoration: none;
  line-height: 39px;
  text-align: center;
  color: #006837;
  font-size: 18px;
}

.gmenuinner li a:hover {
  background-color: #006837;
  color: #FFF;
}


/*--------------------------------
ページャー
---------------------------------*/

.pagination {
  clear: both;
  position: relative;
  font-size: 14px;
  line-height: 13px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}

.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background-color: #999;
}

.pagination a:hover {
  color: #fff;
  background-color: #666666;
}

.pagination .current {
  padding: 6px 9px 5px 9px;
  color: #fff;
  background-color: #CCCCCC;
}


/*--------------------------------
ぱんくず
---------------------------------*/

#breadcrumb {
  font-size: 14px;
}

#breadcrumb a {
  color: #666;
  text-decoration: none;
}

div#breadcrumb {
  padding: 0 0 5px;
  margin: 0 0 0px;
  clear: both;
}

div#breadcrumb a {
  color: #000;
  font-weight: bold;
}

div#breadcrumb div {
  color: #999999;
  display: inline;
  font-size: 13px;
}

#breadcrumb div a {
  color: #000;
  text-decoration: none;
}

#breadcrumb span {
  font-size: 14px;
}

#breadcrumb .fa {
  font-size: 12px;
}


/*--------------------------------
SNS
---------------------------------*/

.sns li {
  margin: 5px 0;
}

.sns .snsb li {
  float: left;
  margin-right: 10px;
  list-style-type: none;
}

.post .sns .snsb.clearfix {
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
}


/*--------------------------------
カレンダー
---------------------------------*/

#wp-calendar {
  border-collapse: collapse;
  border-top-width: 1px;
  border-right-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-top-color: #999;
  border-right-color: #999;
  width: 100%;
}

#wp-calendar thead tr th {
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #999;
  border-left-color: #999;
  font-size: 14px;
  padding: 3px;
  text-align: center;
  background-color: #f3f3f3;
}

#wp-calendar td {
  text-align: center;
  padding: 0px;
  background-color: #fff;
}

#wp-calendar caption {
  font-weight: bold;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 14px;
}

#wp-calendar tbody tr #today {
  background-color: #b0e0e6;
}


/*--------------------------------
PAGE TOP
---------------------------------*/

#page-top {
  position: fixed;
  z-index: 9999;
  bottom: 20px;
  right: 0px;
  font-size: 12px;
}

#page-top a {
  background: url(../img/pagetop.png) no-repeat;
  width: 48px;
  height: 48px;
  text-decoration: none;
  color: #fff;
  padding: 0px;
  text-align: center;
  display: block;
  -moz-opacity: 0.3;
  opacity: 0.3;
}

#page-top a:hover {
  -moz-opacity: 1;
  opacity: 1;
}

.fa-angle-up:before {
  content: "" !important;
}


/*--------------------------------
コメント
---------------------------------*/

#comments p a {
  color: #000;
}

#comments p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: normal;
  margin: 0px;
}

#comments label {
  display: block;
  font-size: 21px;
  margin-bottom: 5px;
  margin-top: 10px;
}

#comments label .required {
  color: #FF0004;
  margin-left: 10px;
}

.comment-form-comment label:after {
  content: "(必須)";
  color: #FF0004;
  margin-left: 10px;
}

.metadata dd a {
  color: #000;
}

.metadata {
  font-size: 13px;
  line-height: 20px;
}

#comments {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.comment-body {
  padding: 10px;
  margin-bottom: 20px;
}

.fn {
  font-style: normal;
  font-size: 13px;
}

.says {
  font-size: 13px;
  line-height: 18px;
}

.commentmetadata {
  font-size: 12px;
  line-height: 15px;
  height: 15px;
  width: 100%;
  clear: both;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
}

.reply {
  padding: 5px;
  font-size: 13px;
}

#comments #respond {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 15px 12px 12px 12px;
  color: #666;
  background-color: #FADEC4;
}

#comments #commentform .tags {
  padding: 10px;
  background-color: #f3f3f3;
  font-size: 13px;
}

#comments #commentlist img {
  padding: 10px;
}

#comments .commets-list {
  padding-left: 0px;
  list-style-type: none;
}

ul.children {
  padding: 0px;
}

.commets-list {
  margin: 0 !important;
  padding: 0 !important;
}

.commets-list li {
  background-color: #fff;
  padding: 20px 20px 20px 20px !important;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.8;
}

.commets-list li .comment-meta {
  text-align: right;
}

.comment-author.vcard .avatar {
  float: left;
  margin-right: 10px;
}

.vcard .fn {
  font-size: 13px;
  line-height: 18px;
}


/* コメント欄の下にある使用できるタグの表記を消す */

.form-allowed-tags {
  display: none;
}

#comments h3 {
  padding: 10px 0 0;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #333;
  font-weight: normal;
}

#comments textarea {
  border: 10px solid #F5C59A;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  /* height: 222px; */
  background-color: #FFF;
  padding: 10px;
  min-height: 222px;
}

#comments input {
  box-sizing: border-box;
  width: 100%;
  border: 10px solid #F5C59A;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 10px;
}


/* コメントボタン */

.form-submit {
  text-align: right;
}

#comments input[type="submit"] {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 42px;
  display: inline-block;
  padding: 0 36px;
  text-decoration: none;
  width: auto;
}

#respond form {
  display: none;
}


/*--------------------------------
PREV NEXT
---------------------------------*/

.p-navi dl dt {
  font-weight: bold;
  font-size: 14px;
  line-height: 27px;
  float: left;
  width: 50px;
  color: #666;
}

.p-navi dl dd {
  font-size: 15px;
  padding-left: 55px;
  line-height: 27px;
}


/*paging*/

.commentpager {
  position: relative;
  text-align: center;
  height: 48px;
  box-sizing: border-box;
}

.commentpager .prev, .commentpager .next {
  display: block;
  box-sizing: border-box;
  font-weight: bold !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 36px;
  line-height: 36px !important;
  padding: 0px;
  width: 120px;
  text-decoration: none;
  margin-left: 0px;
  vertical-align: top;
  text-align: center;
}

.commentpager .prev {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}

.commentpager .next {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.commentpager .disablelink {
  position: relative;
  z-index: 0;
  ;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #B2B2B2;
  color: #B2B2B2 !important;
}

.commentpager .prev.disablelink {
  float: left;
}

.commentpager .next.disablelink {
  float: right;
}

.commentpager .prebtn:hover, .commentpager .nextbtn:hover {
  opacity: 0.75;
}

.commentpager a.page-numbers, .commentpager span.page-numbers {
  border-left: 1px solid #B5B5A9;
  padding: 0 15px 0 16px;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 18px;
}

.commentpager a.page-numbers:first-child, .commentpager span.page-numbers:first-child {
  border-left: none;
}

.commentpager a.page-numbers {
  color: #006737;
  text-decoration: none;
}

.commentpager a.page-numbers:hover {
  background-color: #009245;
  color: #FFF;
}

.commentpager span.page-numbers {
  font-weight: bold;
}

.p-bottom {
  margin: 30px 0 30px 0;
}

.pcnum {
  display: inline;
}

.spnum {
  display: none;
}


/*レイアウト スマートフォン(あるいはデフォルト)
----------------------------------------------------*/

#wrapper {
  padding: 0 0px;
  margin: 0 auto;
}

header {
  text-align: center;
  background-color: #009245;
  /*background: url(../img/headbg.jpg) left top repeat;*/
}

#head {
  max-width: 1280px;
  padding: 0 50px;
  margin: 0 auto;
  box-sizing: border-box;
}

#gazou {
  display: none;
}

#gazou p {
  margin: 0px;
}

#content {
  max-width: 1280px;
  padding: 0 0px;
  margin: 0 auto;
  box-sizing: border-box;
}

main {
  padding: 20px 10px;
  margin: 0 -10px 20px;
}

section {
  margin-bottom: 3em;
}

footer {
  clear: both;
  padding: 0px 0;
  text-align: center;
  background-color: #009245;
  /*background:url(../../../img/footbg.jpg) repeat;*/
}

#foot {
  max-width: 1280px;
  padding: 0 50px;
  margin: 0 auto;
  box-sizing: border-box;
}

.ad {
  padding-bottom: 15px;
}

.post {
  overflow: hidden;
}


/*category*/

.entrylistttl {
  padding: 10px 20px;
  font-size: 20px;
  line-height: 24px;
  height: 24px;
  margin-bottom: 20px;
  background-color: #D4D4B1;
  font-weight: bold;
}

.entrylistttl a {
  display: block;
  float: right;
  font-size: 14px;
  text-decoration: none;
  line-height: 24px;
  color: #000;
}

.entrylistttl a i {
  padding-left: 5px;
  padding-right: 2px;
}

.topnews .time {
  padding: 5px 0;
  font-size: 14px;
  display: block;
}

#breadcrumb {
  display: none;
}

.entry-date {
  font-size: 15px;
  float: right;
}

.headad {
  float: left;
  margin: 20px 0 0 45px;
  width: 468px;
  height: 60px;
}

.headad a {
  display: block;
  width: 468px;
  height: 60px;
}

.headad a img {
  width: 468px;
  height: 60px;
}

.footad {
  text-align: center;
  padding: 20px 0 10px 0;
  margin: 0;
}

.footad img {
  margin: 0px auto;
}

.footmenu a:hover {
  opacity: 0.7;
}

.page .post {
  padding: 0;
}

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


/*** static page ***********************************************************/


/*--------------------------------
つぶやき・ブログ一覧
---------------------------------*/

.userbox {
  margin-top: 20px;
}

.userainforea {
  float: left;
  width: 180px;
  margin-top: -78px;
  box-sizing: border-box;
  padding-right: 20px;
}

.userainforea .btn1, .userainforea .btn2, .userainforea .btn3 {
  margin-bottom: 10px;
}

.userainforea .followbtn, .userainforea .dis-followbtn, .userainforea .apply-followbtn {
  margin-bottom: 10px;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  box-sizing: border-box;
}

.userainforea .followbtn {
  border: 1px solid #DD6666;
  background-color: #F07966;
  color: #FFF;
}

.userainforea .dis-followbtn {
  border: 1px solid #B2B2B2;
  background-color: #FFF;
  color: #666666;
}

.userainforea .apply-followbtn {
  border: 1px solid #DD6666;
  background-color: #FFF;
  color: #DD6666;
}

.userainforea .followbtn span, .userainforea .dis-followbtn span, .userainforea .apply-followbtn span {
  width: 12px;
  height: 13px;
}

.userainforea .messagebtn {
  margin-bottom: 10px;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #4D4D4D;
  background-color: #757563;
  width: 100%;
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  box-sizing: border-box;
}

.userainforea .friendbtn {
  margin-bottom: 10px;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #328883;
  background-color: #37A59B;
  width: 100%;
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  box-sizing: border-box;
}

.userainforea .userpic {
  padding-bottom: 26px;
  position: relative;
}

.userainforea .userpic span {
  border: 1px solid #DD6666;
  background-color: #F07966;
  color: #FFF;
  -wborder-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  box-sizing: border-box;
  position: absolute;
  width: 120px;
  height: 24px;
  left: 20px;
  top: 148px;
}

.userainforea .btnarea a:hover {
  opacity: 0.75;
}

.userttl {
  width: 100%;
  padding-left: 180px;
  box-sizing: border-box;
  position: relative;
}

.userttl h2 {
  float: left;
  padding-top: 0;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.userttl .blockbtn {
  float: right;
  color: #747463;
  font-size: 14px;
  text-decoration: none;
  top: 0;
  position: absolute;
  display: block;
  right: 0;
}

.userttl .blockbtn:hover {
  color: #42210B !important;
}

.postlist .userttl h2 {
  display: block;
  height: 60px;
  float: left;
  padding-top: 0;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 23px;
  margin-right: 50px;
}

.usermenuarea {
  /*float:left;
	width:642px;*/
  padding-left: 180px;
  padding-bottom: 30px;
}

.postlist .topnews .innerfr {
  padding: 20px 150px 20px 50px;
  margin: 0 px 0px 0px;
  position: relative;
}

.postlistttl {
  padding: 6px 20px 4px;
  height: auto;
  font-size: 20px;
  margin-bottom: 20px;
  color: #FFF;
  background-color: #5CB01F;
  font-weight: normal;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 4px;
  position: relative;
}

.tweetcolumn {
  background: #FFF url(../img/tweethead.png) no-repeat;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.blogcolumn {
  background: #FFF url(../img/bloghead.png) no-repeat;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.postlist .topnews a {
  text-decoration: underline;
  color: #006737;
  font-weight: bold;
}

.postlist .topnews a:hover {
  opacity: 0.75;
}

.postlist .topnews .innerfr {
  padding: 20px 150px 20px 50px;
  margin: 0 px 0px 0px;
}

.postlist .topnews h3 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 0 20px 10px 20px;
}

.postlist .topnews dt {
  float: left;
  width: 48px;
  background-color: #FFF;
  padding: 0px;
  box-sizing: border-box;
}

.postlist .topnews dt img {
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.postlist .topnews dd {
  position: relative;
  padding: 0 20px 10px 0px;
  margin-left: 58px;
  margin-right: 80px;
}

.postlist .topnews dl {
  padding: 0px 20px 0px 20px;
  margin: 0px;
}

.postlist .topnews dl:first-child {}

.postlist .topnews dl:last-child {
  /*margin-bottom: 20px;
	padding-bottom: 20px;
	border-style: none;
*/
}

.postlist .topnews h4 {
  font-size: 16px;
  font-weight: normal;
  padding: 30px 0 0 20px;
  margin-bottom: 5px;
}

.postlist .topnews .clearfix dd h5 {
  font-size: 16px;
  font-weight: bold;
  padding: 0px;
  margin-bottom: 5px;
}


/* 抜粋文字 */

.postlist .topnews .clearfix dd p {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}

.postlist .topnews .clearfix dd h5 a {
  color: #000;
  text-decoration: none;
}

.postlist .topnews .clink {
  position: absolute;
  right: 10px;
  top: auto;
  bottom: 20px !important;
}

.postlist .topnews .clink a {
  display: block;
  text-decoration: none;
  color: #000;
  background: #F6F6F0;
  padding: 0px 16px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
  border: 1px solid #D4D4B1;
}

.topnews .clink a:hover {
  background: #D4D4B1;
}


/**************************/

.postlist .topnews .smanone {
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 1.8;
}

.postlist .topnews .smanone p {
  font-size: 16px;
  line-height: 1.8;
}

.postlist .topnews .time {
  padding: 5px 0 0 0;
  font-size: 14px;
  display: block;
  color: #747463;
}

.postlist .topnews .smanone {
  padding: 0 0 0 20px;
}

.postlist .topnews .columnbottom {
  height: auto;
  overflow: hidden;
  border-top: 1px solid #CCCCCC;
  padding: 12px;
  background-color: #E9E9D7;
  box-sizing: border-box;
}

.publication-range {
  position: absolute;
  width: 110px;
  right: 20px;
  top: 20px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
}

.publication-range.editable {
  margin-right: 40px;
}

.publication-range div {
  padding: 3px 10px;
  border-radius: 16px;
}


/* 非公開 */

.publication-range .type0 {
  background-color: #999;
  color: #f5f5f5;
  font-weight: normal;
}


/* 全ての人に公開 */

.publication-range .type1 {
  background-color: #77ab51;
  color: #eff5e4;
  font-weight: normal;
}


/* 会員のみ公開 */

.publication-range .type2 {
  background-color: #99c;
  color: #f1f1fb;
  font-weight: normal;
}


/* 友達のみ公開 */

.publication-range .type3 {
  background-color: #c99;
  color: #f3f1f1;
  font-weight: normal;
}

.columnbottom .iinebtn, .columnbottom .dis-iinebtn {
  width: 120px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 16px;
}

.columnbottom .iinebtn {
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF !important;
  font-size: 14px;
  font-weight: normal !important;
}

.columnbottom .dis-iinebtn {
  background-color: #FFF;
  border: 1px solid #B2B2B2;
  color: #666666 !important;
  font-size: 12px;
  font-weight: normal !important;
}

.columnbottom .iinebtn:hover, .columnbottom .dis-iinebtn:hover {
  opacity: 0.75;
}

.columnbottom img {
  display: inline;
  margin: 0 4px 0 0;
}

.columnbottom .iinetext {
  margin-left: 8px;
  font-size: 14px;
}

.columnbottom .iinecomment {
  float: right;
}

.columnbottom .iinecomment a {
  font-weight: normal !important;
  font-size: 14px;
}

.columnbottom .iinecomment span {
  font-weight: normal !important;
  font-size: 14px;
  color: #747463;
}

.postlist .maincategory li {
  width: 50%;
}

.postlist .maincategory a {
  box-sizing: border-box;
  padding: 0px 0 0 20px;
  display: block;
  background-color: #FFF;
  height: 52px;
  line-height: 52px;
  width: 97.5%;
  margin-right: 2.5%x;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: normal;
  /* box-shadow */
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

.postlist .maincategory a span {
  display: table-cell;
  width: 100%x;
  vertical-align: middle;
}

.postlist .maincategory a:hover {
  text-decoration: none;
  background-color: #42210B !important;
  color: #FFF;
}

.postlist .current-menu-item a {
  text-decoration: none;
  background-color: #42210B !important;
  color: #FFF;
}

.postlist .cornerlist li a:hover {
  background-color: #42210B;
  color: #FFF;
}

.postlist .cornerlist li a:hover i {
  color: #FFF;
}

.postlist .maincategory a i {
  text-align: right;
  display: table-cell;
  width: 20px;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 18px;
  color: #666;
}

.postlist .maincategory a:hover i {
  color: #FFF;
}

.postlist .maincategory .current-menu-item a i {
  color: #FFF;
}

.topad {
  display: none;
}


/*sidebar only */

.sidearea {
  margin-top: 20px;
}

.sidebox {
  margin: 0px 0px 40px 0px;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

.s-userinfo {
  padding: 20px 20px 15px 20px;
}

.s-photo {
  width: 90px;
  height: 90px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}

.s-photo img {
  width: 90px;
  height: 90px;
}

.s-name {
  font-size: 14px;
}

.s-name span {
  font-weight: bold
}

.s-btns1 {
  margin: 0 auto 20px auto;
  width: 260px;
}

.s-btns1>a {
  display: flex;
	align-items: center;
	padding: 10px;
	margin-bottom: 4px;
	text-decoration: none;
  color: #333;
  font-weight: bold;
  letter-spacing: 0.03rem;
	text-shadow: 0 1px rgba(255,255,255,1);
	border-radius: 0.25rem;
  border: solid 1px rgba(0,0,0,.2);
  background: #f3f3e6;
}
.s-btns1>a:hover {
  box-shadow: 0 0 5px rgba(46, 154, 50, 0.6);
	opacity: 0.9;
	color: #117515;
	filter: saturate(1.5);
	border: solid 1px rgba(46, 154, 50, 0.6);
}
.s-btns1>a i.fas {
  font-size: 150%;
  margin-right: 0.5rem;
}
.s-btns1 .mypagebtn i.fas {color: #4da50e;}
.s-btns1 .blogbtn i.fas {color: #a85bb5;}
.s-btns1 .tweetbtn i.fas {color: #e0538c;}
.s-btns1 .circlebtn i.fas {color: #f7900a;}
.s-btns1 .photobtn i.fas {color: #0d87e8;}
.s-btns1 .diary i.fas,.mypage_link_area .diary i.fas {color: #995afb;}
.s-btns1 .shoppingList i.fas,.mypage_link_area .shoppingList i.fas {color: #e2aa01;}
.s-btns1 .mealRecord i.fas,.mypage_link_area .mealRecord i.fas {color: #ff5c4f;}
.s-btns1 .memorandum i.fas,.mypage_link_area .memorandum i.fas {color: #a5654e;}
.s-btns1 .healthRecord i.fas,.mypage_link_area .healthRecord i.fas {color: #009688;}


.s-btns2, .s-btns3, .s-btns4 {
  width: 100%;
}

.s-btns2>a, .s-btns3>a, .s-btns4>a {
  display: block;
  padding: 0 0 0 20px;
  line-height: 50px;
  height: 48px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #B2B2B2;
}

.s-btns2>a {
  background-color: #EEF2F0;
}

.s-btns3>a {
  background-color: #FFF;
}

.s-btns4>a {
  background-color: #E9E9D7;
}

.s-btns2>a:hover, .s-btns3>a:hover, .s-btns4>a:hover {
  opacity: 0.75;
}

.s-btns2>a>span, .s-btns3>a>span, .s-btns4>a>span {
  position: relative;
  height: 22px;
  padding-left: 0px;
}

.s-btns2 .count, .s-btns3 .count, .s-btns4 .count {
  background-image: none;
  display: block;
  position: absolute;
  top: 14px;
  right: 7px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ED1C24;
  color: #FFF;
  width: 36px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}

.bottombtn {
  height: 36px;
  text-align: right;
}

.bottombtn a {
  text-decoration: none;
  line-height: 36px;
  color: #006737;
  margin-right: 20px;
  font-size: 14px;
}

.bottombtn a:hover {
  text-decoration: underline;
}


/*ログイン前*/

.s-btns1 a.loginbtn, .s-btns1 a.regbtn {
  box-sizing: border-box;
  font-weight: bold;
  font-size: 18px;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 48px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 260px;
  height: 48px;
  margin: 0 auto;
  text-decoration: none;
}

.s-btns1 a.loginbtn {
  background-color: #009245;
  border: 1px solid #006837;
}

.s-btns1 a.regbtn {
  background-color: #F07966;
  border: 1px solid #DD6666;
}

.s-btns1 .txt {
  font-size: 14px;
  display: block;
  margin: 15px 0 5px 0;
}

.s-btns1 label {
  vertical-align: middle;
  font-size: 14px;
  display: block;
  padding: 8px 0 15px 0;
}

.s-btns1 label input {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 5px;
}


/*--------------------------------
ブログ詳細
---------------------------------*/

.arrow-down {
  width: 30px;
  height: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #757563;
  border: 1px solid #B2B2B2;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  position: absolute;
  top: 20px;
  right: 20px;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  background-color: #FFF;
}

.arrow-down span:after {
  content: "▼";
}

.arrow-down.active {
  color: #FFF;
  border: 1px solid #000;
  background-color: #000;
}

.arrow-down.active span:after {
  content: "×";
}

.arrow-down:hover {
  background-color: #EEE;
}

.arrow-down.active:hover {
  background-color: #000;
}

.blogentry .innerfr {
  padding: 20px 50px 20px 50px !important;
}

.blogentry .topnews .smanone a {
  font-weight: normal;
}

.blogentry .topnews .smanone a.zoom {
  max-width: 400px;
  width: auto;
  height: auto;
  max-height: 400px;
  margin: 30px auto;
  display: block;
}

.blogentry .topnews .smanone img {
  max-width: 400px;
  width: auto;
  height: auto;
  max-height: 400px;
  margin: 30px auto;
  display: block;
}

.blogentry .topnews .smanone a.zoom img {
  width: auto;
  height: auto;
  display: block;
}

.blogentry .topnews .commentinner .smanone img {
  max-width: 240px;
  width: auto;
  height: auto;
  max-height: 240px;
  margin: 20px auto;
  display: block;
}

.blogentry .blogcolumn {
  margin-bottom: 30px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.blogentry .comment {
  margin-bottom: 30px;
  background-color: #CFDEEC;
  padding-bottom: 4px;
}

.blogentry .commentinput {
  margin-bottom: 30px;
  background-color: #DDE9D7;
}

.blogentry .commentinput .commentttl .rightbtns {
  float: right;
}

.commentttl .rightbtns a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 32px;
  line-height: 34px;
  padding: 0 16px;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: top;
}

.blogentry .rightbtns .upload {
  /*display:block;*/
  position: relative;
  overflow: hidden;
  /*	width:200px;
	height:30px;
	border:2px solid #000;
*/
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 32px;
  line-height: 34px;
  padding: 0 16px;
  text-decoration: none;
  margin-left: 10px;
  width: 250px;
  cursor: pointer;
}

.blogentry .upload div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #757563;
  /*透明以外なら任意*/
}

.blogentry .upload:hover {
  opacity: 0.75;
}

.blogentry .upload input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.blogentry .commentinner {
  margin: 0px 12px 10px 12px;
  background-color: #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.blogentry .commentinput .commentinner {
  background: none;
  margin: 0px 12px 10px 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.blogentry .commentinner .innerfr {
  padding: 10px !important;
  box-sizing: border-box;
}

.blogentry .commentinput .commentinner .innerfr {
  padding: 0 !important;
}

.blogentry .commentttl {
  padding: 15px 12px 0 12px;
  font-size: 24px;
  letter-spacing: 0.05em;
}

.blogentry .topnews dl {
  padding-left: 0;
}

.blogentry .topnews .smanone {
  padding-left: 0;
}

.blogentry .commentinput .smanone p {
  margin-bottom: 0;
}

.blogentry .commentinput .inputarea {
  width: 100%;
}

.blogentry .commentinput .inputarea textarea {
  border: 10px solid #BDD4B1;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  /*height: 222px;*/
  background-color: #FFF;
  padding: 10px;
  min-height: 222px;
}

.commentinner {
  border-radius: 4px;
}

.columnbottom {
  border-radius: 0 0 4px 4px;
}


/*　親子コメントを <div class="comment_group"> 〜 </div> で囲う　*/

.comment_group {
  margin-bottom: 1.5em;
}

.comment_group .commentttl {
  font-size: 16px;
}


/*　子コメントを <div class="reply_comment"> 〜 </div> で囲う　*/

.comment .reply_comment, .comment .reply-input {
  margin: 0 0 0 32px;
}

.reply_comment .commentinner {
  position: relative;
}

.postlist .topnews .reply_comment .columnbottom {
	background-color: #E7EEF5;
}

.reply_comment .commentinner:before {
  content: "";
  height: calc(100% + 20px);
  width: 2px;
  background: #93badc;
  position: absolute;
  top: -10px;
  left: -1em;
}

.reply_comment .commentinner:after {
  content: "";
  width: 1em;
  height: 2px;
  background: #93badc;
  position: absolute;
  top: 34px;
  left: calc(-1em);
  z-index: 0;
}

.reply_comment .commentinner:last-child {
  margin-bottom: 16px;
}

.reply_comment .commentinner:last-child:before {
  height: 44px;
}

.reply_comment .commentinner .innerfr:before {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #FFF;
  border-radius: 1em;
  border: solid 2px #93badc;
  top: 31px;
  left: calc(-1em - 3px);
  z-index: 10;
}

.blogentry .commentinput.reply-input {
  background-color: #A5C3DE;
  margin: 0 12px 0 44px;
}

.blogentry .commentinput.reply-input .inputarea textarea {
  border: 10px solid #89ACCD;
}

.commentinput .commentbottom {
  height: auto;
  overflow: hidden;
  padding-bottom: 12px;
}

.commentinput .commentbottom .commentbtn {
  float: right;
  margin-top: 6px;
}


/*.commentinput .commentbottom .commentbtn a{
	box-sizing:border-box;
	 font-weight:normal !important;
	 font-size:18px;
	 background-color:#009245;
	 border:1px solid #006837;
	 color:#FFF;
	 -webkit-border-radius:5px;
	 -moz-border-radius:5px;
	 border-radius: 5px;
	 height:40px;
	 line-height:42px;
	 display:block;
	 padding:0 36px;
	 text-decoration:none;
 }*/

.commentinput .commentbottom .commentsubmit {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 42px;
  display: block;
  padding: 0 36px;
  text-decoration: none;
}

.commentinput .commentbottom .commentsubmit:hover {
  opacity: 0.75;
}

.commentinput .commentbottom span {
  font-weight: normal !important;
  font-size: 14px;
  color: #747463;
}


/*submenu*/

.topnews .submenu, .usermenuarea .submenu {
  /*display:none;*/
  position: absolute;
  width: 240px;
  background-color: #E9E9D7;
  border: 1px solid #D4D4B1;
  top: 35px;
  right: 35px;
  z-index: 1;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 3px 2px 1px;
  display: none;
}

.topnews .submenu ul, .usermenuarea .submenu ul {
  list-style: none;
  margin: 0px;
  padding: 20px 20px 10px 20px;
}

.topnews .submenu li, .usermenuarea .submenu li {
  padding: 0px 0px 10px 0;
}

.topnews .submenu li a, .usermenuarea .submenu li a {
  display: block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 14px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 32px;
  line-height: 32px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
}

.submenu li a:hover {
  opacity: 0.75;
}


/*modal window*/

.modalwindow {
  position: fixed;
  display: none;
  z-index: 100002;
  top: 25%;
  left: 0;
  /*width:100%;*/
  width: 820px;
}

#modal-content-report {}

#modal-content-myphoto {
  /*top: 5% !important;*/
  /*height: 694px;*/
}

.modal-inner {
  margin: 0 auto;
  box-sizing: border-box;
  padding: 12px;
  background-color: #F2F2F2;
  position: relative;
}

.modalwindow .mwttl {
  text-align: center;
  font-size: 24px;
	margin: 0.5em 0;
}

.modalwindow .mwcont {
  box-sizing: border-box;
}
.modalwindow .mwcont h3 {
  margin-bottom: 0.25em;
}
.modalwindow .mwcont h3 .caution {
  font-weight: normal;
  color: #D00;
  font-size: 90%;
}
.modalwindow .mwcont ul.select_area {
  margin: 0.5em 1em 1em;
}
.modalwindow .mwcont ul.select_area li {
  margin-bottom: 0.25em;
  list-style:none;
}
.modalwindow .mwcont ul.select_area li label {
  cursor: pointer;
}
.modalwindow .mwcont ul.select_area li label:hover {
  color: #D00;
}
.modalwindow .mwcont textarea {
  border: 10px solid #BFBFBF;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  /*height: 200px;*/
  background-color: #FFF;
  padding: 10px;
  border-radius: 0.25em;
}

.modalwindow .mwcont input[type=text] {
  border: 10px solid #B2B2B2;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  padding: 10px;
}

.modal-close {
  color: #00f;
  text-decoration: underline;
}

.modal-close:hover {
  cursor: pointer;
  color: #f00;
}

.button-link {
  color: #00f;
  text-decoration: underline;
}

.button-link:hover {
  cursor: pointer;
  color: #f00;
}

#modal-overlay {
  z-index: 100000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  /*background-color:#000;*/
  background-color: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#77000000, EndColorStr=#77000000);
  /*IE8以下用*/
}

.modalwindow .modal-close {
  width: 30px;
  height: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  color: #FFF;
  border: 1px solid #000;
  background-color: #000;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  position: absolute;
  top: -15px;
  right: -15px;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 1000;
  text-decoration: none;
}

.modalwindow .modal-close:after {
  content: "×";
}

.modalwindow .mwbtn {
  text-align: center;
  padding-top: 5px;
}

#modal-content-myphoto .mwbtn {
  text-align: center;
  padding-top: 13px;
}

.modalwindow .mwbtn input {
  display: block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #C1272D;
  border: 1px solid #770000;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 180px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin: 0px auto 0 auto;
}

#modal-content-myphoto .mwbtn input {
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
}

.modalwindow .mwbtn input:hover {
  opacity: 0.75;
}

.mwcomp {
  display: none;
}

.modalwindow .mwcontinner {
  font-size: 18px;
  line-height: 1.65;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFFFCC;
  padding: 1.5em;
}

.modalwindow .mwcomp .mwbtn {
  padding-top: 10px;
}

.modalwindow .mwcomp a, .modalwindow a.wclose {
  display: block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #FFF;
  border: 1px solid #B2B2B2;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin: 0px auto 0 auto;
}

#modal-content-friend .mwbtn input {
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
}

#modal-content-friend .wclose {
  display: inline-block;
  margin: 0 10px;
}

#modal-content-friend inut[type=submit] {
  display: inline-block;
  margin: 0 10px;
}


/*for photo*/

.modalwindow .mwcont .photoarea {
  box-sizing: border-box;
  width: 100%;
  max-height: 560px;
  min-height: 160px;
  overflow: auto;
}

.modalwindow .mwcont .photoarea .photofr {
  width: 777px;
  overflow: hidden;
}

.modalwindow .mwcont .photoarea .photoinner {
  margin-right: -25px;
}

.modalwindow .mwcont .photoarea .pitem {
  position: relative;
  float: left;
  width: 240px;
  height: 240px;
  border: 1px solid #CCC;
  box-sizing: border-box;
  margin-right: 27px;
  margin-bottom: 27px;
}

.modalwindow .mwcont .photoarea .activep {
  border: 4px solid #009245 !important;
}

.modalwindow .mwcont .photoarea .pitem img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}


/***blog input ************/

.contfr {
  margin-top: 25px;
}

.bloginput .postlistttl, .tweetinput .postlistttl {
  height: 40px;
  line-height: 42px;
}

.bloginput .commentinput {
  margin-bottom: 30px;
  background-color: #E0DDEC;
}

.bloginput .btnsfr {
  background-color: #CAC5DC;
  padding: 10px 10px 10px 10px;
}

.bloginput .btnsfr a, .tweetinput .btnsfr a, .circlecreate .btnsfr a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 42px;
  padding: 0 16px;
  text-decoration: none;
  margin-right: 10px;
  vertical-align: top;
}

.bloginput .btnsfr .upload, .tweetinput .btnsfr .upload, .circlecreate .btnsfr .upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 42px;
  padding: 0 16px;
  text-decoration: none;
  margin-right: 9px;
  width: 270px;
  cursor: pointer;
}

.bloginput .upload div, .tweetinput .upload div, .circlecreate .upload div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #757563;
  /*透明以外なら任意*/
}

.bloginput .upload:hover, .tweetinput .upload:hover, .circlecreate .upload:hover {
  opacity: 0.75;
}

.bloginput .upload input, .tweetinput .upload input, .circlecreate .upload input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.btnsfr .txt {
  clear: both;
  padding-top: 10px;
  font-size: 16px;
  line-height: 1.8;
}

.bloginput .commentinner, .tweetinput .commentinner, .circlecreate .commentinner {
  margin: 0px 12px 10px 12px;
  background-color: #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.bloginput .commentinput .commentinner, .tweetinput .commentinput .commentinner, .circlecreate .commentinput .commentinner {
  background: none;
  margin: 0px 12px 0px 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.bloginput .commentinner .innerfr, .tweetinput .commentinner .innerfr, .circlecreate .commentinner .innerfr {
  box-sizing: border-box;
}

.bloginput .commentinput .commentinner .innerfr, .tweetinput .commentinput .commentinner .innerfr, .circlecreate .commentinput .commentinner .innerfr {
  padding: 0 !important;
}

.bloginput .commentinput .inputarea textarea, .tweetinput .commentinput .inputarea textarea, .circlecreate .commentinput .inputarea textarea {
  border: 10px solid #CAC5DC;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  padding: 10px;
  margin-bottom: -5px;
}

.bloginput .commentinput .inputarea .ttlinput, .tweetinput .commentinput .inputarea .ttlinput {
  border: 10px solid #CAC5DC;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  padding: 10px;
  margin-bottom: -5px;
}

.bloginput .commentinput .inputarea .continput {
  height: 400px;
}

.bloginput .commentttl, .tweetinput .commentttl, .circlecreate .commentttl {
  padding: 20px 12px 0 12px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1;
}

.bloginput .topnews dl, .tweetinput .topnews dl, .circlecreate .topnews dl {
  padding-left: 0;
}

.bloginput .topnews .smanone, .tweetinput .topnews .smanone, .circlecreate .topnews .smanone {
  padding-left: 0;
}

.commentinput .smanone p {
  margin-bottom: 0;
}

.bloginput .commentinput .commentbottom, .tweetinput .commentinput .commentbottom, .circlecreate .commentinput .commentbottom {
  padding: 20px 0;
  height: auto;
}

.bloginput .commentinput .commentbottom .commentbtn, .tweetinput .commentinput .commentbottom .commentbtn, .circlecreate .commentinput .commentbottom .commentbtn {
  float: none;
  margin-top: 10px;
}

.bloginput .commentinput .commentbottom .commentsubmit, .tweetinput .commentinput .commentbottom .commentsubmit, .circlecreate .commentinput .commentbottom .commentsubmit {
  font-size: 24px;
  height: 48px;
  line-height: 48px;
  width: 240px;
  text-align: center;
  margin: 0 auto;
}

.bloginput .btnsfr .addsubmit, .tweetinput .btnsfr .addsubmit, .circlecreate .btnsfr .addsubmit {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 42px;
  padding: 0 20px;
  text-decoration: none;
  margin-right: 10px;
  vertical-align: top;
}

.bloginput .btnsfr .catetxt, .tweetinput .btnsfr .catetxt, .circlecreate .btnsfr .catetxt {
  font-size: 16px;
  width: 282px;
  height: 40px;
  border: 1px solid #999999;
  box-sizing: border-box;
  line-height: 40px;
  padding: 0 10px;
}

.bloginput .btnsfr select, .tweetinput .btnsfr select, .circlecreate .btnsfr select {
  min-width: 280px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
}

.bloginput .btnsfr .f-arrow {
  color: #747463;
  padding: 0 7px 0 10px;
  font-size: 16px;
}

.bloginput .btnsfr .f-arrow:after {
  content: "\0025c0";
}


/*tweetinput*/

.tweetinput .commentinput {
  margin-bottom: 30px;
  background-color: #EFDCE6;
}

.tweetinput .btnsfr {
  background-color: #E2C6D4;
  padding: 10px 10px 10px 10px;
}

.tweetinput .commentinput .inputarea textarea {
  border: 10px solid #E2C6D4;
}

.tweetinput .commentinput .inputarea .continput {
  height: 154px;
}


/*---------------------------------------------------
サークル
----------------------------------------------------*/

.circle h2 {
  padding-top: 0;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-right: 40px;
}

.circle .userainforea {
  float: left;
  width: 210px;
  margin-top: 0px;
  box-sizing: border-box;
}

.circle .usermenuarea {
  margin-left: 210px;
  padding-left: 0;
  padding-bottom: 40px;
  font-size: 16px;
  position: relative;
}

.circle .arrow-down {
  top: 0px;
  right: 0px;
}

.circle .userainforea .userpic span {
  left: 35px;
  top: 178px;
}

.circle .userainforea .circlestatus {
  float: left;
  width: 32px;
  height: 32px;
}

.circle .userainforea .btn1 {
  box-sizing: border-box;
  float: right;
  width: 158px;
  padding-left: 18px;
}

.circle .statusarea {
  margin-bottom: 40px;
}

.circle .statusarea dt {
  font-weight: bold;
}

.circle .statusarea dd {
  margin-bottom: 20px;
}

.circle .statusarea dd a {
  color: #006737;
  text-decoration: underline;
  font-weight: bold;
}

.circle .c-topicarea {
  padding-left: 210px;
}

.circle .postlistttl {
  padding-right: 0;
  overflow: hidden;
}

.circle .postlistttl .topicbtn {
  float: right;
  height: 46px;
}

.circle .postlistttl .topicbtn a {
  display: block;
  background-color: #42210B;
  padding: 0px 24px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  color: #FFF !important;
  font-weight: normal;
  text-decoration: none;
}

.circle .postlistttl .topicbtn a:hover {
  background-color: #824115;
}

.circle .postlistttl .topicbtn a span:after {
  content: "\0025b6";
  padding-left: 5px;
}

.circle .c-topicarea .innerfr {
  padding: 20px;
}

.circle .c-topicarea dl {
  margin-bottom: -20px;
}

.circle .c-topicarea dt {
  float: left;
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 16px;
  width: 110px;
  line-height: 1.3;
}

.circle .c-topicarea dd {
  padding: 0 0 0 110px;
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 1.3;
}

.circle .c-topicarea dd a {
  color: #006737;
  text-decoration: underline;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.circle .usermenuarea .submenu {
  top: 15px;
  right: 15px;
}

.circle .c-topicarea .c-apply {
  font-size: 18px;
  line-height: 2;
  padding: 30px 0;
  color: #333;
  background-color: #FADEC4;
  text-align: center;
  /* box-shadow */
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.circle .c-topicarea .c-hide {
  font-size: 18px;
  line-height: 2;
  color: #C0262C;
  text-align: center;
  padding: 30px 0;
  background-color: #FADEC4;
  /* box-shadow */
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}


/**create******/

.circlecreate .contfr h2 {
  font-weight: normal;
}


/*tweetinput*/

.circlecreate .commentinput {
  margin-bottom: 30px;
  background-color: #FADEC4;
}

.circlecreate .btnsfr {
  background-color: #F5C59A;
  padding: 10px 10px 10px 10px;
}

.circlecreate .commentinput .inputarea textarea {
  border: 10px solid #F5C59A;
}

.circlecreate .commentinput .inputarea .continput {
  height: 154px;
}

.circlecreate .photoarea {
  float: left;
  width: 200px;
  margin-top: 0px;
  box-sizing: border-box;
}

.circlecreate .txtarea {
  margin-left: 200px;
  padding-left: 0;
  padding-bottom: 10px;
  font-size: 16px;
  position: relative;
}

.circlecreate .commentinput .inputarea .c-ttlinput {
  border: 10px solid #F5C59A;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  padding: 10px;
  margin-bottom: -5px;
}

.circlecreate .btnsfr .txt {
  clear: none;
  padding-top: 0;
  line-height: 2;
}

.circlecreate .btnsfr .txt span {
  display: block;
  font-size: 14px;
  line-height: 1.5 !important;
}

.circlecreate .commentbottom {
  text-align: center;
  padding: 40px 0 !important;
}

.circlecreate .commentbtn div {
  display: inline-block;
  vertical-align: top;
}

.circlecreate .commentbtn a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  text-decoration: none;
  margin-right: 12px;
  margin-left: 12px;
  vertical-align: top;
}

.circlecreate .commentbtn a:hover {
  opacity: 0.75;
}

.circlecreate .commentinput .commentbottom .commentsubmit {
  display: inline-block;
  width: auto;
  margin-right: 12px;
  margin-left: 12px;
}

.circlecreate .c-continput {
  height: 240px;
}

.circlecreate .c-message {
  font-size: 18px;
  line-height: 1.5;
  padding: 30px 10px 0px 10px;
  text-align: center;
}


/**circlelist******/

.circlelist h2 {
  font-weight: normal;
}

.circlelist .commentinput {
  margin-bottom: 15px;
  background-color: #FADEC4;
  padding: 12px;
}

.circlelist .commentttl {
  padding: 0px;
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: normal;
  line-height: 1;
}

.circlelist .maincategory a {
  padding: 0 0 0 18px;
  height: 52px;
  line-height: 52px;
  width: 97.5%;
  margin-right: 2.5%x;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: normal;
}

.circlelist .helplink {
  float: right;
}

.circlelist .helplink a {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  margin-left: 25px;
}

.circlelist .helplink a i {
  font-size: 20px;
  margin-right: 8px;
}

.circlelist .helplink a:hover {
  text-decoration: underline;
}

.circlelist .commentinner nav {
  padding-bottom: 25px;
}

.c-createbtn {
  float: right;
  width: 260px;
  margin-right: 5px;
}

.c-createbtn a {
  display: block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 !important;
  width: 260px !important;
  height: 40px !important;
  line-height: 42px !important;
  text-align: center !important;
  text-decoration: none;
  margin-top: 12px;
  vertical-align: top;
}

.c-createbtn a span {
  display: inline !important;
}

.c-createbtn a:hover {
  background-color: #757563 !important;
  border: 1px solid #4D4D4D !important;
  color: #FFF !important;
  opacity: 0.75 !important;
}

.circlelist .btnsfr {
  padding: 10px;
  background-color: #F5C59A;
}

.circlelist .btnsfr .addsubmit {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 42px;
  padding: 0 0px;
  width: 80px;
  text-align: center;
  text-decoration: none;
  margin-right: 10px;
  vertical-align: middle;
}

.btnsfr .addsubmit:hover {
  opacity: 0.75;
}

.circlelist .btnsfr .catetxt {
  font-size: 16px;
  width: 282px;
  height: 40px;
  border: 1px solid #999999;
  box-sizing: border-box;
  line-height: 40px;
  padding: 0 10px;
  margin-right: 5px;
}

.circlelist .btnsfr select {
  vertical-align: middle;
  min-width: 220px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  padding: 0 10px;
  margin-right: 10px;
}

.circlelist .btnsfr label input {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  outline: none;
}

.circlelist .btnsfr label {
  line-height: 40px;
}

.circlelist .postlistttl {
  /* height: auto; */
  /* line-height: 40px; */
}

.circlelist .postlistttl {
  clear: left;
}

.circlelist .postlistttl .listbtn {
  /* float: right; */
  /* height: 40px; */
}

.circlelist .postlistttl .listbtn a {
	display: table-cell;
	background-color: #2a8a24;
	padding: 12px 20px 0px;
	height: calc(100% - 12px);
	line-height: 100%;
	font-size: 16px;
	color: #ffffff !important;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 4px 0;
	border-left: solid 1px #c5e762;
}

.circlelist .postlistttl .listbtn a:hover {
  background-color: #8cd23c;
  color: #ffffff !important;
}

.circlelist .item {
  width: 190px;
  box-sizing: border-box;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.circlelist .userainforea {
  width: 190px;
  box-sizing: border-box;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
  background-color: #FFF !important;
}

.circlelist .userainforea .userpic {
  padding-bottom: 20px;
  position: relative;
}

.circlelist .c-fr {}

.circlelist .c-fr>div {
  margin-right: -20px;
}

.circlelist .c-fr>div:after {
  content: "";
  display: block;
  clear: both;
}

.circlelist .userainforea .txt {
  font-size: 16px;
  padding: 0 10px;
  line-height: 1.3;
  margin-bottom: 15px;
}

.circlelist .userainforea .circlestatus {
  width: 24px;
  height: 24px;
  margin: 5px 0 10px 10px;
}

.circlelist .userainforea .circlestatus img {
  width: 100%;
  height: inherit;
}

.circlelist .followbtn, .circlelist .dis-followbtn, .circlelist .apply-followbtn {
  width: 130px;
  margin-bottom: 0;
}

.circlelist .userainforea .btn1 {
  box-sizing: border-box;
  float: right;
  width: auto;
  padding-right: 10px;
  padding-left: 0;
}

.circlelist .example {
  margin-bottom: 38px;
}

.circlelist .example img, .circlelist .example span {
  display: inline;
}

.circlelist .example img {
  margin-right: 8px;
}

.circlelist .example>span {
  margin-right: 30px;
}


/*** circletopics ********/

.circletopic .topnews h3 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
  padding: 0 20px 10px 20px;
}

.circletopic .topnews dt img {
  width: 48px;
  height: 48px;
  overflow: hidden;
}

.circletopic .topnews a:hover {
  opacity: 0.75;
}

.circletopic .topnews dt {
  float: left;
  width: 48px;
  background-color: #FFF;
  padding: 0px;
  box-sizing: border-box;
}

.circletopic .topnews dl {
  padding-left: 0;
}

.circletopic .topnews dl {
  padding: 0px 20px 0px 20px;
  margin: 0px;
}

.circletopic .topnews dd {
  position: relative;
  padding: 0 20px 10px 0px;
  margin-left: 58px;
}

.circletopic .topnews .columnbottom {
  height: 48px;
  border-top: 1px solid #CCCCCC;
  padding: 12px 12px 0 12px;
  background-color: #E9E9D7;
  box-sizing: border-box;
}

.circletopic .commentinput {
  margin-bottom: 30px;
  background-color: #FADEC4;
}

.circletopic .commentinput .inputarea textarea {
  border: 10px solid #F5C59A;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  /* height: 222px; */
  background-color: #FFF;
  padding: 10px;
  min-height: 222px;
}

.topiccolumn .blogcolumn {
  margin-bottom: 30px;
}

.topiccolumn {
  background: #FFF url(../img/topichead.png) no-repeat;
  margin: 0 0px 40px 0px !important;
}

.circletopic .topnews a {
  text-decoration: underline;
  color: #006737;
  font-weight: bold;
}

.circletopic .topnews .smanone {
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 1.8;
}

.circletopic .topnews .smanone p {
  font-size: 16px;
  line-height: 1.8;
}

.topicnumber {
  background: #FFF url(../img/topicnum.png) no-repeat;
  margin: 0 0px 20px 0px !important;
}

.circlecolumn {
  background: #FFF url(../img/circlehead.png) no-repeat;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.circlecolumn .innerfr {
  min-height: 90px;
}

.topicnumber .innerfr {
  position: relative;
}

.topicnumber .t-number {
  color: #FFF;
  position: absolute;
  top: 10px;
  left: 0px;
  font-size: 16px;
  font-weight: bold;
  width: 3em;
  text-align: center
}

.circletopic .rightbtns a {
  text-decoration: none;
  color: #FFF;
  font-weight: normal;
}

.circletopic .postlistttl {
  margin-bottom: 15px;
}

.postlist .columnbottom .iinecomment a, .circletopic .columnbottom .iinecomment a, .commentinput .commentbottom .commentbtn a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 14px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 24px;
  line-height: 24px;
  padding: 0 8px;
  width: auto;
  min-width: 80px;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: top;
  text-align: center;
}

.commentinput .commentbottom .commentbtn a.reply-submit {
  background-color: #009245;
  border: 1px solid #006837;
}

.circletopic .userainforea {
  float: left;
  width: 110px;
  margin-top: 0px;
  box-sizing: border-box;
  padding-right: 20px;
}

.circletopic .usermenuarea {
  padding-left: 110px;
  padding-bottom: 0px;
}

.circletopic .userainforea .userpic {
  padding-bottom: 0;
}

.circletopic .usermenuarea span {
  border: 1px solid #DD6666;
  background-color: #F07966;
  color: #FFF;
  -wborder-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  box-sizing: border-box;
  width: 120px;
  height: 24px;
  float: left;
  display: block;
}

.circletopic .usermenuarea h2 {
  padding-top: 0;
  font-weight: bold;
}

.circletopic .usermenuarea .btn1 {
  display: block;
  float: left;
  padding-top: 5px;
}

.circletopic .usermenuarea .circlestatus {
  width: 32px;
  height: 32px;
  margin-right: 10px;
  display: block;
  float: left;
}

.circletopic .userbox {
  margin-bottom: 20px;
}

.circletopic .replyarea {
  background-color: #F5C59A;
  padding: 10px 10px 0 10px;
}

.circletopic .replyarea a {
  font-weight: normal;
}

.circletopic .follower .innerfr {
  min-height: inherit !important;
  padding: 0px !important;
}

.circletopic .follower .innerfr dl {
  padding-left: 0;
}

.circletopic .follower {
  width: 33.3333%;
  float: left;
  min-height: 60px;
  background: none;
  box-shadow: none;
}

.circleadmin .follower {
  width: 33.3333%;
  float: left;
  min-height: 85px;
}

.circletopic .admininfo a {
  text-decoration: underline;
  color: #006737;
  font-weight: normal;
  font-size: 14px;
}

.circletopic .admininfo span {
  color: #C0262C;
  font-size: 14px;
}

.circlefollower .contfr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*paging*/

.paging {
  text-align: center;
  height: auto;
  box-sizing: border-box;
}

.paging .prebtn {
  float: left;
}

.paging .nextbtn {
  float: right;
}

.paging .prebtn, .paging .nextbtn {
  display: block;
  box-sizing: border-box;
  font-weight: bold !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
  padding: 0px;
  width: 120px;
  text-decoration: none;
  margin-left: 0px;
  vertical-align: top;
  text-align: center;
}

.paging .disablelink {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid #B2B2B2;
  color: #B2B2B2;
}

paging .prebtn:hover, .paging .nextbtn:hover {
  opacity: 0.75;
}

.paging .pagenum a, .paging .pagenum span {
  border-left: 1px solid #B5B5A9;
  padding: 0 15px 0 16px;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 18px;
}

.paging .pagenum a:first-child, .paging .pagenum span:first-child {
  border-left: none;
}

.paging .pagenum a {
  color: #006737;
  text-decoration: none;
}

.paging .pagenum a:hover {
  background-color: #009245;
  color: #FFF;
}

.paging .pagenum span {
  font-weight: bold;
}

.p-bottom {
  margin: 30px 0 30px 0;
}

.pcnum {
  display: inline;
}

.spnum {
  display: none;
}


/*---------------------------------------------------
マイページ
----------------------------------------------------*/


/*top*/

.mypage .postlistttl {
  padding-right: 0;
  overflow: hidden;
  /* height: 40px; */
  /* line-height: 40px; */
}

.mypage .postlistttl .listbtn {
  /* float: right; */
  /* height: 40px; */
}

.mypage .postlistttl .listbtn a {
	display: table-cell;
	background-color: #2a8a24;
	padding: 12px 20px 0px;
	height: calc(100% - 12px);
	line-height: 100%;
	font-size: 16px;
	color: #ffffff !important;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 0 4px 4px 0;
	border-left: solid 1px #c5e762;
}
.mypage .postlistttl .listbtn a:hover {
  background-color: #8cd23c;
  color: #ffffff !important;
}

.mypage .myblock {
	padding: 0 0 1em;
	font-size: 100%;
}

.mypage .c-fr>div {
  margin-right: -20px;
}

.mypage .item {
  width: 190px;
  box-sizing: border-box;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.mypage .item .userainforea {
  loat: left;
  margin-top: 0px;
  box-sizing: border-box;
  padding-right: 20px;
  width: 190px;
  height: 270px;
  box-sizing: border-box;
  padding: 0;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
  background-color: #FFF !important;
}

.mypage .item .userainforea .userpic {
  width: 170px;
  height: 170px;
  margin: 10px;
  padding-bottom: 0;
  box-sizing: border-box;
}

.mypage .item .userainforea .userpic img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.myphotoedit .userainforea .album .album_cover_pic {
  width: 170px;
  height: 170px;
  margin: 0px;
  padding-bottom: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
}

.myphotoedit .userainforea .album .album_cover_pic img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.myphotoedit .userainforea .album .album_cover_pic {
  width: 170px;
  height: 170px;
  margin: 0px;
  padding-bottom: 0;
  box-sizing: border-box;
  background-color: #ffffff;
  position: relative;
}

.myphotoedit .userainforea .album .album_cover_pic img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.mypage .item .userinfo a {
  text-decoration: underline;
  color: #006737;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  line-height: 1.3;
}

.mypage .item .userainforea .time {
  padding: 5px 0 10px 10px;
  font-size: 14px;
  display: block;
  color: #747463;
  position: absolute;
  bottom: 0;
}

.myttl {
  padding-left: 20px;
}

.mypage .topnews .innerfr {
  min-height: 90px;
}

.mypage .comment .innerfr {
  padding-left: 20px;
}

.mypage .comment .innerfr dl {
  padding-left: 0;
}

.mypage .comment .innerfr .smanone {
  padding-left: 0;
}

.myfollower .myblock {
  padding-bottom: 20px;
  margin-right: -24px;
}

.myfriend .myblock {
  padding-bottom: 20px;
  margin-right: 0px;
}

.mypage .follower .innerfr {
  min-height: inherit !important;
  padding: 10px !important;
}

.mypage .follower .innerfr dl {
  padding-left: 0;
}

.mypage .follower {
  width: 47%;
  margin-right: 3%;
  float: left;
  margin-bottom: 10px;
}

.myfollower .follower {
  width: 47%;
  margin-right: 3%;
  float: left;
  margin-bottom: 15px;
}

.myfriend .follower {
  width: 100%;
  margin-right: 0;
  float: none;
  margin-bottom: 15px;
}

.follower a {
  line-height: 1.2;
}

.mypage .follower dd {
  padding-bottom: 0;
}

.myfollower .morebtn {
  padding-top: 20px;
}


/*message list*/

.mypage h2 {}

.mscolumn .innerfr {
  padding: 20px 180px 20px 20px !important;
  z-index: 0;
}

.mscolumn dl {
  padding: 0px 20px 0px 0px !important;
  margin: 0px;
}

.mscolumn dd {}

.mscolumn .smanone {
  padding: 0 0 0 0px !important;
  /*width:38em;
  text-overflow: ellipsis;
  white-space:nowrap;
  overflow:hidden;*/
}

.mscolumn .msnumber {
  display: block;
  position: absolute;
  top: -10px;
  left: -7px;
  height: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #ED1C24;
  color: #FFF;
  width: 36px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}


/* message detail */

.msdcolumn {
  max-height: 764px;
  overflow: auto;
  box-sizing: border-box;
  padding-bottom: 20px !important;
}

.msdcolumn .innerfr {
  padding: 20px 80px 0px 20px !important;
  z-index: 0;
}

.msdcolumn dl {
  padding: 0px 0px 0px 0px !important;
}

.msdcolumn dd {
  padding: 0 20px 0px 0px !important;
}

.msdcolumn .smanone {
  padding: 0 0 0 0px !important;
}

.msdcolumn .userinfo {
  z-index: 0;
}

.msdcolumn .friend-col .colinner {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  background-color: #E9E9D7;
  margin-left: 20px;
  box-sizing: border-box;
  line-height: 2;
  display: table-cell;
  float: left;
}

.msdcolumn .friend-col:before {
  content: url(../img/f-arrow.png);
  margin: 0px;
  position: absolute;
  top: 30px;
  left: 0;
}

.msdcolumn .my-col .colinner {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px;
  background-color: #A6CAEC;
  margin-left: 20px;
  box-sizing: border-box;
  line-height: 2;
  display: table-cell;
  float: right;
}

.msdcolumn .my-col:after {
  content: url(../img/m-arrow.png);
  margin: 0px;
  position: absolute;
  top: 30px;
  right: 0;
}

.msdcolumn .time {
  padding: 5px 0 0 20px !important;
  font-size: 14px;
  display: block;
  color: #747463;
  clear: both;
}

.my-col .time {
  text-align: right;
}

.mypage .commentinput {
  margin-bottom: 30px;
  background-color: #CFDEEC;
}

.mypage .commentttl {
  padding: 15px 12px 0 12px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.05em;
}

.mypage .commentinput .commentinner {
  background: none;
  margin: 0px 12px 10px 12px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.mypage .commentinput .inputarea {
  width: 100%;
}

.mypage .commentinput .inputarea textarea {
  border: 10px solid #ADC2DA;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 100%;
  /* height: 222px; */
  background-color: #FFF;
  padding: 10px;
  min-height: 222px;
}

.mypage .commentinput .commentinner .innerfr {
  padding: 0 !important;
}

.circlelist .userainforea .txt a:link, .circlelist .userainforea .txt a:visited {
  color: #000;
  text-decoration: none;
}

.circlelist .userainforea .txt a:hover {
  color: #000;
  text-decoration: underline;
}

.circlelist .morebtn {
  clear: both !important;
  display: block !important;
}


/*my follow entry*/

.myfollower .topnews .columnbottom {
  height: 44px;
  border-top: 1px solid #CCCCCC;
  padding: 12px 12px 0 12px;
  background-color: #FADEC4;
  box-sizing: border-box;
}

.myfollower .columnbottom .iinecomment a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: bold !important;
  font-size: 14px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  width: 80px;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: top;
  text-align: center;
}

.myfollower .columnbottom .iinecomment a, .myfriend .columnbottom .iinecomment a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: bold !important;
  font-size: 14px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 24px;
  line-height: 24px;
  padding: 0 6px;
  width: 120px;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: top;
  text-align: center;
}

.columnbottom .iinecomment a.approval {
  background-color: #F07966;
  border: 1px solid #DD6666;
}

.myfollower .userinfo a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.myfollower .circleinfo {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myfollower .follower dd {
  padding-right: 0;
}

.myfollower .follower .innerfr dl {
  padding-right: 0;
}


/*my friend entry*/

.myfriend .topnews .columnbottom {
  height: 44px;
  border-top: 1px solid #CCCCCC;
  padding: 12px 12px 0 12px;
  background-color: #E0EAA1;
  box-sizing: border-box;
}

.myfriend .circleinfo {
  white-space: normal;
  text-overflow: inherit;
}

.myfollower .noentrymessage, .myfriend .noentrymessage {
  margin: 0 0px 40px 0px;
  font-size: 18px;
  padding: 30px 0;
  text-align: center;
  background-color: #FADEC4;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

.myfollower .noentrymessage {
  margin-right: 24px;
}


/*---------------------------------------------------
仲間を探す
----------------------------------------------------*/

.friendsearch .follower .innerfr {
  min-height: inherit !important;
  padding: 10px !important;
}

.friendsearch .follower .innerfr dl {
  padding-left: 0;
}

.friendsearch .topnews .columnbottom {
  height: 44px;
  border-top: 1px solid #CCCCCC;
  padding: 12px 12px 0 12px;
  background-color: #E0EAA1;
  box-sizing: border-box;
}

.friendsearch .columnbottom .iinecomment a.approval {
  font-size: 14px;
  letter-spacing: 0;
}

.friendsearch .userinfo a {
  white-space: normal;
  text-overflow: inherit;
  display: block;
}

.friendsearch .nicnamesearch {
  padding: 10px 10px 10px 10px;
  margin: 0 0px 20px 0px;
  font-size: 18px;
  text-align: center;
  background-color: #E0EAA1;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

.friendsearch .nicnamesearch .addsubmit {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
  padding: 0 0px;
  width: 120px;
  text-decoration: none;
  vertical-align: top;
  margin: 15px 10px 0 10px;
}

.friendsearch .nicnamesearch .sbox {
  border: 10px solid #C3D352;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  width: 648px;
  background-color: #FFF;
  padding: 0 10px;
  height: 60px;
  line-height: 60px;
}

.friendsearch .btnsfr {
  text-align: center;
}

.friendsearch .invitationbtn {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
  padding: 0 30px;
  text-decoration: none;
  vertical-align: top;
  margin: 20px 0px 20px 0px;
}

.friendsearch .invitationbtn:hover {
  opacity: 0.75;
}

.friendsearch .txt {
  font-size: 16px;
  margin-bottom: 20px;
}


/*---------------------------------------------------
registration
----------------------------------------------------*/

article.regist {
  margin-right: -360px;
}

.regist .topnews {
  padding: 30px;
  font-size: 16px;
}

.regist .topnews p {
  font-size: 16px;
}

.regist .fr {
  background-color: #E0EAA1;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 10px;
  webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.regist dl {
  letter-spacing: -0.4em;
}

.regist dt, .regist dd {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0.05em;
  line-height: 64px;
}

.regist dt {
  width: 370px;
  padding-right: 30px;
  text-align: right;
  box-sizing: border-box;
  font-size: 21px;
}

.regist dd.c1 {
  width: 514px;
  padding-right: 18px;
  box-sizing: border-box;
  font-size: 21px;
}

.regist dd.c2 {
  width: 270px;
  box-sizing: border-box;
  font-size: 18px;
}

.regist dt span, .regist dd.c2 span {
  color: #C0262C;
  font-size: 18px;
}

.regist dd.c2 .p1 {
  display: block;
}

.regist dd.c2 .p2 {
  display: none;
}

.regist dd input[type=text], .regist dd input[type=password] {
  width: 496px;
  height: 64px;
  border: 10px solid #C3D352;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 10px;
}

dd .note {
  font-size: 16px;
  line-height: 1.3;
  margin: 10px 0;
}

.regist dd .innfr {
  background-color: #C3D352;
  padding: 13px 10px;
  box-sizing: border-box;
  line-height: 1;
  font-size: 18px;
}

.regist dd .innfr span {
  margin: 0 10px 0 5px;
  line-height: 36px;
}

.regist dd.c1 input[type=radio] {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin-right: 5px;
}

.regist dd.c1 label {
  vertical-align: middle;
  margin-right: 40px;
  line-height: 42px;
}

.regist dd select {
  width: 220px;
  height: 36px;
  line-height: 36px;
}

.regist dd.c2 select {
  margin-top: 10px;
}

.regist dd .birth select {
  width: 80px;
  height: 36px;
  line-height: 36px;
}

.agreement {
  width: 1180px;
  height: 250px;
  border: 1px solid #B2B2B2;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  borderｒ-radius: 5px;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}

.agreementinner {
  width: 1178px;
  height: 248px;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  background-color: #FFF;
}

.regist .btn {
  text-align: center;
}

.regist .btn input, .regist .btn a {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 24px;
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}

.regist .btn input:hover, .regist .btn a:hover {
  opacity: 0.75;
}

.regist .btn a {
  background-color: #757563;
  border: 1px solid #4D4D4D;
  text-decoration: none;
  float: left;
}


/*confirm*/

.confirmitem {
  width: 496px;
  height: 64px;
  font-size: 18px;
  line-height: 64px;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 0 10px;
}

.confirm .btn input {
  float: right;
}

.confirm .btn .backbtn i {
  margin-right: 10px;
}

.confirm .btn {
  width: 620px;
  margin: 30px auto 0 auto;
}

.confirm .txt {
  margin-bottom: 20px;
}


/*complete*/

.complete .btn a {
  float: none;
  margin-top: 40px;
}

.complete .fr {
  text-align: center;
  padding: 40px 120px;
}

.complete .message .ttl {
  font-size: 24px;
  margin-bottom: 20px;
}

.complete .message .cont {
  font-size: 18px;
  line-height: 1.8;
}

.complete .message .cont span {
  color: #C0262C;
}


/*login*/

article.login {
  margin-right: -360px;
  text-align: center;
}

.login .loginarea {
  vertical-align: top;
  display: inline-block;
  width: 460px;
  margin-right: 20px;
}

.login .registarea {
  vertical-align: top;
  display: inline-block;
  width: 460px;
}

.login .fr {
  webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.login .loginarea .fr {
  background-color: #DDE9D7;
  padding: 20px 36px 40px 36px;
  box-sizing: border-box;
  height: 542px;
}

.login .registarea .fr {
  background-color: #FADEC4;
  padding: 20px 20px 40px 20px;
  box-sizing: border-box;
  height: 542px;
}

.login .fr .ttl {
  font-size: 36px;
  margin-bottom: 24px;
  line-height: 1;
}

.login .fr .cont {
  font-size: 18px;
}

.login .fr dt, .login .fr dd {
  vertical-align: top;
  text-align: left;
  display: inline-block;
}

.login .fr dt {
  font-weight: bold;
  width: 100%;
  line-height: 1.2;
  text-align: center;
  font-size: 18px;
  margin: 18px 0 13px 0;
}

.login .fr dd {
  width: 100%;
  text-align: center;
}

.login .fr dd input {
  width: 100%;
  height: 48px;
  font-size: 18px;
  box-sizing: border-box;
  padding: 0 10px;
}

.login .fr .check a {
  text-decoration: underline;
  color: #006837;
  font-weight: bold;
}

.login .check {
  margin: 20px 0 45px 0;
}

.login .btn {
  margin-top: 10px;
}

.login .btn input {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 24px;
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}

.login .btn input:hover, .login .btn a:hover {
  opacity: 0.75;
}

.login .registarea .btn a {
  box-sizing: border-box;
  font-weight: normal;
  font-size: 24px;
  background-color: #F07966;
  border: 1px solid #DD6666;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 300px;
  height: 60px;
  margin: 0 auto;
  text-decoration: none;
}

.login .registarea .txt {
  text-align: left;
  margin-top: 26px;
  line-height: 2;
}

.login .messagearea {
  height: 20px;
}

.login .error {
  color: #BF2733;
}


/*reminder*/

article.reminder {
  margin-right: -360px;
  text-align: center;
}

.reminder h2 {
  font-size: 36px;
  text-align: center;
  margin-bottom: 24px;
}

.reminder .nobfr {
  width: 600px;
  margin: 0 auto;
}

.reminder .nobfr .ttl {
  font-size: 36px;
  margin-bottom: 24px;
}

.reminder .nobfr .cont {
  font-size: 18px;
}

.reminder .nobfr .txt {
  text-align: left;
  margin-bottom: 40px;
  line-height: 1.8;
}

.reminder .nobfr .txt span {
  display: block;
  color: #C0262C;
}

.remindercomp .nobfr .txt {
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.8;
}

.reminder .nobfr dt, .reminder .nobfr dd {
  font-size: 18px;
  vertical-align: top;
  margin-bottom: 20px;
  text-align: left;
  display: inline-block;
}

.reminder .nobfr dt {
  padding-right: 0;
  font-weight: bold;
  width: 150px;
  line-height: 48px
}

.reminder .nobfr dd {
  width: 350px;
}

.reminder .nobfr dd input {
  width: 350px;
  height: 48px;
  font-size: 18px;
  box-sizing: border-box;
  padding: 0 10px;
}

.reminder .nobfr dd a {
  text-decoration: underline;
  color: #006837;
  font-weight: bold;
}

.reminder dd .innfr {
  height: 48px;
}

.reminder dd select {
  height: 36px;
  line-height: 36px;
}

.reminder dd select.f {
  width: 100px;
}

.reminder dd select.t {
  width: 70px;
}

.reminder dd .innfr span {
  margin: 0 5px 0 5px;
  line-height: 36px;
}

.reminder .btn {
  margin-top: 10px;
}

.reminder .btn input {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 24px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 360px;
  height: 60px;
  margin: 20px auto;
}

.reminder .btn input:hover {
  opacity: 0.75;
}


/*---------------------------------------------------
profile
----------------------------------------------------*/

.profile .ttl {
  font-size: 24px;
  margin-bottom: 16px;
}

.profile .basictbl {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 24px;
}

.profile th, .profile td {
  font-size: 16px;
  width: 50%;
  box-sizing: border-box;
  border-bottom: 1px solid #B2B2B2;
  padding: 14px;
}

.profile th {
  font-weight: normal;
  background-color: #E0EAA1;
  text-align: right;
  width: 218px !important;
}

.profile td {
  border-left: none;
  width: 560px;
}

.profile .topnews .innerfr {
  padding: 20px;
}

.profile .txt {
  margin-bottom: 24px;
}


/*edit*/

.profileedit .fr {
  background-color: #E0EAA1;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 10px;
  webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.profileedit dl {
  letter-spacing: -0.4em;
}

.profileedit dt, .profileedit dd {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0.05em;
  line-height: 64px;
}

.profileedit dt {
  width: 340px;
  padding-right: 20px;
  text-align: right;
  box-sizing: border-box;
  font-size: 21px;
}

.profileedit dd {
  width: 444px;
  padding-right: 0px;
  box-sizing: border-box;
  font-size: 21px;
}

.profileedit dt span, .profileedit dd.c2 span {
  color: #C0262C;
  font-size: 18px;
}

.profileedit dd input[type=text], .profileedit dd input[type=password] {
  width: 444px;
  height: 64px;
  border: 10px solid #C3D352;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 10px;
}

.profileedit dd .innfr {
  background-color: #C3D352;
  padding: 13px 10px;
  box-sizing: border-box;
  line-height: 1;
  font-size: 18px;
}

.profileedit dd textarea {
  width: 444px;
  height: 224px;
  border: 10px solid #C3D352;
  outline: none;
  resize: none;
  font-size: 18px;
  line-height: 1.3;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 10px;
}

.profileedit dd .innfr span {
  margin: 0 10px 0 5px;
  line-height: 36px;
}

.profileedit dd input[type=radio] {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  margin-right: 5px;
}

.profileedit dd label {
  vertical-align: middle;
  margin-right: 40px;
  line-height: 42px;
}

.profileedit dd select {
  font-size: 18px;
  width: 220px;
  height: 36px;
  line-height: 36px;
}

.profileedit dd .setting {
  padding-left: 10px;
}

.profileedit dd.c2 select {
  margin-top: 10px;
}

.profileedit dd .birth select {
  width: 80px;
  height: 36px;
  line-height: 36px;
}

.profileedit .note {
  line-height: 1.3 !important;
}

.profileedit .note span {
  color: #C0262C;
}

.profileedit dd.ta {
  line-height: 1;
}

.profileedit .p-image .p {
  border: 10px solid #C3D352;
  width: 180px;
  height: 180px;
  box-sizing: border-box;
  float: left;
}

.profileedit .p-image .btns {
  width: 260px;
  float: left;
  line-height: 1;
}

.profileedit .p-image .btns .upload {
  /*display:block;*/
  position: relative;
  overflow: hidden;
  /*	width:200px;
	height:30px;
	border:2px solid #000;
*/
  display: block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 32px;
  line-height: 34px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin-left: 20px;
  width: 120px;
  cursor: pointer;
}

.profileedit .p-image .btns .upload div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #757563;
  /*透明以外なら任意*/
}

.profileedit .p-image .btns .upload:hover {
  opacity: 0.75;
}

.profileedit .p-image .btns .upload input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.profileedit .p-image .btns .delbtn {
  display: block;
  margin-top: 100px;
  margin-left: 20px;
  color: #000;
  text-decoration: none;
  font-size: 16px;
}

.profileedit .p-image .btns .delbtn:hover {
  text-decoration: underline;
}

.profileedit .btn {
  width: 620px;
  margin: 30px auto 0 auto;
}

.profileedit .btn {
  text-align: center;
  margin-bottom: 100px;
}

.profileedit .btn input, .profileedit .btn a {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 24px;
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}

.profileedit .btn input:hover, .profileedit .btn a:hover {
  opacity: 0.75;
}

.profileedit .btn input {
  float: right;
}

.profileedit .btn .backbtn i {
  margin-right: 10px;
}

.profileedit .btn a {
  background-color: #757563;
  border: 1px solid #4D4D4D;
  text-decoration: none;
  float: left;
}

.profileedit dd .txt {
  font-size: 16px;
  line-height: 1.3;
  padding: 20px 0 0 0;
}

.profileedit .confirmitem {
  width: 444px;
}


/*basic edit*/

.profileedit dd .tel input {
  width: 110px;
  border: none;
  height: 44px;
}

.profileedit dd .postal input[type=text] {
  width: 110px;
  border: none;
  height: 44px;
}

.profileedit dd .tel span, .profileedit .postal span {
  font-size: 18px;
  margin: 0 7px 0 7px;
  letter-spacing: 0;
}

.profileedit dd.adress input, .basicedit dd.twin input {
  border: none !important;
  width: 424px;
  height: 44px;
  line-height: 44px;
  margin-bottom: 0px;
}

.profileedit dd.adress input:first-child, .basicedit dd.twin input:first-child {
  margin-bottom: 10px;
}

.profileedit .postalbtn input {
  font-size: 18px;
  margin-top: 10px;
  padding: 0 10px;
}

.basicedit .txt a {
  color: #006837;
  font-weight: bold;
}

.basicedit .addbtn a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 32px;
  line-height: 32px;
  padding: 0 6px;
  width: 160px;
  text-decoration: none;
  margin-top: 10px;
  vertical-align: top;
  text-align: center;
}

.basicedit .addbtn a:hover {
  opacity: 0.75;
}

.basicedit .addbtn {
  text-align: right;
}

.basicedit .ttl {
  font-size: 24px;
  margin-bottom: 0px;
}


/*hobby*/

.hobbyedit .fr {
  background-color: #E0EAA1;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 10px;
  webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.hobbyedit dl {
  letter-spacing: -0.4em;
}

.hobbyedit dt {
  width: 270px;
  padding-right: 20px;
  text-align: right;
  box-sizing: border-box;
  font-size: 21px;
}

.hobbyedit dt, .profileedit dd {
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0.05em;
  line-height: 64px;
  letter-spacing: normal;
}

.hobbyedit dd {
  width: 526px;
  position: relative;
  padding-right: 0px;
  box-sizing: border-box;
  font-size: 21px;
  display: inline-block;
}

.hobbyedit dd .innfr {
  background-color: #C3D352;
  padding: 13px 10px 0px 10px;
  box-sizing: border-box;
  line-height: 1;
  font-size: 18px;
  margin-bottom: 13px;
  position: relative;
}

.hobbyedit dd .innfr:first-child {
  padding: 13px 10px 0 10px;
}

.hobbyedit dd input[type=text] {
  width: 460px;
  height: 44px;
  outline: none;
  resize: none;
  font-size: 16px;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 0 10px;
  line-height: 44px;
  margin-bottom: 13px;
  border: none;
}

.hobbyedit dd input[type=text]:first-child {
  margin-bottom: 0px;
}

.hobbyedit .txt {
  letter-spacing: normal;
  font-size: 16px;
}

.hobbyedit .txt a {
  color: #006837;
  font-weight: bold;
}

.hobbyedit .addbtn a {
  letter-spacing: 0;
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 32px;
  line-height: 32px;
  padding: 0 6px;
  width: 160px;
  text-decoration: none;
  vertical-align: top;
  text-align: center;
}

.hobbyedit .addbtn a:hover, .hobbyedit a.add:hover {
  opacity: 0.75;
}

.hobbyedit .addbtn {
  text-align: right;
}

.hobbyedit .ttl {
  font-size: 24px;
  margin-bottom: 0px;
}

.hobbyedit dd input {
  border: none !important;
  width: 424px;
  height: 44px;
  line-height: 44px;
  margin-bottom: 0px;
}

.hobbyedit dd a.del {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 10px;
  right: 10px;
  text-decoration: none;
  padding-right: 5px;
}

.hobbyedit dd .delw {
  border: 1px solid #B4B5B1;
  background-color: #FFF;
  color: #999999;
}

.hobbyedit dd .delb {
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
}

.hobbyedit dd .add+input {
  /*margin-bottom:10px !important;*/
}

.hobbyedit .btn input, .hobbyedit .btn a {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 24px;
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 300px;
  height: 60px;
  margin: 0 auto;
}

.hobbyedit .btn a {
  background-color: #757563;
  border: 1px solid #4D4D4D;
  text-decoration: none;
  float: left;
}

.hobbyedit .btn input {
  float: right;
}

.hobbyedit .btn {
  text-align: center;
  margin-bottom: 100px;
}

.hobbyedit .btn {
  width: 620px;
  margin: 30px auto 0 auto;
}


/*mail setting*/

.mailsetting dt {
  letter-spacing: normal;
  width: 556px;
  padding-right: 20px;
  text-align: left;
  box-sizing: border-box;
  font-size: 21px;
}

.mailsetting dd {
  width: 240px;
  padding-right: 0px;
  box-sizing: border-box;
  font-size: 21px;
}


/*---------------------------------------------------
my photo
----------------------------------------------------*/

.myphoto nav {
  padding: 0 0 20px 0;
}

.myphoto .maincategory li {
  width: 33.3333%;
}

.myphoto .item .userainforea {
  height: 270px;
}

.myfriendphoto .item .userainforea {
  height: 270px;
}

.myalbum .item .userainforea {
  height: 270px;
}

.myphoto .photonum {
  float: left;
  line-height: 36px;
}

.myphoto .uparea {
  margin-bottom: 20px;
}

.myphoto .uparea .upload {
  float: right;
  position: relative;
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
  width: 220px;
  cursor: pointer;
}

.myphoto .upload div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #757563;
  /*透明以外なら任意*/
}

.myphoto .upload:hover {
  opacity: 0.75;
}

.myphoto .upload input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.myphoto .maincategory a span span {
  display: none;
}

.myphoto .bbtns .del {
  background: #F6F6F0 url(../img/trash-s.png) center center no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 30px;
  float: right;
}


/*album*/

.myalbum .item .userinfo a {
  font-weight: normal;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  margin-top: 5px;
}

.myalbum .item .userainforea .userpic {
  width: 190px;
  height: 190px;
  margin: 0px;
  padding-bottom: 0;
  box-sizing: border-box;
}

.myalbum .btn a {
  float: right;
  display: block;
  position: relative;
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
  cursor: pointer;
  width: 270px;
  height: 64px;
  line-height: 64px;
  font-size: 24px;
}

.myalbum .btn a:hover {
  opacity: 0.75;
}


/*photo upload*/

.myphotoup .upfr {
  margin: 0 0px 40px 0px;
  font-size: 16px;
  padding: 10px;
  text-align: left;
  background-color: #CEE4F5;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

.myphotoup .upfr>span {
  display: block;
  font-size: 14px;
  margin-top: 10px;
}

.myphotoup .btn {
  text-align: center;
  margin-top: 30px;
}

.myphotoup .btn .upload {
  position: relative;
  overflow: hidden;
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 18px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin-left: 0px;
  width: 280px;
  cursor: pointer;
}

.myphotoup .upload div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #757563;
  /*透明以外なら任意*/
}

.myphotoup .upload:hover {
  opacity: 0.75;
}

.myphotoup .upload input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}


/*photo edit*/

.myphotoedit .userbox {
  margin-top: 0;
  margin-bottom: 10px;
}

.myphotoedit .userainforea {
  float: left;
  width: 210px;
  margin-top: 0px;
  box-sizing: border-box;
}

.myphotoedit .userpic {
  padding-bottom: 0;
}

.myphotoedit .usermenuarea {
  margin-left: 210px;
  padding-left: 0;
  padding-bottom: 40px;
  font-size: 16px;
  position: relative;
  min-height: 165px;
}

.myphotoedit .leftfr {
  min-height: 124px;
  margin-bottom: 30px;
}

.myphotoedit .usermenuarea h3 {
  padding-top: 0;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-right: 40px;
}

.myphotoedit .arrow-down {
  top: 0px;
  right: 0px;
}

.myphotoedit .usermenuarea .submenu {
  top: 15px;
  right: 15px;
}

.myphotoedit .userainforea .photonum {}

.myphotoedit .rightbtns {
  float: left;
  margin-top: 0px;
}

.myphotoedit .rightbtns a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
  vertical-align: top;
  width: 220px;
}

.myphotoedit .rightbtns .upload {
  /*display:block;*/
  position: relative;
  overflow: hidden;
  /*	width:200px;
	height:30px;
	border:2px solid #000;
*/
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
  width: 220px;
  cursor: pointer;
}

.myphotoedit .upload div {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #757563;
  /*透明以外なら任意*/
}

.myphotoedit .upload:hover {
  opacity: 0.75;
}

.myphotoedit .upload input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.mypage .item .userainforea .time {
  padding: 5px 0 10px 10px;
  font-size: 14px;
  display: block;
  color: #747463;
  position: relative;
}

.myphotoedit .item .userainforea {
  height: 270px;
}

.myphotoedit .bbtns, .myphoto .bbtns {
  padding: 0 10px;
}

.myphotoedit .bbtns a, .myphoto .bbtns a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: norma;
  background-color: #F6F6F0;
  border: 1px solid #B2B2B2;
  color: #000000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 30px;
  line-height: 30px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin-left: 0px;
  vertical-align: top;
}

.myphotoedit .bbtns .set {
  font-size: 14px;
  width: 130px;
  margin-right: 10px;
}

.myphotoedit .bbtns .nowset {
  color: #757563;
  border: 1px solid #D4D4B1;
  background-color: #FFF;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  font-size: 14px;
  width: 130px;
  margin-right: 10px;
}

.myphotoedit .bbtns .del, .myphoto .bbtns .del {
  background: #F6F6F0 url(../img/trash-s.png) center center no-repeat;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 30px;
}

.myphotoedit .btn {
  text-align: center;
}

.myphotoedit .btn input, .myphotoedit .btn a {
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 24px;
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 400px;
  height: 60px;
  margin: 0 auto;
}


/*---------------------------------------------------
information
----------------------------------------------------*/

.information .topnews .innerfr {
  min-height: inherit;
}

.information .topnews .userinfo a {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

.information .topnews .userinfo a:hover {
  text-decoration: underline;
}


/*---------------------------------------------------
top
----------------------------------------------------*/

.mainimg {
  margin-bottom: 40px;
}

.mainimg img {
  width: 100%;
  height: inherit;
}

.topiccolums {
  margin-right: -40px;
  letter-spacing: -.4em;
  margin-bottom: 20px;
}

.home .topiccolums {
  margin-right: 0px;
  letter-spacing: -.4em;
  margin-bottom: 20px;
}

.top .postlistttl .listbtn a {
  display: table-cell;
  background-color: #2a8a24;
  padding: 12px 20px 0px;
  height: calc(100% - 12px);
  line-height: 100%;
  font-size: 16px;
  color: #ffffff !important;
  font-weight: normal;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0 4px 4px 0;
  border-left: solid 1px #c5e762;
}
.top .postlistttl .listbtn a:hover {
  background-color: #8cd23c;
  color: #ffffff !important;
}

.top .postlistttl .listbtn {
  /* float: right; */
  /* height: auto; */
}

.top .postlistttl {
  /* height: 40px; */
  /* line-height: 40px; */
  padding-right: 0;
  /* overflow: hidden; */
}

.top .topiccolums .topnews {
  letter-spacing: 0.05em;
  margin: 0px;
  width: 47.5%;
  display: inline-block;
  vertical-align: top;
  height: 160px;
  position: relative；
}

.top .topiccolums .topnews dl {
  padding: 10px 10px 0px 10px;
  margin: 0px;
}

.top .topiccolums .topnews dt {
  float: none;
  /*width: 100%;*/
  background-color: #FFF;
  padding: 0px;
  box-sizing: border-box;
  width: 120px;
  height: 120px;
}

.top .topiccolums .topnews dt img {
  width: 100%;
  height: inherit;
}

.top .topiccolums .topnews .newmark {
  position: absolute;
  top: 15px;
  right: 16px;
  left: 15px;
  z-index: 100;
}

.top .topiccolums .topnews dd {
  position: relative;
  padding: 10px 0px 10px 0px;
  margin-left: 0px;
}

.top .topiccolums .topnews .time {
  position: absolute;
  bottom: 15px;
  left: 20px;
  padding: 0px 0 0 0;
  font-size: 14px;
  display: block;
  color: #747463;
}

.top .topiccolums .topnews h4 {
  font-size: 16px;
  font-weight: normal;
  padding: 0px 10px 0 10px;
  margin-bottom: 5px;
}

.top .topiccolums .topnews h3 {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 5px;
  padding: 0 10px 10px 10px;
}

.top .topiccolums .topnews h3 a {
  line-height: 1.3;
  color: #000;
  text-decoration: none;
}

.top .topiccolums .topnews h3 a:hover {
  text-decoration: underline;
}

.top .topiccolums .topnews .smanone {
  line-height: 1.5;
  padding: 0 10px 0 10px;
}

.top .postlistttl {
  letter-spacing: 0.05em;
}


/* NTN 追加 */

#banner1 {
  display: block;
  margin-right: 20px;
  float: left;
}

#banner2 {
  display: block;
  margin-bottom: 20px;
}


/***************************************/


/* スライダー */

.scontainer {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  border: 1px solid #CCC;
  box-sizing: border-box;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 820px;
  height: 250px;
  background-color: #FFF;
  z-index: 10000;
  margin-bottom: 48px;
}

.slide_all {
  width: 640px;
  margin: 0 auto;
  height: 350px;
  position: relative;
  padding-top: 16px;
  box-sizing: border-box;
}

.slide_wrap {
  width: 1920px;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}

.slide_body {
  width: 100%;
}

.slide {
  width: 620px;
  margin: 0 10px;
}

.bx-viewport {
  height: 250px;
}

.slide img {
  width: 100%;
  vertical-align: bottom;
}


/* 装飾 */

.bx-controls-direction, .bx-pager {
  text-align: center;
  height: auto;
  margin-top: 20px;
  position: absolute;
  bottom: -35px;
  width: 100%;
}

.bx-controls-direction {
  z-index: 1;
}

.bx-pager {
  z-index: 100;
}

.bx-controls-direction a, .bx-pager-item {
  display: inline-block;
}

.bx-pager-item a {
  display: block;
  height: 10px;
  width: 10px;
  text-indent: -9999px;
  background: #000;
  border-radius: 10px;
  margin: 10px 2px 0 2px;
}

.bx-pager-item a.active {
  opacity: 0.3;
}

.bx-controls-direction a {
  text-decoration: none;
  color: #000;
  padding: 0 5px;
}

.bx-controls {
  position: absolute;
  bottom: 5px;
  z-index: 100;
  width: 100%;
}


/**************************************/

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #FFF;
  border: 1px solid #757563;
  box-sizing: border-box;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 2px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background-color: #757563 !important;
  opacity: 1;
}


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  width: 79px;
  height: 248px;
  left: 0px;
  background: url(../img/arrowleft.png) no-repeat 0 0;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -220px;
  margin-right: 660px;
  margin-left: 0px;
  padding: 0;
}

.bx-wrapper .bx-next {
  width: 79px;
  height: 248px;
  right: 0px;
  background: url(../img/arrowright.png) no-repeat 0 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-top: -220px;
  padding: 0;
}

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
  opacity: 0.75;
}


/*--------------------------------
共通プロフィールエリア
---------------------------------*/

.prohead .userbox {
  margin-top: 20px;
}

.prohead .userbox .userainforea {
  float: left;
  width: 180px;
  margin-top: -78px;
  box-sizing: border-box;
  padding-right: 20px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  position: relative;
  background-color: transparent !important;
  margin-left: 0 !important;
  padding-bottom: 0px;
  font-size: 16px;
}

.prohead .userbox .userainforea .album {
  float: left;
  width: 180px;
  margin-top: 78px;
  box-sizing: border-box;
  padding-right: 20px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  position: relative;
  background-color: transparent !important;
  margin-left: 0 !important;
  padding-bottom: 0px;
  font-size: 16px;
  margin-left: 0 !important;
  padding-bottom: 0px;
  font-size: 16px;
}

.prohead .userbox .userainforea .btn1, .prohead .userbox .userainforea .userbox .btn2, .prohead .userbox .userainforea .btn3 {
  margin-bottom: 10px;
}

.prohead .userbox .userainforea .btn1 {
  float: none;
  margin-bottom: 10px;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  box-sizing: border-box;
  padding: 0;
}

.prohead .userbox .userainforea .followbtn, .prohead .userbox .userainforea .dis-followbtn, .prohead .userbox .userainforea .apply-followbtn {
  margin-bottom: 10px;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  box-sizing: border-box;
}

.prohead .userbox .userainforea .followbtn {
  border: 1px solid #DD6666;
  background-color: #F07966;
  color: #FFF;
}

.prohead .userbox .userainforea .dis-followbtn {
  border: 1px solid #B2B2B2;
  background-color: #FFF;
  color: #666666;
}

.prohead .userbox .userainforea .apply-followbtn {
  border: 1px solid #DD6666;
  background-color: #FFF;
  color: #DD6666;
}

.prohead .userbox .userainforea .followbtn span, .prohead .userbox .userainforea .dis-followbtn span, .prohead .userbox .userainforea .apply-followbtn span {
  width: 12px;
  height: 13px;
}

.prohead .userbox .userainforea .messagebtn {
  margin-bottom: 10px;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #4D4D4D;
  background-color: #757563;
  width: 100%;
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  box-sizing: border-box;
}

.prohead .userbox .userainforea .friendbtn {
  margin-bottom: 10px;
  -wborder-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #328883;
  background-color: #37A59B;
  width: 100%;
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  height: 32px;
  line-height: 34px;
  box-sizing: border-box;
}

.prohead .userbox .userainforea .userpic {
  padding-bottom: 26px;
  position: relative;
}

.prohead .userbox .userainforea .userpic span {
  border: 1px solid #DD6666;
  background-color: #F07966;
  color: #FFF;
  -wborder-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  box-sizing: border-box;
  position: absolute;
  width: 120px;
  height: 24px;
  left: 20px;
  top: 148px;
}

.prohead .userbox .userainforea .btnarea a:hover {
  opacity: 0.75;
}

.prohead .userbox .userttl {
  width: 100%;
  padding-left: 180px;
  box-sizing: border-box;
  position: relative;
}

.prohead .userbox .userttl h2 {
  float: left;
  padding-top: 0;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}

.prohead .userbox userttl .blockbtn {
  float: right;
  color: #747463;
  font-size: 14px;
  text-decoration: none;
  top: 0;
  position: absolute;
  display: block;
  right: 0;
}

.prohead .userbox .userttl .blockbtn:hover {
  color: #42210B !important;
}

.prohead .userbox .userttl h2 {
  display: block;
  height: 60px;
  float: left;
  padding-top: 0;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 23px;
  margin-right: 50px;
}

.prohead .userbox .usermenuarea {
  /*float:left;
	width:642px;*/
  margin-left: 180px;
  padding-bottom: 30px;
  padding-left: 0;
}

.prohead .maincategory li {
  width: 50%;
}

.prohead .maincategory a {
  box-sizing: border-box;
  padding: 0px 0 0 20px;
  display: block;
  background-color: #FFF;
  height: 52px;
  line-height: 52px;
  width: 97.5%;
  margin-right: 2.5%x;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: normal;
  /* box-shadow */
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

.prohead .maincategory a span {
  display: table-cell;
  width: 100%x;
  vertical-align: middle;
}

.prohead .maincategory a:hover {
  text-decoration: none;
  background-color: #42210B !important;
  color: #FFF;
}

.prohead .current-menu-item a {
  text-decoration: none;
  background-color: #42210B !important;
  color: #FFF;
}

.prohead .cornerlist li a:hover {
  background-color: #42210B;
  color: #FFF;
}

.prohead .cornerlist li a:hover i {
  color: #FFF;
}

.prohead .maincategory a i {
  text-align: right;
  display: table-cell;
  width: 20px;
  vertical-align: middle;
  padding-right: 10px;
  font-size: 18px;
  color: #666;
}

.prohead .maincategory a:hover i {
  color: #FFF;
}

.prohead .maincategory .current-menu-item a i {
  color: #FFF;
}


/*---------------------------------------------------
errorarea
----------------------------------------------------*/

.errorarea ul, .errorarea li {
  list-style: none;
}

.errorarea {
  background-color: #FFF;
  padding: 12px;
  color: #de2600;
  border: 1px solid #de2600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}


/*---------------------------------------------------
questionnaire
----------------------------------------------------*/

article.questionnaire {}

.questionnaire .fr {
  text-align: center;
  padding: 40px 120px;
}

.questionnaire .fr {
  background-color: #FFF;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 10px;
  webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.questionnaire .message .ttl {
  font-size: 24px;
  margin-bottom: 20px;
}

.questionnaire .message .cont {
  font-size: 18px;
  line-height: 1.8;
  padding: 40px 0;
}

.questionnaire .btn {
  text-align: center;
}

.questionnaire .btn a {
  text-decoration: none;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 24px;
  background-color: #757563;
  border: 1px solid #4D4D4D;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 60px;
  display: block;
  padding: 0px;
  text-align: center;
  width: 300px;
  height: 60px;
  margin: 40px auto 0 auto;
}


/*---------------------------------------------------
404
----------------------------------------------------*/

.notfound .contfr {
  text-align: center;
}

.notfound .contfr img {
  display: inline;
  margin-bottom: 20px;
}

.notfound .contfr .ttl {
  font-size: 24px;
  margin: 10px 0;
}

.notfound .contfr .subttl {
  font-size: 18px;
  margin-bottom: 40px;
}

.notfound .contfr .cont {
  font-size: 18px;
  line-height: 2.2;
}


/*---------------------------------------------------
sidebar news
----------------------------------------------------*/

.sidenews {
  border: 1px solid #006837;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 40px;
  background-color: #FFF;
  overflow: hidden;
  position: relative;
}

.sidenews .head {
  background-color: #006837;
  ;
  height: 35px;
  line-height: 35px;
  text-align: center;
  color: #FFF;
  font-size: 18px;
}

.sidenews .cont {
  padding: 20px;
}

.sidenews p {
  margin-bottom: 10px;
  font-size: 16px;
}


/* おすすめ記事 */

#recommend {
  margin: 0px 0px 20px 0px;
  padding: 10px;
  background-color: #FFF;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  position: relative;
}

#recommend h3 {
  font-size: 16px;
  font-weight: bold;
  color: #006737;
  border-bottom: solid 2px #CCC;
  margin: 0 0 5px 0;
}

#recommend ul {}

#recommend ul li {
  font-size: 14px;
  border-bottom: dashed 1px #CCC;
  padding: 0.5em 0 !important;
}

#recommend ul li:last-child {
  border-bottom: none;
  margin: 0;
}

#recommend ul li a {
  color: #008B8B;
  text-decoration: none;
}

#recommend ul li a:hover {
  text-decoration: underline;
  color: #05bdbd;
}


/*---------------------------------------------------
one column template
----------------------------------------------------*/

.page-template-page-1column2 header, .page-template-page-1column2 .sitename img {
  height: 40px;
}

.page-template-page-1column2 #content {
  padding: 0px 30px 30px 30px !important;
}


/*---------------------------------------------------
modalwindow
----------------------------------------------------*/

.modalwindow .mwfr .mwbtn {
  padding-top: 10px;
}

#modal-content-cdelete .mwfr a, #modal-content-tcreatebtn .mwbtn a, #modal-content-ttledit .mwbtn a {
  display: inline-block;
  box-sizing: border-box;
  font-weight: normal !important;
  font-size: 16px;
  background-color: #FFF;
  border: 1px solid #B2B2B2;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 200px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  margin: 0px 10px 0 10px;
}

#modal-content-cdelete .mwfr .deletebtn {
  display: inline-block;
  background-color: #C1272D;
  border: 1px solid #770000;
  color: #FFF;
}

#modal-content-cdelete .mwfr a:hover, #modal-content-tcreatebtn .mwbtn a:hover, #modal-content-ttledit .mwbtn a:hover {
  opacity: 0.75;
}

#modal-content-tcreatebtn #submitbtn2, #modal-content-ttledit #submitbtn2 {
  display: inline-block;
  margin: 0px 10px 0 10px;
}

#modal-content-tcreatebtn .tpttlinput, #modal-content-ttledit .tpttlinput {
  height: 66px;
  margin-bottom: 30px;
}

#modal-content-tcreatebtn .tpintroinput, #modal-content-ttledit .tpintroinput {
  height: 190px;
}

#modal-content-tcreatebtn .commentttl, #modal-content-ttledit .commentttl {
  font-size: 18px;
}

#modal-content-tcreatebtn.modalwindow {}

#modal-content-tcreatebtn .mwbtn input, #modal-content-ttledit .mwbtn input {
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
}

#modal-content-tcreatebtn #submitbtn2, #modal-content-ttledit #submitbtn2 {
  font-weight: bold;
}


/*トップ最新ニュースのサムネイル*/

.topnews .cover {
  display: inline-block;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 5px;
  width: 118px;
  height: 118px;
  border: 1px solid #ccc;
  background-size: cover;
}


/*RSS*/

.rss_box_L {
  display: block;
  margin-right: 20px;
  float: left;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.rss_box_R {
  display: block;
  margin-bottom: 20px;
  float: right;
  box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
}

.rss_title_box {
  background-color: #59B200;
  width: 400px;
  height: 30px;
}

.rss_title_box .rss_title {
  float: left;
  display: block;
  color: #FFF;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
}

.rss_title_box img {
  float: right;
  display: block;
}

.rss_feed {
  background-color: #FFF;
  padding: 5px;
  width: 390px;
}

.rss_feed .topic {
  width: 390px;
}

.rss_feed .topic .topic_img {
  float: left;
  margin: 3px 0px 0px 7px;
  display: block;
}

.rss_feed .topic .topic_cont {
  float: right;
  width: 370px;
  font-size: 0.8em;
}

.rss_feed .topic .topic_cont a {
  text-decoration: none;
}


/*media Queries タブレットサイズ
----------------------------------------------------*/

@media only screen and (max-width: 767px) {
  .rss_box_L {
    display: block;
    float: none;
    width: 95%;
    margin: 0px 10px 20px 10px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  }
  .rss_box_R {
    display: block;
    float: none;
    width: 95%;
    margin: 0px 10px 20px 10px;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 2px 1px;
  }
  .rss_title_box {
    background-color: #59B200;
    width: 100%;
    height: 30px;
  }
  .rss_feed {
    background-color: #FFF;
    padding: 5px 0px;
    width: 100%;
  }
  .rss_feed .topic {
    width: 100%;
  }
  .rss_feed .topic .topic_img {
    float: left;
    margin: 3px 0px 0px 7px;
    display: block;
    width: 4%;
  }
  .rss_feed .topic .topic_cont {
    float: right;
    width: 94%;
    font-size: 0.8em;
  }
  .rss_feed .topic .topic_cont a {
    text-decoration: none;
  }
  .sitename img {
    /* max-width: 250px;*/
    margin: 0 auto;
    height: 76px;
  }
  #side aside {
    margin: 1rem auto;
  }
  header {
    height: 75px;
    box-sizing: border-box;
    overflow: hidden;
  }
  #head {
    padding: 0 80px;
  }
  header .sitename {
    padding-top: 0px;
  }
  header .headad {
    display: none;
  }
  header .sitename {
    float: none;
    width: 240px;
    height: 75px;
    margin: 0 auto;
  }
  header .sitename:after {
    width: 315px;
    height: 90px;
    top: -15px;
    left: -45px;
  }
  .ad {
    float: left;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    padding: 0 5px 15px 5px;
  }
  .footad {
    display: none;
  }
  .sidead1 {
    /*display: none;*/
  }
  .sidearea {
    display: none;
  }
  #search {
    display: none;
  }
  ul.headmenu {
    display: none;
  }
  .maincategory {
    padding: 0 20px;
  }
  h2 {
    padding-left: 20px;
    margin-bottom: 0;
  }
  nav {
    margin-bottom: 40px;
  }
  nav li {
    position: relative;
    float: left;
    font-size: 13px;
    padding-left: 10px;
    display: inline;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box;
    width: 50%;
  }
  .footmenu {
    padding: 30px 0px;
  }
  .footmenu .fr {
    float: left;
    width: 33.3333%;
    text-align: left;
  }
  .footmenu .fr:first-child {
    float: left;
    width: 31.3333%;
    text-align: left;
    padding-left: 2%
  }
  .footmenu .fr-l {
    float: left;
    width: 33.3333%;
  }
  .footmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .footmenu li {
    margin-bottom: 5px;
  }
  .footmenu ul li a {
    color: #FFF;
    text-decoration: none;
    text-align: left;
  }
  .footmenu .fr-l ul {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .footmenu .fr-l .pmark {
    float: none;
    width: 71px;
    height: 71px;
		background: #fff;
  }
  .footmenu .fr-l .pmark a, .footmenu .fr-l .pmark a img {
    width: 71px;
    height: 71px;
		background: #fff;
  }
  main {
    margin: 0 0px 20px !important;
    padding: 20px 0;
  }
  #foot {
    padding: 0 20px;
  }
  /*--------------------------------
グローバルメニュー
---------------------------------*/
  .gmenu {
    height: 60px;
    box-sizing: border-box;
    border-bottom: 1px solid #BDD4B1;
    background-color: #FFF;
  }
  .gmenuinner {
    width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0px;
	height: 100%;
  }
  .gmenuinner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
  }
  .gmenuinner li {
    width: auto;
    float: none;
  }
  .gmenuinner li a {
    width: 100%;
    height: 64px;
    display: block;
    text-decoration: none;
    line-height: 64px;
    text-align: center;
    color: #006837;
    font-size: 21px;
  }
  .topmenu {
    display: none;
  }
  /**postlist**/
  .postlist main {
    padding-top: 0 !important;
  }
  .postlist .maincategory {
    padding: 0 0px;
  }
  .postlistttl {
    padding: 0px 20px;
    border-radius: 0px;
    height: 44px;
    line-height: 46px;
    font-size: 24px;
  }
  .userbox {
    margin-top: 0;
  }
  .userttl {
    width: 100%;
    padding-left: 180px;
    box-sizing: border-box;
    position: relative;
    height: 40px;
    margin-bottom: 0;
  }
  .userttl h2 {
    float: left;
    padding-top: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 50px;
  }
  .userttl .blockbtn {
    font-size: 16px;
    right: 20px;
  }
  .userttl .blockbtn:hover {
    color: #42210B !important;
  }
  .userainforea {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 20px 20px 30px 20px;
    margin: 0px;
    margin-top: 0px;
  }
  .userainforea:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .postlist .userainforea .btnarea>div {
    margin-bottom: 0px;
    float: left;
    width: 33.333%;
    box-sizing: border-box;
  }
  .userainforea .btnarea>div a {
    width: 100%;
    height: 48px;
    line-height: 50px;
  }
  .userainforea .btn1 {
    padding-right: 10px;
  }
  .userainforea .btn2 {
    padding-left: 10px;
  }
  .userainforea .btn1, .userainforea .btn2, .userainforea .btn3 {
    margin-bottom: 0px;
  }
  .userainforea .btn1 a, .userainforea .btn2 a, .userainforea .btn3 a {
    margin-bottom: 0px;
  }
  .userainforea .userpic {
    padding-bottom: 0px;
    width: 160px;
    float: left;
    margin-top: -140px;
  }
  .postlist .userainforea .btnarea {
    padding-left: 0px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-top: 30px;
  }
  .userainforea .btnarea:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .usermenuarea {
    /*float:left;
	width:642px;*/
    padding: 0 20px;
    margin-bottom: 20px;
  }
  /**blog　entry*************/
  .blogentry .blogcolumn dl {
    margin-left: -30px;
    margin-right: -30px;
    padding-right: 0;
  }
  .postlist .topnews .smanone {
    font-size: 21px;
  }
  .blogentry .blogcolumn .smanone {
    margin-left: -30px;
    margin-right: -30px;
  }
  .blogentry .commentinput .inputarea textarea {
    font-size: 24px;
  }
  .postlist .topnews .innerfr {
    padding: 20px 20px 20px 50px;
    margin: 0 px 0px 0px;
    position: relative;
    z-index: 0;
  }
  .innerfr {
    z-index: 0 !important;
  }
  .postlist .topnews .userinfo a {
    font-size: 21px;
    text-decoration: underline;
    color: #006737;
    font-weight: bold;
  }
  .postlist .topnews .userinfo {
    font-size: 21px;
  }
  .postlist .iineuser img {
    display: none;
  }
  .postlist .topnews .columnbottom {
    /* padding: 6px 12px 0 12px; */
  }
  .columnbottom .iinebtn, .columnbottom .dis-iinebtn {
    width: 160px;
    height: 36px;
    line-height: 38px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 16px;
    font-size: 18px;
  }
  .columnbottom .dis-iinebtn {
    font-size: 16px;
  }
  .postlist .topnews .smanone {
    margin-bottom: 20px;
  }
  .columnbottom .iinetext {
    margin-left: 4px;
    font-size: 18px;
  }
  .postlist .topnews .clink {
    position: relative;
    text-align: right;
    top: 0;
    right: 0;
  }
  .postlist .topnews .clink a {
    box-sizing: border-box;
    width: 160px;
    height: 40px;
    text-align: center;
    padding-right: auto;
    font-size: 18px;
    top: 0;
    margin: 0 0 0 auto;
  }
  .columnbottom .iinecomment {
    float: none;
    position: absolute;
    left: 70px;
    bottom: 70px;
    padding-top: 10px;
  }
  .columnbottom .iinecomment a, .columnbottom .iinecomment span {
    font-size: 18px;
  }
  .postlist .topnews .time {
    padding-top: 0;
  }
  .topad {
    text-align: center;
    margin: 0px 0 0 0;
    background-color: #FFF;
    letter-spacing: -.40em;
    padding: 20px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #D4D4B1;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
  }
  .topad a {
    text-align: center;
    letter-spacing: normal;
    margin: 0 1%;
    width: 47.5%;
    display: inline-block;
  }
  .topad a img {
    display: inline;
    width: 100%;
    height: inherit;
  }
  .userainforea .followbtn span, .userainforea .dis-followbtn span, .userainforea .messagebtn span, .userainforea .friendbtn span {
    font-size: 18px;
  }
  .postlist .maincategory a {
    font-size: 21px;
    height: 70px;
    line-height: 70px;
  }
  .postlist .topnews h3 {
    font-size: 24px;
  }
  .postlist .topnews .smanone, .postlist .topnews .smanone p {
    font-size: 21px;
  }
  .commentinput .commentbottom .commentbtn a {
    /* font-weight: bold !important; */
  }
  .commentttl .rightbtns a {
    font-size: 18px;
    font-weight: bold;
  }
  .commentttl .rightbtns a span {
    display: none;
  }
  .commentttl .rightbtns .upload {
    width: 112px;
  }
  .commentttl .rightbtns .upload span {
    display: none;
  }
  .arrow-down {
    width: 40px;
    height: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    line-height: 40px;
    font-size: 18px;
    top: 10px;
    right: 10px;
  }
  .publication-range {
    font-size: 14px;
    width: 130px;
    float: right;
    position: static;
  }
  .publication-range div {
    padding: 3px 10px;
    border-radius: 11px;
  }
  .tweetcolumn .publication-range.editable {
    right: 20px;
    top: 70px;
  }
  /*submenu*/
  .topnews .submenu, .usermenuarea .submenu {
    width: 280px;
  }
  .topnews .submenu li a, .usermenuarea .submenu li a {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
  }
  /*modal window*/
  .modalwindow {
    width: 100%;
  }
  #modal-content-report {}
  #modal-content-myphoto {
    top: 5% !important;
    height: auto;
  }
  /*for photo*/
  .modalwindow .mwcont .photoarea {
    box-sizing: border-box;
    width: 100%;
    height: 400px;
    overflow: auto;
  }
  .modalwindow .mwcont .photoarea .photofr {
    width: 97%;
    overflow: hidden;
  }
  .modalwindow .mwcont .photoarea .photoinner {
    margin-right: -25px;
  }
  .modalwindow .mwcont .photoarea .pitem {
    float: left;
    width: 160px;
    height: 160px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .modalwindow .modal-close {
    width: 40px;
    height: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    line-height: 40px;
    font-size: 18px;
    top: -20px;
    right: -20px;
  }
  .modalwindow .button-link {
    width: 40px;
    height: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    line-height: 40px;
    font-size: 18px;
    top: -20px;
    right: -20px;
  }
  .modalwindow .mwcontinner {
    font-size: 21px;
  }
  .modalwindow .mwttl {
    font-size: 28px;
  }
  .modalwindow .mwcont {
    font-size: 120%;
  }
  .modalwindow .mwbtn input,
  .modalwindow .mwcomp a, .modalwindow a.wclose {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    width: 80%;
  }

  .modal-inner {
    width: 90%;
    /*height:334px;*/
    margin: 0 auto;
    box-sizing: border-box;
    padding: 12px;
    background-color: #E6E6E6;
    position: relative;
  }
  #modal-content-myphoto .mwbtn input {
    width: 240px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
    font-weight: bold;
  }

  /*bloginput*/
  .bloginput .commentinput .commentbottom, .tweetinput .commentinput .commentbottom {
    height: auto;
    padding: 30px 0 40px 0;
  }
  /*bloginput*/
  .bloginput .postlistttl, .tweetinput .postlistttl {
    height: 44px;
    line-height: 44px;
  }
  .bloginput .commentinput .inputarea textarea {
    font-size: 24px;
  }
  .bloginput .commentinput .inputarea .ttlinput, .tweetinput .commentinput .inputarea .ttlinput {
    font-size: 24px;
  }
  .bloginput .commentinput .commentbottom .commentsubmit, .tweetinput .commentinput .commentbottom .commentsubmit, .circlecreate .commentinput .commentbottom .commentsubmit {
    font-size: 32px;
    height: 64px;
    line-height: 64px;
    width: 300px;
    text-align: center;
    margin: 0 auto;
    font-weight: bold;
  }
  .bloginput .btnsfr .upload span, .bloginput .btnsfr a span, .tweetinput .btnsfr .upload span, .tweetinput .btnsfr a span, .circlecreate .btnsfr .upload span {
    display: none;
  }
  .bloginput .upload, .tweetinput .upload, .circlecreate .upload {
    width: 48.5% !important;
    font-size: 24px !important;
    font-weight: bold;
    height: 64px !important;
    line-height: 64px !important;
  }
  .bloginput .btnsfr a, .tweetinput .btnsfr a, .circlecreate .btnsfr a {
    margin-right: 0px;
    width: 48.5%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    height: 64px;
    line-height: 64px;
  }
  .bloginput .btnsfr .catetxt, .tweetinput .btnsfr .catetxtt, .circlecreate .btnsfr .catetxt {
    margin-right: 4px;
    font-size: 21px;
    width: 68%;
    height: 64px;
    border: 1px solid #999999;
    box-sizing: border-box;
    line-height: 64px;
    padding: 0 10px;
  }
  .bloginput .btnsfr .addsubmit, .tweetinput .btnsfr .addsubmit, .circlecreate .btnsfr .addsubmit {
    font-size: 24px;
    font-weight: bold;
    width: 30%;
    margin: 0;
    height: 64px;
    line-height: 64px;
  }
  .bloginput .btnsfr select, .tweetinput .btnsfr select, .circlecreate .btnsfr select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 24px;
  }
  .bloginput .btnsfr .f-arrow {
    padding: 4px 0px;
    font-size: 18px;
    display: block;
    text-align: center;
  }
  .bloginput .btnsfr .f-arrow:after {
    content: "\0025b2";
  }
  .tweetinput .commentinput .inputarea .continput {
    height: 210px;
  }
  .bloginput .commentinput .inputarea textarea, .tweetinput .commentinput .inputarea textarea, .circlecreate .commentinput .inputarea textarea {
    font-size: 24px;
  }
  /*---------------------------------------------------
サークル
----------------------------------------------------*/
  .circle .userainforea {
    padding: 0px 0px 30px 20px;
  }
  .circle .userainforea .userpic {
    width: 210px;
    margin-top: 0;
    float: none;
  }
  .circle .usermenuarea {
    margin-left: 230px;
    padding-left: 0px;
    font-size: 24px;
    padding-bottom: 20px;
  }
  .circle h2 {
    padding-left: 0px;
  }
  .circle .arrow-down {
    right: 20px;
  }
  .circle .userainforea .circlestatus {
    float: none;
    width: 32px;
    height: 32px;
  }
  .circle .userainforea .btnarea {
    padding-left: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 40px;
    margin-bottom: 20px;
  }
  .circle .userainforea .btn1 {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 20px;
  }
  .circle .c-topicarea {
    clear: both !important;
    padding-left: 0px !important;
  }
  .circle .userainforea .btnarea:after {
    display: none;
  }
  .circle .userainforea .btnarea>div {
    float: none;
    width: auto;
    box-sizing: border-box;
  }
  .circle .statusarea {
    font-size: 18px;
  }
  .circle .postlistttl .topicbtn a {
    font-size: 21px;
  }
  .circle .usermenuarea .submenu {
    top: 20px;
    right: 40px;
  }
  .circle .c-topicarea dl {
    padding: 0px;
    margin-bottom: -20px;
  }
  .circle .c-topicarea dt {
    float: left;
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 24px;
    width: 170px;
    line-height: 1.3;
  }
  .circle .c-topicarea dd {
    padding: 0 0 0 170px;
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 1.3;
  }
  .circle .c-topicarea .c-apply, .circle .c-topicarea .c-hide {
    margin: 0 20px;
    font-size: 24px;
  }
  /*create*/
  .circlecreate .contfr h2 {
    padding: 0 20px;
  }
  .circlecreate .btnsfr .txt span {
    line-height: 1.8 !important;
  }
  .circlecreate .c-ttlinput {
    font-size: 24px !important;
  }
  .circlecreate .c-continput {
    font-size: 24px;
  }
  .circlecreate .commentinput .commentbottom .commentsubmit {
    width: auto;
    margin-bottom: 105px;
  }
  .circlecreate .commentbtn .btmbtn {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 40px;
  }
  .circlecreate .commentbtn a {
    padding: 0 40px;
    margin: auto;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
  }
  .circlecreate .commentbottom .tpbtn {
    margin-bottom: 105px;
  }
  .circlecreate .c-message {
    font-size: 24px;
    line-height: 1.5;
    padding: 30px 24px 0px 24px;
    text-align: center;
  }
  /**circlelist******/
  .circlelist h2 {
    margin-bottom: 0px;
    padding: 5px 0 20px 20px;
  }
  .circlelist .contfr {
    margin-top: 0;
  }
  .circlelist .btnsfr .catetxt {
    margin-top: 1px;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 21px;
    width: 67.5%;
    height: 64px;
    border: 1px solid #999999;
    box-sizing: border-box;
    line-height: 64px;
    padding: 0 10px;
  }
  .circlelist .btnsfr .addsubmit {
    vertical-align: middle;
    font-size: 24px;
    font-weight: bold;
    width: 30%;
    margin: 0;
    height: 64px;
    line-height: 64px;
  }
  .circlelist .btnsfr select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 10px;
    font-size: 24px;
    margin-bottom: 10px;
  }
  .circlelist .helplink {
    float: none;
    padding: 15px 15px 10px 15px;
    background-color: #F5C59A;
    margin-bottom: 20px;
  }
  .circlelist .helplink a {
    font-size: 21px;
    margin: 0 50px 0 0;
    vertical-align: middle;
  }
  .circlelist .helplink a i {
    font-size: 34px;
    vertical-align: middle;
  }
  .circlelist .maincategory {
    padding: 0;
  }
  .circlelist .maincategory a {
    height: 70px;
    line-height: 70px;
    font-size: 21px;
  }
  .c-createbtn {
    padding-left: 18px !important;
    width: 300px;
    float: none;
    display: block;
    margin: 0px auto;
  }
  .c-createbtn a {
    width: 300px;
    font-size: 18px !important;
    font-weight: bold !important;
    ;
    padding: 0 !important;
    margin: 15px 0 0 0 !important;
  }
  .circlelist .commentinner nav {
    padding-bottom: 0px;
    margin-bottom: 30px;
  }
  .circlelist .btnsfr label {
    display: none;
  }
  .circlelist .example {
    padding: 0 0px 20px 20px;
  }
  .circlelist .example>span {
    margin-right: 25px;
  }
  .circlelist .example span {
    font-size: 16px;
  }
  .circlelist .example img {
    margin-right: 5px;
  }
  .circlelist .example {
    margin: 5px 0 10px 0;
  }
  .circlelist .c-fr {
    padding: 0 20px;
  }
  .circlelist .c-fr>div {
    margin-right: 0;
  }
  .circlelist .item {
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .circlelist .item .userainforea {
    box-sizing: border-box;
    width: 100%;
    padding: 0px 20px 0px 0px !important;
  }
  .circlelist .item .userainforea .userpic span {
    top: 155px;
  }
  .circlelist .item .userainforea .userpic {
    width: 210px;
    margin-top: 0;
    float: left;
    padding-bottom: 0;
  }
  .circlelist .userainforea .txt {
    padding-top: 20px;
    font-size: 24px;
    min-height: 99px;
    margin-bottom: 15px;
  }
  .circlelist .item .userainforea .circlestatus img {
    width: 100% !important;
    height: inherit;
  }
  .circlelist .item .userainforea .btnarea {
    padding-left: 210px;
    box-sizing: border-box;
    margin-top: 0px;
    padding-bottom: 0px;
    float: none;
  }
  .circlelist .item .userainforea .circlestatus {
    width: 36px !important;
    height: 36px;
    margin: 0px 0 20px 0px;
    float: left !important;
  }
  .circlelist .followbtn, .circlelist .dis-followbtn, .circlelist .apply-followbtn {
    width: 180px !important;
    margin-bottom: 0;
    height: 36px !important;
    line-height: 36px !important;
  }
  .circlelist .userainforea .btn1 {
    box-sizing: border-box;
    float: right !important;
    width: auto !important;
    /* width: 158px; */
    padding-right: 0px;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .circletopic .topnews .columnbottom {
    height: 48px;
    border-top: 1px solid #CCCCCC;
    padding: 6px 12px 0 12px;
    background-color: #E9E9D7;
    box-sizing: border-box;
  }
  .circletopic .iineuser img {
    display: none;
  }
  .circletopic .topnews h3 {
    font-size: 24px;
  }
  .circletopic .topnews .userinfo a {
    font-size: 21px;
    text-decoration: underline;
    color: #006737;
    font-weight: bold;
  }
  .circletopic .topnews .smanone, .circletopic .topnews .smanone p {
    font-size: 21px;
  }
  .circletopic .topnews .smanone {
    padding-left: 0;
    margin: 0 -15px 0px -15px;
  }
  .circletopic .topnews .userinfo {
    font-size: 21px;
  }
  .topiccolumn, .topicnumber {
    margin: 0 20px 20px 20px !important;
  }
  .deletemessage {
    padding-left: 40px;
  }
  .postlist .columnbottom .iinecomment, .circletopic .columnbottom .iinecomment {
    display: block;
    position: relative;
    float: right;
    left: auto;
    bottom: auto;
    padding-top: 0px;
  }
  .postlist .columnbottom .iinecomment a, .circletopic .columnbottom .iinecomment a, .commentinput .commentbottom .commentbtn a {
    min-width: 80px;
    padding: 0 16px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
  }
  .circletopic .userainforea .userpic {
    padding-bottom: 0px;
    width: 90px;
    float: none;
    margin-top: 0px;
  }
  .circletopic .userainforea {
    float: left;
    width: 130px;
    margin-top: 0px;
    box-sizing: border-box;
    padding: 0px 0px 0px 20px;
  }
  .circletopic .usermenuarea h2 {
    font-size: 24px;
  }
  .circletopic .replyarea {
    font-size: 18px;
  }
  .circletopic .commentinput .inputarea textarea {
    font-size: 21px;
  }
  .circletopic .pcnum {
    display: none;
  }
  .circletopic .p-top {
    display: none;
  }
  .circletopic .spnum {
    display: inline;
    font-size: 24px;
  }
  .circletopic .spnum span {
    font-size: 24px !important;
    font-weight: normal;
  }
  .circletopic .follower {
    width: 100%;
  }
  .paging .pagenum span {
    border: none !important;
  }
  .paging .prebtn, .paging .nextbtn {
    margin: 0 20px;
  }
  .circletopic .follower {
    width: 50%;
    margin: 0;
    box-sizing: border-box;
    padding-left: 10px;
    min-height: 60px;
  }
  .circleadmin .follower {
    min-height: 78px;
  }
  .circletopic .follower .userinfo {
    line-height: 1;
  }
  .circletopic .follower .userinfo a {
    font-size: 18px;
  }
  .circletopic .follower .admininfo span, .circletopic .follower .admininfo a {
    font-size: 16px;
  }
  .circletopic .follower dd {
    position: relative;
    padding: 0 0px 10px 0px;
    margin-left: 58px;
  }
  /*---------------------------------------------------
マイページ
----------------------------------------------------*/
  /*top*/
  .mypage .postlistttl {
    padding-right: 0;
    overflow: hidden;
    height: auto;
    line-height: 1.2;
  }
  .mypage .postlistttl>span {
    display: block;
    float: left;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .mypage .postlistttl>span span {
    display: block;
  }
  .mypage .postlistttl .listbtn {
    float: right;
  }
  .mypage .postlistttl .listbtn a {
    font-size: 21px;
    border-radius: 0;
  }
  .mypage .twoline .listbtn a {
    /*height: 70px;
    line-height: 70px;*/
  }
  .mypage .comment .innerfr {
    padding: 20px 20px 20px 20px;
  }
  .mypage .myblock {
    padding: 0px;
    margin-bottom: 40px;
    font-size: 150%;
  }
  .mypage .myblock .c-fr {
    padding: 0 20px;
  }
  .mypage .item {
    width: 270px;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  .mypage .item .userainforea {
    width: 270px;
    height: 360px;
  }
  .mypage .item .userainforea .userpic {
    width: 240px;
    height: 240px;
    margin: 15px;
    padding-bottom: 0;
    box-sizing: border-box;
  }
  .mypage .item .userainforea .userpic a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
  }
  .mypage .item .userinfo a {
    font-size: 21px;
  }
  .mypage .topnews {
    margin-bottom: 20px;
  }
  .mypage h2 {
    font-size: 28px;
    font-weight: normal;
    padding: 0 0 0.5em 1em;
  }
  .mscolumn .innerfr {
    padding: 20px 20px 20px 20px !important;
    margin: 0 px 0px 0px;
  }
  .mscolumn .clink a {
    width: 200px !important;
    padding: 0px !important;
  }
  .msdcolumn .innerfr {
    padding: 20px 40px 0px 20px !important;
  }
  .mypage .commentinput .inputarea textarea {
    font-size: 21px;
  }
  /* message detail */
  .msdcolumn {
    max-height: 600px;
  }
  /*mygollower*/
  .myfollower .myblock, .myfriend .myblock {
    padding-bottom: 20px;
    margin-right: 20px;
    box-sizing: border-box;
    padding-right: 20px;
  }
  .mypage .follower {
    width: 100%;
    margin-bottom: 10px;
  }
  .myfollower .follower {
    width: 100%;
    margin-bottom: 15px;
  }
  .myfriend .follower {
    width: 100%;
    margin-bottom: 15px;
  }
  .mypage .follower .innerfr {
    min-height: inherit !important;
    padding: 10px !important;
  }
  .mypage .follower .innerfr dl {
    padding-left: 0;
  }
  .follower a {
    line-height: 1.2;
  }
  .mypage .follower dd {
    padding-bottom: 0;
  }
  /*my folower entry */
  .myfollower .topnews .columnbottom, .myfriend .topnews .columnbottom {
    padding: 4px 12px 0 12px;
    text-align: right;
  }
  .myfollower .topnews .columnbottom .iinecomment, .myfriend .topnews .columnbottom .iinecomment {
    display: block;
    position: relative;
    left: auto;
    bottom: auto;
    padding-top: 0px;
  }
  .myfollower .columnbottom .iinecomment a, .myfriend .columnbottom .iinecomment a {
    height: 36px;
    line-height: 36px;
    width: 140px;
    font-size: 18px;
  }
  .myfollower .circleinfo {
    font-size: 21px;
  }
  .myfollower .myblock {}
  .myfollower .noentrymessage, .myfriend .noentrymessage {
    font-size: 21px;
    margin-left: 20px;
    width: 100%;
  }
  /*---------------------------------------------------
仲間を探す
----------------------------------------------------*/
  .friendsearch .columnbottom .iinecomment a.approval {
    font-size: 18px;
    width: 160px;
    height: 36px;
    line-height: 36px;
  }
  .friendsearch .txt {
    font-size: 21px;
    padding: 0 20px;
    letter-spacing: 0;
  }
  .friendsearch .nicnamesearch {
    margin: 0 20px 20px 20px;
  }
  .friendsearch .nicnamesearch .sbox {
    width: 398px;
    font-size: 21px;
  }
  .friendsearch .nicnamesearch .addsubmit {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin-right: 0;
    margin-top: 2px;
  }
  .friendsearch .invitationbtn {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    padding: 0 10px;
    margin: 20px 0px 20px 0px;
    letter-spacing: 0;
  }
  /*---------------------------------------------------
registration
----------------------------------------------------*/
  article.regist {
    margin-right: 0px;
  }
  .regist .topnews {
    font-size: 21px;
  }
  .regist .topnews p {
    font-size: 21px;
    line-height: 1.5;
  }
  .regist h2 {
    font-size: 24px;
  }
  .regist .fr {
    padding: 16px 12px;
    margin: 0 20px 20px 20px;
  }
  .regist dl {}
  .regist dt, .regist dd {
    display: block;
    width: 100%;
    line-height: 1;
  }
  .regist dt {
    width: 100%;
    padding-right: 0px;
    text-align: center;
    box-sizing: border-box;
    font-size: 28px;
    margin-bottom: 16px;
  }
  .regist dd.c1 {
    width: 100%;
    padding-right: 0px;
    box-sizing: border-box;
    font-size: 28px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
  .regist dd.c2 {
    width: 100%;
    box-sizing: border-box;
    font-size: 24px;
    text-align: center;
    padding: 0 10px;
  }
  .regist dt span, .regist dd.c2 span {
    color: #C0262C;
    font-size: 24px;
  }
  .regist dd.c2 .p1 {
    display: none;
  }
  .regist dd.c2 .p2 {
    display: block;
  }
  .regist dd input[type=text], .regist dd input[type=password] {
    width: 100%;
    height: 84px;
    border: 10px solid #C3D352;
    outline: none;
    resize: none;
    font-size: 24px;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 10px;
  }
  dd .note {
    font-size: 21px;
    line-height: 1.2;
    margin: 10px 0;
  }
  .regist dd .innfr {
    background-color: #C3D352;
    padding: 13px 10px;
    box-sizing: border-box;
    line-height: 1;
    font-size: 21px;
  }
  .regist dd .innfr span {
    margin: 0 10px 0 10px;
    line-height: 60px;
  }
  .regist dd.c1 input[type=radio] {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 8px;
  }
  .regist dd.c1 label {
    vertical-align: middle;
    margin-right: 110px;
    line-height: 42px;
    font-size: 24px;
  }
  .regist dd select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
  }
  .regist dd.c2 select {
    margin-top: 5px;
  }
  .regist dd .birth select {
    width: 120px;
    height: 60px;
    line-height: 60px;
  }
  .agreement {
    width: auto;
    height: 300px;
    border: 1px solid #B2B2B2;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    borderｒ-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: #FFF;
  }
  .agreementinner {
    width: 99.5%;
    height: 294px;
    overflow: auto;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    background-color: #FFF;
    font-size: 18px;
    margin: 2px auto;
  }
  .regist .btn {
    text-align: center;
  }
  .regist .btn input {
    font-size: 24px;
    background-color: #009245;
    border: 1px solid #006837;
    line-height: 60px;
    width: 400px;
    height: 60px;
    float: none;
    margin: 0 auto;
  }
  /*confirm*/
  .confirmitem {
    line-height: 84px;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 0 10px;
    width: 100%;
    height: 84px;
    font-size: 24px;
  }
  .confirm .btn .backbtn {
    float: none;
    margin: 0 auto;
    padding: 40px 0;
    width: 400px;
  }
  .confirm .btn .backbtn a {
    width: 400px;
    display: block;
    margin-bottom: 40px;
  }
  .confirm .btn .backbtn i {
    argin-right: 10px;
  }
  .confirm .btn {
    margin-top: 30px;
  }
  .confirm .txt {
    margin-bottom: 20px;
    padding: 0 20px;
    font-size: 21px;
  }
  /*complete*/
  .complete .message .cont {
    font-size: 21px;
  }
  .complete .btn a {
    width: 400px;
  }
  .complete .fr {
    padding: 16px 20px;
  }
  /*login*/
  article.login {
    margin-right: 0px;
  }
  .login .loginarea, .login .registarea {
    display: block;
    width: 100%;
    ;
    margin-right: 0px;
    margin-left: 0px;
  }
  .login .loginarea .fr, .login .registarea .fr {
    margin: 0 20px 20px 20px;
    height: auto;
  }
  .login .messagearea {
    margin-bottom: 20px;
  }
  .login .fr .ttl {
    margin-bottom: 20px;
  }
  .login .loginarea .fr {
    padding-left: 10px;
    padding-right: 10px;
  }
  .login .loginarea dt {
    display: none;
  }
  .login .loginarea dd {
    width: 100%;
    text-align: center;
    font-size: 18px;
  }
  .login .loginarea dd input {
    width: 100%;
    height: 60px;
    font-size: 24px;
    line-height: 60px;
  }
  .login .loginarea dd input[type=password] {
    margin: 20px 0 0 0;
  }
  .login .btn input, .login .btn a {
    width: 400px !important;
    font-weight: bold !important;
  }
  .login .registarea .txt {
    font-size: 18px;
  }
  /*remider*/
  article.reminder {
    margin-right: 0px;
    text-align: center;
  }
  .reminder .nobfr {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .reminder .nobfr .txt {
    font-size: 24px;
  }
  .remindercomp .nobfr .txt {
    text-align: left;
  }
  .reminder h2 {
    font-weight: normal;
  }
  .reminder .nobfr dt, .reminder .nobfr dd {
    width: 100%;
    text-align: center;
    font-size: 24px;
  }
  .reminder .nobfr dt {
    margin-bottom: 0px
  }
  .reminder .nobfr dd input {
    width: 100%;
    height: 60px;
    font-size: 24px;
  }
  .reminder .nobfr dd select {
    height: 60px;
    font-size: 24px;
  }
  .reminder dd select.f {
    width: 150px;
  }
  .reminder dd select.t {
    width: 100px;
  }
  .reminder .btn input {
    width: 400px;
    font-weight: bold !important;
    margin-top: 40px;
  }
  /*---------------------------------------------------
profile
----------------------------------------------------*/
  .profile .ttl {
    font-size: 28px;
    margin-bottom: 16px;
  }
  .profile .basictbl {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 24px;
  }
  .profile th, .profile td {
    vertical-align: top;
    font-size: 21px;
    width: 50%;
    box-sizing: border-box;
    border-bottom: 1px solid #B2B2B2;
    padding: 14px;
  }
  .profile th {
    font-weight: normal;
    background-color: #E0EAA1;
    text-align: right;
    width: 50% !important;
  }
  .profile td {
    border-left: none;
    width: 50%;
  }
  .profile .topnews .innerfr {
    padding: 20px;
  }
  .profile .txt {
    font-size: 21px;
    margin-bottom: 24px;
  }
  /*edit*/
  .profileedit h2 {
    font-size: 24px;
  }
  .profileedit .fr {
    padding: 16px 12px;
    margin: 0 20px 20px 20px;
  }
  .profileedit dt {
    width: 100%;
    padding-right: 0px;
    text-align: center;
    box-sizing: border-box;
    font-size: 28px;
    margin-bottom: 16px;
  }
  .profileedit dt, .profileedit dd {
    display: block;
    width: 100%;
    line-height: 1;
  }
  .profileedit dd input[type=text], .profileedit dd input[type=password] {
    width: 100%;
    height: 84px;
    border: 10px solid #C3D352;
    outline: none;
    resize: none;
    font-size: 24px;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 10px;
  }
  .profileedit dd .note {
    text-align: center;
    font-size: 24px;
  }
  .profileedit .p-image .btns .upload {
    display: block;
    box-sizing: border-box;
    font-weight: normal !important;
    font-size: 24px;
    background-color: #757563;
    border: 1px solid #4D4D4D;
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    margin-left: 20px;
    width: 240px;
    cursor: pointer;
  }
  .profileedit .p-image .btns .delbtn {
    font-size: 21px;
  }
  .profileedit dd .txt {
    font-size: 21px;
    line-height: 1.3;
    padding: 20px 0 20px 0;
  }
  .profileedit dd select {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    box-sizing: border-box;
    padding: 0 0 0 10px;
  }
  .profileedit dd .setting {
    padding: 10px 10px 0 10px;
  }
  .profileedit dd label {
    font-size: 24px;
  }
  .profileedit dd .birth select {
    width: 120px;
    height: 60px;
    line-height: 60px;
  }
  .profileedit dd .innfr span {
    margin: 0 10px 0 10px;
    line-height: 60px;
  }
  .profileedit dd textarea {
    width: 100%;
    height: 265px;
    border: 10px solid #C3D352;
    outline: none;
    resize: none;
    font-size: 24px;
    line-height: 1.3;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 10px;
  }
  .profileedit .btn input {
    font-size: 24px;
    background-color: #009245;
    border: 1px solid #006837;
    line-height: 60px;
    width: 400px;
    height: 60px;
    float: none;
    margin: 0 auto;
  }
  .profileedit .btn .backbtn {
    float: none;
    margin: 0 auto;
    padding: 40px 0;
    width: 400px;
  }
  .profileedit .btn .backbtn a {
    width: 400px;
    display: block;
    margin-bottom: 40px;
  }
  .profileedit .btn {
    margin-top: 30px;
    margin-bottom: 50px !important;
    text-align: center;
  }
  .profileedit .confirmitem {
    width: 100%;
  }
  .basicedit dd .note {
    text-align: left;
  }
  .basicedit .txt {
    font-size: 21px;
    padding: 0 20px;
  }
  .basicedit dd .tel input, .basicedit dd .postal input[type=text] {
    width: 135px;
    border: none;
    height: 64px;
    font-size: 24px;
  }
  .basicedit dd .postalbtn input {
    width: 100%;
    font-size: 24px;
    height: 60px;
  }
  .basicedit dd .innfr span {
    margin: 0 5px 0 5px;
    line-height: 60px;
    font-size: 24px;
  }
  .profileedit dt span {
    font-size: 28px;
  }
  .basicedit dd .note {
    font-size: 21px;
  }
  /*hobby*/
  .hobbyedit .fr {
    padding: 16px 12px;
    margin: 0 20px 20px 20px;
  }
  .hobbyedit dt, .hobbyedit dd {
    display: block;
    width: 100%;
    line-height: 1;
  }
  .hobbyedit dt {
    width: 100%;
    padding-right: 0px;
    text-align: center;
    box-sizing: border-box;
    font-size: 28px;
    margin-bottom: 16px;
  }
  .hobbyedit .ttl {
    padding: 0 20px 10px 20px;
  }
  .hobbyedit dd a.del {
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    top: 10px;
    right: 10px;
    padding-right: 5px;
    font-size: 24px;
  }
  .hobbyedit dd input[type=text] {
    width: 88%;
    height: 64px;
    font-size: 24px;
    box-sizing: border-box;
    background-color: #FFF;
    padding: 10px;
  }
  .hobbyedit .addbtn a {
    height: 48px;
    line-height: 48px;
    padding: 0 0px;
    width: 180px;
    font-size: 18px;
  }
  .hobbyedit .txt {
    letter-spacing: normal;
    font-size: 21px;
    padding-bottom: 20px;
    line-height: 1.3;
  }
  .hobbyedit .btn input {
    font-size: 24px;
    background-color: #009245;
    border: 1px solid #006837;
    line-height: 60px;
    width: 400px;
    height: 60px;
    float: none;
    margin: 0 auto;
  }
  .hobbyedit .btn {
    margin-top: 30px;
    margin-bottom: 50px !important;
    text-align: center;
  }
  .hobbyedit .btn .backbtn {
    float: none;
    margin: 0 auto;
    padding: 40px 0;
    width: 400px;
  }
  .hobbyedit .btn .backbtn a {
    width: 400px;
    display: block;
    margin-bottom: 40px;
  }
  /****************************
my photo
*****************************/
  .myphoto nav {
    padding: 0 20px 20px 20px;
    margin-bottom: 0;
  }
  .myphoto .maincategory li {}
  .myphoto .maincategory a {
    height: 75px;
    display: block;
  }
  .myphoto .maincategory a span {
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
    height: 75px;
  }
  .myphoto .maincategory a span span {
    display: block;
    height: 1px;
    overflow: hidden;
  }
  .myphoto .uparea .upload {
    width: 270px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
  }
  .myphoto .uparea {
    padding: 0 20px;
  }
  .myphoto .photonum {
    font-size: 21px;
  }
  .myphoto .photonum>span {
    display: block;
  }
  .myphoto .item .userainforea {
    height: 360px;
  }
  .myfriendphoto .item .userainforea {
    height: 360px;
  }
  .myphoto .myblock, .myphoto .myblock {
    padding-left: 20px;
  }
  .mypage .myblock .c-fr {
    padding: 0;
  }
  .myalbum .c-fr>div {
    margin-right: 0px;
  }
  .myalbum .btn a {
    width: 270px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
  }
  .myalbum .item .userainforea {
    height: 360px;
  }
  .myalbum .item {
    width: 100%;
    box-sizing: border-box;
    height: 190px;
    float: none;
    padding: 0 20px;
    margin: 0 0px 20px 0px;
  }
  .myalbum .item .userainforea {
    width: 100%;
    height: 190px;
  }
  .myalbum .item .userainforea .userpic {
    width: 190px;
    height: 190px;
    margin: 0px;
    padding-bottom: 0;
    box-sizing: border-box;
    float: left;
  }
  .myalbum .item .userainforea .time {
    padding: 10px 0 0px 0px;
    font-size: 14px;
    display: block;
    color: #747463;
    position: relative;
    bottom: 0;
    margin-left: 210px;
  }
  .myalbum .item .userinfo {
    padding-top: 20px;
    margin: 0px 20px 0 210px;
  }
  .myalbum .item .userinfo a {
    padding: 0;
    margin-top: 0;
    font-size: 24px;
  }
  .myalbum .myblock {
    padding-left: 0;
  }
  .myfriendphoto .myblock {
    padding-left: 20px;
  }
  /*photo upload*/
  .myphotoup .myblock {
    padding-bottom: 20px;
    margin: 0 20px;
    box-sizing: border-box;
    padding-right: 0px;
    padding-left: 0;
  }
  .myphotoup .upfr {
    font-size: 18px;
    margin-left: 0;
    width: auto;
  }
  .myphotoup .upfr>span {
    font-size: 16px;
  }
  .myphotoup .btn .upload {
    width: 252px;
    height: 64px;
    line-height: 64px;
    font-size: 24px;
  }
  .myphotoup .upload div {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: #757563;
  }
  .myphotoup .upload span {
    display: none;
  }
  .myphotoup .btn {
    margin: 20px 0 20px 0;
  }
  /*photo edit*/
  .myphotoedit .userainforea {
    padding-top: 0;
  }
  .myphotoedit .userainforea .userpic {
    padding-bottom: 0px;
    width: 210px;
    float: left;
    margin-top: 0px;
  }
  .myphotoedit .leftfr {
    min-height: 214px;
  }
  .myphotoedit .usermenuarea {
    margin-left: 230px;
    padding-left: 0px;
    font-size: 24px;
    padding-bottom: 20px;
  }
  .myphotoedit .arrow-down {
    right: 20px;
  }
  .myphotoedit .userainforea .photonum {
    margin-top: 10px;
  }
  .myphotoedit .rightbtns {
    margin-left: -210px;
  }
  .myphotoedit .rightbtns .upload {
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    width: 270px;
    margin-left: 0;
  }
  .myphotoedit .rightbtns a {
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    padding: 0px;
    margin-left: 10px;
    width: 270px;
    text-align: center;
  }
  .myphotoedit .rightbtns .upload span, .myphotoedit .rightbtns a span {
    display: none;
  }
  .myphotoedit .item .userainforea {
    height: 360px;
  }
  .myphotoedit .bbtns .set, .myphotoedit .bbtns .nowset {
    font-size: 21px;
    width: 180px;
    margin-right: 15px;
    height: 48px;
    line-height: 48px;
    margin-left: 3px;
  }
  .myphotoedit .bbtns .del, .myphoto .bbtns .del {
    background: #F6F6F0 url(../img/trash.png) center center no-repeat;
    font-size: 21px;
    height: 48px;
    width: 48px;
    line-height: 48px;
  }
  .myphotoedit .btn {
    text-align: center;
  }
  .myphotoedit .btn input {
    font-size: 24px;
    background-color: #009245;
    border: 1px solid #006837;
    line-height: 60px;
    width: 400px;
    height: 60px;
    float: none;
    margin: 0 auto;
  }
  /*top*/
  .mainimg {
    display: none;
  }
  .top .topiccolums {
    margin: 0 0 20px 0px;
    /*  text-align:center;*/
  }
  .top .topiccolums .topnews {
    height: 160px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .top .topiccolums .topnews>div>a>span {
    font-size: 24px;
  }
  .top .topiccolums .topnews>div:nth-child(2)>a>span {
    padding-left: 0px;
  }
  .top .topiccolums .topnews>div>p {
    font-size: 16px !important;
  }
  .topnews .cover {
    margin: 5px 5px 5px 0px;
  }
  .top .topiccolums .topnews .newmark {
    left: 10px;
  }
  .top .topiccolums .topnews dt {
    width: 236px;
    height: 128px;
  }
  .top .topiccolums .topnews dl {
    padding: 15px 15px 0px 15px;
    margin: 0px;
  }
  .top .topiccolums .topnews .smanone {
    font-size: 16px;
    line-height: 1.3;
    padding: 0 0px 0 0px;
  }
  .top .topiccolums .topnews dd {
    padding: 10px 0px 5px 0px;
  }
  .top .topiccolums .topnews h4 {
    margin-bottom: 0;
    padding: 0px 0px 0 0px;
  }
  .top .topiccolums .topnews h3 {
    margin-bottom: 5px;
    padding: 0 0px 0px 0px;
  }
  .top .topiccolums .topnews .time {
    bottom: 15px;
    left: 15px;
  }
  /* NTN追加 */
  #banner1, #banner2 {
    margin: 0;
    float: none;
  }
  #banner1 img, #banner2 img {
    margin: 0 auto 10px auto;
  }
  /* スライダー */
  .mainslider {
    padding: 0 10px 10px 10px;
  }
  .scontainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border: none;
    box-sizing: border-box;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    width: 580px;
    height: 230px;
    background-color: transparent;
    z-index: 10000;
  }
  .slide_all {
    width: 580px;
    margin: 0 auto;
    height: 230px;
    position: relative;
    padding-top: 0px;
    box-sizing: border-box;
  }
  .slide_wrap {
    width: 580px;
    position: absolute;
    left: 0;
    margin-left: 0;
  }
  .slide_body {
    width: 100%;
  }
  .slide {
    width: 580px;
    margin: 0px;
    height: 198px;
  }
  .bx-viewport {
    height: 198px !important;
  }
  .slide img {
    width: 100%;
    vertical-align: bottom;
  }
  /* 装飾 */
  .bx-controls-direction, .bx-pager {
    text-align: center;
    height: auto;
    margin-top: 0px;
    position: absolute;
    bottom: -35px;
    width: 100%;
  }
  .bx-controls-direction {
    z-index: 1;
    display: none;
  }
  .bx-pager {
    z-index: 100;
  }
  .bx-controls-direction a, .bx-pager-item {
    display: inline-block;
  }
  .bx-pager-item a {
    display: block;
    height: 10px;
    width: 10px;
    text-indent: -9999px;
    background: #000;
    border-radius: 10px;
    margin: 10px 2px 0 2px;
  }
  .bx-pager-item a.active {
    opacity: 0.3;
  }
  .bx-controls {
    position: absolute;
    bottom: 0px;
    z-index: 100;
    width: 100%;
  }
  /**************************************/
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
    border: 1px solid #757563;
    box-sizing: border-box;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #757563 !important;
    opacity: 1;
  }
  /*******************************
SP　共通プロフィール
********************************/
  .prohead .userbox {
    margin-top: 0;
  }
  .prohead .userbox .userttl {
    width: 100%;
    padding-left: 180px;
    box-sizing: border-box;
    position: relative;
    height: 40px;
    margin-bottom: 0;
  }
  .prohead .userbox .userttl h2 {
    width: 420px;
    box-sizing: border-box;
    float: left;
    padding: 0 20px 10px 20px;
    padding-top: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 23px !important;
    margin-top: 50px;
  }
  .prohead .userbox .userttl .blockbtn {
    font-size: 16px;
    right: 20px;
  }
  .prohead .userbox .userttl .blockbtn:hover {
    color: #42210B !important;
  }
  .prohead .userbox .userainforea {
    box-sizing: border-box !important;
    float: none !important;
    width: 100% !important;
    padding: 20px 20px 30px 20px !important;
    margin: 0px;
    margin-top: 0px !important;
  }
  .prohead .userbox .userainforea:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .prohead .userbox .userainforea .btnarea>div {
    margin-bottom: 0px !important;
    float: left !important;
    width: 33.333% !important;
    box-sizing: border-box;
  }
  .prohead .userbox .userainforea .btnarea>div a {
    width: 100% !important;
    height: 48px !important;
    line-height: 50px !important;
  }
  .prohead .userbox .userainforea .btn1 {
    padding-right: 10px !important;
  }
  .prohead .userbox .userainforea .btn2 {
    padding-left: 10px !important;
  }
  .prohead .userbox .userainforea .btn1, .prohead .userbox .userainforea .btn2, .prohead .userbox .userainforea .btn3 {
    margin-bottom: 0px !important;
  }
  .prohead .userbox .userainforea .btn1 a, .prohead .userbox .userainforea .btn2 a, .prohead .userbox .userainforea .btn3 a {
    margin-bottom: 0px !important;
  }
  .prohead .userbox .userainforea .userpic {
    padding-bottom: 0px !important;
    width: 160px;
    float: left;
    margin-top: -140px;
  }
  .prohead .userbox .userainforea .btnarea {
    padding-left: 0px;
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-top: 30px;
    margin-bottom: 0 !important;
  }
  .prohead .userbox .userainforea .btnarea:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .prohead .userbox .usermenuarea {
    /*float:left;
	width:642px;*/
    padding: 0 20px !important;
    margin-bottom: 20px !important;
    margin-left: 0 !important;
    font-size: 21px !important;
  }
  /*---------------------------------------------------
questionnaire
----------------------------------------------------*/
  article.questionnaire {
    margin-right: 0px;
  }
  .questionnaire .fr {
    padding: 16px 20px;
    margin: 0 20px 20px 20px;
  }
  .questionnaire .message .cont {
    font-size: 24px;
  }
  .questionnaire .btn a {
    width: 400px;
  }
  .questionnaire .btn {
    text-align: center;
  }
  /*---------------------------------------------------
404
----------------------------------------------------*/
  .notfound .contfr {
    text-align: center;
  }
  .notfound .contfr img {
    display: inline;
    margin-bottom: 20px;
  }
  .notfound .contfr .ttl {
    font-size: 26px;
    margin: 10px 0;
  }
  .notfound .contfr .subttl {
    font-size: 21px;
    margin-bottom: 30px;
  }
  .notfound .contfr .cont {
    font-size: 21px;
    line-height: 2.2;
  }
  /*---------------------------------------------------
one column template
----------------------------------------------------*/
  .page-template-page-1column2 header {
    height: 80px;
  }
  .page-template-page-1column2 .sitename img {
    height: inherit;
  }
  .page-template-page-1column2 main {
    padding-top: 0px;
  }
  .top .topiccolums .topnews .newmark {
    right: 10px;
  }
  /*modal window ******************************************************/
  #modal-content-ttledit .tpttlinput {
    font-size: 21px;
  }
  #modal-content-cdelete .mwcontinner {
    padding: 20px 10px 0 10px;
  }
  #modal-content-tcreatebtn .commentttl {
    font-size: 21px;
  }
  #modal-content-tcreatebtn .inputarea textarea {
    font-size: 21px;
  }
  #modal-content-tcreatebtn .tpttlinput {
    font-size: 21px;
  }
  #modal-content-tcreatebtn .tpintroinput {
    height: 246px;
  }
  .modalwindow .mwcont textarea {
    font-size: 21px;
  }
  .modalwindow .mwcont input[type=text] {
    font-size: 21px;
  }
  /*--------------------------------
PAGE TOP
---------------------------------*/
  #page-top {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 0px;
    font-size: 12px;
  }
  #page-top a {
    background: url(../img/pagetop.png) no-repeat;
    width: 48px;
    height: 48px;
    text-decoration: none;
    color: #fff;
    padding: 0px;
    text-align: center;
    display: block;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  }
  #page-top a:before {
    content: "";
  }
  .fa-angle-up:before {
    content: "" !important;
  }
  #page-top a:hover {
    -moz-opacity: 1;
    opacity: 1;
  }
}


/*media Queries タブレットサイズ
----------------------------------------------------*/

@media only screen and (min-width: 601px) {
  #wrapper {
    padding: 0 0px;
  }
  #head {
    padding: 0 20px;
  }
  .sitename img {}
  #content {
    padding: 0 20px;
  }
  main {
    padding: 20px 0px;
  }
  #foot {
    padding: 0 20px;
  }
  .topnews {
	margin: 0 0px 20px 0px;
	}
  .cornerlist li a {
    margin: 0 0px 5px 0px;
  }
  .home .topnews {
    margin: 0 0px 40px 0px;
  }
  .topnews h3 {
    padding: 0 0px;
  }
  .topnews h4 {
    padding: 10px 0 0 0;
  }
  .page .post {
    padding: 0 0px;
  }
  /*--------------------------------
一覧記事表示部分
---------------------------------*/
  .postfr {
    margin: 0 0px 40px 0px;
    padding: 20px 40px;
  }
  .entrylistttl {
    padding: 10px 10px;
  }
  .topnews dl {
    padding: 0px 0px;
  }
  .topnews dt {
    width: 260px;
    padding: 10px;
    box-sizing: border-box;
  }
  .topnews dt img {
    width: 240px;
    height: 130px;
    overflow: hidden;
  }
  .topnews dd {
    padding: 0 20px 10px 270px;
  }
  .topnews .clearfix dd h5 {
    font-size: 24px;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 5px;
  }
  .topnews .clearfix dd p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
  }
  .topnews .clearfix dd h5 a {
    color: #000;
    text-decoration: none;
  }
  .topnews .time {
    padding: 5px 0;
    font-size: 14px;
    display: block;
  }
  /*--------------------------------
ページ送り
---------------------------------*/
  .next {
    float: right
  }
  #linkpages {
    float: left;
    margin: 0px 0px 10px 60px;
    color: #666;
    height: 30px;
  }
  #linkpages a:hover {
    color: #ff6600;
  }
  .number a {
    padding: 6px 20px 6px 20px;
    border: solid #666666 1px;
  }
  .number a:hover {
    padding: 6px 20px 6px 20px;
    background: #ddddff;
    border: solid #666666 1px;
  }
  .pre {
    margin-right: 2px;
    border: solid #666666 1px;
    margin: 0px 0px 0px 0px;
    padding: 6px 16px 6px 16px;
  }
  .next {
    margin-left: 5px;
    float: none;
    margin: 0px 0px 0px 6px;
    padding: 6px 16px 6px 18px;
    border: solid #999 1px;
    /* top: -8px; */
    position: relative;
  }
  /*--------------------------------
お知らせテキスト欄
---------------------------------*/
  div.info {
    margin: 0 0 1em 0
  }
  div.info span {
    background: #fff;
    padding: 0.5em
  }
  div.info span.title {
    color: #fff;
    background: #666
  }
}


/*media Queries PCサイズ
----------------------------------------------------*/

@media only screen and (min-width: 768px) {
  .smanone {
    display: block;
    font-size: 14px;
  }
  .pcnone {
    display: none;
  }
  #wrapper {
    padding: 0 0px;
  }
  header {
    padding-top: 0px;
    height: 100px;
    box-sizing: border-box;
  }
  .sitename img {
    margin: 0;
  }
  #head {
    width: 1280px;
    padding: 0 50px;
  }
  nav {
    display: block;
    padding: 0 0 40px 0;
  }
  #gazou {
    display: block;
    overflow: hidden;
  }
  #content {
    padding: 30px 50px;
  }
  #foot {
    width: 1280px;
    padding: 0 50px;
  }
  #content {
    width: 1280px;
  }
  #contentInner {
    float: left;
    width: 100%;
    margin-right: -300px;
  }
  main {
    margin-right: 360px;
    margin-left: 0px;
    /*background-color: #fff;
	/*border-radius: 4px;*/
    padding: 0px 0px;
  }
  #side aside {
    float: right;
    width: 300px;
    padding: 0px;
  }
  /*サイドバー固定*/
  .fixed {
    position: fixed;
    top: 20px;
  }
  /*IEで要素がズレるのを対応*/
  .ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
    display: list-item;
    padding: 0;
  }
  .footmenu {
    padding: 30px 127px;
  }
  .footmenu .fr {
    float: left;
    width: 250px;
    text-align: left;
  }
  .footmenu .fr-l {
    float: left;
    width: 420px;
  }
  .footmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .footmenu li {
    margin-bottom: 5px;
  }
  .footmenu ul li a {
    color: #FFF;
    text-decoration: none;
    text-align: left;
  }
  .footmenu .fr-l ul {
    float: left;
    width: 250px;
  }
  .footmenu .fr-l .pmark {
    float: left;
    width: 71px;
    height: 71px;
		background: #fff;
  }
  .footmenu .fr-l .pmark a, .footmenu .fr-l .pmark a img {
    width: 71px;
    height: 71px;
		background: #fff;
  }
  #breadcrumb {
    display: block;
  }
  /*--------------------------------
各フォント設定
---------------------------------*/
  p {
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 20px;
  }
  /*記事タイトル*/
  .entry-title {
    position: relative;
    color: #000;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-weight: bold;
    margin-top: 0;
  }
  .title:after {
    content: '';
    position: absolute;
    border-top: 10px solid #f3f3f3;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 50px;
  }
  .title:before {
    content: '';
    position: absolute;
    border-top: 10px solid #f3f3f3;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 50px;
  }
  .entry-title a:hover {
    text-decoration: underline;
  }
  /*中見出し*/
  h2 {
    position: relative;
    color: #000;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-weight: normal;
  }
  h2:after {}
  h2:before {}
  /*小見出し*/
  .post h3 {}
  /*リスト */
  .post ul {
    list-style-type: disc;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    margin-bottom: 10px;
  }
  .post ul li {
    font-size: 14px;
    line-height: 27px;
  }
  .post ol {
    list-style-type: decimal;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
    margin-bottom: 10px;
  }
  .post ol li {
    font-size: 14px;
    line-height: 27px;
  }
  /*--------------------------------
ページャー
---------------------------------*/
  .pagination {
    clear: both;
    position: relative;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    padding-left: 0;
  }
  .pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background-color: #999;
  }
  .pagination a:hover {
    color: #fff;
    background-color: #666666;
  }
  .pagination .current {
    padding: 6px 9px 5px 9px;
    color: #fff;
    background-color: #CCCCCC;
  }
  /*-- ここまで --*/
}


/*--------------------------------
ページャー
---------------------------------*/


/*ajax*/

#ajaxLoad, #ajaxLoad2 {
  text-align: center;
  padding: 20px 0 50px 0;
}

#ajaxLoad a, #ajaxLoad2 a {
  display: block;
  width: 410px;
  margin: 0px auto;
  height: 36px;
  line-height: 36px;
  background-color: #D9E021;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #000;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
}

#ajaxLoad a:hover, #ajaxLoad2 a:hover {
  background-color: #AFB419;
}


/*tweet/blog more*/

.morebtn {
  text-align: center;
  padding: 0px 0 50px 0;
  clear: both;
}

.morebtn a {
  display: block;
  width: 410px;
  margin: 0px auto;
  height: auto;
  padding: 8px 0 6px;
  line-height: 1;
  background-color: #42210B;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  color: #FFF;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  font-size: 18px;
}

.morebtn a:hover {
  opacity: 0.75;
}

@media only screen and (max-width: 767px) {
  #ajaxLoad, #ajaxLoad2 {
    padding: 10px 0 50px 0;
  }
  #ajaxLoad a, #ajaxLoad2 a {
    width: 60%;
  }
  /*tweet/blog more*/
  .morebtn {
    text-align: center;
    padding: 20px 0 50px 0;
  }
  .morebtn a {
    display: block;
    width: 410px;
    margin: 0px auto;
    height: 60px;
    line-height: 60px;
    background-color: #42210B;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    color: #FFF;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    font-size: 24px;
  }
  .morebtn a:hover {
    opacity: 0.75;
  }
}

.pagination {
  clear: both;
  position: relative;
  font-size: 11px;
  line-height: 13px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
  display: none;
}

.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 6px 9px 5px 9px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background-color: #999;
}

.pagination a:hover {
  color: #fff;
  background-color: #666666;
}

.pagination .current {
  padding: 6px 9px 5px 9px;
  color: #fff;
  background-color: #CCCCCC;
}


/*-- ここまで --*/

.fb_iframe_widget span {
  vertical-align: baseline !important;
}

#widget {
  margin-bottom: 10px;
}

.pc {
  display: block;
}

.sp {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  #menu-item-59 a {
    padding-top: 27px;
  }
}


/*wp top */

.home .newsfr {
  /* background-color: #fff; */
  letter-spacing: -.4em;
  margin-bottom: 30px;
  overflow: hidden;
}

.single .relation {
  background-color: #fff;
  letter-spacing: -.4em;
  margin-bottom: 30px;
}

.single .relation * {
  letter-spacing: normal;
}

.home .newsfr .topnews, .single .relation .topnews {
  letter-spacing: normal;
  margin: 0px;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  height: 160px;
  position: relative;
}

.single .relation .topnews {
  height: auto;
}

.home .newsfr .topnews dl, .single .relation .topnews dl {
  display: table;
  width: 100%;
}

.home .newsfr .topnews dt, .home .newsfr .topnews dd, .single .relation .topnews dt, .single .relation .topnews dd {
  display: table-cell;
  vertical-align: top;
}

.home .newsfr .topnews .cover, .single .relation .topnews .cover {
  display: inline-block;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 5px;
  width: 118px;
  height: 118px;
  border: 1px solid #ccc;
  background-size: cover;
}

@media only screen and (min-width: 601px) {
  .home .newsfr .topnews dt, .single .relation .topnews dt {
    width: 138px;
    padding: 5px;
    box-sizing: border-box;
    float: none !important;
  }
  .home .newsfr .topnews dd, .single .relation .topnews dd {
    padding: 0 20px 10px 0px;
    position: relative;
    min-width: 250px;
  }
  .home .newsfr .topnews dd .cate {
    position: absolute;
    left: 10px;
    bottom: 10px;
  }
  .home .newsfr .topnews dd h3, .single .relation .topnews dd h3 {
    padding-top: 40px;
  }
  .home .topiccolums .newsfr .topnews dd h3, .single .relation .topnews dd h3 {
    padding-top: 10px;
  }
  .home .newsfr .topnews dd h3 a, .single .relation .topnews dd h3 a {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    padding-left: 10px;
  }
  .single .relation .topnews dd h3 a {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .home .newsfr .topnews, .single .relation .topnews {
    height: 160px;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .single .relation .topnews {
    height: auto;
  }
  .home .newsfr .topnews dl {
    box-sizing: border-box;
    padding: 0px 5px 10px 5px;
    border-top: 10px solid #F6F6F0;
  }
  .single .relation .topnews dl {
    box-sizing: border-box;
    padding: 0px 5px 0px 5px;
    border-top: 10px solid #F6F6F0;
    margin-bottom: 0;
  }
  .home .newsfr .topnews dt, .single .relation .topnews dt {
    width: 138px;
    padding: 5px;
    padding-top: 10px;
    float: none !important;
    box-sizing: border-box;
  }
  .home .newsfr .topnews dd {
    padding: 0 20px 10px 0px;
    position: relative;
  }
  .single .relation .topnews dd {
    padding: 0 20px 0px 0px;
    position: relative;
  }
  .single .relation .topnews h4 {
    padding: 10px 0 0 10px;
  }
  .single .relation .topnews .smanone {
    margin-bottom: 10px;
  }
  .home .newsfr .topnews dd .cate {
    position: absolute;
    left: 10px;
    bottom: 10px;
  }
  .home .newsfr .topnews dd h3 {
    padding: 20px 0px 10px 0px !important;
  }
  .single .relation .topnews dd h3 {
    padding: 0px 0px 10px 0px !important;
  }
  .home .newsfr .topnews dd h3 a, .single .relation .topnews dd h3 a {
    display: block;
    font-size: 22px;
    line-height: 1.3;
    padding-left: 10px;
  }
  .post .postfr p {
    font-size: 21px;
    line-height: 1.8;
  }
  .topnews .newmark {
    top: 0px;
  }
}


/*-----------------------
pagination
---------------------------*/

.pagination-wrapper {
  text-align: center !important;
  margin: 0;
}

.pagination-wrapper .paging {
  display: block;
  text-align: center;
  margin: 20px auto;
}

.paging>li {
  display: inline-block;
  padding: 0 3px;
}

.paging>li>a, .paging>li>span {
  letter-spacing: normal;
  position: relative;
  padding: 6px 10px;
  margin-left: 0;
  line-height: 1.42857143;
  color: #666;
  text-align: center;
  display: block;
  width: auto;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #D9E021;
  border-radius: 8px;
  font-weight: bold;
}

.paging>li>span.dots {
  border: 1px solid transparent;
  background-color: transparent;
}

.paging>li>span.current, .paging>li>a:focus, .paging>li>a:hover {
  z-index: 2;
  font-weight: bold;
  color: #333;
  background-color: #D9E021;
  border: 1px solid #D9E021;
}

.paging>li .next, .paging>li .prev {
  font-weight: bold;
  background-color: #D9E021;
  border: 1px solid #D9E021;
  color: #333;
}

.paging>li .next:hover, .paging>li .prev:hover {
  background-color: #C7CE1C;
}

@media only screen and (max-width: 767px) {
  .paging>li>a, .paging>li>span {
    font-size: 24px;
  }
  .pagination-wrapper {
    padding-bottom: 20px;
  }
}

/*--------------------------------
特集記事（2019.02.27追記、2019.07.19修正）
---------------------------------*/
.single-post .post h2,
.single-news .post h2 {
	font-size: 22px;
	line-height: 30px;
  color: #008000;
  font-weight: bold;
	margin: 0 0 10px;
	letter-spacing: 0.05em;
}
.single-post .post h3,
.single-news .post h3 {
	font-size: 20px;
	line-height: 27px;
	color: #000;
  font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}
.single-post .post h3.pclife_h3 { /*NEWパソコンライフ講座h3用*/
	margin: 10px 0 0 0;
	padding: 5px 10px 2px 10px;
	border-radius: 4px 4px 0 0;
	font-size: 18px;
	display: inline-block;
	color: #FFF;
	background-color: #759D2D;
}

@media only screen and (max-width: 767px) {
  .single-post .post h2,
  .single-news .post h2 {
    font-size: 1.5em;
    line-height: 1.4;
    color: #008000;
    font-weight: bold;
    margin: 0 0 0.5em;
    letter-spacing: 0.05em;
    padding: 0;
  }
  .single-post .post h3,
  .single-news .post h3 {
    font-size: 1.45em;
    line-height: 1.5;
    color: #000;
    font-weight: bold;
    margin-bottom: 0.5em;
    letter-spacing: 0.05em;
  }

}




/*--------------------------------
機能追加（2020.01.17）
---------------------------------*/

/* 日記 & 食事記録 */
#diary, #mealRecord ,#healthRecord{
  font-size: 15px;
}
#diary .btn_area,
#shoppingList .btn_area,
#memorandum .btn_area,
#mealRecord .btn_area,
#healthRecord .btn_area {
  padding: 1rem;
  text-align: center;
  display: flex;
  justify-content: center;
}


.btn_area .main_btn {
  display: block;
  width: 90%;
	max-width: 320px;
	margin-bottom: 1rem;
	text-align: center;
  padding: 0.6rem 1rem 0.5rem;
  border: none;
	border-radius: 4rem;
	background-color: #2a8a24;
  color: #FFF;
  font-size: 120%;
  text-decoration: none;
  transition: all 0.15s ease-out;
}
.btn_area .main_btn:hover {
  box-shadow: 0 0 5px rgba(46, 154, 50, 0.6);
	filter: saturate(1.5);
}
.sub_btn {
  background: #FFF;
	padding: 0.5rem 1rem 0.4rem;
	border: solid 1px #298a24;
	border-radius: 4rem;
	color: #298a24;
  text-decoration: none;
  margin: 0.25rem;
  transition: all 0.15s ease-out;
}
.sub_btn:hover {
  box-shadow: 0 0 5px rgba(46, 154, 50, 0.6);
	opacity: 0.9;
	color: #117515;
	filter: saturate(1.5);
	border: solid 1px rgba(46, 154, 50, 0.6);
}
.primary_btn,
.secondary_btn {
  display: block;
  margin: 0 0.5rem 1rem;
  min-width: 12rem;
	text-align: center;
  padding: 0.6rem 1rem 0.5rem;
  border: none;
	border-radius: 4rem;
	background-color: #2a8a24;
  color: #FFF;
  font-size: 120%;
  text-decoration: none;
  transition: all 0.15s ease-out;
}
.primary_btn {
	background-color: #2a8a24;
}
.secondary_btn {
	background-color: #757563;
}
.primary_btn:hover,
.secondary_btn:hover {
  box-shadow: 0 0 5px rgba(0,0,0,.3);
  filter: saturate(1.5);
  opacity: 0.9;
  color: #FFF;
}
.calendar_area {
  margin: 0 0 2rem;
}
.calendar_area table.calendar {
  width: 100%;
}
.calendar_area table.calendar thead th {
  padding: 0 0 1rem;
}
.calendar_area table.calendar tbody {
  position: relative;
}
.calendar_area table.calendar tbody tr td::after {
  background: #FFF;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.calendar_area table.calendar tbody tr td {
  text-align: center;
	border: solid 1px #AAA;
	font-size: 125%;
  width: calc(100% - 4px);
  padding: 0;
  width: 14.28%;
  color: #AAA;
  position: relative;
}
.calendar_area table.calendar tbody tr td span {
  display: block;
  padding: 0.65rem 0 0.5rem;
}
.calendar_area table.calendar tbody tr td a,
.calendar_area table.calendar tbody tr td>span {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  text-decoration: none;
  border: solid 2px transparent;
}
.calendar_area table.calendar tbody tr td a {
  color: #222;
}
.calendar_area table.calendar tbody tr td a:hover {
  border: solid 2px #FFC107;
	background-color: rgba(255, 235, 59, 0.2);
}
.calendar_area table.calendar tbody tr td.checked a::after {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 90%;
}
#diary .calendar_area table.calendar tbody tr td.checked a::after {
  content: "\f52d";
  color: #995afb;
}
#mealRecord .calendar_area table.calendar tbody tr td.checked a::after {
  content: "\f00c";
  color: #ff5c4f;
}
#healthRecord .calendar_area table.calendar tbody tr td.checked a::after {
  content: "\f21e";
  color: #0eb7a7;
}
.calendar_area table.calendar .cellSunday,
.calendar_area table.calendar .cellHoliday {
  background-color: rgba(239, 187, 187, 0.3);
}
.calendar_area table.calendar .cellSaturday {
  background-color: rgba(169, 200, 206, 0.3);
}
.calendar_area table.calendar .cellToday {
  background-color: rgba(255, 229, 0, 0.5);
	font-weight: bold;
}
.calendar_area table.calendar .cellCurrent a {
  border:solid 2px #2a8a24;
  color: #2a8a24;
	font-weight: bold;
  background-color: rgba(198, 255, 59, 0.2);
}
.calendar_area table.calendar tbody tr th,
.calendar_area table.calendar tbody tr th.cellSunday,
.calendar_area table.calendar tbody tr th.cellSaturday {
  padding: 0.4rem 0 0.3rem;
  font-weight: bold;
  border:solid 1px #AAA;
  position: relative;
}
.calendar_area table.calendar tbody tr th::after,
.calendar_area table.calendar tbody tr th.cellSunday::after,
.calendar_area table.calendar tbody tr th.cellSaturday::after {
  background-color: #e8e8e2;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  z-index: -1;
}
.calendar_area table.calendar thead .cellTableHead {
  font-size: 125%;
}
.calendar_area table.calendar .bar {
	height: 5px;
  background: rgba(255,255,255,.8);
  display: flex;
}
.calendar_area table.calendar .bar .breakfast,
.calendar_area table.calendar .bar .lunch,
.calendar_area table.calendar .bar .dinner {
  height: 5px;
  width: 100%;
}
.calendar_area table.calendar .bar .breakfast.ok {
  background: #94ce51;
}
.calendar_area table.calendar .bar .lunch.ok {
  background: #FFC107;
}
.calendar_area table.calendar .bar .dinner.ok {
  background: #88a6ef;
}

.white_board {
  background: #fff;
	padding: 1.5rem;
	box-shadow: 0 0.25rem 0.25rem rgba(0,0,0,.2), 0 0.5rem 0.5rem rgba(121, 110, 72, 0.2);
  border-radius: 0.25rem;
  position: relative;
  margin-bottom: 2rem;
}
.diary_title,
.mealRecord_title,
.healthRecord_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
  border-bottom: solid 1px #d0d0d0;
}
.diary_title h3 {
  color: #995afb;
	font-size: 1.25rem;
}
.mealRecord_title h3 {
  color: #ff5c4f;
	font-size: 1.25rem;
}
.healthRecord_title h3 {
  color: #009688;
	font-size: 1.25rem;
}
.bmi_calc .calc {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  justify-content: flex-start;
}
.bmi_calc .calc > div {
  margin-right: 1rem;
}
.bmi_calc .healthRecord_box.calc input[type="text"] {
width: 6rem;
margin: 0 0.25rem;
}
.bmi_result p {
  font-size: 120%;
}
.bmi_result p strong {
  color: #c53048;
}
.bmi_result table {
  width: 100%;
}
.bmi_result table th {
  background: #009688;
  border: solid 1px #666;
  color: #FFF;
  padding: 0.25rem;
}
.bmi_result table td {
  border: solid 1px #666;
  padding: 0.5rem;
  font-size: 110%;
}
.bmi_result table tr.within {
  background: #ffe3e3;
}
.diary_title .sub_btn,
.mealRecord_title .sub_btn,
.healthRecord_title .sub_btn{
  margin: -0.5rem 0 0 0.25rem;
  padding: 0.35rem 0.7rem 0.2rem;
  font-size: 90%;
  font-weight: bold;
}
.diary_content {
  display: flex;
	align-items: flex-start;
}
.diary_mood {
  display: block;
	background: #fff9bd;
	width: 10rem;
	text-align: center;
	padding: 0;
	box-shadow: 0 0 0.125rem rgba(0,0,0,.1), -0.125rem 0.5rem 0.5rem -0.25rem rgba(0,0,0,.2);
  transform: rotateZ(-4deg);
  margin-right: 1.5rem;
}
.diary_mood h4 {
  display: block;
	padding: 0.25rem;
	background: #fdf6b5;
}
.diary_mood .face {
  padding: 1rem;
	box-shadow: -0.125rem 1rem 0.5rem rgba(128,128,0,.15);
}
.diary_mood .face i.fas {
	display: block;
	font-size: 4rem;
	margin-bottom: 0.25rem;
}
.face i.fas.fa-smile-wink {
	color: #EA6161;
}
.face i.fas.fa-meh {
	color: #7dbb35;
}
.face i.fas.fa-sad-tear {
	color: #7b94de;
}
.face i.fas.fa-meh-blank {
	color: #e4dea4;
}
.diary_box {
  width: 100%;
}
.diary_card,
.mealRecord_card,
.healthRecord_card {
	margin-bottom: 1.5rem;
}
.healthRecord_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.diary_card h4,
.mealRecord_card h4,
.healthRecord_card h4 {
	background: #f3f3e6;
	color: #464439;
	margin: 0 0 1rem;
	padding: 0.4rem 0.75rem 0.25rem;
	border-radius: 0.25rem;
}
.diary_card h4 {
  border-left: solid 0.5rem #995afb;
}
.mealRecord_card h4 {
  border-left: solid 0.5rem #ff5c4f;
}
.healthRecord_card h4 {
  border-left: solid 0.5rem #009688;
}
.mealRecord_card h4 i.fas.breakfast {
  color: #94ce51;
}
.mealRecord_card h4 i.fas.lunch {
  color: #FFC107;
}
.mealRecord_card h4 i.fas.dinner {
  color: #88a6ef;
}
.diary_card p,
.mealRecord_card p,
.healthRecord_card p {
  color: #000;
	font-size: 120%;
	border-bottom: solid 1px #d0d0d0;
	padding-bottom: 0.75rem;
}
.monthly_graph {
	display: flex;
	justify-content: center;
  align-items: center;
	margin-bottom: 1rem;
}
.monthly_graph .graph_legend {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: center;
  height: 150px;
  width: 52px;
}
.monthly_graph .graph_legend .face {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 80%;
}
.monthly_graph .graph_legend .face i.fas {
  font-size:180%;
}
.monthly_graph .graph_box{
  width: 720px;
  height: 180px;
}
.monthly_graph .graph_box .graph_inner {
  width: 720px;
  height: 180px;
}


.diary_edit .btn_area .upload,
.diary_edit .btn_area .app-photolist-on,
.mealRecord_edit .btn_area .app-photolist-on {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	font-weight: normal !important;
	background-color: #757563;
	border: 1px solid #4D4D4D;
	color: #FFF;
	line-height: 1;
	border-radius: 0.25rem;
	text-decoration: none;
	cursor: pointer;
	padding: 0.5rem;
	margin: 0.25rem;
}
.diary_edit .btn_area .upload input[type="file"],
.mealRecord_edit .btn_area .upload input[type="file"],
.healthRecord_edit .btn_area .upload input[type="file"] {
  display: none;
}
.diary_edit .btn_area .upload div,
.mealRecord_edit .btn_area .upload div,
.healthRecord_edit .btn_area .upload div {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #757563;
}
.diary_edit .diary_box input[type="text"],
.mealRecord_edit .mealRecord_box input[type="text"] ,
.healthRecord_edit .healthRecord_box input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	padding: 0.5rem 0.5rem;
	background-color: #fffbd8;
	border: solid 1px #a7a7a7;
}
.radio_holizonal {
	display: flex;
	justify-content: space-around;
	text-align: center;
}
.radio_holizonal label {
  width: 30%;
  max-width: 160px;
  margin: 0 1%;
}
.radio_holizonal label input[type="radio"] {
	display: none;
}
.radio_holizonal label input[type="radio"] + .face {
	display: flex;
	flex-direction: column;
	border: solid 2px #EEE;
	padding: 1rem;
	border-radius: 0.5rem;
  cursor: pointer;
  font-size: 125%;
}
.radio_holizonal label input[type="radio"]:checked + .face {
  border: solid 2px #995afb;
}
.radio_holizonal label input[type="radio"] + .face i.fas {
  font-size: 250%;
}
.radio_holizonal label:hover input[type="radio"] + .face ,
.radio_holizonal label input[type="radio"]:checked + .face {
  background: #f8f4ff;
}

/* 買い物リスト & 覚え書き */
#shoppingList {}
.list_edit .input_block {
	display: flex;
	margin-bottom: 0.5rem;
	align-items: center;
}
.list_edit {
	margin-bottom: 2rem;
}
.list_edit .input_block .check {
  margin-right: 0.25rem;
  width: calc(2.5rem + 6px);
}
.list_edit .input_block .check label input[type="checkbox"] {
	display: none;
}
.list_edit .input_block .check label input[type="checkbox"] + .check_icon {
  color: #CCC;
  font-size: 110%;
  position: relative;
  cursor: pointer;
  background: #FFF;
  border: solid 3px #ccc;
  border-radius: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  transition: all 0.15s ease-out;
}
.list_edit .input_block .check label input[type="checkbox"]:hover + .check_icon {
  color: #D00;
  border-color: #D00;
}
.list_edit .input_block .check label input[type="checkbox"]:checked + .check_icon {
  color: #FFF;
  background: #D00;
  border-color: #D00;
}
.list_edit .input_block .check + input[type="text"] {
  width: calc(100% - 2.75rem - 6px);
	box-sizing: border-box;
	padding: 0.75rem 0.5rem;
	background-color: #fffbd8;
  border: solid 1px #a7a7a7;
}
.diary_edit .diary_box input[type="text"]:focus,
.mealRecord_edit .mealRecord_box input[type="text"]:focus,
.healthRecord_edit .healthRecord_box input[type="text"]:focus,
.list_edit .input_block .check + input[type="text"]:focus {
	border: solid 1px #298a24;
	background-color: #fff;
	box-shadow: 0 0 0.25rem #67bb62;
}
.healthRecord_card {
  width: 48%;
}
.healthRecord_card:first-child,
.graph_area .healthRecord_card {
  width: 100%;
}
.healthRecord_card strong {
  font-weight: bold;
  font-size: 150%;
}
.healthRecord_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.healthRecord_text {
  margin-bottom: 0;
}
.healthRecord_text .fa-sun {
  color: #ffbd06;
  font-size: 120%;
  margin-right: 0.25rem;
}
.healthRecord_text .fa-moon {
  color: #957fff;
  font-size: 120%;
  margin-right: 0.25rem;
}
.healthRecord_text .blood {
  width: 48%;
  display: inline-block;
}
.healthRecord_text .blood input[type="text"] {
  width: 5rem;
  display: inline-block;
}
.del_btn {
  border: none;
  color: #666666;
  transition: all 0.15s ease-out;
  margin: 0 0 0 calc(-2.5rem - 1px);
	height: calc(2.5rem - 2px);
	width: calc(2.5rem - 2px);
  background: rgba(255, 251, 216, 0.85);
  position: relative;
  border-radius: 2rem;
}
.del_btn:hover {
	color:#D00;
}
.diary_card span.required,
.mealRecord_card span.required,
.healthRecord_card span.required {
	background: #E33;
	font-size: 75%;
	color: #FFF;
	padding: 0.125rem 0.25rem;
	border-radius: 0.25rem;
	margin: 0 0.25rem;
	font-weight: normal;
}
.diary_card .thumbnail {
  width: 100%;
	max-width: 300px;
}
.diary_card .validation_error,
.mealRecord_card .validation_error,
.healthRecord_card .validation_error {
	color: #D00;
	font-size: 90%;
  margin: 0.5rem 0;
  border: none;
  padding-bottom: 0;
  line-height: 1.25;
}
.mypage_link_area {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.mypage_link_area a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1rem 0.5rem 0.5rem;
  margin: 0 0.125rem;
  text-decoration: none;
	color: #333;
	font-weight: bold;
	letter-spacing: 0.03rem;
	text-shadow: 0 1px rgba(255,255,255,1);
	border-radius: 0.25rem;
	border: solid 1px rgba(0,0,0,.2);
  background: #f3f3e6;
  width: 100%;
  position: relative;
}
.mypage_link_area a i.fas {
  font-size: 240%;
  margin-bottom: 0.25rem;
}
.mypage_link_area a:hover {
  box-shadow: 0 0 5px rgba(46, 154, 50, 0.6);
	opacity: 0.9;
	color: #117515;
	filter: saturate(1.5);
	border: solid 1px rgba(46, 154, 50, 0.6);
}
.mypage_link_area a.new::after {
	display: block;
	background: #D33;
	color: #FFF;
	font-size: 11px;
	content: "NEW";
	padding: 1px 4px;
	position: absolute;
	top: -5px;
	right: 10px;
	font-weight: bold;
	text-shadow: none;
  border-radius: 3px;
  animation: newIcon 4s ease-in 0s infinite alternate;
}
@keyframes newIcon {
  0% { transform: translateY(-2px); }
  80% { transform: translateY(-2px); }
  100% { transform: translateY(2px); }
}

#modal-content-textdelete .mwbtn input {
  display: inline-block;
  margin: 0 0.25rem 0.5rem;
}
#modal-content-textdelete .mwbtn input.primary_green {
  background-color: #009245;
  border: 1px solid #006837;
  color: #FFF;
}
#modal-content-textdelete .mwbtn input.secondary_gray {
  background-color: #757563;
	border: 1px solid #4D4D4D;
  color: #FFF;
}

@media only screen and (max-width: 767px) {
.white_board p,
#diary,#diary p,
#memorandum, #memorandum p,
#mealRecord, #mealRecord p,
#healthRecord, #healthRecord p,
.graph_area .evaluation p {
  font-size: 20px;
}
.white_board h3 {
  font-size: 22px;
  margin-bottom: 0.5rem;
}
#diary,#shoppingList,#memorandum,#mealRecord,#healthRecord {
  width: 94%;
  margin: 0 3%;
}
.calendar_area table.calendar tbody tr td span {
  padding: 1.25rem 0;
}
.calendar_area table.calendar tbody tr td.checked a::after {
  top: 1px;
  right: 2px;
  font-size: 75%;
}
.graph_area .evaluation p {
  line-height: 1.65;
}
.monthly_graph .graph_legend{
	width: 78px;
	height: 355px;
	font-size: 115%;
}
.monthly_graph .graph_box{
  width: 100%;
  height: 400px;
	overflow-x: scroll;
	overflow-y: hidden;
}
.monthly_graph .graph_box .graph_inner {
	width: 1080px;
	height: 400px;
}
.monthly_graph .graph_box .graph_inner .jqplot-axis {
	font-size: 1em;
}
.diary_edit .diary_box input[type="text"],
.mealRecord_edit .mealRecord_box input[type="text"],
.healthRecord_edit .healthRecord_box input[type="text"] {
  font-size: 25px;
}
.diary_title,
.mealRecord_title,
.healthRecord_title {
  flex-wrap: wrap;
}
#shoppingList , #shoppingList p {
  font-size: 20px;
}
.list_edit .input_block .check + input[type="text"] {
  font-size: 25px;
}
.healthRecord_card,
.healthRecord_text .blood {
	width: 100%;
}
.healthRecord_text .blood {
  margin-bottom: 0.5rem;
}
.mypage_link_area {
  font-size: 20px;
}
.mypage_link_area a {
  padding: 0.75rem 0.5rem 0.125rem;
  line-height: 1.2;
}
}


/* バナーエリアに設置するSNSボタン 2020.04.22追記 */

.snsbnr.pc {display: block;}
.snsbnr.sp {display: none;}
.snsbnr {
	width: calc(100% - 1rem);
	margin: 0 auto 1rem;
	background: #ddffca;
  background: -moz-linear-gradient(top, #ddffca 0%, #ddff9c 100%);
  background: -webkit-linear-gradient(top, #ddffca 0%,#ddff9c 100%);
  background: linear-gradient(to bottom, #ddffca 0%,#ddff9c 100%);
	border: solid 1px rgba(0,0,0,.5);
	border-radius: 0.75rem;
	padding: 0.5rem;
	text-align: center;
}
.snsbnr p {
  font-size: 86%;
	line-height: 1.5;
	margin: 0;
  color: #009933;
}
.snsbnr p strong {
  font-size: 104%;
}
.snsbnr .btn_area {
  display: flex;
	justify-content: space-around;
	margin: 0.5rem;
}
.snsbnr .btn_area a {
  font-size: 2.8rem;
	background: #FFF;
	width: 4rem;
	height: 4rem;
	border-radius: 0.6rem;
	box-shadow: 0.25rem 0.25rem 0.5rem #97b3a0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
.snsbnr .btn_area a:hover {
  box-shadow: 0 0 0.25rem #70907a;
}
.snsbnr .btn_area a .fa-facebook {color: #3578E5;}
.snsbnr .btn_area a .fa-twitter {color: #1da1f2;}
.snsbnr .btn_area a .fa-instagram {
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #be55ab;
}
@media all and (-ms-high-contrast:none){
  .snsbnr .btn_area a .fa-instagram {
    background: #FFF;
  }
}

@media only screen and (max-width: 767px) {
.snsbnr.pc {display: none;}
.snsbnr.sp {display: block;}
.snsbnr {
	width: calc(92% - 2rem);
	margin: 1rem auto;
	border-radius: 1rem;
	padding: 1rem;
}
.snsbnr p {
  font-size: 150%;
	line-height: 1.5;
	margin: 0;
}
.snsbnr .btn_area {
  display: flex;
	justify-content: space-evenly;
	margin: 0.75rem;
}
.snsbnr .btn_area a {
  font-size: 4rem;
  background: #FFF;
  width: 6rem;
  height: 6rem;
  border-radius: 1rem;
  box-shadow: 0.25rem 0.25rem 0.5rem #97b3a0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
.snsbnr .btn_area a:hover {
  box-shadow: 0 0 0.25rem #70907a;
}
}