@charset "UTF-8";
/*
aLive main stylesheet
*/
/*------------------------------------------------------------
Setting（変数の定義）
------------------------------------------------------------*/
/*
#color
サイト全体で使うカラーコードの変数を定義する
*/
/*
#font
サイト全体で使うfont-familyの変数を定義する
*/
/*
レイアウトやデザインで共通で使い回る各種変数
*/
/*------------------------------------------------------------
Initialize（mixinなど）
------------------------------------------------------------*/
/*------------------------------------------------------------
Foundation（サイトのベースとなるCSS）
------------------------------------------------------------*/
/*----------------------------
BEGIN:html5reset
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*END:html5reset
----------------------------------------------*/
/*サイトで使用するオリジナルのwebフォントの定義*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?tg7uz6");
  src: url("../fonts/icomoon.eot?tg7uz6#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tg7uz6") format("truetype"), url("../fonts/icomoon.woff?tg7uz6") format("woff"), url("../fonts/icomoon.svg?tg7uz6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-file-text2:before {
  content: "\e926";
}

.icon-paste:before {
  content: "\e92d";
}

.icon-warning:before {
  content: "\ea07";
}

.icon-loop2:before {
  content: "\ea2e";
}

.icon-instagram:before {
  content: "\ea92";
}

.icon-youtube2:before {
  content: "\ea9e";
}

.icon-check-circle:before {
  content: "\e90a";
}

.icon-check-ling-large:before {
  content: "\e90b";
}

.icon-check-ling2:before {
  content: "\e910";
}

.icon-check-normal:before {
  content: "\e911";
}

.icon-check-squre:before {
  content: "\e912";
}

.icon-check-ling:before {
  content: "\e913";
}

.icon-arrow-line-down:before {
  content: "\e914";
  color: #8393a7;
}

.icon-arrow-line-left:before {
  content: "\e915";
  color: #8393a7;
}

.icon-arrow-line-right:before {
  content: "\e916";
  color: #8393a7;
}

.icon-arrow-line-up:before {
  content: "\e917";
  color: #8393a7;
}

.icon-check-box:before {
  content: "\e918";
}

.icon-maru-arrow-up:before {
  content: "\e906";
}

.icon-maru-arrow-right:before {
  content: "\e907";
}

.icon-maru-arrow-left:before {
  content: "\e908";
}

.icon-maru-arrow-down:before {
  content: "\e909";
}

.icon-spinner:before {
  content: "\e905";
}

.icon-calender:before {
  content: "\e901";
}

.icon-comment:before {
  content: "\e902";
}

.icon-folder:before {
  content: "\e903";
}

.icon-tag:before {
  content: "\e904";
}

.icon-evernote:before {
  content: "\e018";
}

.icon-feedly:before {
  content: "\e007";
}

.icon-pocket:before {
  content: "\e008";
}

.icon-line:before {
  content: "\e009";
}

.icon-hatena:before {
  content: "\e00a";
}

.icon-feedly-square:before {
  content: "\e601";
}

.icon-googleplus:before {
  content: "\e608";
}

.icon-facebook:before {
  content: "\e60d";
}

.icon-twitter:before {
  content: "\e611";
}

.icon-feed:before {
  content: "\e614";
}

.icon-youtube:before {
  content: "\e617";
}

.icon-sp:before {
  content: "\e000";
}

.icon-pc:before {
  content: "\e002";
}

.icon-home:before {
  content: "\e003";
}

.icon-telephone:before {
  content: "\e604";
}

.icon-free-dial:before {
  content: "\e900";
  color: #32b441;
}

.icon-mail:before {
  content: "\e605";
}

.icon-line-m:before {
  content: "\e00b";
}

.icon-arrow-up:before {
  content: "\e004";
}

.icon-arrow-down:before {
  content: "\e00c";
}

.icon-arrow-left:before {
  content: "\e00d";
}

.icon-arrow-right:before {
  content: "\e00e";
}

.icon-delta-down:before {
  content: "\e00f";
}

.icon-delta-up:before {
  content: "\e010";
}

.icon-delta-left:before {
  content: "\e006";
}

.icon-delta-right:before {
  content: "\e005";
}

.icon-big-delta-up:before {
  content: "\e90c";
}

.icon-big-delta-down:before {
  content: "\e90d";
}

.icon-big-delta-left:before {
  content: "\e90e";
}

.icon-big-delta-right:before {
  content: "\e90f";
}

.icon-arrow-index-up:before {
  content: "\e017";
}

.icon-arrow-index-down:before {
  content: "\e016";
}

.icon-arrow-index-left:before {
  content: "\e015";
}

.icon-arrow-index-right:before {
  content: "\e014";
}

.icon-arrow-pc-up:before {
  content: "\e001";
}

.icon-arrow-pc-down:before {
  content: "\e011";
}

.icon-arrow-pc-left:before {
  content: "\e012";
}

.icon-arrow-pc-right:before {
  content: "\e013";
}

/*--------------------------------------------------------------
# Typography
各要素の基本となる書式の設定
--------------------------------------------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  /* sets the base font to 10px for easier math */
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
}

