@charset "UTF-8";
/*-----------------------------------------------
 * color
 * --------------------------------------------*/
/*-----------------------------------------------
 * break point
 * --------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic);
@media (max-width: 768px) {
  .pc_only {
    display: none !important; } }

@media (min-width: 769px) {
  .sp_only {
    display: none !important; } }

/*-----------------------------------------------
 * font-size(base:16px)
 * --------------------------------------------*/
/*-----------------------------------------------
 * font-family
 * --------------------------------------------*/
/*-----------------------------------------------
 * bootstrap3 class 
 * --------------------------------------------*/
.img-responsive {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: auto;
  max-width: 100%; }

.img-responsive-inline {
  display: inline-block;
  height: auto;
  max-width: 100%; }

.img-circle {
  border-radius: 50% !important; }

ul.list-inline li {
  display: inline-block; }
  ul.list-inline li:not(:last-child) {
    margin-right: .5rem; }

/*-----------------------------------------------
 * wp login only (fixed-top menu)
 * --------------------------------------------*/
.admin-bar header {
  margin-top: 32px !important; }

.admin-bar .modal_sp_menu {
  height: calc(100% - 32px);
  top: 32px; }

@media screen and (min-width: 783px) and (max-width: 991px) {
  .admin-bar header {
    margin-top: 32px !important; } }
@media screen and (max-width: 782px) {
  .admin-bar header {
    margin-top: 46px !important; }

  .admin-bar .modal_sp_menu {
    height: calc(100% - 46px);
    top: 46px; } }
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed !important; } }
/*****************************************************************************************
 * common
 ****************************************************************************************/
@-ms-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
html,
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth; }

body {
  color: #000;
  font-size: 0.9375rem;
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

strong,
b {
  font-family: "Helvetica Neue", Helvetica, Arial, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold; }

a {
  text-decoration: underline;
  color: #000; }
  a:hover {
    text-decoration: none;
    color: #999; }
  a:not(img), a:link:not(img) {
    text-decoration: underline;
    color: #000; }
  a:visited:not(img) {
    text-decoration: none;
    color: #000; }
  a img {
    text-decoration: none !important; }
    a img:hover {
      opacity: 0.8;
      translate: opacity .2s linear; }

ul {
  list-style: none;
  padding-left: 0; }

.btn-primary {
  text-decoration: none !important;
  border: none;
  @inclue base-font-bold;
  color: #000;
  background: #DADACC; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus:active {
    color: #000 !important;
    background: #cacaaa !important; }
  .btn-primary:focus:active {
    box-shadow: 0 0 0 0.2rem rgba(202, 202, 170, 0.4) !important; }

/*****************************************************************************************
 * header
 ****************************************************************************************/
header {
  padding: 23px 30px;
  height: 70px;
  position: fixed;
  background: #fff;
  z-index: 999;
  left: 0px;
  right: 0px;
  top: 0px;
  box-shadow: 0px 3px 6px #00000029; }
  header .site-header-main .site-branding {
    max-width: 240px;
    margin: 0 auto; }
    @media (max-width: 768px) {
      header .site-header-main .site-branding {
        max-width: 180px; } }
  header .sp_menu {
    display: block;
    position: absolute;
    top: 23px;
    right: 23px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(./images/sp_menu.png); }
    header .sp_menu:hover {
      opacity: 0.8; }
    @media (max-width: 768px) {
      header .sp_menu {
        top: 16px; } }
  header.active .sp_menu {
    z-index: 10000;
    background: url(./images/sp_menu_on.png); }

#headerSubMenu {
  background: #FAFAEA;
  font-family: Suzumushi !important; }
  #headerSubMenu > .container {
    max-width: 930px; }
    @media (max-width: 768px) {
      #headerSubMenu > .container .nav {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; } }
    @media (max-width: 768px) {
      #headerSubMenu > .container .nav .nav-item {
        flex-basis: auto;
        width: 25%; } }
    #headerSubMenu > .container .nav .nav-item .nav-link {
      padding: .25rem .5rem;
      font-size: 1.125rem;
      line-height: 140%; }
      @media (max-width: 768px) {
        #headerSubMenu > .container .nav .nav-item .nav-link {
          font-size: 0.875rem;
          line-height: 120%; } }
  #headerSubMenu a {
    text-decoration: none; }

.modal_sp_menu {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999; }
  .modal_sp_menu .modal_wrapper {
    height: 100%;
    position: relative;
    overflow: auto;
    		/*
    		.site-spmenu-sns {
    			position: fixed;
    			bottom: 30px;
    			text-align: center;
    			width: 100%;
    
    			li {
    				display: inline-block;
    				margin-right: 20px;
    			}
    		}
    		*/ }
    .modal_sp_menu .modal_wrapper .sp_menu_wrappter {
      padding-top: 60px;
      text-align: center;
      height: calc(100% - 60px);
      width: 100%;
      vertical-align: middle;
      display: table; }
      .modal_sp_menu .modal_wrapper .sp_menu_wrappter div {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        width: 768px;
        line-height: 2.5em;
        font-size: 19px;
        font-weight: bold; }
      .modal_sp_menu .modal_wrapper .sp_menu_wrappter a {
        text-decoration: none; }

body {
  padding-top: 70px; }

/*****************************************************************************************
 * footer
 ****************************************************************************************/
footer {
  margin-top: 140px;
  text-align: center;
  	/*
  	.site-footer-sns {
  		text-align: center;
  		margin-bottom: 40px;
  
  		li {
  			display: inline-block;
  			margin-left: 20px;
  
  			&:first-child {
  				margin-left: 0px;
  			}
  		}
  	}
  	*/ }
  @media (max-width: 768px) {
    footer {
      margin-top: 70px; } }
  footer .copyright {
    color: #999;
    font-size: 0.8125rem;
    font-family: Suzumushi !important;
    margin-bottom: 40px; }

/*****************************************************************************************
 * sidebar
 ****************************************************************************************/
#secondary a:link {
  text-decoration: none; }
#secondary a:hover {
  text-decoration: underline; }