_:lang(x)::-ms-backdrop, body {
  font-family: "メイリオ", Meiryo, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

a {
  color: #03C;
  text-decoration: none;
}

a:visited {
  color: #03C;
}

a:hover {
  transition: all .2s ease-out;
}

a:hover img {
  opacity: 0.7;
}

p {
  margin-bottom: 0;
}

strong {
  color: #cc3300;
  font-weight: 700;
}

em {
  font-style: normal;
  font-weight: bold;
}

dfn,
cite,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

code {
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 0 5px;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# 各要素の基本となる設定
--------------------------------------------------------------*/
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul, ol {
  margin: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
  transition: opacity .2s ease-out;
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*------------------------------------------------------------
Layout（パーツの配置やラッパーとしての幅や高さを決めるクラス）
------------------------------------------------------------*/
/* ベースとなるレイアウト */
.content {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding: 15px 0;
}

@media screen and (min-width: 1000px) {
  .content.bordered {
    border-width: 1px;
    border-style: none solid;
    border-color: #ccc;
  }
}

.sidebar {
  width: auto;
  max-width: 1000px;
  margin: 20px 15px;
}

@media screen and (min-width: 720px) {
  .sidebar,
  .sidebar_bottom .sidebar {
    width: 98%;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
  }
  .sidebar_bottom .sidebar {
    padding: 0 15px;
  }
}

@media screen and (min-width: 890px) {
  .sidebar {
    margin: 0;
  }
  .sidebar_right .sidebar {
    display: block;
    float: right;
    margin-right: 10px;
    width: 250px;
  }
  .awblog .sidebar_right .sidebar {
    width: 300px;
    margin-right: 0;
  }
  .sidebar_left .sidebar {
    display: block;
    float: left;
    margin-left: 10px;
    width: 250px;
  }
  .awblog .sidebar_left .sidebar {
    width: 300px;
    margin-left: 0;
  }
}

.wrap_article {
  width: 100%;
  margin-bottom: 40px;
}

@media screen and (min-width: 890px) {
  .awshop .wrap_article {
    width: calc( 100% - 260px);
  }
  .awblog .wrap_article {
    width: calc( 100% - 320px);
  }
  .sidebar_right .wrap_article {
    float: left;
  }
  .sidebar_left .wrap_article {
    float: right;
  }
}

@media screen and (min-width: 1000px) {
  .wrap_article {
    width: 730px;
  }
  .sidebar_bottom .wrap_article,
  .sidebar_none .wrap_article {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.footContent {
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 1000px) {
  .footContent {
    max-width: 1000px;
    margin: 0 auto;
  }
}

.sb_right {
  float: right;
}

.sb_left {
  float: left;
}

@media screen and (min-width: 720px) {
  .sb_right {
    float: right;
  }
  .sb_left {
    float: left;
  }
}

/*------------------------------------------------------------
object（ショートコードや各パーツのスタイル）
------------------------------------------------------------*/
body {
  background-color: #FFF;
  background-repeat: repeat;
  background-position: top;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-wrap: break-word;
  word-break: normal;
}

/*　記事ブロックのスタイル　*/
.article {
  margin: 0;
  padding: 0 15px;
}

@media screen and (min-width: 720px) {
  .article {
    padding-left: calc( ( 100% - 600px ) / 2);
    padding-right: calc( ( 100% - 600px ) / 2);
  }
}

@media screen and (min-width: 1000px) {
  .article {
    padding-left: 75px;
    padding-right: 75px;
  }
  .sidebar_bottom .article,
  .sidebar_none .article {
    padding-left: calc( ( 100% - 720px ) / 2);
    padding-right: calc( ( 100% - 720px ) / 2);
    font-size: 1.7rem;
  }
}

.article > p,
.article section > p {
  margin: 0 0 36px;
}

.article h1 {
  font-size: 35px;
  margin: 0 0 20px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.article h1 + h2,
.article h2 + h3,
.article h3 + h4,
.article h4 + h5,
.article h5 + h6 {
  margin-top: 30px;
}

.article h2 {
  font-size: 28px;
  margin: 50px 0 20px;
  line-height: 1.2;
}

.article h2:first-child {
  margin-top: 0;
}

.article h3 {
  margin: 50px 0 20px;
  line-height: 1.2;
  font-size: 22px;
}

.article h4 {
  margin: 50px 0 20px;
  line-height: 1.2;
  font-size: 18px;
}

.article h5 {
  margin: 50px 0 20px;
  line-height: 1.2;
  font-size: 16px;
}

.article h6 {
  margin: 50px 0 20px;
  line-height: 1.2;
  font-size: 16px;
  font-weight: normal;
}

.article table {
  margin: 0 auto 20px;
}

.article dl {
  margin: 0 0 20px;
}

.article dt {
  font-weight: bold;
}

.article dd {
  margin: 0 0 10px;
  color: #666;
}

.article ul, .article ol {
  margin: 0 0 20px 25px;
}

.article li {
  margin: 15px 0 15px;
}

.edit_link {
  clear: both;
}

.page-links {
  text-align: center;
  margin: 20px auto;
}

.page-links a {
  text-decoration: none;
  display: inline-block;
  font-weight: normal;
}

.page-links-number {
  /*border: 1px solid #ccc;*/
  padding: 2px 9px;
  border-radius: 50%;
  background-color: #ccc;
  line-height: 1;
  margin: 0 3px;
}

a .page-links-number {
  background-color: #f6f6f6;
  color: inherit;
}

a .page-links-number:hover {
  background-color: #e6e6e6;
}

/*==================================================
記事下ウィジェットエリアのスタイル
==================================================*/
.foot_content {
  margin: 0 auto 20px;
}

.foot_content img {
  vertical-align: bottom;
}

.article .foot_content h3 {
  margin: 0;
  padding: 10px 10px;
  font-size: 20px;
  border-radius: 3px 3px 0 0;
}

ul.wrap_recentposts {
  border-radius: 0 0 3px 3px;
}

.wrap_recentposts li:first-child {
  margin-top: 0;
}

.foot_content .with_img a {
  display: block;
}

.foot_content ul, .foot_content ol {
  margin: 0;
  border: 1px solid #ccc;
  border-top-style: none;
}

/*==================================================
パンくずのスタイル
==================================================*/
.hd_bread {
  margin: -15px 0 0;
  position: relative;
  overflow: hidden;
  background-color: #efefef;
}

@media screen and (min-width: 720px) {
  .hd_bread {
    background-color: transparent;
  }
}

.hd_bread ol {
  padding: 5px 5px 5px;
  font-size: 12px;
  overflow: auto;
  white-space: nowrap;
}

@media screen and (min-width: 720px) {
  .hd_bread ol {
    padding: 5px 10px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 1000px) {
  .hd_bread ol {
    padding: 8px 10px 10px;
    font-size: 14px;
  }
}

.hd_bread ol li {
  display: inline-block;
  margin: 0 3px;
}

.hd_bread a {
  text-decoration: none;
}

.hd_bread .icon-home {
  font-size: 14px;
  margin: 0 3px 0 0;
}

/*==================================================
   フッターのスタイル
==================================================*/
.footer {
  color: #333;
  background-color: #EFEFEF;
  font-size: 14px;
  border-top: 3px solid #ccc;
  padding: 10px 0 0;
  text-align: center;
}

.footer a {
  text-decoration: none;
}

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

@media screen and (min-width: 720px) {
  .footer {
    margin-bottom: 0;
  }
}

.has_navibar {
  margin-bottom: 50px;
}

.wrap_footMenu {
  color: #333;
  padding: 10px 0 5px;
}

.footMenu li {
  display: inline-block;
  border-right: 1px solid #333;
  padding: 0 10px;
}

.footMenu li:last-child {
  border-right: none;
}

.footContent {
  position: relative;
  overflow: hidden;
}

.footKeywords, .footInfo {
  padding: 10px;
}

.footContent table {
  width: auto;
  margin: 0 auto;
  text-align: left;
}

.copyRight {
  font-size: 11px;
  text-align: center;
  line-height: 1;
  padding: 5px 0;
}

/*フッターウィジェット*/
.foot_widget_col3 {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  text-align: left;
}

.foot_widget_col2 {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: left;
}

.foot_widget_col1 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
}

/*==================================================
   トップに戻るボタン
==================================================*/
.footer .goTopTab {
  position: fixed;
  bottom: 60px;
  right: 10px;
  font-size: 12px;
  z-index: 999;
}

.footer .goTopTab a {
  border-radius: 30px;
  display: block;
  width: 56px;
  height: 56px;
  background-color: #000;
  color: #fff;
  opacity: 0.6;
  color: #fff;
  text-decoration: none;
  padding: 5px;
}

.footer .goTopTab a:hover {
  opacity: 1;
}

.awblog .footer .goTopTab {
  bottom: 10px;
}

@media screen and (min-width: 720px) {
  .goTopTab {
    bottom: 30px;
    right: 30px;
  }
}

.goTopTab_arrow {
  font-size: 20px;
}

.foot_go_pc {
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  background-color: #628704;
  padding: 30px 0;
}

.foot_go_pc a {
  text-decoration: none;
  color: #fff;
}

/*================================================
スマホ用フッターボタン
==================================================*/
.footNav {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  background-color: #efefef;
  border-top: 1px solid #ccc;
  z-index: 100;
}

.footNav ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
}

.footNav li {
  text-align: center;
  line-height: 1.5;
  font-size: 12px;
  padding: 0 5px 3px;
}

.foot_spacer {
  flex-grow: 3;
}

.footNav .foot_navi_text {
  line-height: 1.1;
  flex-basis: 55px;
  font-size: 12px;
  padding: 0 5px;
  margin-left: auto;
}

@media (max-width: 340px) {
  .footNav .foot_navi_text {
    display: none;
  }
}

.footNav a {
  display: block;
  padding: 7px 0 0;
  height: 42px;
  text-decoration: none;
  color: #666;
}

.foot_tel_note {
  font-size: 10px;
  display: block;
  margin: 0 0 3px;
}

.icon-sp, .icon-pc, .icon-home, .icon-line-m {
  font-size: 20px;
}

.foot_mail .icon-mail {
  font-size: 20px;
  display: inline-block;
}

.icon-telephone, .foot_line .icon-line {
  font-size: 20px;
}

/*==================================================
	Headerのスタイル
==================================================*/
/*共通部分*/
.header {
  position: relative;
  z-index: 1;
  border-top: 2px solid #444;
}

.wrapLogo {
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.wrapTitle {
  padding: 5px 10px;
}

.with_logoImage.wrapTitle {
  padding: 0;
}

.head_title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: normal;
  display: inline-block;
}

.head_title a {
  text-decoration: none;
}

.head_subtitle {
  font-weight: normal;
  font-size: 14px;
  line-height: 1.2;
}

.with_logoImage .head_title {
  vertical-align: middle;
}

.with_logoImage .head_title img {
  vertical-align: middle;
}

.with_logoImage .head_subtitle {
  display: table-cell;
  padding: 5px 10px 5px 10px;
  vertical-align: middle;
}

/*中央揃え（スマホ）*/
.title_align_center {
  display: block;
  text-align: center;
}

.title_align_center .head_subtitle {
  text-align: center;
  display: block;
}

/*左揃え（スマホ）*/
/*ロゴがある場合はロゴと概要を並列にする。*/
.with_logoImage.title_align_left {
  display: flex;
  align-items: center;
}

.with_logoImage.title_align_left.title_main_nav_right {
  display: table-cell;
}

.with_logoImage .head_title img {
  max-width: none;
}

/*タブレット表示*/
@media screen and (min-width: 720px) {
  .wrapLogo {
    width: 100%;
  }
  .header {
    border-top: 5px solid #444;
  }
  .title_align_left {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
  .head_title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal;
  }
  .head_subtitle {
    font-size: 15px;
  }
  .header_right .head_subtitle {
    font-size: 15px;
    white-space: normal;
    width: calc( 100% - 330px);
    text-align: left;
  }
  .head_subtitle.with_logoImage {
    padding: 10px 5px 10px 30px;
    vertical-align: middle;
  }
  .with_logoImage.title_align_left .head_subtitle,
  .with_logoImage.title_align_left .head_title {
    display: inline-block;
  }
  .with_logoImage .head_title {
    flex-shrink: 0;
    flex-grow: 0;
  }
  .with_logoImage .head_subtitle, .with_logoImage .head_title {
    display: table-cell;
    vertical-align: middle;
  }
  .with_logoImage.title_align_center.has_header_contact .head_subtitle {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    text-align: left;
    padding: 0;
    display: table;
  }
  .with_logoImage.title_align_center.has_header_contact p {
    display: table-cell;
    vertical-align: middle;
  }
  .with_logoImage.title_align_center .head_subtitle,
  .with_logoImage.title_align_center .head_title {
    display: block;
  }
  .with_logoImage .head_title img {
    max-width: none;
  }
}

@media screen and (min-width: 1000px) {
  .wrapLogo {
    max-width: 1000px;
  }
  .title_align_left.has_header_contact {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
}

/*--------ヘッダーのグローバルメニューのスタイル--------*/
.main_nav {
  position: relative;
  background-color: #f7f7f7;
  z-index: 1;
}

@media screen and (min-width: 720px) {
  .main_nav {
    background-color: #efefef;
    border-top: 3px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}

.header {
  /*header内に表示した場合は、上ボーダーの消し背景を透過にしてheaderになじませる。*/
}

.header.translucent_header {
  position: absolute;
  width: 100%;
  border: none;
}

@media screen and (min-width: 720px) {
  .header .main_nav_right {
    border-bottom: none;
    display: table-cell;
    vertical-align: middle;
  }
}

.header .main_nav {
  border-top: none;
  background-color: transparent;
}

.header_right {
  border-bottom: 1px solid #ccc;
}

/*ロゴ右に表示する場合はボトムラインを消す*/
/*************************************
グローバルナビ
inline-blockを指定しているが、
flex-boxも使えるなら使うようにしている
**************************************/
.headMenu {
  max-width: 100%;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow-x: auto;
  white-space: nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}

@media screen and (min-width: 1000px) {
  .headMenu {
    max-width: 1000px;
    overflow-x: visible;
  }
}

.headMenu .menu-item span {
  font-size: 12px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.headMenu .menu-item-home span {
  font-size: 11px;
}

.headMenu li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  flex: 1;
}

@media screen and (min-width: 720px) {
  .headMenu li {
    border-left: 1px solid #ccc;
  }
  .headMenu li:last-child {
    border-right: 1px solid #ccc;
  }
}

.headMenu li a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: #333;
}

.headMenu li a:visited {
  text-decoration: none;
  color: #333;
}

@media screen and (max-width: 480px) {
  .headMenu li a {
    padding: 8px 4px;
    font-size: 12px;
  }
}

.headMenu li:hover, .headMenu li:active {
  text-decoration: none;
  /*font-weight:bold;*/
  /*color:#333;*/
  /*background-color: #ccc;*/
  opacity: 0.7;
}

.headMenu .menu-item .icon-home {
  font-size: 20px;
  margin-bottom: 1px;
}

.headMenu .main_nav_home {
  font-size: 20px;
  line-height: 0.7;
  width: 64px;
}

.headMenu .main_nav_home_span {
  font-size: 12px;
}

/*ロゴを右揃えにする場合は折り返さない設定にする*/
.header .main_nav_right .headMenu li {
  max-width: 100%;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 5px;
  font-size: 13px;
}

/*header内に表示するときは縦線を消す*/
.header .headMenu li {
  border: none;
}

.header .headMenu li:hover, .header .headMenu li:active {
  /*background-color: transparent;*/
}

/*スマホ表示の時のみ横スクロールを示す矢印を表示させる*/
@media screen and (max-width: 720px) {
  .header .main_nav:after {
    content: '≫';
    font-size: 20px;
    color: #666;
    font-weight: bold;
    position: absolute;
    top: 3px;
    right: 3px;
    line-height: 1;
    opacity: 0.7;
    text-shadow: 1px 1px 0px #fff, 1px -1px 0 #fff, -1px 2px 0 #fff, -1px -2px 0 #fff;
  }
  .main_nav:after {
    content: '';
  }
}

/*
本文の装飾に使うクラス
ビジュアルエディタのスタイルに表示される
*/
.bluebox {
  width: 430px;
  margin: 0px auto;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #BFDAFF;
  background-color: #DEF3FF;
  color: #06F;
  font-weight: bold;
  font-size: 1.1em;
}

.yellowbox {
  margin: 0px 20px;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #FFCBA1;
  background-color: #FFF9D6;
}

.greenbox {
  margin: 0px 20px;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #BFFF8E;
  background-color: #F1FFDF;
}

.pricebox {
  margin: 0px 20px;
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #D0D0D0;
  background-color: #F6F6F6;
  margin: 20px;
  line-height: 1.1em !important;
}

.blue_strong {
  font-weight: bold;
  font-size: 1.1em;
  color: #06C;
  line-height: 100%;
}

.stepbox {
  border-bottom-style: dotted;
  border-width: 1px;
  width: 480px;
  height: 220px;
  margin: 20px auto;
  font-size: 12px;
}

.foucusingbox {
  border-bottom-style: dotted;
  border-width: 1px;
  width: 480px;
  height: 120px;
  margin: 20px auto;
  font-size: 12px;
}

table#noborder_tab {
  border-style: none;
}

table#noborder_tab th, table#noborder_tab td {
  border-style: none;
}

.BoxStyle {
  padding: 0px;
  width: 450px;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  border: 1px solid #060;
}

.BoxStyleBold {
  width: 460px;
  margin-top: 5px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  border: 2px solid #060;
}

/*==================================================
  サイドバーのスタイル
==================================================*/
/*スライドメニューの表示・非表示切り替え*/
.mobile_sidebar {
  position: fixed;
  top: 0;
  left: -270px;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  background-color: #F5F5F5;
  height: 44px;
}

.mobile_sidebar.navi_close {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 200ms ease,z-index 0 ease 200ms,visibility 0 linear 200ms;
  transform: translate3d(0, 0, 0);
  transition: transform 200ms ease,z-index 0 ease 200ms,visibility 0 linear 200ms;
  visibility: hidden;
  z-index: -1;
}

.mobile_sidebar.navi_open {
  z-index: 1000;
  visibility: visible;
  -webkit-transform: translate3d(270px, 0, 0);
  -webkit-transition: -webkit-transform 200ms ease;
  transform: translate3d(270px, 0, 0);
  transition: transform 200ms ease;
}

/*スライドメニュー用定型ブロック*/
.side_mode_button {
  border-bottom: 1px solid #ccc;
}

.sidebar_button {
  text-align: center;
  background-color: #ccc;
  padding: 5px 0;
  margin: 9px;
  border-radius: 5px;
  display: inline-block;
  color: #666;
}

.sidebar_pc {
  width: 150px;
  margin-right: 5px;
}

.sidebar_close {
  padding: 7px 7px 8px;
}

.sidebar_pc .sb_icon-pc {
  margin-right: 10px;
  vertical-align: sub;
}

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

.sb_form_button {
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background-color: #ccc;
  margin: 0 0 10px;
}

.sb_form_button span {
  font-size: 14px;
}

.sb_form_booking {
  background-color: #D11800;
}

.sb_form_contact {
  background-color: #50321B;
  padding: 19px 10px;
}

.sb_tel {
  color: #FFF;
  background-color: #32B441;
  font-weight: bold;
  font-size: 20px;
  border-bottom: none;
  padding: 5px 10px;
  text-align: center;
  line-height: 1;
}

.sb_tel_num {
  font-size: 20px;
}

.sb_contact {
  color: #FFF;
  background-color: #FF6900;
  font-weight: bold;
  font-size: 20px;
  border-bottom: none;
  padding: 5px 10px;
  text-align: center;
  line-height: 1;
}

.sb_booking {
  color: #FFF;
  background-color: #c30705;
  font-weight: bold;
  font-size: 20px;
  border-bottom: none;
  padding: 5px 10px;
  text-align: center;
  line-height: 1;
}

.mobile_sidebar .icon-telephone, .mobile_sidebar .icon-mail {
  font-size: 20px;
  margin: 5px;
  vertical-align: bottom;
}

/*サイドバーウィジェットブロック*/
.textwidget p {
  margin: 10px;
}

.text_with_border {
  border: 1px solid #ccc;
  border-top: none;
  padding: 10px 0 0 0;
}

.awTextWidget p {
  margin: 0 10px 10px;
}

　 .sb_left .sb_content, .sb_right .sb_content {
  padding: 0;
}

.sb_content .children {
  margin-left: 10px;
}

.sb_content .wrap_recentposts {
  border-width: 1px;
  border-color: #ccc;
  border-style: none solid solid;
}

/*スマホ表示*/
.mobile_sidebar .textwidget ul, .mobile_sidebar .textwidget ol {
  list-style-type: disc;
  padding-left: 0px;
  margin: 0 10px 10px 25px;
}

.mobile_sidebar .main_nav {
  background-color: #efefef;
  border-top: 1px solid #ccc;
  position: relative;
  z-index: 1;
  border-bottom: none;
}

.mobile_sidebar .headMenu {
  max-width: 100%;
  margin: 0 auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow-x: auto;
  white-space: nowrap;
  position: relative;
  display: block;
}

.mobile_sidebar .headMenu li {
  display: block;
  max-width: 100%;
  text-align: left;
  border-left: none;
  line-height: 1.2;
}

.mobile_sidebar h3 {
  padding: 8px 6px;
  font-size: 15px;
  background-color: #eeeeee;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
}

.mobile_sidebar h3.with_img {
  padding: 0;
}

.mobile_sidebar h3.with_img img {
  vertical-align: bottom;
}

.mobile_sidebar h3 a {
  text-decoration: none;
}

.mobile_sidebar [id^="aw_header_img_menu"] li a, .mobile_sidebar [id^="aw_nav_menu"] li a, .mobile_sidebar [id^="categories"] li a, .mobile_sidebar [id^="archives"] li a {
  display: block;
  text-decoration: none;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.mobile_sidebar .sb_content li a:hover {
  background-color: #ddd;
  background-color: #efefef;
}

.mobile_sidebar .sb_content li a:active, .mobile_sidebar .sb_content li a:forcus {
  background-color: #efefef;
}

.mobile_sidebar .widget_categories ul, .mobile_sidebar .widget_archive ul {
  margin: 0;
  list-style-type: none;
}

.mobile_sidebar .menu-item {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.mobile_sidebar .menu-item a {
  text-decoration: none;
  color: #333;
}

.mobile_sidebar .cat-item a, .mobile_sidebar .widget_archive a {
  text-decoration: none;
  color: #333;
}

.mobile_sidebar .sb_content .children {
  margin-left: 0;
  border-left: 10px solid #ccc;
}

#miniBox li.miniBox_txt_bottom {
  text-align: right;
  margin: 0;
  padding: 5px;
}

.main_widgets #miniBox li.miniBox_txt_bottom {
  padding: 10px;
}

.more_link {
  text-align: right;
}

/*==================================================
	スライドメニューで使うカバー
==================================================*/
.wrap_cover {
  display: block;
  visibility: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

.wrap_cover_close {
  -webkit-transition: opacity 200ms ease,z-index 0 linear 200ms,visibility 0 linear 200ms;
  transition: opacity 200ms ease,z-index 0 linear 200ms,visibility 0 linear 200ms;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}

.wrap_cover_open {
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  visibility: visible;
  z-index: 10;
  opacity: 1;
}

/*==================================================
SNSブロックのスタイル
==================================================*/
/************************************
** 自作のバルーンシェアボタン
************************************/
.wrap_sns_buttons_footer {
  background-color: #efefef;
  margin: 0 -15px;
  padding: 10px 10px 7px;
}

.wrap_sns_buttons_home-footer {
  background-color: #fff;
  margin: 0 10px 15px;
  padding: 10px;
  border-radius: 3px;
}

@media (min-width: 600px) {
  .wrap_sns_buttons_footer {
    margin: 0 -30px;
    padding: 10px 30px 7px;
  }
  .wrap_sns_buttons_home-footer {
    margin: 0 auto 15px;
  }
}

.sns-buttons-pc {
  overflow: hidden;
  padding: 0;
  margin: 0;
  text-align: center;
}

.art_social .sns-buttons-pc, .snsb_home .sns-buttons-pc {
  border-top: none;
  padding: 0 0 0;
  margin: 0;
}

.sns-buttons-pc .snsb {
  margin: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.sns-buttons-pc .snsb li {
  list-style: none;
  margin: 5px 5px 0;
  line-height: 2;
  border-radius: 3px;
  width: calc( ( 100% - 50px ) / 3);
  overflow: hidden;
  max-height: 32px;
}

.sns-buttons-pc .snsb li a i {
  font-size: 14px;
  vertical-align: middle;
}

.sns-buttons-pc .snsb li a i.icon-line {
  font-size: 16px;
}

.sns-buttons-pc .snsb li .social-count {
  margin-left: 3px;
}

@media screen and (min-width: 720px) {
  .sns-buttons-pc .snsb {
    display: block;
  }
  .sns-buttons-pc .snsb li {
    width: calc( ( 100% - 50px ) / 6);
    display: inline-block;
    max-height: 32px;
  }
  .sns-buttons-pc .snsb li a i {
    font-size: 12px;
  }
}

.balloon-btn-text {
  display: inline;
  font-size: 11px;
  letter-spacing: 0;
}

a.balloon-btn-link {
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  background-color: #ccc;
  color: #fff;
  display: block;
  padding: 5px;
}

a.twitter-balloon-btn-link {
  background-color: #55acee;
}

a.facebook-balloon-btn-link {
  background-color: #3c5a99;
}

a.googleplus-balloon-btn-link {
  background-color: #dd4b39;
}

a.hatena-balloon-btn-link {
  background-color: #3c7dd1;
}

a.pocket-balloon-btn-link {
  background-color: #ee4257;
}

a.line-balloon-btn-link {
  background-color: #00c300;
}

a.evernote-balloon-btn-link {
  background-color: #51b125;
}

a.feedly-balloon-btn-link {
  background-color: #87bd33;
}

a.twitter-balloon-btn-link:hover {
  background-color: #55acee;
}

a.facebook-balloon-btn-link:hover {
  background-color: #3c5a99;
}

a.googleplus-balloon-btn-link:hover {
  background-color: #dd4b39;
}

a.hatena-balloon-btn-link:hover {
  background-color: #3c7dd1;
}

a.pocket-balloon-btn-link:hover {
  background-color: #ee4257;
}

a.line-balloon-btn-link:hover {
  background-color: #00c300;
}

a.evernote-balloon-btn-link:hover {
  background-color: #51b125;
}

a.feedly-balloon-btn-link:hover {
  background-color: #87bd33;
}

/*--------------------------------------
ビジュアルエディタで指定できる文字装飾スタイル
--------------------------------------*/
/*レスポンシブ文字サイズ（数字はPC表示の時の数字）*/
.r16 {
  font-size: 16px;
}

.r20 {
  font-size: 18px;
}

.r24 {
  font-size: 20px;
}

.r28 {
  font-size: 22px;
}

.r32 {
  font-size: 26px;
}

.r36 {
  font-size: 32px;
}

.r40 {
  font-size: 36px;
}

.r48 {
  font-size: 40px;
}

.r14 {
  font-size: 14px;
}

.r12 {
  font-size: 12px;
}

@media screen and (min-width: 720px) {
  .r16 {
    font-size: 16px;
  }
  .r20 {
    font-size: 20px;
  }
  .r24 {
    font-size: 24px;
  }
  .r28 {
    font-size: 28px;
  }
  .r32 {
    font-size: 32px;
  }
  .r36 {
    font-size: 36px;
  }
  .r40 {
    font-size: 40px;
  }
  .r48 {
    font-size: 48px;
  }
  .r14 {
    font-size: 14px;
  }
  .r12 {
    font-size: 12px;
  }
}

/*----------書式クラスの追加------------*/
.txtbig {
  font-size: 1.2em;
}

.txtsmall {
  font-size: 0.8em;
}

.color_blue {
  color: #06C;
}

.txtbold {
  font-weight: bold;
}

/* 引用のスタイル */
blockquote {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px 20px;
  background-color: #efefef;
  margin: 0 0 20px;
  position: relative;
}

blockquote p:last-child {
  margin-bottom: 0;
}

blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 320%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 320%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -4px;
}

@media screen and (min-width: 720px) {
  blockquote {
    padding: 20px 55px;
  }
  blockquote:before {
    font-size: 600%;
  }
  blockquote:after {
    font-size: 600%;
    bottom: -7px;
  }
}

/* テーブルのスタイル */
th,
td {
  border: 1px solid #ccc;
  padding: 10px;
}

th {
  background-color: #efefef;
}

/* 要素の基本スタイル */
sub {
  vertical-align: sub;
  font-size: 10px;
}

sup {
  vertical-align: super;
  font-size: 12px;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

address {
  font-style: normal;
}

cite {
  font-style: italic;
  color: #666;
}

pre {
  overflow: auto;
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 10px;
  border-radius: 5px;
  background-color: #efefef;
}

.sb_content {
  margin: 0 0 20px;
  background-color: #fff;
  border-radius: 3px;
  overflow: hidden;
}

@media screen and (max-width: 890px) {
  .sb_content {
    min-width: calc( ( 100% - 30px ) / 3);
    flex: 0 1 0;
  }
  .sb_content + .sb_content {
    margin-left: 15px;
  }
  .sb_content + .sb_content:first-child, .sb_content + .sb_content:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 720px) {
  .sb_content + .sb_content {
    margin-left: 0;
  }
}

@media screen and (max-width: 720px) {
  .sidebar_bottom .sb_content + .sb_content {
    margin-left: 0;
  }
}

@media screen and (min-width: 720px) {
  .sidebar_bottom .sb_content {
    min-width: calc( ( 100% - 30px ) / 3);
    flex: 0 1 0;
  }
  .sidebar_bottom .sb_content + .sb_content {
    margin-left: 15px;
  }
  .sidebar_bottom .sb_content + .sb_content:first-child, .sidebar_bottom .sb_content + .sb_content:nth-child(3n+1) {
    margin-left: 0;
  }
}

.sb_content.aw_header_img_menu {
  overflow: visible;
}

.mobile_sidebar {
  width: 250px;
}

.mobile_sidebar .main_nav {
  background-color: transparent;
  border-bottom: 5px solid #ccc;
}

.mobile_sidebar .headMenu li {
  display: block;
  width: 100%;
  max-width: none;
  vertical-align: middle;
  text-align: left;
  border-left: none;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #ccc;
  padding: 0;
}

.mobile_sidebar .headMenu li:last-child {
  border-bottom: none;
}

.mobile_sidebar .headMenu li a {
  display: block;
  padding: 10px;
  font-size: 14px;
  line-height: 1.6;
}

.sidebar .page_item,
.sidebar .menu-item {
  border-bottom: 1px solid #ccc;
  position: relative;
}

.sidebar .page_item a,
.sidebar .menu-item a {
  text-decoration: none;
  display: block;
  position: relative;
  padding: 10px 25px 10px 10px;
}

.sidebar .page_item a:visited,
.sidebar .menu-item a:visited {
  text-decoration: none;
}

.sidebar .page_item a:after,
.sidebar .menu-item a:after {
  font-family: 'icomoon';
  content: '\e916';
  position: absolute;
  top: calc( ( 100% - 18px ) /2);
  right: 5px;
  font-size: 12px;
  opacity: 0.6;
}

.sidebar .page_item:hover, .sidebar .page_item.current_menu-item, .sidebar .page_item.current_page_item,
.sidebar .menu-item:hover,
.sidebar .menu-item.current_menu-item,
.sidebar .menu-item.current_page_item {
  background-color: #fafafa;
  font-weight: bold;
}

.sidebar .page_item:last-child,
.sidebar_left .sidebar .page_item:last-child,
.sidebar_right .sidebar .page_item:last-child,
.sidebar .menu-item:last-child,
.sidebar_left
.sidebar .menu-item:last-child,
.sidebar_right
.sidebar .menu-item:last-child {
  border-bottom: none;
}

.sidebar .page_item.page_item_note,
.sidebar .menu-item.page_item_note {
  padding: 10px 5px 5px 10px;
}

.sidebar .page_item.page_item_note .more_link,
.sidebar .menu-item.page_item_note .more_link {
  margin: 0;
}

.sidebar .page_item.page_item_note:before,
.sidebar .menu-item.page_item_note:before {
  content: '';
}

.sidebar .page_item.page_item_note:hover,
.sidebar .menu-item.page_item_note:hover {
  background-color: transparent;
  font-weight: normal;
}

.sidebar .page_item .more_link a,
.sidebar .menu-item .more_link a {
  display: inline-block;
}

@media screen and (max-width: 720px) {
  .sidebar .page_item.menu-item_has_children > a, .sidebar .page_item.page_item_has_children > a,
  .sidebar .menu-item.menu-item_has_children > a,
  .sidebar .menu-item.page_item_has_children > a {
    pointer-events: none;
  }
  .sidebar .page_item .children,
  .sidebar .menu-item .children {
    overflow: hidden;
    white-space: nowrap;
    margin-left: 0;
    z-index: 999;
    border-color: #ccc;
    border-width: 1px;
    border-style: none;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    position: relative;
    height: 0;
    background-color: transparent;
  }
  .sidebar .page_item a,
  .sidebar .menu-item a {
    background-color: #fff;
  }
  .sidebar .page_item a:hover,
  .sidebar .menu-item a:hover {
    background-color: transparent;
  }
  .sidebar .page_item:hover > .children,
  .sidebar .menu-item:hover > .children {
    border-style: solid none none;
    height: 100%;
  }
  .sidebar .page_item:hover > .children li,
  .sidebar .menu-item:hover > .children li {
    margin-left: 10px;
  }
  .sidebar .page_item:hover > .children,
  .sidebar .menu-item:hover > .children {
    overflow: visible;
    width: 100%;
  }
}

@media screen and (min-width: 720px) {
  .sidebar .page_item .children,
  .sidebar .menu-item .children {
    overflow: hidden;
    white-space: nowrap;
    margin-left: 0;
    position: absolute;
    z-index: 999;
    border-color: #ccc;
    border-width: 1px;
    border-style: none;
    background-color: #fff;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
  }
  .sidebar_left .sidebar .page_item .children, .sidebar_left
  .sidebar .menu-item .children {
    top: -1px;
    left: 100%;
    width: 0;
  }
  .sidebar_right .sidebar .page_item .children, .sidebar_right
  .sidebar .menu-item .children {
    top: -1px;
    right: 100%;
    width: 0;
  }
  .sidebar_bottom .sidebar .page_item .children, .sidebar_bottom
  .sidebar .menu-item .children {
    position: relative;
    height: 0;
    background-color: transparent;
  }
  .sidebar_bottom .sidebar .page_item a, .sidebar_bottom
  .sidebar .menu-item a {
    background-color: #fff;
  }
  .sidebar_bottom .sidebar .page_item a:hover, .sidebar_bottom
  .sidebar .menu-item a:hover {
    background-color: transparent;
  }
  .sidebar_bottom .sidebar .page_item:hover > .children, .sidebar_bottom
  .sidebar .menu-item:hover > .children {
    border-style: solid none none;
    height: 100%;
  }
  .sidebar_bottom .sidebar .page_item:hover > .children li, .sidebar_bottom
  .sidebar .menu-item:hover > .children li {
    margin-left: 10px;
  }
  .sidebar .page_item:hover > .children,
  .sidebar .menu-item:hover > .children {
    overflow: visible;
    border-style: solid;
    width: auto;
  }
}

.sidebar .sb_content.MsxRecentEntry ul, .sidebar .sb_content.aw_custom_menu ul {
  border: 1px solid #ccc;
  list-style: none;
  padding-left: 0px;
  margin: 0;
}

.sidebar h3 {
  padding: 8px 6px;
  margin: 0;
  font-size: 18px;
}

.sidebar h3 a {
  text-decoration: none;
  display: block;
  color: inherit;
}

.sidebar h3.with_img {
  padding: 0;
  line-height: 0;
}

[id^="recent-"] li {
  list-style: none;
  border-bottom: 1px dotted #ccc;
}

[id^="recent-"] li:last-child {
  border-bottom: none;
}

[id^="recent-"] li p {
  margin: 10px;
  font-size: 14px;
}

[id^="recent-"] li a {
  display: block;
  overflow: hidden;
  text-decoration: none;
  padding: 10px 10px;
  line-height: 1.2;
}

[id^="recent-"] li.more_link {
  line-height: 1;
}

[id^="recent-"] li.more_link a {
  display: inline-block;
}

[id^="recent-"] li.more_link a:after {
  font-family: 'icomoon';
  content: '\e907';
  margin-left: 5px;
  vertical-align: middle;
}

[id^="recent-"] li:hover {
  background-color: #efefef;
}

[id^="recent-"] li.miniBox_txt_bottom:hover {
  background-color: transparent;
}

[id^="recent-"] li .post-date {
  font-size: 12px;
  color: #666;
  text-decoration: none;
  margin-top: 5px;
}

[id^="recent-"] li img {
  float: left;
}

.widget_bottom [id^="recent-"] li.more_link {
  margin: -15px auto 0;
}

.no-image {
  display: table-cell;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  height: 80px;
  width: 80px;
  color: #999;
  overflow: hidden;
  font-size: 12px;
}

.wrap_recentposts_thum {
  float: left;
}

.article ul.news_list {
  list-style-type: none;
  margin: 0 10px;
}

.article ul.news_list li {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.article ul.news_list .news_list_date {
  margin-top: 5px;
  color: #666;
}

#newsBox {
  font-size: 12px;
  overflow: auto;
  height: 100px;
  margin-bottom: 10px;
  text-indent: 0px;
  border-bottom: 1px dotted #ccc;
}

#newsBox p {
  line-height: 1.2em;
  margin: 5px;
  border-bottom: 1px dashed #ccc;
}

.more_link a {
  text-align: right;
  display: inline-block;
  padding: 8px 15px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 15px;
  margin: 0;
}

.more_link a:hover {
  opacity: 0.7;
}

#sidebar li.page_item .more_link a {
  color: #fff;
  display: inline-block;
}

#sidebar li.page_item .more_link a:visited {
  color: #fff;
  display: inline-block;
}

.mobile_sidebar .more_link {
  margin: 0;
}

[id^="aw_nav_menu"] li.page_item_note {
  padding: 10px 5px 5px 10px;
}

@media screen and (min-width: 720px) {
  .aw_sb_custom_menu li {
    border-bottom: 1px solid #ccc;
  }
  .aw_sb_custom_menu li:last-child {
    border-bottom: none;
  }
  .aw_sb_custom_menu li a {
    padding: 10px 10px;
    text-decoration: none;
    display: block;
  }
  .aw_sb_custom_menu li a:hover {
    background-color: #efefef;
  }
}

/*-----------------------------------------------*/
/*コメントのスタイル*/
.comments {
  margin: 15px 10px;
  overflow: hidden;
}

@media screen and (min-width: 720px) {
  .comments {
    margin: 15px 30px;
  }
  .sidebar_bottom .comments,
  .sidebar_none .comments {
    max-width: 720px;
    margin-left: calc( (100% - 720px) / 2);
    margin-right: calc( (100% - 720px) / 2);
  }
}

.comments h2 {
  padding: 7px 15px;
  margin: 10px 0 0;
  font-size: 20px;
  border-radius: 3px;
}

/*コメント本文の書式*/
.commentCont h1 {
  margin: 10px 0 10px;
  font-size: 24px;
}

.commentCont h2 {
  margin: 10px 0 10px;
  padding: 0;
  font-size: 22px;
}

.commentCont h3 {
  margin: 10px 0 10px;
  font-size: 20px;
}

.commentCont h4 {
  margin: 10px 0 10px;
  font-size: 18px;
}

.commentCont h5 {
  margin: 10px 0 10px;
  font-size: 16px;
}

.commentCont h6 {
  margin: 10px 0 10px;
  font-size: 14px;
}

.comments p {
  padding: 5px;
}

.commentCont ul, .commentCont ol {
  margin: 10px 0 10px 25px;
}

.commentCont ul {
  list-style: disc;
}

.commentCont ol {
  list-style: decimal;
}

.commentCont dt {
  font-weight: bold;
}

.commentCont dd {
  color: #666;
  margin-bottom: 10px;
  font-size: 14px;
}

.comment-reply-link {
  text-align: right;
  display: block;
  margin: 0 10px 10px;
}

.comment_pagenav {
  text-align: center;
  margin: 15px 0;
  font-size: 18px;
}

.wrap_each_comment ul.children {
  margin-left: 10px;
}

@media screen and (min-width: 720px) {
  .wrap_each_comment ul.children {
    margin-left: 20px;
  }
}

.wrap_comment_button {
  margin: 30px 0 0;
}

.wrap_each_comment {
  list-style: none;
}

.wrap_comment_form {
  margin: 0 15px 30px;
}

.wrap_each_comment .avatar {
  float: left;
  border: 1px solid #CCC;
  background: #fff;
  margin: 0px 5px 0px 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.commentlist cite {
  font-weight: bold;
  font-size: 20px;
  font-style: normal;
}

.commentlist cite a {
  font-weight: bold;
  font-size: 20px;
  font-style: normal;
}

ul.children {
  margin-left: 40px;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}

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

h3.h_comment_form {
  margin-top: 40px;
  font-size: 22px;
  text-align: center;
}

@media screen and (min-width: 720px) {
  h3.h_comment_form {
    text-align: left;
  }
}

#comment {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.2;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

#commentform input#author, #commentform input#email, #commentform input#url {
  display: block;
  width: 100%;
  max-width: 360px;
  font-size: 16px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.commnet_form_input {
  margin-bottom: 15px;
  margin-top: 15px;
}

.require {
  color: #fff;
  font-size: 12px;
  display: inline-block;
  border-radius: 5px;
  padding: 1px 5px;
  background-color: #ff6363;
  margin: 0 5px;
  vertical-align: top;
}

#commentform input[type="submit"], #commentform input[type="reset"], #commentform input[type="button"] {
  -webkit-appearance: none;
  display: block;
  margin-bottom: 20px;
  padding: 10px 12px;
  border-width: 0 0 4px;
  border-color: #777;
  border-style: solid;
  border-radius: 3px;
  background: #cecece;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  line-height: normal;
  cursor: pointer;
  font-size: 18px;
  width: 100%;
  border-style: none none solid;
}

#commentform input[type="submit"]:hover, #commentform input[type="reset"]:hover, #commentform input[type="button"]:hover {
  opacity: 0.9;
  border-bottom-width: 2px;
  border-top: 2px solid #fff;
}

.commentMeta {
  padding: 5px;
  line-height: 150%;
}

.alt {
  margin: 0;
  padding: 10px;
}

.comments .wrapper {
  padding: 10px;
}

.comments ol.commentlist li .comment-head .avatar img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
}

.comments ol.commentlist li .comment-head .user-meta {
  float: left;
  line-height: 14px;
}

.comments ol.commentlist li .comment-head .user-meta span.name {
  display: block;
  font-weight: bold;
}

.comments ol.commentlist li .comment-head .user-meta span.date {
  font-size: 11px;
  color: #999;
}

.comments ol.commentlist li .comment-head .user-meta span.perma {
  text-transform: uppercase;
  font-size: 11px;
  color: #999;
}

.comments ol.commentlist li .comment-entry p {
  margin: 0 0 10px 0;
}

.commentAuthor {
  margin: 10px 0px;
}

.commentCont {
  border-bottom-width: 1px;
  border-bottom-color: #CCC;
  border-bottom-style: dotted;
  margin-bottom: 0px;
  padding-top: 5px;
  clear: both;
}

@media screen and (min-width: 720px) {
  .comments i {
    font-size: 13px;
  }
}

/*
WordPressで必須のスタイル
 */
.aligncenter,
dl.aligncenter,
.html5-captions {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

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

.alignnone {
  max-width: 100%;
}

/*画像のキャプション*/
.wp-caption {
  text-align: center;
  width: 100% !important;
  margin: 0 auto 15px;
}

.article p.wp-caption-text {
  margin: 0;
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
}

/* マテリアルデザイン用のスタイル */
/*
マテリアルデザイン用のシャドウ設定CSS
基本はz-depth-1を使う
参考：http://materializecss.com/
*/
.z-depth-0 {
  box-shadow: none !important;
}

.z-depth-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

/*----------レスポンスデバイス------------*/
#contact_info {
  width: auto;
  margin: 20px auto;
  clear: both;
}

@media screen and (min-width: 1000px) {
  #contact_info {
    margin: 50px -30px 20px;
  }
}

.contents_contact_info {
  border-top: none;
  position: relative;
  margin: 0 auto 30px;
  padding: 8px;
  background-color: #fff;
}

@media screen and (min-width: 720px) {
  .contents_contact_info {
    border: 2px solid #666;
    border-radius: 0 0 5px 5px;
  }
}

.header_contact_info {
  position: relative;
  margin: 0;
  z-index: 1;
  background-color: #666;
  color: #fff;
  font-size: 20px;
  /*font-weight: bold;*/
  text-align: center;
  padding: 10px 10px;
  line-height: 1.2;
}

@media screen and (min-width: 720px) {
  .header_contact_info {
    border-radius: 5px 5px 0 0;
  }
}

.with_face_img {
  padding-right: 85px;
  line-height: 1.2;
  text-align: left;
}

.contact_info_face {
  position: absolute;
  top: -15px;
  right: 5px;
  width: 70px;
  height: 70px;
  border: 6px solid #ccc;
  border-radius: 42px;
  overflow: hidden;
}

.contact_info_copy {
  display: block;
  font-size: 16px;
}

.wrap_house_picture {
  float: none;
  width: auto;
  text-align: center;
}

.wrap_house_picture img {
  vertical-align: bottom;
}

.map_contact_info {
  float: none;
  width: auto;
  margin: 15px auto 0;
  border: none;
  border-left: 1px solid #ccc;
}

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

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map_box {
  /*    border: 1px solid #ccc;
      width: 95%;*/
  margin: 0 auto 10px;
  overflow: hidden;
  background-color: #fff;
}