#secondary .secondary_block {
  margin-bottom: 60px; }
  #secondary .secondary_block h3 {
    margin-top: 0px !important;
    font-family: Suzumushi;
    font-size: 24px;
    font-weight: bold; }
  #secondary .secondary_block .secondary-menu {
    margin-bottom: 0; }
    #secondary .secondary_block .secondary-menu li {
      border-bottom: 1px solid #DDD;
      font-size: 14px;
      font-weight: bold; }
      #secondary .secondary_block .secondary-menu li .img-avator {
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-right: 13px;
        margin-top: 10px;
        margin-bottom: 10px; }
      #secondary .secondary_block .secondary-menu li div {
        display: inline-block;
        vertical-align: middle;
        width: 205px; }
      #secondary .secondary_block .secondary-menu li:last-child {
        border: none; }
  #secondary .secondary_block .post_block {
    border-bottom: 1px solid #DDD;
    padding-bottom: 15px; }
  #secondary .secondary_block .sidebar_post li {
    padding-top: 15px;
    border-botom: 1px solid #DDD; }
    #secondary .secondary_block .sidebar_post li:last-child {
      border: none; }
  #secondary .secondary_block .sidebar_post .catTtl {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 4px; }
  #secondary .secondary_block .sidebar_post .sidebar_thumb .post_block_left {
    display: inline-block;
    width: 200px; }
  #secondary .secondary_block .sidebar_post .sidebar_thumb .thumb {
    margin-left: 15px;
    display: inline-block;
    width: 50px;
    vertical-align: top; }
  #secondary .secondary_block .sidebar_post .icn_1 .post_block_left,
  #secondary .secondary_block .sidebar_post .icn_2 .post_block_left,
  #secondary .secondary_block .sidebar_post .icn_3 .post_block_left,
  #secondary .secondary_block .sidebar_post .icn_4 .post_block_left,
  #secondary .secondary_block .sidebar_post .icn_5 .post_block_left {
    padding-left: 24px; }
  #secondary .secondary_block .sidebar_post .icn_1 .post_block_left {
    background: url(./images/icn_1.png) no-repeat; }
  #secondary .secondary_block .sidebar_post .icn_2 .post_block_left {
    background: url(./images/icn_2.png) no-repeat; }
  #secondary .secondary_block .sidebar_post .icn_3 .post_block_left {
    background: url(./images/icn_3.png) no-repeat; }
  #secondary .secondary_block .sidebar_post .icn_4 .post_block_left {
    background: url(./images/icn_4.png) no-repeat; }
  #secondary .secondary_block .sidebar_post .icn_5 .post_block_left {
    background: url(./images/icn_5.png) no-repeat; }