.address_contact_info {
  position: relative;
  z-index: 10;
  margin: 0 10px;
}

.address_contact_info p {
  margin: 0;
}

.text_contact_info {
  float: left;
  width: 230px;
  margin: 10px;
  font-size: 13px;
}

.map_contact_info {
  float: left;
  width: 100%;
  margin: 10px 0;
  border: 1px solid #ccc;
}

.caption_address {
  text-align: center;
  line-height: 1.2;
}

.rb_form_button {
  display: block;
  padding: 5px 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1;
  color: #fff;
  background-color: #ccc;
  margin: 0 0 10px;
  border-radius: 5px;
}

.rb_form_button:hover {
  opacity: 0.9;
}

.rb_form_button span {
  font-size: 14px;
}

.rb_form_button .icon-mail {
  font-size: 25px;
  vertical-align: middle;
  margin-right: 5px;
}

.rb_form_booking {
  background-color: #D11800;
}

.rb_form_contact {
  background-color: #50321B;
  padding: 19px 10px;
}

.rb_tel {
  color: #FFF;
  background-color: #32B441;
  font-weight: bold;
  font-size: 20px;
  border-bottom: none;
  padding: 5px 10px;
  text-align: center;
  line-height: 1.1;
}

.rb_tel_num {
  font-size: 20px;
}

.rb_contact {
  color: #FFF;
  background-color: #FF6900;
}

.rb_booking {
  color: #FFF;
  background-color: #c30705;
}

.rb_line {
  color: #FFF;
  background-color: #00B500;
}

.rb_form_button .icon-line {
  font-size: 24px;
}

a.rb_line:hover {
  color: #fff;
}

.mobile_sidebar .icon-telephone, .mobile_sidebar .icon-mail {
  font-size: 20px;
  margin: 5px;
  vertical-align: bottom;
}

#tel_contact_info {
  clear: both;
  margin: 10px 0 5px;
  font-size: 28px;
  font-weight: bold;
  color: #32B441;
  text-align: center;
  line-height: 1.2;
}

#tel_contact_info a {
  text-decoration: none;
  color: #32B441;
}

#tel_contact_info .contact_tel {
  font-size: 18px;
  display: block;
}

#tel_contact_info .icon-telephone {
  font-size: 24px;
  margin-right: 10px;
}

#mail_contact_info {
  margin: 10px auto;
  text-align: center;
  display: block;
}

.contact_info_open {
  line-height: 1.2;
  text-align: center;
  color: #666;
}

.contact_h {
  display: inline-block;
  font-weight: bold;
  font-size: 15px;
}

.tel_note {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  margin: 5px 0 10px;
  color: #666;
  text-align: center;
}

@media screen and (min-width: 720px) {
  .tel_note {
    text-align: center;
    font-size: 14px;
  }
}

.tel_copy {
  background-color: #FF9934;
  text-align: center;
  margin: 0 0 10px;
  padding: 11px;
  font-size: 18px;
  color: #fff;
  border: 1px solid #993300;
}

/* レスポンスデバイス（フッター）*/
#contact_info_footer {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 25px;
  background-color: #fff;
}

#contact_info_footer .contents_contact_info {
  border-radius: 0;
  border-bottom: none;
  margin-bottom: 0;
}

#contact_info_footer .header_contact_info {
  border-radius: 0;
}

.contact_info_shop_name {
  font-size: 22px;
  font-weight: 700;
}

@media screen and (min-width: 720px) {
  .contact_info_shop_name {
    font-size: 28px;
  }
}

.contact_info_shop {
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  padding-bottom: 15px;
}

@media screen and (min-width: 720px) {
  .contact_info_shop {
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
    flex: 1;
    padding-left: 20px;
    padding-right: 15px;
  }
}

@media screen and (min-width: 720px) {
  .wrap_shop_info {
    display: flex;
  }
}

.contact_info_tel {
  text-align: center;
  font-weight: 700;
  color: #32B441;
}

.rb_form_button .contact_tel_number {
  text-align: center;
  font-size: 20px;
}

.contact_tel_note {
  font-size: 18px;
}

@media screen and (min-width: 720px) {
  .contact_tel_note {
    font-size: 30px;
    display: inline-block;
    opacity: 0.8;
  }
  .contact_tel_number {
    text-align: center;
    font-size: 70px;
    line-height: 1.2;
    letter-spacing: 4px;
  }
  .contact_tel_number .icon-telephone {
    font-size: 50px;
    margin-right: 5px;
    margin-left: 5px;
  }
  .wrap_contact_buttons {
    display: flex;
    justify-content: space-between;
  }
  .wrap_contact_buttons .rb_form_button {
    margin: 0 10px 10px;
    width: 80%;
  }
  .wrap_house_picture {
    float: left;
    width: 254px;
    text-align: left;
  }
  .map_contact_info {
    float: right;
    width: 333px;
    margin: 0;
    border: none;
  }
  .caption_address {
    margin: 0 10px 10px;
  }
  .map_box {
    width: 588px;
    height: 190px;
  }
  .contact_info_copy {
    font-size: 20px;
    top: -15px;
  }
  .header_contact_info {
    font-size: 28px;
  }
  .contact_info_face {
    top: -25px;
    right: 9px;
    width: 100px;
    height: 100px;
    border-radius: 58px;
  }
  .with_face_img {
    padding-right: 120px;
    line-height: 1.3;
    text-align: center;
  }
  #tel_contact_info {
    clear: both;
    margin: 10px 10px 10px 15px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
  }
  #tel_contact_info .contact_tel {
    font-size: 18px;
    display: inline-block;
  }
  #tel_contact_info .icon-telephone {
    font-size: 34px;
    margin-right: 10px;
  }
  .rb_form_button {
    font-size: 28px;
    margin: 0 auto 10px;
    width: 80%;
  }
  .rb_form_button .icon-mail {
    font-size: 36px;
  }
  .rb_form_button span {
    font-size: 20px;
  }
}

/*問い合わせフォームのスタイル*/
.form_content {
  margin: 7px 15px 15px;
}

input[type="text"], input[type="tel"], input[type="email"] {
  font-size: 18px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 5px;
}

input[type="submit"] {
  font-size: 20px;
  -webkit-appearance: none;
  padding: 5px;
  border: none;
  width: 80%;
  height: 50px;
  background-color: #78c93e;
  border-radius: 5px;
  display: block;
  margin: 10px auto 15px;
  color: #fff;
}

input[type="submit"]:hover {
  opacity: 0.8;
}

input[type="radio"], input[type="chexkbox"] {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.wpcf7-form select {
  border: 1px solid #ccc;
  font-size: 18px;
  padding: 2px 5px 5px;
}

.form_h3 {
  font-size: 15px;
  margin: 20px 0 0;
  padding: 0;
  font-weight: bold;
}

.wpcf7-form {
  width: 90%;
  margin: 0 auto;
}

.wpcf7-form > p {
  margin: 0px 0 0;
  padding: 10px;
  border: 1px solid #fff;
}

.wpcf7-form > p:nth-child(even) {
  background-color: #efefef;
}

.wpcf7-form > p:hover {
  border: 1px solid #ccc;
}

.label-cf {
  font-weight: bold;
}

.fm_must:after {
  content: '必須';
  border-radius: 5px;
  background-color: #f75b5b;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  margin: 0 5px;
}

.form_note {
  font-size: 14px;
  font-weight: normal;
}

.wpcf7-form-control-wrap {
  margin: 5px 0;
  display: block;
  /*width: 80%;*/
  width: auto;
}

.wpcf7-form-control-wrap textarea {
  width: 100%;
  font-size: 15px;
  border: 1px solid #ccc;
}

/*新着情報ボックス [news_box]*/
.sc_news_box .without_img {
  font-size: 20px;
  padding: 10px 10px;
  border-radius: 3px 3px 0 0;
}

.sc_news_box .without_img a {
  text-decoration: none;
}

.news_box {
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  list-style: none;
}

.sc_news_box {
  margin: 20px 0 40px;
}

.news_box li {
  padding: 10px 20px;
  border-bottom: 1px dotted #ccc;
}

.news_box_comment {
  color: #666;
}

.news_box_link {
  text-align: right;
}

.news_box_link a {
  display: inline-block;
  padding: 8px 15px;
  border-radius: 3px;
  text-decoration: none;
}

.news_box_link a:hover {
  opacity: 0.7;
}

/*[fukidasi]*/
.wrap_balloon {
  margin: 15px 10px 35px;
  overflow: hidden;
}

.wrap_av_img {
  border-radius: 50%;
  overflow: hidden;
}

.wrap_av_img img {
  vertical-align: bottom;
}

.wrap_content .custBox.box_no_border {
  margin: 15px 0;
}

.box_no_border .wrap_ballon {
  margin: 20px 0;
}

.balloonAvatar_l,
.balloonAvatar_r {
  display: block;
  line-height: 1.2;
  text-align: center;
  font-size: 12px;
}

@media screen and (min-width: 720px) {
  .balloonAvatar_l,
  .balloonAvatar_r {
    font-size: 100%;
  }
}

.balloonAvatar_l {
  padding-right: 10px;
  float: left;
}

.balloonAvatar_r {
  padding-left: 10px;
  float: right;
}

.balloonAvatar_tate {
  margin-bottom: 10px;
}

.balloonAvatar_l.balloonAvatar_tate {
  padding-right: 0;
  float: left;
}

.balloonAvatar_r.balloonAvatar_tate {
  padding-left: 0;
  float: right;
}

.balloon_l.balloon_tate {
  float: left;
}

.balloon_r.balloon_tate {
  float: right;
}

.balloonText {
  display: block;
  border: 1px solid #ccc;
  background-color: #efefef;
  padding: 15px 10px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  margin: 0;
  min-height: 25px;
  max-width: -webkit-calc(100% - 85px);
  max-width: calc(100% - 85px);
}

@media screen and (min-width: 720px) {
  .balloonText {
    padding: 15px 20px 15px;
    max-width: 410px;
    max-width: -webkit-calc(100% - 150px);
    max-width: calc(100% - 150px);
  }
}

.gray {
  border: none;
  background-color: #efefef;
}

.balloon_l.balloon_yoko {
  float: left;
}

.balloon_r.balloon_yoko {
  float: right;
}

.balloon_noFrame_r {
  float: right;
  background-color: transparent;
  border: none;
}

.balloon_noFrame_l {
  float: left;
  background-color: transparent;
  border: none;
}

.balloonText p {
  margin: 0 0 20px;
}

.balloonText p:last-child {
  margin: 0 0 0;
}

.balloonAvatar_yoko {
  width: 50px;
}

@media screen and (min-width: 720px) {
  .balloonAvatar_yoko {
    width: 96px;
  }
}

.balloon_tate {
  clear: both;
  display: block;
}

.wrap_av_img img {
  max-width: none;
}

#content-1col .balloonText {
  width: 470px;
}