#secondary_sp {
  margin-bottom: 40px; }
  #secondary_sp .category_thumb img {
    margin: 0px auto; }
  #secondary_sp h1 {
    font-size: 20px !important;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
    margin: 15px 0px !important; }
  #secondary_sp p {
    line-height: 180%;
    font-size: 14px; }

@media (min-width: 769px) and (max-width: 990px) {
  #secondary:not(.single) {
    float: right !important; } }
@media (max-width: 768px) {
  #secondary {
    display: none; }

  #secondary_sp {
    width: 100%;
    text-align: center;
    position: inherit !important;
    width: 100% !important; } }
#secondary p {
  line-height: 180%;
  font-size: 14px; }

.content-page #secondary {
  width: 240px;
  margin-right: 80px; }
.content-page #secondary_sp h1,
.content-page #secondary h1 {
  font-size: 26px;
  margin: 0px; }

.category #secondary {
  margin-right: 0px;
  max-width: 690px; }

@media (min-width: 769px) {
  body.archive .content-area .post_block,
  #popular .content-area .post_block {
    max-width: 610px;
    margin: 0 auto;
    margin-bottom: 1rem; } }
@media (max-width: 768px) {
  body.archive .content-area .post_block .date,
  #popular .content-area .post_block .date {
    font-size: 0.75rem; } }

/*****************************************************************************************
 * parts
 ****************************************************************************************/
/*-----------------------------------------------
 * ac-map
 * --------------------------------------------*/
.acf-map {
  width: 100%;
  height: 500px;
  border: #ccc solid 1px;
  margin: 20px 0; }

.acf-map .marker > * {
  display: none; }

body.home .acf-map {
  height: 400px; }

/*****************************************************************************************
 * contant - wrap
 ****************************************************************************************/
.containerWrapper {
  max-width: 960px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .containerWrapper {
      width: 100%;
      margin: 0 auto; } }

/*****************************************************************************************
 * contant
 ****************************************************************************************/
body.home .mainimg {
  width: 100%;
  height: 250px;
  background: url("https://love.choi-nomi.com/control-panel/wp-content/uploads/2018/06/20180602_godai-800x533.jpg");
  background-size: cover; }

#single_header_bnr_area {
  padding-top: 15px; }
  #single_header_bnr_area .row div[class*="col-"] {
    text-align: center; }
    #single_header_bnr_area .row div[class*="col-"] img {
      display: inline-block;
      margin-bottom: 15px; }
  @media (min-width: 769px) {
    #single_header_bnr_area {
      padding: 0;
      margin-bottom: 50px; }
      #single_header_bnr_area .row {
        margin-right: -5px;
        margin-left: -5px; }
        #single_header_bnr_area .row div[class*="col-"] {
          padding-left: 5px;
          padding-right: 5px; }
          #single_header_bnr_area .row div[class*="col-"]:first-of-type {
            text-align: left; }
          #single_header_bnr_area .row div[class*="col-"]:last-of-type {
            text-align: right; } }