.cont-1col .box_no_border .balloonText {
  width: 630px;
}

.cont-1col .balloonText {
  width: 560px;
}

.balloon_l:before, .balloon_l:after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
}

.balloon_r:before, .balloon_r:after {
  content: '';
  display: block;
  height: 0;
  position: absolute;
}

.balloon_l.balloon_yoko:before {
  border-right: 12px solid #ccc;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  top: 12px;
  left: -12px;
}

.balloon_l.balloon_yoko:after {
  border-right: 11px solid #efefef;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  top: 13px;
  left: -10px;
}

.balloon_r.balloon_yoko:before {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 12px solid #ccc;
  top: 12px;
  right: -13px;
}

.balloon_r.balloon_yoko:after {
  border-left: 11px solid #efefef;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  top: 13px;
  right: -11px;
}

/*吹き出しの枠の色*/
/*枠なし*/
.pink.balloon_l:before, .pink.balloon_r:before {
  border-right: none;
  border-left: none;
}

.blue.balloon_l:before, .blue.balloon_r:before {
  border-right: none;
  border-left: none;
}

.green.balloon_l:before, .green.balloon_r:before {
  border-right: none;
  border-left: none;
}

.yellow.balloon_l:before, .yellow.balloon_r:before {
  border-right: none;
  border-left: none;
}

.gray.balloon_l:before, .gray.balloon_r:before {
  border-right: none;
  border-left: none;
}

.black.balloon_r:before {
  border-right: none;
  border-left: none;
}

/*枠ありの場合（横）*/
.pink-pink.balloon_l:before {
  border-right-color: #fdc5cf;
}

.pink-pink.balloon_r:before {
  border-left-color: #fdc5cf;
}

.blue-blue.balloon_l:before {
  border-right-color: #98b9f1;
}

.blue-blue.balloon_r:before {
  border-left-color: #98b9f1;
}

.green-green.balloon_l:before {
  border-right-color: #c8f198;
}

.green-green.balloon_r:before {
  border-left-color: #c8f198;
}

.yellow-yellow.balloon_l:before {
  border-right-color: #f1e598;
}

.yellow-yellow.balloon_r:before {
  border-left-color: #f1e598;
}

.black.balloon_l:before {
  border-right-color: #333;
}

.black.balloon_r:before {
  border-left-color: #333;
}

/*吹き出しの塗の色*/
.pink-pink.balloon_l:after,
.pink.balloon_l:after {
  border-right-color: #ffeaee;
}

.pink-pink.balloon_r:after,
.pink.balloon_r:after {
  border-left-color: #ffeaee;
}

.blue-blue.balloon_l:after,
.blue.balloon_l:after {
  border-right-color: #dfe9fd;
}

.blue-blue.balloon_r:after,
.blue.balloon_r:after {
  border-left-color: #dfe9fd;
}

.green-green.balloon_l:after,
.green.balloon_l:after {
  border-right-color: #ecfddf;
}

.green-green.balloon_r:after,
.green.balloon_r:after {
  border-left-color: #ecfddf;
}

.yellow-yellow.balloon_l:after,
.yellow.balloon_l:after {
  border-right-color: #fdfadf;
}

.yellow-yellow.balloon_r:after,
.yellow.balloon_r:after {
  border-left-color: #fdfadf;
}

.black.balloon_l:after {
  border-right-color: #333;
}

.black.balloon_r:after {
  border-left-color: #333;
}

/*枠無し吹き出し*/
.balloonText_noFrame_l p,
.balloonText_noFrame_r p {
  margin: 0;
}

/*縦表示の吹き出し*/
.balloon_l.balloon_tate:before {
  content: '';
  display: block;
  height: 0;
  border-bottom: 13px solid #ccc;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  position: absolute;
  top: -13px;
  left: 12px;
}

.balloon_l.balloon_tate:after {
  content: '';
  display: block;
  height: 0;
  border-bottom: 12px solid #efefef;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: -11px;
  left: 13px;
}

.balloon_r.balloon_tate:before {
  content: '';
  display: block;
  height: 0;
  border-bottom: 13px solid #ccc;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
  position: absolute;
  top: -13px;
  right: 12px;
}

.balloon_r.balloon_tate:after {
  content: '';
  display: block;
  height: 0;
  border-bottom: 12px solid #efefef;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  position: absolute;
  top: -11px;
  right: 13px;
}

/*塗の色*/
.pink-pink.balloon_l.balloon_tate:after,
.pink.balloon_l.balloon_tate:after,
.pink-pink.balloon_r.balloon_tate:after,
.pink.balloon_r.balloon_tate:after {
  border-bottom-color: #ffeaee;
}

.blue-blue.balloon_l.balloon_tate:after,
.blue.balloon_l.balloon_tate:after,
.blue-blue.balloon_r.balloon_tate:after,
.blue.balloon_r.balloon_tate:after {
  border-bottom-color: #dfe9fd;
}

.green-green.balloon_l.balloon_tate:after,
.green.balloon_l.balloon_tate:after,
.green-green.balloon_r.balloon_tate:after,
.green.balloon_r.balloon_tate:after {
  border-bottom-color: #ecfddf;
}

.yellow-yellow.balloon_l.balloon_tate:after,
.yellow.balloon_l.balloon_tate:after,
.yellow-yellow.balloon_r.balloon_tate:after,
.yellow.balloon_r.balloon_tate:after {
  border-bottom-color: #fdfadf;
}

.black.balloon_l.balloon_tate:after, .black.balloon_r.balloon_tate:after {
  border-bottom-color: #333;
}

/*枠線の色*/
/*枠なし*/
.pink.balloon_l.balloon_tate:before, .pink.balloon_r.balloon_tate:before {
  border-bottom: none;
}

.blue.balloon_l.balloon_tate:before, .blue.balloon_r.balloon_tate:before {
  border-bottom: none;
}

.green.balloon_l.balloon_tate:before, .green.balloon_r.balloon_tate:before {
  border-bottom: none;
}

.yellow.balloon_l.balloon_tate:before, .yellow.balloon_r.balloon_tate:before {
  border-bottom: none;
}

.gray.balloon_l.balloon_tate:before, .gray.balloon_r.balloon_tate:before {
  border-bottom: none;
}

.black.balloon_r.balloon_tate:before {
  border-bottom: none;
}

/*枠ありの場合（横）*/
.pink-pink.balloon_l.balloon_tate:before, .pink-pink.balloon_r.balloon_tate:before {
  border-bottom-color: #fdc5cf;
}

.blue-blue.balloon_l.balloon_tate:before, .blue-blue.balloon_r.balloon_tate:before {
  border-bottom-color: #98b9f1;
}

.green-green.balloon_l.balloon_tate:before, .green-green.balloon_r.balloon_tate:before {
  border-bottom-color: #c8f198;
}

.yellow-yellow.balloon_l.balloon_tate:before, .yellow-yellow.balloon_r.balloon_tate:before {
  border-bottom-color: #f1e598;
}

.black.balloon_l.balloon_tate:before, .black.balloon_r.balloon_tate:before {
  border-bottom-color: #333;
}

/*[QA]*/
.qaBox {
  margin: 10px 0 20px;
}

.question {
  color: #fd5656;
  font-size: 20px;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  border-bottom-color: #999;
  padding-top: 0px;
  padding-left: 35px;
  position: relative;
}

.question:before {
  content: "Q";
  background-color: #fd5656;
  border-radius: 15px;
  position: absolute;
  color: #fff;
  padding: 0px 8px;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: normal;
}

.question.qtc_off {
  color: #333;
}

.answer {
  margin: 10px auto 15px;
  padding-top: 3px;
  padding-left: 35px;
  margin-bottom: 25px !important;
  position: relative;
}

.answer:before {
  content: "A";
  background-color: #fd5656;
  border-radius: 15px;
  position: absolute;
  color: #fff;
  padding: 0px 8px;
  top: 0px;
  left: 0;
  font-size: 20px;
  font-weight: normal;
}

.answer_title {
  font-size: 20px;
  margin-top: -3px;
  line-height: 1.2;
}

.answer .answer_title.qtc_off {
  color: #333;
}

.answer_content {
  color: #666;
}

.q_red,
.a_red .answer_title {
  color: #fd5656;
}

.q_blue,
.a_blue .answer_title {
  color: #56adfd;
}

.question.q_blue:before,
.answer.a_blue:before {
  background-color: #56adfd;
}

.q_green,
.a_green .answer_title {
  color: #8dd037;
}

.question.q_green:before,
.answer.a_green:before {
  background-color: #8dd037;
}

.q_orange,
.a_orange .answer_title {
  color: #fda556;
}

.question.q_orange:before,
.answer.a_orange:before {
  background-color: #fda556;
}

.q_gray,
.a_gray .answer_title {
  color: #666;
}

.question.q_gray:before,
.answer.a_gray:before {
  background-color: #666;
}

/*[pict_list]*/
.pict_list {
  margin: 30px 0;
  border: 1px solid #ccc;
  border-style: none none solid;
  padding: 0 0 10px;
  overflow: hidden;
}

@media screen and (min-width: 720px) {
  .pict_list {
    padding: 0 10px 10px;
  }
}

.pict_list_image {
  margin: 0 10px 0 0;
  float: left;
}

.pict_list_image_right {
  float: right;
  margin: 0 0 0 10px;
}

.pict_list_image img {
  border: 1px solid #ccc;
}

#textBox .pict_list_content p {
  margin: 5px 0;
}

.pict_list_content {
  font-size: 16px;
}

.list_title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

/*[pict_card_list]*/
.pict_card_lists {
  display: flex;
  flex-wrap: wrap;
}

.pict_card_lists .pict_card_list + .pict_card_list {
  margin-left: 10px;
}

.pict_card_list {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.pict_card_list img {
  vertical-align: bottom;
}

.pict_card_list.pict_card_border_on {
  border: 1px solid #ccc;
}

.pict_card_list_content {
  margin: 5px 10px;
}

.pict_card_border_off .pict_card_list_content {
  margin: 5px 0;
}

.pict_card_list_content p {
  /*左揃えにしたい場合はコメントアウト*/
  /*text-align: left;*/
}

.pict_card_colmun_1 {
  width: 100%;
}

.pict_card_colmun_2 {
  width: 48%;
}

.pict_card_lists .pict_card_colmun_2:nth-child(2n+1) {
  margin-left: 0;
}

.pict_card_colmun_3 {
  width: 32%;
}

.pict_card_lists .pict_card_colmun_3:nth-child(3n+1) {
  margin-left: 0;
}

.pcl_title {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  text-align: left;
}

.pict_card_list .more_button {
  background-color: #32B441;
  padding: 5px 10px;
  margin: 5px;
}

.pict_card_list .more_button:hover {
  background-color: #32B441;
  opacity: 0.8;
  color: #fff;
}

.pict_card_list_image {
  position: relative;
  overflow: hidden;
}

.pict_card_list_image::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 67%;
}

.pict_card_list_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*[box]*/
.color_box {
  margin: 15px 0 30px;
  padding: 0 15px;
  border-radius: 3px;
  border: 3px solid #ccc;
  background-color: #efefef;
  position: relative;
}

.widget_text .color_box {
  margin: 15px 20px;
}

.color_box_title {
  font-weight: bold;
  font-size: 18px;
  margin: 15px 0 -10px;
  color: #666;
}

.title_type_tab {
  margin-top: 57px;
}

.title_type_tab .color_box_title {
  position: absolute;
  top: -30px;
  left: -3px;
  background-color: #ccc;
  padding: 3px 10px;
  margin: 0;
  font-size: 16px;
  border-radius: 3px 3px 0 0;
}

.title_type_tab.gray, .title_type_tab.pink, .title_type_tab.blue, .title_type_tab.green, .title_type_tab.yellow, .title_type_tab.black {
  margin-top: 60px;
}

.title_type_tab.gray .color_box_title, .title_type_tab.pink .color_box_title, .title_type_tab.blue .color_box_title, .title_type_tab.green .color_box_title, .title_type_tab.yellow .color_box_title, .title_type_tab.black .color_box_title {
  top: -33px;
}

.title_type_tab-in {
  padding-top: 30px;
}

.title_type_tab-in .color_box_title {
  position: absolute;
  top: -3px;
  left: -3px;
  background-color: #ccc;
  padding: 3px 10px;
  margin: 0;
  font-size: 16px;
  border-radius: 3px 0 3px 0;
}

.title_type_tab-on {
  margin-top: 43px;
  padding-top: 10px;
}

.title_type_tab-on .color_box_title {
  position: absolute;
  top: -16px;
  left: 10px;
  background-color: #ccc;
  padding: 3px 10px;
  margin: 0;
  font-size: 16px;
  border-radius: 5px;
}

.title_type_left .color_box_title {
  background-color: #ccc;
  padding: 5px 15px;
  margin: -3px -18px 0;
  border-radius: 3px 3px 0 0;
}

.title_type_center .color_box_title {
  background-color: #ccc;
  padding: 5px 15px;
  margin: -3px -18px 0;
  text-align: center;
  border-radius: 3px 3px 0 0;
}

.memo_title .icon-file-text2 {
  margin-right: 7px;
  font-size: 20px;
}

.memo_box {
  font-size: 14px;
}

.memo_box.yellow.title_type_normal .color_box_title {
  color: #b49f18;
}

.alert_title .icon-warning {
  margin-right: 7px;
  font-size: 20px;
}

.alert_box {
  font-size: 14px;
}

.alert_box.pink.title_type_normal .color_box_title {
  color: #e43f5d;
}

.color_box p {
  margin: 15px 0;
}

.article .color_box ul, .article .color_box ol {
  margin: 15px 0 15px 25px;
}

.article .color_box li {
  margin: 5px 0;
}

/* グレー */
.gray {
  border-color: #efefef;
}

.gray-gray .color_box_title, .gray .color_box_title {
  background-color: #ccc;
  color: #333;
}

.gray-gray.title_type_normal .color_box_title, .gray.title_type_normal .color_box_title {
  background-color: transparent;
  color: #666;
}

/*ピンク*/
.pink-pink {
  border-color: #fdc5cf;
  background-color: #ffeaee;
}

.pink {
  border-color: #ffeaee;
  background-color: #ffeaee;
}

.pink-pink .color_box_title, .pink .color_box_title {
  background-color: #fdc5cf;
  color: #f3728a;
}

.pink-pink.title_type_normal .color_box_title, .pink.title_type_normal .color_box_title {
  background-color: transparent;
  color: #f3728a;
}

/*ブルー*/
.blue-blue {
  border-color: #98b9f1;
  background-color: #dfe9fd;
}

.blue {
  border-color: #dfe9fd;
  background-color: #dfe9fd;
}

.blue-blue .color_box_title, .blue .color_box_title {
  background-color: #98b9f1;
  color: #dfe9fd;
}

.blue-blue.title_type_normal .color_box_title, .blue.title_type_normal .color_box_title {
  background-color: transparent;
  color: #6294ea;
}

/*グリーン*/
.green-green {
  border-color: #c8f198;
  background-color: #ecfddf;
}

.green {
  border-color: #ecfddf;
  background-color: #ecfddf;
}

.green-green .color_box_title, .green .color_box_title {
  background-color: #c8f198;
  color: #6a9e2e;
}

.green-green.title_type_normal .color_box_title, .green.title_type_normal .color_box_title {
  background-color: transparent;
  color: #90cb4d;
}

/*イエロー*/
.yellow-yellow {
  border-color: #f1e598;
  background-color: #fdfadf;
}

.yellow {
  border-color: #fdfadf;
  background-color: #fdfadf;
}

.yellow-yellow .color_box_title, .yellow .color_box_title {
  background-color: #f1e598;
  color: #333;
}

.yellow-yellow.title_type_normal .color_box_title, .yellow.title_type_normal .color_box_title {
  background-color: transparent;
  color: #e0c71f;
}

/*ブラック*/
.black {
  border-color: #333;
  background-color: #333;
  color: #fff;
}

.black .color_box_title {
  background-color: #666;
  color: #fff;
}

.black.title_type_normal .color_box_title {
  background-color: transparent;
  color: #ccc;
}

/*[more_button]*/
.wrap_more_button {
  text-align: center;
  margin: 20px auto;
}

.more_button_right {
  text-align: right;
}

.more_button_left {
  text-align: left;
}

.more_button {
  display: inline-block;
  padding: 10px;
  background-color: #50bf24;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
}

.more_button:hover {
  opacity: 0.7;
  color: #fff;
}

.more_button:after {
  font-family: 'icomoon';
  content: '\e005';
  margin-left: 5px;
  vertical-align: top;
}

.more_button_green {
  background-color: #50bf24;
  color: #fff;
}

.more_button_red {
  background-color: #f30000;
  color: #fff;
}

.more_button_blue {
  background-color: #1c8aff;
  color: #fff;
}

.more_button_orange {
  background-color: #ff8606;
  color: #fff;
}

.more_button_gray {
  background-color: #666;
  color: #fff;
}

/*[more_button]*/
.wrap_more_button {
  text-align: center;
  margin: 20px auto;
}

.more_button_right {
  text-align: right;
}

.more_button_left {
  text-align: left;
}

.more_button {
  display: inline-block;
  padding: 10px;
  background-color: #50bf24;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
}

.more_button:hover {
  opacity: 0.7;
  color: #fff;
}

.more_button:after {
  font-family: 'icomoon';
  content: '\e005';
  margin-left: 5px;
  vertical-align: top;
}

.more_button_green {
  background-color: #50bf24;
  color: #fff;
}

.more_button_red {
  background-color: #f30000;
  color: #fff;
}

.more_button_blue {
  background-color: #1c8aff;
  color: #fff;
}

.more_button_orange {
  background-color: #ff8606;
  color: #fff;
}

.more_button_gray {
  background-color: #666;
  color: #fff;
}

/*[button]*/
a.link_button_static {
  background-color: #1abc9c;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  line-height: 1.5;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  margin: 5px;
}

.link_button_text_static {
  padding: 13px 30px;
  display: inline-block;
  position: relative;
}

.lb_width_normal .lb_icon_yajirusi, .lb_width_normal .lb_icon_sankaku, .lb_width_normal .lb_icon_maru-sankaku {
  padding: 13px 22px 13px 38px;
}

.lb_width_wide.lb_align_center .lb_icon_yajirusi.lb_icon_center, .lb_width_wide.lb_align_center .lb_icon_sankaku.lb_icon_center, .lb_width_wide.lb_align_center .lb_icon_maru-sankaku.lb_icon_center {
  padding: 13px 22px 13px 38px;
}

.lb_icon_left {
  display: block;
}

a.link_button_static:hover {
  opacity: 0.7;
  color: #fff;
  text-decoration: none;
}

a.link_button_static:active, a.link_button_static:focus {
  color: #fff;
  text-decoration: none;
}

a.link_button_static_normal:active {
  top: 3px;
  box-shadow: none;
}

a.link_button_static_flat_green, a.link_button_static_normal_green, a.link_button_static_flat_green .lb_icon_yajirusi:after, a.link_button_static_normal_green .lb_icon_yajirusi:after {
  background-color: #23AC38;
}

a.link_button_static_flat_green .lb_icon_maru-sankaku:after, a.link_button_static_normal_green .lb_icon_maru-sankaku:after {
  border-left-color: #23AC38;
}

a.link_button_static_flat_red, a.link_button_static_normal_red, a.link_button_static_flat_red .lb_icon_yajirusi:after, a.link_button_static_normal_red .lb_icon_yajirusi:after {
  background-color: #EB5350;
}

a.link_button_static_flat_red .lb_icon_maru-sankaku:after, a.link_button_static_normal_red .lb_icon_maru-sankaku:after {
  border-left-color: #EB5350;
}

a.link_button_static_flat_blue, a.link_button_static_normal_blue, a.link_button_static_flat_blue .lb_icon_yajirusi:after, a.link_button_static_normal_blue .lb_icon_yajirusi:after {
  background-color: #29A7E1;
}

a.link_button_static_flat_blue .lb_icon_maru-sankaku:after, a.link_button_static_normal_blue .lb_icon_maru-sankaku:after {
  border-left-color: #29A7E1;
}

a.link_button_static_flat_pink, a.link_button_static_normal_pink, a.link_button_static_flat_pink .lb_icon_yajirusi:after, a.link_button_static_normal_pink .lb_icon_yajirusi:after {
  background-color: #F6788A;
}

a.link_button_static_flat_pink .lb_icon_maru-sankaku:after, a.link_button_static_normal_pink .lb_icon_maru-sankaku:after {
  border-left-color: #F6788A;
}

a.link_button_static_flat_orange, a.link_button_static_normal_orange, a.link_button_static_flat_orange .lb_icon_yajirusi:after, a.link_button_static_normal_orange .lb_icon_yajirusi:after {
  background-color: #F39801;
}

a.link_button_static_flat_orange .lb_icon_maru-sankaku:after, a.link_button_static_normal_orange .lb_icon_maru-sankaku:after {
  border-left-color: #F39801;
}

a.link_button_static_normal_green {
  box-shadow: 0 3px 0 #197928;
}

a.link_button_static_normal_red {
  box-shadow: 0 3px 0 #963634;
}

a.link_button_static_normal_blue {
  box-shadow: 0 3px 0 #1D77A0;
}

a.link_button_static_normal_pink {
  box-shadow: 0 3px 0 #A9525E;
}

a.link_button_static_normal_orange {
  box-shadow: 0 3px 0 #B37001;
}

.lb_width_wide {
  width: 100%;
}

.lb_align_left {
  text-align: left;
}

.lb_align_center, .wrap_lbs {
  text-align: center;
}

/*＞字矢印*/
.lb_icon_yajirusi:before {
  /*白いひし型 */
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 14px;
  width: 10px;
  height: 10px;
  margin-top: -7px;
  background: #fff;
}

.lb_icon_yajirusi:after {
  /*バックグラウンドと同じ色のひし型をずらして「before要素」を隠す */
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 8px;
  width: 10px;
  height: 10px;
  margin-top: -7px;
  background: #EB5350;
}

.lb_width_normal .lb_icon_yajirusi:before, .lb_width_wide.lb_align_center .lb_icon_yajirusi.lb_icon_center:before {
  left: 22px;
}

.lb_width_normal .lb_icon_yajirusi:after, .lb_width_wide.lb_align_center .lb_icon_yajirusi.lb_icon_center:after {
  left: 16px;
}

/*三角矢印*/
.lb_icon_sankaku:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 14px;
  width: 0;
  height: 0;
  margin-top: -9px;
  border: 8px solid transparent;
  border-left: 11px solid #fff;
}

.lb_icon_sankaku:hover:before {
  left: 16px;
  /*マウスオーバーで三角をずらす */
}

.lb_width_normal .lb_icon_sankaku:before, .lb_width_wide.lb_align_center .lb_icon_sankaku.lb_icon_center:before {
  left: 22px;
}

.lb_width_normal .lb_icon_sankaku:hover:before, .lb_width_wide.lb_align_center .lb_icon_sankaku.lb_icon_center:hover:before {
  left: 24px;
}

/*丸三角矢印*/
.lb_icon_maru-sankaku:before {
  /*白い丸 */
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 18px;
  height: 18px;
  margin-top: -11px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #fff;
}

.lb_icon_maru-sankaku:after {
  /*「after要素」で三角 */
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 6px solid transparent;
  border-left: 9px solid #EB5350;
}

.lb_width_normal .lb_icon_maru-sankaku:before, .lb_width_wide.lb_align_center .lb_icon_maru-sankaku.lb_icon_center:before {
  left: 18px;
}

.lb_width_normal .lb_icon_maru-sankaku:after, .lb_width_wide.lb_align_center .lb_icon_maru-sankaku.lb_icon_center:after {
  left: 24px;
}

/* [pc][sp] */
.pc_only p,
.sp_only p {
  margin: 0 0 20px;
}

/*[pict_card]*/
#textBox ul.wrap_box_float {
  overflow: hidden;
  list-style: none;
  margin: 15px 0;
}

#textBox li.pict_card {
  display: block;
  border: 1px solid #ccc;
  margin: 0;
  text-align: center;
}

#textBox li.pict_card img {
  vertical-align: bottom;
}

#textBox li.pict_card p {
  margin: 0;
}

#textBox li.pict_card .reason_title + p {
  margin: 5px 10px;
  color: #666;
  font-size: 14px;
  line-height: 1.2;
}

#textBox li.pict_card.card_colmun_3 {
  float: left;
  width: 188px;
  margin: 0 6px;
}

#textBox li.pict_card.card_colmun_3:first-child {
  margin-left: 0;
}

#textBox li.pict_card.card_colmun_3:last-child {
  margin-right: 0;
}

.reason_title {
  text-align: center;
  font-size: 18px;
  margin: 10px 0px;
  line-height: 1.2;
}

/*[pict_box]*/
.pict_box {
  margin: 20px 0;
  overflow: hidden;
}

.pict_box.pict_box_green {
  border: 2px solid #60A700;
  border-radius: 5px;
  background-color: #FAFAEB;
  overflow: hidden;
}

.pict_box.pict_box_gray {
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #EFEFEF;
  overflow: hidden;
}

.box_copy {
  margin: 15px 0;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
}

.box_copy_1col {
  text-align: center;
  font-size: 25px;
}

.pict_box_green .box_copy {
  border-bottom: none;
  color: #688a00;
}

.pict_box_image {
  float: left;
}

.pb_with_frame {
  margin: 10px 20px 10px 10px;
  background-color: #fff;
  padding: 5px;
  box-shadow: 1px 1px 2px #666;
}

.pict_box_green .pb_with_frame {
  margin: 0 20px 10px 10px;
}

.pict_box_button {
  display: inline-block;
  background-color: #ccc;
  padding: 10px;
  margin: 0 10px 10px;
  border-radius: 5px;
  text-decoration: none;
  float: right;
  color: #666;
  transition: opacity .2s ease-out;
}

.pict_box_button:hover {
  opacity: 0.7;
  color: #333;
}

/*[source]*/
.sc_source {
  border: 1px solid #ccc;
  background-color: #333;
  padding: 30px 20px 15px;
  margin: 10px 0 30px;
  overflow-wrap: break-word;
  color: #fff;
  font-size: 14px;
  position: relative;
}

.source_title {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1px 10px;
  font-size: 12px;
  background-color: #bd1414;
  border-radius: 0 0 3px 0;
}

/*[voice]*/
.voiceBox {
  border-color: #E2B18A;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  margin-bottom: 20px !important;
}

.voice_box {
  margin: 10px auto 50px;
}

.voice_note {
  font-size: 12px;
  line-height: 1.1;
  color: #999;
  text-align: center;
}

.voice_title {
  background-color: #efefef;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: bold;
  position: relative;
  margin: 10px 0;
}

.voice_copy {
  font-weight: normal;
  line-height: 1.2;
  border-top: 1px solid #ccc;
  padding: 5px 0;
  margin: 5px 0 0;
}

.voice_title:before, .voice_title:after {
  content: '';
  position: absolute;
  border-style: solid;
}

.voice_title:before {
  border-width: 15px 15px 0 15px;
  border-color: #ccc transparent;
  bottom: -16px;
  left: 40px;
}

.voice_title:after {
  border-width: 14px 14px 0 14px;
  border-color: #efefef transparent;
  bottom: -14px;
  left: 41px;
}

.voice_comment {
  margin: 10px;
  background-color: #fdf5d8;
  padding: 10px 20px;
  border-radius: 10px;
  margin-bottom: 40px;
}

.voice_comment_header {
  font-weight: bold;
}

@media screen and (min-width: 1000px) {
  .voice_box_top {
    width: 80%;
  }
  .voice_box_top.voice_box_wide {
    width: 100%;
  }
}

/*[check]*/
.check li {
  list-style: none;
}

.check ul {
  margin-left: 30px;
}

.check li:before {
  font-family: 'icomoon';
  content: '\e911';
  margin-right: 6px;
  margin-left: -26px;
}

.check.check_type_squre li:before {
  content: '\e912';
}

.check.check_type_circle li:before {
  content: '\e90a';
}

.check.check_type_ling li:before {
  content: '\e910';
}

.check.check_type_ling-large li:before {
  content: '\e90b';
}

.check_color_black li:before {
  color: #333;
}

.check_color_red li:before {
  color: #d00;
}

.check_color_blue li:before {
  color: #6294ea;
}

.check_color_green li:before {
  color: #90cb4d;
}

.check_color_orange li:before {
  color: #e09c41;
}

.check_color_gray li:before {
  color: #888;
}

/* [banner] */
.content_banner {
  margin: 0 -15px;
}

@media screen and (min-width: 720px) {
  .content_banner {
    margin: 0;
  }
}

/*[ornaments]*/
.ornament {
  position: relative;
  margin: 0 auto 30px;
}

.OrnamentType-cheer {
  font-weight: bold;
  font-size: 20px;
  margin: 10px auto;
  color: #333;
}

@media screen and (min-width: 720px) {
  .OrnamentType-cheer {
    font-size: 22px;
  }
}

.OrnamentType-cheer:before {
  content: '＼';
  font-size: 20px;
  left: 0;
  top: calc( ( 100% - 28px )/2);
  position: absolute;
}

.OrnamentType-cheer:after {
  content: '／';
  font-size: 20px;
  right: 0;
  top: calc( ( 100% - 28px )/2);
  position: absolute;
}

.ornament_inner {
  margin: 0 20px;
  text-align: center;
}

.OrnamentType-cheer p {
  display: inline;
}

.OrnamentType-cheer br {
  display: none;
}

/* [label] */
.sc_label {
  display: inline-block;
  padding: 4px 8px;
  background-color: #ea2e2e;
  color: #fff;
  border-radius: 3px;
  font-size: 14px;
  line-height: 1;
}

.sc_label_gray {
  background-color: #efefef;
  color: #333;
}

.sc_label_black {
  background-color: #333;
  color: #efefef;
}

.sc_label_green {
  background-color: #a8ec74;
  color: #333;
}

.sc_label_blue {
  background-color: #3d8df1;
  color: #fff;
}

.sc_label_yellow {
  background-color: #f9f33d;
  color: #333;
}

.sc_label_pink {
  background-color: #f9c6c6;
  color: #333;
}

/*検索ウィジェット*/
.searchform {
  /*margin: 10px 10px;*/
  padding: 15px 10px 10px;
}

.searchform input[type="text"] {
  font-size: 18px;
  width: 56%;
}

.searchform input[type="submit"] {
  font-size: 14px;
  padding: 1px 5px;
  border: 1px solid #999;
  width: auto;
  height: auto;
  background-color: #e6e5e5;
  border-radius: 5px;
  display: inline-block;
}

.widget_search {
  padding: 10px;
}

/*WP Popular Postウィジェット*/
.ft_content .wpp-list {
  margin: 0 10px;
}

.ft_content .wpp-list li {
  margin: 10px 0;
}

.sb_content .wpp-list li {
  margin: 0 0 15px;
}

.sb_content .wpp-list li a {
  display: table-cell;
  vertical-align: top;
}

.sb_content .wpp-list li a img {
  max-width: none;
}

.sb_content .wpp-post-title {
  padding-left: 10px;
}

.sb_content .wpp-list li {
  margin: 0 0 15px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
}

.sb_content .wpp-list li:last-child {
  border-bottom: none;
}

/*=============================
プロフィールウィジェット
==============================*/
.profile_widget_content {
  text-align: center;
}

.profile_widget_img {
  background-color: #dedede;
  border: 1px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
  margin: 10px auto 10px;
  width: 120px;
  height: 120px;
  position: relative;
}

.profile_widget_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fit_width {
  width: 100%;
  height: auto;
}

.fit_height {
  width: auto;
  height: 100%;
}

.profile_widget_title {
  line-height: 1.3;
  color: #666;
  padding: 0 10px 10px;
}

.profile_widget_name {
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.profile_widget_text {
  padding: 0 10px 10px;
  line-height: 1.5;
  text-align: left;
}

.profile_widget_sns {
  margin: 0 auto 15px;
}

.boxContent .profile_widget_sns a {
  width: 45px;
  height: 45px;
  /*background-color: #ccc;*/
  color: #fff;
  display: inline-block;
  margin: 0 5px 5px;
  vertical-align: top;
  line-height: 2.5;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
}

.profile_widget-twitter {
  background-color: #55acee;
}

.profile_widget-facebook {
  background-color: #315096;
}

.profile_widget-line {
  background-color: #01b901;
}

.boxContent .profile_widget_sns a.profile_widget-youtube {
  background-color: #cd201f;
  font-size: 14px;
  line-height: 3.4;
}

.profile_widget-instagram {
  background-color: #3f729b;
  background: -webkit-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -webkit-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
  background: -moz-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -moz-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
  background: -ms-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -ms-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
  background: -o-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -o-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
  background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
}

.profile_widget-feedly {
  background-color: #6cc655;
}

/*コンテンツエリアに設置した場合*/
.generalBox .wrap_profile_widget {
  padding: 0;
  overflow: hidden;
}

.generalBox .profile_widget_text {
  margin: 0 auto;
  text-align: center;
}

/* お知らせウィジェット用 */
.notice-items {
  list-style: none;
}

.notice-items .more_link {
  margin: 0;
}

.notice-items .notice-item {
  margin: 0;
  padding: 10px 15px;
  border-bottom: 1px dotted #ccc;
}

@media screen and (min-width: 720px) {
  .notice-items .notice-item {
    padding: 10px 30px;
  }
}

.notice-title {
  margin: 0;
}

.notice-title {
  font-size: 16px;
  font-weight: bold;
}

.notice-date {
  color: #666;
  font-size: 14px;
}

.notice-content {
  margin: 15px auto;
}

/*------------------------------------------------------------
Utility（調整用のクラス)
------------------------------------------------------------*/
/*
多くの場所で共通に使いまわす調整用のクラス
*/
/*--------------------------------------------------------------
# clearfix
https://coliss.com/articles/build-websites/operation/css/css-latest-clearfix.html
--------------------------------------------------------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*# sourceMappingURL=style-common.css.map */