@charset "utf-8";
/* CSS Document */
/* ================================================
   初期化設定
================================================ */
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote, th, td {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal;
}
caption, th {
text-align: left;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img, abbr, acronym, fieldset {
border: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
img {
vertical-align: top;
display:block;
max-width:100%;
height:auto;
}
a {
outline: none;
display:block;
}

/* ================================================
   基本レイアウト
================================================ */
body {
line-height: 1.5;
font-family:  "Lato","游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
color: #000;
padding: 0px;
margin: 0px;
font-weight:normal;
-webkit-text-size-adjust: 100%;
font-size:15px;
overflow-y:scroll;
width:100%;
overflow-x:hidden;
letter-spacing:0.01em;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
    .selector {
        property: value;
    }
/* IE向けのCSS～START */
 body {
line-height: 1.5;
font-family:"Lato", "メイリオ", Meiryo, sans-serif !important;
color: #000;
padding: 0px;
margin: 0px;
font-weight:normal;
-webkit-text-size-adjust: 100%;
font-size:15px;
overflow-y:scroll;
width:100%;
overflow-x:hidden;
letter-spacing:0.03em;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
/* IE向けのCSS～END */
}

a {
color: #000;
text-decoration:none;
-webkit-transition: all .4s;
transition: all .4s;
}
a:hover {
opacity: 0.7;
-webkit-transition: all .4s;
transition: all .4s;
}
/* ================================================
   ヘッダー
================================================ */
body.fixed {
    position: fixed;
}
header {
    background: #fff;
}
.header-inr {
    max-width: 1000px;
    padding: 10px 50px 0;
    margin: auto;
}
.header-top .logo {
    float: left;
    margin-top: 11px;
}
.header-top .ht-list {
    float: right;
}
ul.ht-list1 {
margin:9px 0 0 ;
}
ul.ht-list1, ul.ht-list2 {
    display: inline-block;
    vertical-align: middle;
}
.header-top ul li {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
}
.header-top ul.ht-list1 li:nth-child(1) a, .header-top ul.ht-list1 li:nth-child(2) a, .header-top ul.ht-list1 li:nth-child(3) a {
    position: relative;
}
.header-top ul.ht-list1 li:nth-child(1) a:after, .header-top ul.ht-list1 li:nth-child(2) a:after, .header-top ul.ht-list1 li:nth-child(3) a:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #ea0809;
    border-right: 2px solid #ea0809;
    transform: rotate(-45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: -20px;
}
.header-top ul.ht-list1 li:nth-child(1) {
    padding-left: 20px;
}
.header-top ul.ht-list1 li:nth-child(2) {
    padding-left: 20px;
}
.header-top ul.ht-list1 li:nth-child(3) {
    padding-left: 20px;
}
/*.header-top ul.ht-list2 li:nth-child(1) {
    margin-right: 10px;
}
.header-top ul.ht-list2 li:nth-child(1) a {
    color: #009944;
    border: 1px solid #009944;
        border-radius: 30px;
    padding: 10px 10px 8px 25px;
    text-align: center;
    background: url(images/th-bg1.png) no-repeat 14px center;
    min-width: 180px;
    box-sizing: border-box;
}*/
.header-top ul.ht-list2 {
margin-left:13px;
}
.header-top ul.ht-list2 li {
    color: #ea0809;
    font-size: 20px;
    line-height: 1.2;
    font-family: "Lato";
     letter-spacing: 1px;
}
.header-top ul.ht-list2 li span {
    font-weight: normal;
    font-size: 13px;
  color:#000;
  display:block;
}
.header-top ul.ht-list2 li p {
    padding-left: 15%;
    background: url(images/th-bg2.png) no-repeat 0 center;
}
.header-bottom {
    background: #ea0809;
    margin-top: 20px;
    position: relative;
}
.header-bottom nav {
    max-width: 1000px;
    margin: auto;
    padding: 0 50px;
}
.header-bottom nav ul {
display: flex;
justify-content: space-between;
}
.header-bottom nav ul li {
    text-align: center;
    line-height: 1;
    box-sizing: border-box;
    width: 16.6666666%;
    position: relative;
    padding: 13px 0;
}
.header-bottom nav ul li .nav-inr {
    border-left: 1px solid #dcdcdc;
    box-sizing: border-box;
}
.header-bottom nav ul li .nav-inr img  {
padding: 5px 0 0;
  display:inline;
  width:110px;
}
.header-bottom nav ul li:last-child .nav-inr {
  border-right:1px solid #dcdcdc;
}
.header-bottom nav ul li span {
    font-family: "cookie";
    font-size: 17px;
    line-height: 1.5;
    color: #ffd8d8;
    letter-spacing:1px;
}
.header-bottom nav ul li:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
  right:0;
  margin:auto;
  width: 80%;
    height: 3px;
    background: #fff;
  opacity:0;
  transition:0.3s ease;
}
.header-bottom nav ul li:hover:before {
    opacity: 1;
    transition: 0.3s ease;
}
.header-bottom nav ul li:hover:after {
    opacity: 1;
    transition: 0.3s ease;
}
.side-menu {
    position: fixed;
    right: 0;
    z-index: 100;
    top: 110px;
}
.side-menu ul li {

    border-radius: 5px 0 0 5px;
    margin-top: 5px;
}
.side-menu ul li:nth-child(1) {
    background: url(images/sideicon1.png) no-repeat center 10px #e96710;
}
.side-menu ul li:nth-child(2) {
    background: url(images/sideicon2.png) no-repeat center 10px #e70708;
}
.side-menu ul li:nth-child(3) {
    background: url(images/sideicon3.png) no-repeat center 10px #009944;
}
.side-menu ul li a {
    padding: 32px 13px 10px 13px;
    letter-spacing:0;
    color: #fff;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-rl;
    display:inline-block !important;
}
.splogo {
display:none;
}
.sidepad {
padding:30px 15px;
}
@media screen and (max-width: 1023px)  {
.header-inr {
display:none;
}
.header-top.cfx {
    letter-spacing: -.4em;
  position:relative;
}
.header-top .logo {
    float: inherit;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    display:none !important;
}
/*.splogo {
    float: inherit;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}*/
.splogo {
    float: inherit;
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 10px;
    width: calc(100% - 250px);
	max-width:  240px;;
}
/*.splogo img {
width:40px;
height:auto;
}*/
.splogo img {
    max-height: 40px;
}
.header-top .ht-list {
    float: inherit;
    letter-spacing: -.4em;
    display: inline-block;
  vertical-align:top
}
ul.ht-list1.cfx li {
    display: block;
}
}
@media screen and (max-width: 899px)  {
.header-inr  {
  padding: 10px 50px;
}
}
@media screen and (max-width: 768px)  {
.header-bottom nav ul li  {
  width:33.333333%;
}
.header-bottom nav ul li:nth-child(3) .nav-inr {
    border-right: 1px solid #dcdcdc;
}
}
@media screen and (max-width: 600px)  {
header {
    height: 55px;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-bottom: 3px solid #ea0809;
    z-index: 1000;
    background: #fff;
}
.header-inr  {
  padding:0;
}
.header-top .logo {
    margin: 0;
    width: 35px;
}
}

@media screen and (max-width: 430px)  {
.splogo {
    margin-top: 0;
	position: relative;
	height: calc(100% - 10px);
}
.splogo img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
}

@media screen and (max-width: 350px)  {
.splogo {
}
.splogo img {
}
}

/* ================================================
   ハンバーガーメニュー
================================================ */
#nav-drawer * {
    transition: 0.5s all;
}
#nav-drawer  {
  display:none;
  position: relative;
}
.nav-unshown {
  display:none;
}
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    position: absolute;
    top: 15px;
    right: 0;
    z-index: 10000;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 2px;
    background: #ea0809;
    display: block;
    content: '';
    cursor: pointer;
    transition: 0.5s all;
}
#nav-open span {
    width: 30px;
  right:0;
}
#nav-open span:before {
    width: 30px;
  right:0;
}
#nav-open span:after {
    width: 30px;
  right:0;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  background: #000;
  opacity: 0;
  transition: .3s ease-in-out;
}
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 70%;
    max-width: 330px;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    letter-spacing: .1em;
  padding: 50px 0 0;
    box-sizing: border-box;
}
#nav-content ul {
    padding: 0 15px;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
#nav-content ul li {
width:100%;
    text-align: center;
    margin-bottom: 20px;
    box-sizing: border-box;
        font-weight: normal;
}
#nav-content ul li:nth-child(even) {
    border-left: none;
}
div#nav-content ul li a {
    padding-bottom: 5px;
}
#nav-content .nav-inr img {
    display: inline;
}
#nav-content .nav-inr span {
    font-family: "cookie";
    font-size: 16px;
    line-height: 1.5;
    color: #888;
    font-weight: normal;
    margin-left:10px;
}
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}
#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#nav-input:checked + label span {
    transform: rotate(45deg);
    top: 10px;
    right: 0;
}
#nav-input:checked + label span:before  {
  display:none;
}
#nav-input:checked + label span:after {
    width:30px;
    transform: rotate(-90deg);
    top: 0;
}
.sp-nav-bottom ul {
    display: block !important;
}
.sp-nav-bottom ul li {
    width: 100% !important;
    border: none !important;
  margin-bottom:10px !important;
}
.sp-nav-bottom ul li:nth-child(1) a {
    background: url(images/sideicon1.png) no-repeat 15px center #e96710;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
}
.sp-nav-bottom ul li:nth-child(2) a {
    background: url(images/sideicon2.png) no-repeat 15px center #e70708;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
}
.sp-nav-bottom ul li:nth-child(3) a {
    background: url(images/sideicon3.png) no-repeat 15px center #009944;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
}
.sp-nav-bottom ul li:last-child {
    color: #ea0809;
    font-size: 30px;
    line-height: 1.2;
    font-family: "Lato";
}
.sp-nav-bottom ul li:last-child span {
    font-weight: normal;
    font-size: 14px;
    color: #000;
}
.sp-nav-bottom ul li:last-child p {
    padding-left: 12%;
    background: url(images/th-bg2.png) no-repeat 7px center;
    max-width: 220px;
    margin: 5px auto;
    font-weight:bold;
}

.spmail {
  display:none;
}

.nd-menu {
  display:none;
}

@media screen and (max-width: 1023px)  {
.header-bottom {
    display: none;
}

}

@media screen and (max-width: 899px)  {
#nav-drawer  {
  display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.ht-list {
    display: none !important;
}

}
@media screen and (max-width: 600px)  {
#nav-open {
    top: 0;
}
.nd-menu{
display:block;
letter-spacing:0;
font-weight:bold;
font-size:10px;
text-align:center;
position:absolute;
bottom:-4px;
right:-1px;
}

#nav-content {
    width: 100%;
    max-width: 80%;
}

#nav-content ul li {
border-bottom:1px solid #efefef;
text-align:left;
}
#nav-content .nav-inr {}
.sp-nav-bottom ul li {
text-align:center !important;
}

.spmail {
  display:block;
    position: absolute;
    right: 55px;
    top: 0;
    width: 30px;
    letter-spacing: 1px;
    font-size: 10px;
    font-weight: bold;
}

}
/* ================================================
   トップページ　スライド
================================================ */

.topbg {
background: url(images/main_bg.jpg) no-repeat center center;
background-size: cover;
min-height: 1100px;
width: 100%;
position: fixed;
top: 0;
z-index: -1;
}


video {
    left: 50%;
    position: fixed;
    right: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translateX(-50%);
}

.single-contents video {
    left: 0;
    position: static;
    right: 0;
    bottom: 0;
    min-width: auto;
    min-height: auto;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translateX(0);
}
.slide-block {
    background: url(images/dotted.png),url(images/bg-wave1.png) rgba(0,0,0,0.1);
    background-repeat: repeat, repeat-x;
    background-position: left top,left bottom;
}
.slide-block-inr {
    max-width: 1600px;
    margin: auto;
}
.sp-slide-block-inr {
display:none;
}
.slide1 .swiper-slide img {
    border: 10px solid #fff;
    box-sizing: border-box;
    box-shadow:0px 0px 6px 3px #d6d6d6;
}
.slide1  {
  padding-top:60px !important;
}
.slide1 .swiper-slide {
    transform: translate3d(0,0,0) scale(0.8) !important;
    transition: 0.5s all;
    background: #fff;
    pointer-events: none;
    border-radius: 5px;
    overflow: hidden;
}
.slide1 .swiper-slide-active {
    transform: translate3d(0,0,0) scale(1) !important;
  transition:0.5s all;
  pointer-events:auto;
}
.slide1 .swiper-pagination {
    position: static !important;
    padding: 20px 0;
}
.swiper-pagination-bullet {
    opacity: 1 !important;
    background: #ea0809 !important;
    width: 15px !important;
    height: 15px !important;
    box-sizing: border-box;
    border: 3px solid #ea0809;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff !important;
}
.slide2 .swiper-slide {
    text-align: center;
    position: relative;
    background: url(images/slide2-bg.svg) no-repeat center bottom;
    background-size: contain;
        filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));
}


.slide2 .swiper-slide p  {
    min-height: 3em;
    margin-top: 5px;
    font-weight: bold;
  position:relative;
  line-height: 1.2;
}
.slide2 .swiper-slide img {
    display: inline;
}
.swiper-button-next, .swiper-button-prev {
    width: 56px !important;
    height: 56px !important;
    background: #ea0809;
    border-radius: 50%;
  background-image:none !important;
}
.swiper-button-prev {
    left: 17% !important;
}
.swiper-button-next {
    right: 17% !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
    position: absolute;
  top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  margin: auto;
}
.swiper-button-prev:after {
    transform: rotate(135deg);
}
.swiper-button-next:after {
    transform: rotate(-45deg);
}
.slide2  {
  position:relative;
      overflow: hidden;
}
.swiper-arrow-prev, .swiper-arrow-next {
    width: 25px;
    height: 25px;
    position: absolute;
    border-bottom: 6px solid #ff0000;
    border-right: 6px solid #ff0000;
  top: 0;
    bottom: 0;
    margin: auto;
  z-index:1;
}
.swiper-arrow-next {
    transform: rotate(-45deg);
    right: 17%;
}
.swiper-arrow-prev {
    transform: rotate(135deg);
  left: 17%;
}
.swiper-arrow-next:hover,
.swiper-arrow-prev:hover {
cursor:pointer;
}
.avis-block {
    background: rgba(234,8,9,0.7);
}
.avis-block-inr {
    max-width: 1000px;
    padding: 20px 50px;
    letter-spacing: -.4em;
    margin: auto;
}
.avis-l, .avis-r {
    letter-spacing: normal;
    display: inline-block;
}
.avis-l {
    width: 52%;
    /*padding-left: 15%;
    background: url(images/avis-img.png) no-repeat 2% center;*/
    box-sizing: border-box;
}
.avis-l a {
display:inline-block;
}
.avis-l p {
    font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-size: 30px;
    color: #fff;
    line-height: 1.3;
}
.avis-r {
    margin-left: 1%;
    width: 47%;
}
.appbnr {
display:flex;
}
.appbnr .flo-l {
}
.appbnr .flo-r {
}

@media screen and (max-width: 1100px)  {
.appbnr .flo-l {
  width:auto;
  }
  .appbnr .flo-r {
  width:auto;
  }

  .avis-block-inr {
  text-align:center;
  }
  .avis-l {
  width: auto;
  margin:0 auto 0;
  }
  .avis-r {
  width: auto;
  margin:10px auto 0;
  }
}

.search-block {
    /*max-width: 1600px;*/
    margin: auto;
    padding: 70px 50px 120px;
    background-color: rgb(255, 255, 255,0.6);
}
ul.slider2 li {
    transform: scale(1.0);
    position: relative;
}
ul.slider2 li p {
    min-height: 3em;
    margin-top: 5px;
    font-weight: bold;
}
ul.slider2 li:after {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    padding: 35%;
    border-radius: 50%;
    bottom: 0;
    left: 0;
    z-index: -1;
    right: 0;
    margin: auto;
}
.search-ttl {
    position: relative;
    max-width: 1000px;
    margin: 0 auto 50px;
}
.search-ttl h2  {
  text-align:center;
}
.search-ttl h2 img  {
  display:inline;
  width:330px;
}
.search-ttl a {
    position: absolute;
    padding:10px 20px 10px 50px;
    background: url(images/arrow1.png) no-repeat 15px center #fff;
    z-index: 1;
    border-radius: 5px;
    top: 0;
    right: 0;
}
.search-inr {
    margin: 30px auto 0 auto;
}
.search-l, .search-r {
    /*display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;*/
}
.search-l {
    /*width: 59%;
    margin-right: 2%;*/
}
.search-r {
    width: 38%;
}
.search-l p {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight:bold;
    color: #e70708;
}
.search-l a {
    display: block;
    color: #fff;
    background: #e70708;
    border-radius: 3px;
    padding: 14px;
    border-radius:30px 30px ;
}

.search-l ul {
    display: flex;
    justify-content: center;
}
.search-l ul li {
    display: inline-block;
    letter-spacing: normal;
    padding:15px;
    text-align: center;
    min-width:220px;
}
.search-r p {
    font-size: 18px;
    color: #fff;
    background: url(images/searchicon.png) no-repeat 10px center;
    padding-left: 40px;
    background-size: 20px;
  display: block;
    text-align: center;
    margin: 0 auto 10px;
    max-width: 170px;
    font-weight:bold;
}
.search-r form {
    display: block;
    letter-spacing:-.4em;
    text-align: center;
}
.search-r input[type="text"] {
    width: 63%;
    margin-right: 3%;
  padding:10px;
      border-radius: 3px;
      font-size:15px;
      line-height:15px;
}
.search-r input[type="button"] {
    color: #e70708;
    width: 25%;
    border: none;
    padding: 10px;
    font-size: 15px;
    background: #ddd;
    border-radius: 5px;
}
.search-r input[type="button"]:hover {
cursor:pointer;
}
@media screen and (max-width:1599px)  {
ul.slider .slick-prev-arrow.slick-arrow {
    left: 5%;
}
ul.slider .slick-next-arrow.slick-arrow {
    right: 5%;
}
}
@media screen and (max-width:1200px)  {
.swiper-arrow-next {
    right: 5.5%;
}
.swiper-arrow-prev {
  left: 5.5%;
}
}
@media screen and (max-width:900px)  {
.swiper-arrow-next {
    right: 9%;
}
.swiper-arrow-prev {
  left: 9%;
}
}
@media screen and (max-width:1099px)  {
.avis-l p  {
  font-size:24px;
}
.avis-l  {
  background-size:80px;
}
}
@media screen and (max-width:1000px)  {
ul.slider li.slick-slide {
    max-width: 900px;
}
}
@media screen and (max-width:899px)  {
.avis-l p  {
  font-size:20px;
}
.avis-l {
    background-size: 60px;
    padding-left: 0;
}
}
@media screen and (max-width:767px)  {
.slide-block {
    /*background: url(images/bg-wave1.png), url(images/sp-bg.jpg);
    background-repeat: repeat-x, repeat;
    background-position: left bottom, left top;*/
}
/*
video {
  display:none;
}
*/
.avis-l p  {
  font-size:20px;
}
.avis-l {
  background:none;
  padding-left:0;
}
.slide1  {
  padding-top:;
}
.slide1 .swiper-slide  {
  border-radius:0;
}
.slide1 .swiper-slide img {
    border: none;
}
.swiper-button-prev {
    left: 1% !important;
}
.swiper-button-next {
    right: 1% !important;
}
.slide1 .swiper-pagination {
    position: ;
    padding:  0;
    margin:15px 0;
}
.swiper-button-next, .swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
}
.swiper-button-prev:after, .swiper-button-next:after {
    width: 8px;
    height: 8px;
}
.search-ttl a {
    position: static;
    display: inline-block;
    margin-top: 20px;
    width: 150px;
    margin-left: calc(100% - 150px);
    box-sizing: border-box;
}
.search-ttl a  {
  padding:5px 5px 5px 50px;
}
.search-l {
    width: 100%;
    margin-right: 0;
}
.search-r {
    width: 100%;
  margin-top:20px;
}
.search-l ul {
    display: block;
}

}
@media screen and (max-width:600px)  {

.slide-block-inr {
display:none;
}
.sp-slide-block-inr {
display:block;
}

.avis-block-inr {
    padding: 20px 15px;
}
.avis-l, .avis-r {
    width: 100%;
  display:block;
}
.avis-l {
    margin-bottom: 10px;
}
.avis-l p {
    font-size: 16px;
    text-align: center;
}
.avis-r  {
  margin-left:0;
  text-align:center;
}
.avis-r img  {
  display:inline;
}
.slide1  {
  padding-top:80px !important;
}
.swiper-button-next, .swiper-button-prev {
    display:none;
}
.search-block {
    padding: 50px 10px;
    width:auto;
    overflow:hidden;
}
.search-ttl {
  margin:0 auto 20px;
}
.search-inr {
    padding: 0;
    margin-bottom: 5%;
    text-align: center;
}
.search-l p {
    font-size: 15px;
}
.search-l ul li {
    padding: 10px;
}

}

/* ================================================
   トップページ　緊急用
================================================ */
.topattention a {
max-width:960px;
border:1px solid #ea0809;
padding:12px ;
text-align:center;
text-decoration:underline;
background:#fff;
margin:0 auto 40px ;
color:#ea0809;
}

/* ================================================
   トップページ　新着情報
================================================ */
.new-area {
    padding-top: 50px;
    background: #fff;
    padding-bottom: 60px;
}
.new-area-inr {
    max-width: 1000px;
    margin: auto;
    padding: 0 50px;
    letter-spacing: -.4em;
    position: relative;
}
.new-area-l,.new-area-r  {
  display:inline-block;
  vertical-align:top;
  letter-spacing:normal;
}
.new-area-l {
    width: 63%;
    margin-right: 2%;
}
.new-area-r {
    width: 35%;
}
.new-area-img1, .new-area-img2, .new-area-img3, .new-area-img4 {
    position: absolute;
}
.new-area-img1 {
    position: absolute;
    top: 13%;
    left: -16%;
}
.new-area-img2 {
    bottom: 3%;
    left: -8%;
}
.new-area-img3 {
    top: 15%;
    right: -16%;
}
.new-area-img4 {
    bottom: 1%;
    right: -12%;
}
.new-area-ttl h2 {
   text-align:center;
   margin-bottom:40px;
}
.new-area-ttl h2 img {
width:300px;
display:inline-block;
}

.new-area-ttl p {
    float: right;
}
.new-area-ttl p a {
    padding-left: 30px;
    background: url(images/arrow1.png) no-repeat left center;
    margin-top: 30px;
}
.top-post li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}
.top-post li:last-child {
border-bottom: 1px solid #ccc;
}
.top-post li a {
-webkit-transition: all .4s;
transition: all .4s;
}
.top-post li a:hover {
text-decoration:underline;
-webkit-transition: all .4s;
transition: all .4s;
}
.top-post-time {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    letter-spacing:1px;
}
.top-post-cat {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    color: #fff;
    background: #ea0809;
    padding: 2px 10px;
    border-radius: 15px;
    text-align: center;
    min-width: 90px;
}
.top-post-ttl {
    display: inline-block;
    vertical-align: middle;
}
.topinfo {
}
.topinfo dt {
display: block;
margin-bottom: 8px;
}
.topinfo dd {
display: block;
}

.moreBtn p {
}
.moreBtn p a {
    padding-left: 30px;
    background: url(images/arrow1.png) no-repeat left center;
    margin-top: 30px;
}

@media screen and (max-width: 1023px)  {
.new-area-img1 {
  display:none;
}
.new-area-img2 {
  display:none;
}
.new-area-img3 {
  display:none;
}
.new-area-img4 {
  display:none;
}
}
@media screen and (max-width: 768px)  {
.top-post-ttl {
    width: 100%;
    margin-top: 10px;
}
.top-post li {
    margin-bottom: 10px;
    padding-bottom: 15px;
}
  .new-area-l {
  width: 100%;
  margin-right: 0;
  }
  .new-area-r {
  width: 100%;
  }

}
@media screen and (max-width: 767px)  {
.new-area-l {
    width: 100%;
    margin-right: 0;
}
.new-area-r {
    width: 100%;
    margin-top: 20px;
  text-align:center;
}
.new-area-ttl h2 {
   margin-bottom:10px;
}

}
@media screen and (max-width: 600px)  {
.new-area {
    padding-top: 50px;
    padding-bottom: 40px;
}
.new-area-inr {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}
.new-area-ttl h2 {
    float: inherit;
    width: 100%;
    text-align: center;
}
.new-area-ttl h2 img {
    display: inline;
}
.new-area-ttl p {
    float: inherit;
    display: inline-block;
    margin-left: calc(100% - 110px);
}
.new-area-ttl p a  {
  margin-top:20px;
}
.top-post-cat {
    padding: 2px 10px;
}
}
/* ================================================
   トップページ　cocco times
================================================ */
.cocco-area {
    background: url(images/bg-wave2.png), url(images/bg-wave1.png), url(images/cocco-area-bg.jpg);
    background-position: left top, left bottom, left top;
    background-repeat: repeat-x, repeat-x, repeat;
    padding: 140px 0;
    position: relative;
}
.cocco-area-inr {
    max-width: 1000px;
    margin: auto;
    padding: 0 50px;
    position: relative;
    z-index: 1;
}
.cocco-area-ttl {
    text-align: center;
}
.cocco-menu li {
    text-align: center;
  width:16.6666%;
}
.cocco-menu li img {
    display: inline;
        width: 40%;
}
ul.cocco-menu {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    margin: 60px 0;
}
.cocco-menu li {
    text-align: center;
    width: 16.6666%;
    line-height: 1.3;
    display: table;
    height: 90px;
    font-size: 15px;
}
ul.cocco-menu li a {
    text-align: center;
    border-left: 2px dotted #ea0809;
    box-sizing: border-box;
    min-height: 100px;
    display: table-cell;
    vertical-align: middle;
    color: #ea0809;
    font-weight: bold;
}
ul.cocco-menu li:last-child a {
    border-right: 2px dotted #ea0809;
}
.cocco-menu li p {
    margin-top: 5%;
    line-height: 1.1;
}
ul.cocco-new.cfx li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 7px #888;
}
ul.cocco-new.cfx li:last-child {
    margin-right: 0;
}
.wp-txt {
    background: #fff;
    padding: 15% 8% 8%;
  position:relative;
}
.cocco-cat {
    font-size: 13px;
    color: #ea0809;
    margin-bottom: 10px;
}
.cocco-ttl {
    font-weight: bold;
    min-height: 50px;

}
.cocco-time {
    font-size: 12px;
    color: #898989;
    text-align: right;
}

.wp-txt:before {
    position: absolute;
    font-family: "cookie";
    font-size: 60px;
    color: #ea0809;
    border-bottom: 3px solid #ea0809;
    line-height: 0.8;
    bottom: 99%;
    left: 5%;
}
.wp-txt:after {
    content: "magazine";
    position: absolute;
    font-family: "cookie";
    font-size: 18px;
    color: #ea0809;
    top: 0;
    left: 5%;
    border-top: 3px solid #e70708;
}
.eye-catch {
    position: relative;
}
.cocco-new-img  {
  position:absolute;
  top:0;
  right:0;
}
.cocco-more-btn {
    max-width: 300px;
    margin: auto;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    margin-top: 45px;
    box-shadow: 0 0 7px #888;
}
.cocco-more-btn a {
    padding: 20px 20px 20px 40px;
    background: url(images/arrow1.png) no-repeat 30px center;
}
.instagram-ttl  {
  position:relative;
}
.instagram-ttl h2 {
    text-align: center;
    margin-top: 100px;
    font-family: "Lato";
    font-size: 24px;
    font-weight: bold;
}
.instagram-ttl h2 img {
    display: inline;
    vertical-align: middle;
    margin-right: 1em;
}
.instagram-ttl h2 span {
    vertical-align: middle;
}
.follow-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}
.follow-btn a {
    font-family: "cookie";
    font-size: 30px;
    color: #ea0809;
    line-height: 1;
    padding-right: 40px;
    background: url(images/instagram-ttl2.png) no-repeat right center;
}
.cocco-bg1 {
    position: absolute;
    top: 0;
    left: 0;
}
.cocco-bg2 {
    position: absolute;
    right: 0;
    top: 10%;
}
.cocco-bg3 {
    position: absolute;
    right: 0;
    top: 53%;
    transform: translateY(-50%);
}
.cocco-bg4 {
    position: absolute;
    top: 53%;
    left: 0;
    transform: translateY(-50%);
}
@media screen and (max-width: 1279px)  {
.cocco-bg1,.cocco-bg2,.cocco-bg3,.cocco-bg4  {
  display:none;
}
}
@media screen and (max-width: 979px)  {
ul.cocco-new.cfx li {
    width: 48%;
    margin: 0 1% 2%;
}
.eye-catch img {
    width: 100%;
    height: auto;
}
}
@media screen and (max-width: 768px)  {
.cocco-menu li {
    width: 33.33333%;
    margin-bottom: 2%;
}
.cocco-menu li:nth-child(3) a {
  border-right: 2px dotted #ea0809;
}
}
@media screen and (max-width: 600px)  {
.cocco-area {
    padding: 80px 0;
}
.cocco-area-inr {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px;
}
ul.cocco-menu {
    margin: 40px 0;
}
.cocco-menu li {
    width: 33.33%;
    margin-bottom: 10px;
    font-size: 10px;
}
.cocco-menu li:nth-child(3) a  {
  /*border-right:none;*/
}
.cocco-menu li:nth-child(even) a {
    /*border-right: 2px dotted #ea0809;*/
}
ul.cocco-new.cfx {
    max-width: 300px;
    margin: auto;
}
ul.cocco-new.cfx li {
    width: 100%;
    margin: 0 0 20px;
}
.cocco-more-btn {
    margin-top: 0;
}
.cocco-more-btn a {
    padding: 20px 20px 20px 40px;
    background: url(images/arrow1.png) no-repeat 20px center;
}
.instagram-ttl h2 {
    margin-top: 40px;
    text-align: left;
}
.follow-btn {
    position: static;
}
.follow-btn a {
    margin-left: calc(100% - 170px);
    margin-top: 10px;
}
}
/* ================================================
   アクセス・サポートエリア
================================================ */
.access-support  {
  background:#fff;
}
.access-support-inr {
    letter-spacing: -.4em;
    max-width: 1000px;
    margin: auto;
    padding: 60px 50px;
}
.access-ttl, .support-ttl {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    letter-spacing: normal;
}
.access-ttl {
    margin-right: 4%;
}
.support-ttl  {
  margin-left: 4%;
}
.support-ttl h3 img {
width:auto;
height: 50px;
}
.access-ttl h3 img {
width:auto;
height: 50px;
}
.as-block {
    letter-spacing: -.4em;
    margin-top: 10px;
}
.as-block p, .as-more-btn {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
}
.as-block p {
    width: 56%;
    margin-right: 4%;
}
.as-more-btn {
    width: 40%;
    background: #e9e9e9;
    text-align: center;
    border-radius: 5px;
}
.as-more-btn a {
    color: #ea0809;
    padding: 10px 10% 10px 20%;
    background: url(images/arrow1.png) no-repeat 10% center;
}
@media screen and (max-width: 979px)  {
.as-block p {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
.as-more-btn {
    width: 100%;
}
}
@media screen and (max-width: 600px)  {
.access-support-inr {
    padding: 20px;
}
.access-ttl, .support-ttl {
    display: block;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 20px;
}
.as-more-btn {
    max-width: 200px;
    margin: auto;
    display: block;
}
}
/* ================================================
   企業情報エリア
================================================ */
.company-area {
    background: url(images/bg-wave2.png), url(images/bg-wave1.png), url(images/cocco-area-bg.jpg);
    background-position: left top, left bottom, left top;
    background-repeat: repeat-x, repeat-x, repeat;
    padding: 120px 0;
}
.company-area-inr  {
  max-width:1000px;
  margin:auto;
  padding:0 50px;
}
.company-area-inr h2 {
    text-align: center;
}
.company-area-inr h2 img {
    display: inline;
    width:300px;
}
.company-area-inr ul {
    margin-top: 40px;
}
.company-area-inr ul li {
    width: 30.8%;
    float: left;
}
.company-area-inr ul li:nth-child(2) {
    margin: 0 3.8%;
}
.company-area-inr ul li h3 {
    font-size: 16px;
/*     text-align: center; */
    font-weight: bold;
    margin: 20px 0 10px;
}
.company-area-inr ul li p {
/*     text-align: center; */
}
.company-area-inr ul li p img {
    border-radius: 5px;
}
.sitelink a {
    letter-spacing: -1px;
}
.sitelink a:after {
    content: url(images/icon_sitelink.png);
    margin: 0 3px;
}
@media screen and (max-width: 600px)  {
.company-area {
    padding: 80px 0;
}
.company-area-inr {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.company-area-inr ul  {
  margin-top:20px;
}
.company-area-inr ul li {
    float: inherit;
    width: 100%;
    margin: 0 0 20px;
}
.company-area-inr ul li img {
    display: inline;
}
.company-area-inr ul li:nth-child(2)  {
  margin:0 0 20px;
}
}
/* ================================================
   動画情報エリア
================================================ */
.movies-area .new-area-inr{
	letter-spacing: 0;
}

.movies-area .new-area-ttl h2 img{
	width: 400px;
}

.movies-area .videoList li {
    margin-bottom: 3%;
}

.movies-area .search-l p{
	font-weight: normal;
	color: #000;
	font-size: 0.8em;
}
.movies-area .search-l ul {
    display: flex;
    justify-content: center;
}
@media only screen and (max-width: 480px) {
.movies-area .videoList{
	margin-top: 40px;
}
.movies-area .videoList li {
    margin-bottom: 5%;
}
}
/* ================================================
   フッター
================================================ */
#pageTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
#pageTop i {
  padding-top: 6px
}
#pageTop a {
display: block;
    z-index: 999;
    padding: 9px 0 0 0;
    border-radius: 70px;
    width: 42px;
    height: 33px;
    background-color:#e70708;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
@media only screen and (max-width: 480px) {
  #pageTop {
  display:none;
  }
}
footer {
    background: #fff;
}
.footer-line {
    border-bottom: 5px solid #ea0809;
    padding: 40px 0;
}
.footer-inr {
    max-width: 1000px;
    margin: auto;
    padding: 0 50px;
}
.footer-nav {
display: flex;
justify-content: end;
}
.footer-nav-l, .footer-nav-r {
    vertical-align: top;
    display: inline-block;
}
.footer-nav-r div.f_avis {
width: 250px;
margin: 0 0 0 15px;
padding:30px 0 0;
}
.footer-nav-l {
letter-spacing: -.4em;
width:46%;
}
.footer-nav-r {
text-align: center;
margin-left: 1%;
display: flex;
justify-content: flex-start;
}
.footer-nav-l ul {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%;
}
.footer-nav-l ul li {
    margin-bottom: 10px;
}
.footer-nav-l ul li a {
display: inline-block;
padding: 4px 0;
}
.footer-follow {
    letter-spacing: -.4em;
}
.footer-follow p, .footer-follow ul {
    vertical-align: middle;
    display: inline-block;
    letter-spacing: normal;
}
.footer-follow p {
    width: 65%;
    font-size: 12px;
    margin-right: 10%;
}
.footer-follow ul {
    width: 25%;
}
.footer-follow ul li {
    float: left;
    width: 15%;
    text-align: center;
    margin-right: 5%;
}
.footer-follow ul li img  {
  display:inline;
  width:38px;
}
.footer-follow ul li:first-child {
    width: 40%;
    text-align: center;
    line-height: 1;
    font-weight: bold;
}
.footer-follow ul li:first-child span {
    font-family: "cookie";
    font-size: 24px;
    font-weight: normal;
}
.footer-follow ul li:last-child  {
  margin-right:0;
}
.footer-line2 {
    padding: 20px 0;
    border-bottom: 1px solid #f3f3f3;
}
.footer-copy {
    padding: 40px 0 60px;
    letter-spacing: -.4em;
}
.footer-copy h2, .footer-copy-menu {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}
.footer-copy h2  {
  width:27.5%;
  margin-right:22.5%;
}
.footer-copy-menu {
    width: 50%;
    text-align: right;
    font-size: 12px;
}
.footer-copy-menu ul  {
  margin-bottom:20px;
}
.footer-copy-menu ul li {
    display: inline-block;
    vertical-align: top;
}
.footer-copy-menu ul li {
    margin-right: 10px;
    padding-right: 11px;
    border-right: 1px solid #c9c9c9;
}
@media screen and (min-width: 426px)  {
.footer-copy-menu ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    border-right: 0px solid #c9c9c9;
}
}
.f_cal span {
font-size:12px;
line-height:1;
display: inline-block;
text-align: left;

}

@media screen and (max-width: 900px)  {
	.footer-nav-l ul li a {
	display: block;
	border-bottom: 1px solid #ea0809;
	padding: 10px;
	margin: 0 10px;
	text-align:center;
	}
	.footer-nav {
	display: block;
	}
	.footer-nav-l {
	letter-spacing: -.4em;
	width:100%;
	}
	.footer-nav-r {
	text-align: center;
	width:100%;
	margin:20px auto 0 auto;
	display: block;
	max-width:250px;
	}
	.footer-nav-r div:nth-child(2) {
	width: auto;
	margin: 0;
	}
}

@media screen and (max-width: 768px)  {
.footer-nav-l  {
  font-size:13px;
}
.footer-follow p {
    width: 50%;
}
.footer-follow ul {
    width: 40%;
}
.footer-copy-menu  {
  width:72.5%;
}
.footer-copy h2  {
  margin-right:0;
}
}
@media screen and (max-width: 600px)  {
.footer-inr {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.footer-nav-l {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 12px;

}
.footer-nav-r {
    width: 100%;
    text-align: center;
}
.footer-follow p {
    width: 100%;
    margin: 0 0 10px;
}
.footer-follow ul {
    width: 100%;
}
.footer-copy {
    padding: 20px 0 30px;
    letter-spacing: -.4em;
}
.footer-copy h2 {
    width: 100%;
    margin: 0 0 20px;
}
.footer-copy-menu {
    width: 100%;
    text-align: left;
}
.f_cal span {
text-align:center;
}

}
/* ================================================
   下層共通
================================================ */
.ul-ttl {
    background: url(images/ul-ttl-bg.png) no-repeat center top;
    padding: 15px 50px 25px;
}
.ul-ttl_noheader{
    background: url(images/ul-ttl-bg.png) no-repeat center top;
    padding: 15px 50px 15px;
}
.ul-ttl h2 {
    color: #ea0809;
    font-size: 30px;
    text-align: center;
    margin: 20px auto 80px ;
    letter-spacing:0;
}
.under-layer-bottom {
    background: url(images/bg-wave2.png), url(images/bg-wave1.png), url(images/cocco-area-bg.jpg);
    background-position: left top, left bottom, left top;
    background-repeat: repeat-x, repeat-x, repeat;
}
.under-layer-bottom2 {
    background: url(images/bg-wave4.png), url(images/bg-wave1.png), url(images/cocco-area-bg.jpg);
    background-position: left top, left bottom, left top;
    background-repeat: repeat-x, repeat-x, repeat;
}
.under-layer-bottom-inr {
    padding: 100px 50px;
    max-width: 1000px;
    margin: auto;
}
.under-layer-bottom-inr ul {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}
.under-layer-bottom-inr ul li {
    width: 24%;
    margin-right: 14%;
}
.under-layer-bottom-inr ul li:last-child {
    margin-right: 0;
}
.under-layer-btn a {
    color: #ea0809;
    padding: 10px 10% 10px 24%;
    background: url(images/arrow1.png) no-repeat 10% center #fff;
    border-radius: 3px;
    text-align: center;
}
.under-layer-bottom-inr ul li h3 {
    text-align: center;
    margin-bottom: 10px;
}
.under-layer-bottom-inr ul li h3 img {
    display: inline;
}
.under-layer-bottom-inr ul li p {
    min-height: 70px;
}
.under-layer-menu-top {
    max-width: 1000px;
    margin: 40px auto;
}
.under-layer-menu-top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.under-layer-menu-top ul li {
    width: 23%;
    border-radius: 5px;
    overflow: hidden;
}
.under-layer-menu-top ul li:last-child {
margin-right: 0;
}
.under-layer-menu-top ul li .ul-menu-txt {
padding: 10px 0;
background: url(images/under-layer-menu-top-bg2.jpg) repeat left top;
}

.under-layer-menu-top ul li .ul-menu-txt p {
color: #ea0809;
text-align: center;
position:relative;
}
.under-layer-menu-top ul li .ul-menu-txt.active {
background: url(images/under-layer-menu-top-bg1.jpg) repeat left top;
}
.under-layer-menu-top ul li .ul-menu-txt.active p {
color:#fff;
}
.under-layer-menu-top ul li .ul-menu-txt span{
position:relative;
}
.under-layer-menu-top ul li .ul-menu-txt span:after {
content:"";
width:20px;
height:20px;
display:block;
background-size:cover;
background: url(images/arrow2.png) no-repeat 35% center;
position:absolute;
left:-30px;
top:-1px;
}


.ttlA {
    font-size: 24px;
    border-bottom: 4px dotted #ea0809;
    padding-bottom: 15px;
    margin-bottom: 30px;
    font-weight:bold;
}
.ttlB {
    color: #ea0809;
    font-size: 24px;
    margin: 30px 0 20px;
}

@media screen and (max-width: 899px)  {
.under-layer-bottom-inr ul li {
    letter-spacing: -.5em;
    width: 100%;
    margin-right: 0;
    margin-bottom: 2%;
}
.responsive-block, .under-layer-btn {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
}
.responsive-block {
    width: 50%;
    margin: 0 5%;
}
.under-layer-btn {
    width: 40%;
}
.under-layer-bottom-inr ul li h3 {
    text-align: left;
}
}
@media screen and (max-width: 767px)  {
.under-layer-menu-top ul li {
    width: 48%;
    margin-bottom:15px;
}
.under-layer-menu-top {
padding:0 15px;
}

}
@media screen and (max-width: 699px)  {
.responsive-block {
    margin: 0 2% 0 0;
    width: 50%;
}
.under-layer-btn {
    width: 48%;
}
.under-layer-menu-top {
    padding: 0 20px;
    margin: 20px auto;
}
}
@media screen and (max-width: 600px)  {
.ul-ttl {
    padding: 55px 0 0;
    background: none;

}
.ul-ttl h2 {
    font-size: 24px;
    margin-bottom: 10px;
    padding: 0 20px;
    margin-top: 25px;
}
.under-layer-bottom-inr {
    padding: 100px 20px;
}
.responsive-block, .under-layer-btn {
    display: block;
    width: 100%;
}
.under-layer-bottom-inr ul li p {
    min-height: inherit;
    margin-bottom: 20px;

}
.under-layer-bottom-inr ul li {
    max-width: 300px;
    margin: 0 auto 20px auto !important;
}
.ul-menu-img {
    display: none;
}
.under-layer-menu-top ul li .ul-menu-txt p {
    /*background: url(images/arrow1.png) no-repeat 15% center;*/
    text-align:left;
    padding-left: 50px;
}
.under-layer-menu-top ul li .ul-menu-txt.active p {
    /*background: url(images/arrow2.png) no-repeat 15% center;*/
    text-align:left;
    padding-left: 50px;
}
.ttlA {
    font-size: 20px;
    line-height:1.3;
}
.ttlB {
    font-size: 18px;
    margin: 30px 0 10px;
}
}
@media screen and (max-width: 450px)  {
.under-layer-menu-top ul li {
    width: 100%;
    margin: 0 auto 10px !important;
}
	.under-layer-menu-top ul li .ul-menu-txt span:after {
	left: -27px;
	top: -1px;
	}
	.under-layer-menu-top ul li .ul-menu-txt.active p {
	padding-left: 35px;
	}
	.under-layer-menu-top ul li .ul-menu-txt p {
	padding-left: 35px;
	}
}


/* ================================================
   私たちの想い
================================================ */
.about-bg {
    background: url(images/about-bg.png) no-repeat center top;
    background-size: cover;
    padding-top: 70px;
}
.about-bg-inr {
    padding: 0 50px;
    max-width: 1000px;
    margin: auto;
}
.about-contents1,
.about-contents2 {
    position: relative;
}
.about-contents1 p {
    margin-left: 35%;
    font-size: 16px;
    padding-top: 30px;
  font-weight:bold;
    line-height: 2;
}
.about-contents1 .about-img {
    position: absolute;
    top: 0;
    left: 0;
}
.about-contents2 p {
    padding-top: 30px;
    font-size: 16px;
    line-height: 2;
    margin-left: 52%;
    font-weight: bold;
}
.about-contents2 .about-img {
    position: absolute;
    bottom: -23%;
    left: 14%;
}
.about-contents2 p span {
    color: #ea0809;
}
.about-contents3 {
    text-align: center;
    margin-left: 10%;
    margin-top: 5%;
    padding-bottom: 10%;
}
.about-contents3 img {
    display: inline;
}
@media screen and (max-width: 999px)  {
.about-contents1, .about-contents2 {
    letter-spacing: -.5em;
}
.about-txt {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    width: 50%;
    margin-right: 5%;
}
.about-contents1 .about-img, .about-contents2 .about-img {
    position: static;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
.about-contents1 p, .about-contents2 p {
    margin-left: 0;
}
.about-contents1 .about-img, .about-contents2 .about-img {
    position: static;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    width: 45%;
    text-align: center;
}
.about-img img {
    display: inline;
}
.about-contents1 {
    margin-bottom: 40px;
}
}
@media screen and (max-width: 899px)  {
.about-txt {
    width: 60%;
}
.about-contents1 .about-img, .about-contents2 .about-img {
    width: 35%;
}
}
@media screen and (max-width: 767px)  {
.about-contents1 p br, .about-contents2 p br {
    display: none;
}
}
@media screen and (max-width: 600px)  {
.about-bg {
    padding-top: 0;
}
.about-txt {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.about-img {
    display: block;
    text-align: center;
    width: 100% !important;
}
.about-bg-inr {
    padding: 0 20px;
}
.about-contents1 p, .about-contents2 p {
    padding-top: 20px;
    font-size: 14px;
    line-height: normal;
}
}
/* ================================================
   商品紹介
================================================ */
.soldout-bg {
    padding-top: 40px;
}
.soldout-bg-inr {
padding:0 0 100px;
    max-width: 1000px;
    margin: auto;
}
.wrapA {
width:1000px;
margin:0 auto;
padding:60px 0 100px 0 ;
}
.shubai a {
display:inline-block;
}
.shubai table {
border: 1px solid #ccc;
width:100%;
}
.shubai table th {
padding:10px;
background:#f4f4f4;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

.shubai table td {
padding:10px;
border: 1px solid #ccc;
}

.scroll-table {
  overflow: auto;
  /*white-space: nowrap;*/
  -webkit-overflow-scrolling: touch;
}
.sptxt {
display:none;
}
.btncontainer {
display: flex;
}
.shubaiBtn {
position:relative;
width:48%;
margin-left:1.8%;
}
.shubaiBtn a {
    /* position: absolute; */
    padding: 20px 20px 20px 50px;
    background: url(images/arrow1.png) no-repeat 15px center #fff5f5;
    z-index: 1;
    border-radius: 5px;
    /* top: 0; */
    /* right: 0; */
    /* padding: 10px; */
    border: 1px solid #e70708;
    margin: 0 0 20px;
    text-align: left;
    color: #ea0809;
}

  table.responsive td {
   border-left: 1px solid #ccc;
  }


@media (max-width: 767px) {
	table.responsive {
	border:none !important;
	}

	table.responsive tr td:nth-child(1) {
	font-size:14px;
	background:#eaeaea;
	padding:8px !important;
	font-weight:bold;
	}
  table.responsive {
    border-collapse: separate;
    border-spacing: 0  20px;
  }
  table.responsive thead {
    display: none;
  }
  table.responsive tr {
    background-color: #fff;
  }
  table.responsive td {
  font-size:13px;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
    border-left: none;
  }
  table.responsive td:nth-child(4) {
    border-bottom:none;
  }
  table.responsive td.col-6 {
    float: left;
    width: 50%;
  }
  table.responsive td.txt-right {
    text-align: right;
  }
  table.responsive td:before {
    content: attr(data-title) " ";
  }
  table .clear {
    clear: both;
  }

table.responsive td {
	position:relative;
	padding:5px 5px 5px 85px !important;
	}
	table.responsive td:nth-child(2):before {
	content:"\898F\683C";/*発売日*/
	position:absolute;
	left:5px;
	}
	table.responsive td:nth-child(3):before {
	content:"JAN\30B3\30FC\30C9";/*JANコード*/
	position:absolute;
	left:5px;
	}
	table.responsive td:nth-child(4):before {
	content:"\7D42\58F2\65E5";/*終売日*/
	position:absolute;
	left:5px;
	}

}





.moreBtn {
position:relative;
width:50%;
}
.moreBtn a {
    /* position: absolute; */
    padding: 20px 20px 20px 50px;
    background: url(images/arrow1.png) no-repeat 15px center #fff;
    z-index: 1;
    border-radius: 5px;
    /* top: 0; */
    /* right: 0; */
     border: 1px solid #ccc;
     text-align: left;
}



.product-contents1,.product-contents2,.product-contents3,.product-contents4  {
    max-width: 1000px;
    padding: 0 50px;
    margin: 80px auto;
}
.product-contents1 h3,
.product-contents2 h3,
.product-contents3 h3,
.product-contents4 h3 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #e96710;
    margin-bottom: 20px;
}
.product-contents1 ul,
.product-contents2 ul,
.product-contents3 ul,
.product-contents4 ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.product-contents1 ul li,
.product-contents2 ul li,
.product-contents3 ul li,
.product-contents4 ul li {
    border: 1px solid #e70708;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.product-contents1 ul li a,
.product-contents2 ul li a,
.product-contents3 ul li a,
.product-contents4 ul li a {
    padding: 10px 0;
    display: block;
}
.product-contents1 ul li {
    width: 32%;
    margin-right: 2%;
}
.product-contents1 ul li:last-child {
    margin-right: 0;
}
.pc2-lr {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.pc2-l, .pc2-r {
    width: 48%;
}
.pc2-l  {
    margin-right: 4%;
}
.pc2-l ul, .pc2-r ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.pc2-l ul li, .pc2-r ul li {
    width: 48%;
}
.pc2-l ul li:nth-child(odd),
.pc2-r ul li:nth-child(odd)  {
    margin-right: 4%;
}
.pc2-lr h4 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}
ul.pc2-list li {
    border: none;
    margin-right: 1em;
    font-size: 12px;
    border-bottom: 1px solid;
}
ul.pc2-list li a {
    padding: 0 10px 0;
}
.product-contents3 ul li,
.product-contents4 ul li {
    width: 15%;
    margin-right: 2%;
}
.product-contents3 ul li:nth-child(6n),
.product-contents4 ul li:nth-child(6n) {
    margin-right: 0;
}


@media screen and (max-width: 1023px)  {
.soldout-bg-inr {
    padding: 0 15px ;
}
  .wrapA {
  width:auto;
  margin:0 auto;
  padding:30px 15px 80px;
  }
  .sptxt {
    color: #fff;
    font-size: 12px;
    background-color:#e8380d;
    border-radius: 3px;
    padding: 0.05em 0.5em;
    display:inline-block;
  }
  .shubai table th {
  padding:8px;
  }
  .shubai table td {
  padding:8px;
  }
  .scroll-table {
  height: 300px;
  }

.btncontainer {
display: block;
}
.shubaiBtn {
position:relative;
width:100%;
margin-left:0%;
margin-top:10px;
}
.moreBtn {
position:relative;
width:100%;
}
.scroll-table {
  white-space: nowrap;
}


}
/* ================================================
   製品紹介2019-06-21
================================================ */
.product1,.product2,.product3,.product4 {
    max-width: 1000px;
    padding: 0 50px;
    margin: 80px auto;
}
.product1 ul {
    display: flex;
    flex-wrap: wrap;
}
.product1 ul li {
    width: 31%;
    margin-right: 3.5%;
    text-align: center;
    border: 2px solid #ea0809;
    box-sizing: border-box;
    border-radius: 4px;
}
.product1 ul li:last-child {
    margin-right: 0;
}
.product1 ul li a {
    font-size: 18px;
    padding: 10px 0;
    position: relative;
}
.product1 ul li a:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid #ea0809;
    border-right: 2px solid #ea0809;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
}
.product-ttl {
    font-size: 26px;
    text-align: center;
    border-bottom: 2px solid #ea0809;
    margin-bottom: 3px;
    padding-bottom: 10px;
    font-weight: bold;
}
.product-ttl-en {
    border-top: 1px solid #ea0809;
    color: #ea0809;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 10px;
}
.pr2-1, .pr2-2 {
    background: #efefef;
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.pr2-l {
    width: 18.5%;
}
.pr2-r {
    width: 81.5%;
}
.pr2-l h4 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-top: 80px;
}
.pr2-1 .pr2-l h4 {
    background: url(images/pr2-1-bg.png) no-repeat top center;
}
.pr2-2 .pr2-l h4 {
    background: url(images/pr2-2-bg.png) no-repeat top center;
}
.pr2-r ul {
    display: flex;
    flex-wrap: wrap;
}
.pr2-r-list1 ul li {
    width: 23.5%;
    margin-right: 2%;
    border-radius: 3px;
}
.pr2-r-list1 ul li:last-child {
    margin-right: 0;
}
.pr2-r-list1 ul li a {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
}
.pr2-r-list1 ul li:nth-child(1) a  {
    background: url(images/pr2-icon1.png) no-repeat 10% center;
}
.pr2-r-list1 ul li:nth-child(2) a  {
    background: url(images/pr2-icon2.png) no-repeat 10% center;
}
.pr2-r-list1 ul li:nth-child(3) a  {
    background: url(images/pr2-icon3.png) no-repeat 10% center;
}
.pr2-r-list1 ul li:nth-child(4) a  {
    background: url(images/pr2-icon4.png) no-repeat 10% center;
}
.pr2-1 .pr2-r-list1 ul li {
    background: #32b16c;
}
.pr2-r-list2 {
    margin-top: 20px;
}
.pr2-2 .pr2-r-list1 ul li {
    background: #f39800;
}
.pr2-r-list2 ul li {
    width: 32%;
    max-width: 130px;
    text-align: center;
    background: #fff;
    margin-right: 2%;
    border-radius: 3px;
    border: 1px solid #aaa;
    box-sizing: border-box;
}
.pr2-r-list2 ul li:last-child {
    margin-right: 0;
}
.pr2-r-list2 ul li a  {
    font-size: 14px;
    color: #aaa;
}
.product3 ul {
    display: flex;
    flex-wrap: wrap;
}
.product3 ul li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: 3px;
    overflow: hidden;
}
.product3 ul li:nth-child(4n) {
    margin-right: 0;
}
.pr3-list1 {
    padding-bottom: 20px;
    border-bottom: 4px dotted #e60012;
}
.pr3-list1 ul li a {
    color: #fff;
    padding: 20px 15px 20px 70px;
    background:url(images/product3-icon1.png) no-repeat 15px center #32b16c;
}
.pr3-list2 ul li a {
    color: #fff;
    padding: 20px 15px 20px 70px;
    background:url(images/product3-icon2.png) no-repeat 15px center #f39800;
}
.pr3-list2 {
    padding-top: 40px;
}
.product4 ul {
    display: flex;
    flex-wrap: wrap;
}
.product4 ul li {
    width: 22.5%;
    margin-right: 3.333333%;
    margin-bottom: 3%;
    text-align: center;
    border: 1px solid #aaa;
    box-sizing: border-box;
    border-radius: 3px;
}
.product4 ul li a  {
    position: relative;
}
.product4 ul li a:after {
    content: "小鳥";
    display: block;
    font-size: 14px;
    background: #ea0809;
    position: absolute;
    color: #fff;
    padding: 0 15px;
    top: 0px;
    left: 25px;
}
.product4 ul li.animal a:after  {
    content: "小動物";
}
.product4 ul li:nth-child(4n) {
    margin-right: 0;
}
.product4 ul li h4 {
    padding: 20px 0;
    font-size: 18px;
    font-weight: bold;
}
@media screen and (max-width: 768px)  {
.product1 ul li a {
    font-size: 14px;
}
.pr2-1,.pr2-2  {
    padding: 20px;
}
.pr2-r-list1 ul li a {
    font-size: 15px;
    background-size: 20px !important;
}
.product3 ul li a {
    background-size: 20px !important;
    padding: 20px 0px 20px 40px;
}
}
@media screen and (max-width: 600px)  {
  .product1, .product2, .product3, .product4 {
      padding: 0 20px;
      margin: 40px auto;
}
.product1 ul li {
    width: 100%;
    max-width: 220px;
    margin: 0 auto 10px !important;
}
.pr2-l {
    width: 100%;
    margin-bottom: 20px;
}
.pr2-l h4  {
    font-size: 20px;
    padding-top: 70px;
}
.pr2-r {
    width: 100%;
}
.pr2-r-list1 ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.pr2-r-list1 ul li:nth-child(2n) {
    margin-right: 0;
}
.product3 ul li:nth-child(even) {
    margin-right: 0;
}
.product3 ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    border-radius: 3px;
    overflow: hidden;
}
.product3 ul li a {
    background-image: none;
    padding: 10px;
}
.product4 ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}
.product4 ul li:nth-child(even) {
    margin-right: 0;
}
.product4 ul li a:after {
    font-size: 12px;
    left: 5px;
}
.product4 ul li h4 {
    font-size: 14px;
    padding: 10px 0;
}
}
/* ================================================
   商品紹介　カテゴリ
================================================ */
.product-category {
    max-width: 1000px;
    margin: 0 auto 80px;
    padding: 0 50px;
}
.product-ttl-wrap {
    position: relative;
}
.so-filter {
    position: absolute;
    top: 10px;
    right: 0;
}
.so-filter a {
    font-size: 14px;
    text-decoration: underline;
}
h3.product-ttlB {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #ea0809;
    position: relative;
    margin-bottom: 40px;
}
h3.product-ttlB:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ea0809;
    position: absolute;
    left: 0;
    bottom: -6px;
}
.product-category ul {
    display: flex;
    flex-wrap: wrap;
}
.product-category ul li {
    border: 1px solid #aaa;
    box-sizing: border-box;
    width: 19%;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
    border-radius: 3px;
    text-align: center;
    background: #fff;
}
.product-category ul li:nth-child(5n) {
    margin-right: 0;
}
.product-category ul li img {
    display: inline;
}
.product-category ul li h4 {
    padding: 10px 20px;
    text-align: left;
}

@media screen and (max-width: 768px)  {
.product-category ul li:nth-child(4n) {
    margin-right: 0;
}
.product-category ul li:nth-child(5n) {
    margin-right: auto;
}
.product-category ul li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
}
}
@media screen and (max-width: 600px)  {
.product-category  {
    padding: 0 20px;
    margin: 0 auto 40px;
}
.so-filter {
    position: static;
    margin-bottom: 20px;
    text-align: right;
}
.so-filter a  {
    display: inline;
}
.product-category ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
}
.product-category ul li:nth-child(even) {
    margin-right: 0;
}
.product-category ul li h4 {
    padding: 5px;
    font-size: 14px;
}
}
/* ================================================
   商品紹介 種類
================================================ */
.product-type-menu {
    margin-bottom: 30px;
}
.product-type-menu ul li {
    width: 23.5%;
    margin-right: 2%;
    border: 1px solid #ea0809;
}
.product-type-menu ul li:last-child {
    margin-right: 0;
}
.product-type-menu ul li a {
    font-size: 15px;
    padding: 10px 0;
}
@media screen and (max-width: 768px)  {
.product-type-menu ul li {
    width: 48%;
    margin-right: 4%;
}
.product-type-menu ul li:nth-child(even) {
    margin-right: 0;
}
}
@media screen and (max-width: 600px)  {
.product-type-menu ul li {
    width: 100%;
    margin-right: auto !important;
}
}
/* ================================================
   企業情報
================================================ */
.company-contents1 {
    max-width: 1000px;
    padding: 0 50px;
    margin: 80px auto;
}
.cc1-lr {
    letter-spacing: -.5em;
}
.cc1-l, .cc1-r {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
.cc1-l {
    width: 70%;
}
.cc1-l p {
    margin-bottom: 20px;
}
.cc1-r {
    width: 26%;
    margin: 0 2%;
    text-align: center;
}
.cc1-r img {
    display: inline;
}
.company-contents2 {
    background: #ffe6e6;
}
.company-contents2-inr {
    max-width: 1000px;
    margin: auto;
    padding: 80px 50px;
}
.cc2-lr {
    position: relative;
}
.cc2-r {
    width: 47%;
    position: absolute;
    top: 0;
    right: 0;
}
.cc2-l dl {
    letter-spacing: -.5em;
}
.cc2-l dl dt, .cc2-l dl dd {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}
.cc2-l dl dt {
    width: 15%;
  padding: 15px 0;
    font-size: 16px;
    color: #ea0809;
    border-top: 1px solid #fff;
    vertical-align: top;
}
.cc2-l dl dd {
    width: 35%;
    margin-right: 50%;
  padding: 15px 0;
    vertical-align: top;
    border-top: 1px solid #fff;
}
.cc2-l dl dd:last-child {
    margin-right: 0;
    width: 85%;
}
.noborder {
    border-top: none !important;
}
.company-contents3 {
    max-width: 1000px;
    padding: 0 50px;
    margin: 80px auto;
}
.company-contents3 dl {
    letter-spacing: -.5em;
  border-bottom:1px solid #ea0809;
}
.company-contents3 dl dt, .company-contents3 dl dd {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}
.company-contents3 dl dt {
    color: #ea0809;
    font-size: 16px;
    border-top: 1px solid #ea0809;
    width: 15%;
    padding: 15px 0;
    line-height: 24px;
}
.company-contents3 dl dd {
    width: 85%;
    padding: 15px 0;
    border-top: 1px solid #ea0809;
    line-height: 24px;
}
@media screen and (max-width: 1023px)  {
.company-contents3 dl dt {
    width: 25%;
}
.company-contents3 dl dd {
    width: 75%;
}
}
@media screen and (max-width: 767px)  {
.cc2-l dl dt {
    width: 20%;
}
.cc2-l dl dd {
    width: 80%;
    margin-right: 0;
}
.cc2-l dl dd:last-child {
    width: 80%;
}
.cc2-r {
    width: 100%;
    position: static;
    margin-top: 20px;
}
.company-contents3 dl dt {
    width: 30%;
}
.company-contents3 dl dd {
    width: 70%;
}
}
@media screen and (max-width: 600px)  {
.company-contents4,
.company-contents1 {
    padding: 0 20px;
    margin: 40px auto;
}
.cc1-l {
    width: 100%;
}
.cc1-r {
    width: 100%;
    margin: 0;
}
.company-contents2-inr {
    padding: 40px 20px;
}
.cc2-l dl dt {
    width: 100%;
    border-top: none;
    padding: 10px 0 0;
}
.cc2-l dl dd {
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #fff;
    padding-top: 0;
    line-height: normal;
}
.cc2-l dl dd:last-child {
    width: 100%;
}
.company-contents3 {
    padding: 0 20px;
    margin: 40px auto;
}
.company-contents3 dl dt {
    width: 100%;
    border-top: none;
    padding: 10px 0 0;
}
.company-contents3 dl dd {
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #ea0809;
    padding-top: 0;
    line-height: normal;
}
.company-contents3 dl {
    border-bottom: none;
}
}
.company-contents4 {
    max-width: 1000px;
    padding: 0 50px;
    margin: 80px auto;
}
/* ================================================
   工場案内
================================================ */
.factory-contents1 {
    max-width: 1000px;
    margin: 80px auto;
    padding: 0 50px;
}
.factory-contents2 {
    background: #ffe6e6;
}
.factory-contents2-inr  {
  max-width:1000px;
  margin:0 auto;
  padding: 80px 50px;
}
.fa2-lr {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
}
.fa2-l {
    width: 46%;
    margin-right: 4%;
}
.fa2-r {
    width: 50%;
}
.fa2-l ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
  height:100%;
}
.fa2-l ul li {
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    color: #ea0809;
    font-size: 20px;
    text-align: center;
    background: #fff;
    width: 8.1%;
    margin-right: 5%;
    display: table;
    letter-spacing: 4px;
    position: relative;
}
.fa2-l ul li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 7px 7px 7px 7px;
    border-style: solid;
    border-color: #f9b8b9 transparent transparent;
    top: 0;
    margin: auto;
    display: block;
    bottom: 0;
    transform: rotate(-90deg);
    left: calc(100% + 8px);
}
.fa2-l ul li:last-child:after  {
  display:none;
}
.fa2-l ul li:last-child  {
  margin-right:0;
}
.fa2-l ul li span  {
  display:table-cell;
  vertical-align:middle;
}
.fa2-r {
    width: 50%;
    background: #fff;
    box-sizing: border-box;
    padding: 10px;
}
.fa2-r ul li {
    float: left;
  width:32%;
}
.fa2-r ul li:nth-child(2) {
    margin: 0 2%;
}
.fa2-r ul li:nth-child(4) {
    margin-top: -3.5%;
    margin-right: 2%;
}
.fa2-r ul li:nth-child(5) {
    margin-top: -22.5%;
}
.fa2-r ul li:last-child {
    width: 66%;
    margin-top: 1.5%;
}
.factory-contents3 {
    margin: 80px auto;
    padding: 0 50px;
    max-width: 1000px;
}
.fa3-lr {
    letter-spacing: -.5em;
    margin-top: 40px;
}
.fa3-l, .fa3-r {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 48%;
}
.fa3-l {
    margin-right: 2%;
}
.fa3-r {
    margin-left: 2%;
}
.fa3-l p, .fa3-r p {
    margin-top: 20px;
}
@media screen and (max-width: 920px)  {
.fa2-l {
    width: 100%;
    margin-right: 0;
}
.fa2-r {
    margin: 20px auto 0;
    width: 100%;
}
.fa2-r ul {
    max-width: 410px;
    margin: auto;
}
.fa2-l ul li {
    padding: 30px 0;
}

}
@media screen and (max-width: 600px)  {
.factory-contents1 {
    margin: 40px auto;
    padding: 0 20px;
}
.factory-contents2-inr {
    padding: 40px 20px;
}
.fa2-l ul li {
    font-size: 15px;
}
.fa2-r ul li:last-child {
    font-size: 13px;
}
.factory-contents3 {
    margin: 40px auto;
    padding: 0 20px;
}
.fa3-l, .fa3-r {
    display: block;
    width: 100%;
    margin-bottom: 40px;
  margin-right: 0;
    margin-left: 0;
}
}
@media screen and (max-width: 450px)  {
.fa2-l ul li:after {
    left: calc(100% + 4px);
}
.fa2-r ul li:nth-child(1),
.fa2-r ul li:nth-child(2),
.fa2-r ul li:nth-child(3),
.fa2-r ul li:nth-child(4),
.fa2-r ul li:nth-child(5)  {
  display:none;
}
.fa2-r ul li:last-child {
    width: 100%;
}
}
/* ================================================
   事業紹介
================================================ */
.service-contents1 {
    max-width: 1000px;
    margin: 80px auto;
    padding: 0 50px;
}
.service-contents2 {
    background: #ffe6e6;
}
.service-contents2-inr {
    max-width: 1000px;
    margin: 0 auto 80px;
    padding: 80px 50px;
}
.service-contents2-inr ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.service-contents2-inr ul li {
    width: 22.5%;
    margin-right: 3.33333%;
}
.service-contents2-inr ul li:last-child {
    margin-right: 0;
}
.service-contents2-inr ul li h4 {
    color: #ea0809;
    font-weight: bold;
    font-size: 15px;
    margin: 10px 0;
}
@media screen and (max-width: 899px)  {
.service-contents2-inr ul {
    max-width: 650px;
    margin: auto;
}
.service-contents2-inr ul li:last-child  {
  margin-right:inherit;
}
.service-contents2-inr ul li {
    width: 48%;
    margin-right: 0;
    max-width: 225px;
    margin: 0 auto 20px;
}
}
@media screen and (max-width: 600px)  {
.service-contents1 {
    margin: 40px auto;
    padding: 0 20px;
}
.service-contents2-inr {
    padding: 40px 20px;
    margin: 0 auto 40px;
}
}
@media screen and (max-width: 450px)  {
.service-contents2-inr ul li {
    width: 100%;
}
}
/* ================================================
   取扱メーカー
================================================ */
.manufacturer-contents {
    max-width: 1000px;
    margin: auto;
    padding: 0 50px;
}
.manufacturer-menu {
    margin: 40px 0;
}
.manufacturer-menu ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.manufacturer-menu ul li {
    width: 23.5%;
    margin-right: 2%;
    background: url(images/under-layer-menu-top-bg2.jpg) repeat left top;
    margin-bottom: 2%;
    text-align: center;
    border-radius: 3px;
}
.manufacturer-menu ul li:nth-child(4), .manufacturer-menu ul li:last-child {
    margin-right: 0;
}
.manufacturer-menu ul li a {
    padding: 10px 0 10px 30px;
    color: #ea0809;
    font-weight: bold;
    background: url(images/arrow1.png) no-repeat 40% center;
}
.manufacturer-menu ul li:last-child a {
    background: url(images/arrow1.png) no-repeat 25% center;
}
.manufacturer-menu ul li:hover {
    background: url(images/under-layer-menu-top-bg1.jpg) repeat left top;
}
.manufacturer-menu ul li a:hover  {
  opacity:1;
}
.manufacturer-menu ul li:hover > a  {
  background-image:url(images/arrow2.png);
  color:#fff;
}
.manufacturer-table {
    margin-bottom: 40px;
}
.manufacturer-table table {
  border-collapse:collapse;
  width:100%;
}
.manufacturer-table table tr th {
    background: #F0CE8E;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.manufacturer-table table tr th:nth-child(1) {
    width: 30%;
}
.manufacturer-table table tr th:nth-child(2) {
    width: 40%;
}
.manufacturer-table table tr th:nth-child(3), .manufacturer-table table tr th:nth-child(4) {
    width: 15%;
}
.manufacturer-table table tr td {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px;
}
.manufacturer-table table tr td a {
  color:#ea0809;
  display:inline;
  text-decoration:underline;
}
.manufacturer-table h4 {
    color: #ea0809;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}
@media screen and (max-width: 899px)  {
.manufacturer-menu ul li a {
    background: url(images/arrow1.png) no-repeat 30% center;
    font-size: 13px;
}
.manufacturer-menu ul li:last-child a {
    background: url(images/arrow1.png) no-repeat 10% center;
}
.manufacturer-menu ul li:last-child:hover  > a  {
  background-image:url(images/arrow2.png);
}
}
@media screen and (max-width: 767px)  {
.manufacturer-menu ul li a {
    padding: 10px 0 10px 20px;
}
}
@media screen and (max-width: 600px)  {
.manufacturer-contents {
    padding: 0 20px;
}
.manufacturer-menu ul li {
    margin-right: 0;
    width: 49%;
}
.manufacturer-menu ul li:nth-child(odd) {
    margin-right: 2%;
}
.manufacturer-table {
    padding-top: 50px;
    margin-top: -50px;
}
.manufactruer-table-wrp {
    overflow-y: scroll;
}
.manufacturer-table table {
    width: 600px;
}
.manufacturer-table table tr th:nth-child(1) {
    width: 20%;
}
.manufacturer-table table tr th:nth-child(2) {
    width: 36%;
}
.manufacturer-table table tr th:nth-child(3), .manufacturer-table table tr th:nth-child(4) {
    width: 22%;
}
.manufacturer-table table tr td {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
}
.manufactruer-table-wrp:before {
    content: "▶スクロールできます";
    color: #ea0809;
    font-size: 13px;
}
}
/* ================================================
   取扱店舗
================================================ */
.manufacturer-table .map {
    margin-bottom: 20px;
}
.manufacturer-menu.shop-menu ul li a {
    background-position: 10% center;
}
.manufacturer-menu.shop-menu ul li:last-child a {
    background-position: 10% center;
}
td[colspan="4"] {
    background: #ededed;
    color: #ea0809;
    font-weight: bold;
    font-size: 16px !important;
}
@media screen and (max-width: 899px)  {
.manufacturer-menu.shop-menu ul li {
    width: 32%;
    margin-right: 2%;
}
.manufacturer-menu.shop-menu ul li:nth-child(3), .manufacturer-menu.shop-menu ul li:nth-child(6), .manufacturer-menu.shop-menu ul li:last-child {
    margin-right: 0;
}
}
@media screen and (max-width: 767px)  {
.manufacturer-menu.shop-menu ul li {
    width: 49%;
  margin-right:0;
}
.manufacturer-menu.shop-menu ul li:nth-child(3), .manufacturer-menu.shop-menu ul li:nth-child(6), .manufacturer-menu.shop-menu ul li:last-child {
    margin-right: 0;
}
.manufacturer-menu.shop-menu ul li:nth-child(odd) {
    margin-right: 2%;
}
}
@media screen and (max-width: 600px)  {
.area-table {
    overflow-y: scroll;
}
.area-table table {
    width: 600px;
}
.area-table:before {
    content: "▶スクロールできます";
    color: #ea0809;
    font-size: 13px;
}
}
@media screen and (max-width: 450px)  {
.manufacturer-menu.shop-menu ul li {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 2% auto !important;
}
}

/* ================================================
   カナリーシードができるまで
================================================ */
.seedgry {
border:1px solid #efefef;
background:#f5f5f5;
}


/* ================================================
   お問合わせ
================================================ */
.contact-contents1 {
    max-width: 1000px;
    margin: 40px auto 80px auto;
    padding: 0 50px;
}
.contact-contents1 dl {
    letter-spacing: -.5em;
  border-bottom:1px solid #ea0809;
}
.contact-contents1 dl dt {
    color: #ea0809;
    font-size: 16px;
    border-top: 1px solid #ea0809;
    padding: 20px 0;
    width: 20%;
}
.contact-contents1 dl dd {
    border-top: 1px solid #ea0809;
    padding: 20px 0;
    width: 80%;
}
@media screen and (max-width: 767px)  {
.contact-contents1 dl dt {
    width: 25%;
}
.contact-contents1 dl dd {
    width: 75%;
}
}
.contact-contents1 dl dt, .contact-contents1 dl dd {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}
.contact-contents2 {
    background: #ffe6e6;
}
.contact-contents2-inr {
    max-width: 1000px;
    margin: auto;
    padding: 80px 50px;
}
.contact-contents2-inr p {
    margin-bottom: 30px;
}
.contact-contents2-inr h4 {
    color: #ea0809;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}
.contact-contents2-inr ul li {
    border-top: 1px solid #fff;
    padding: 10px 0;
    line-height: 1.8;
}
.contact-contents2-inr ul li span  {
  color:#ea0809;
}
.contact-contents3 {
    max-width: 1000px;
    margin: 80px auto;
    padding: 0 50px;
}
.contact-contents3-inr {
    max-width: 900px;
    margin: auto;
}
.contact-contents3 p {
    margin-bottom: 30px;
}
span.hissu {
    background-image: -webkit-linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    background-image: linear-gradient(rgba(255,255,255,.3) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.1) inset, 0 2px 10px 0 rgba(255,255,255,.2) inset, 0 -2px 2px 0 rgba(0,0,0,.1) inset;
    border: 1px solid rgba(0,0,0,.2);
    background-color: #ea0809;
    color: #fff;
    font-size: 10px;
    padding: 0 3px;
    border-radius: 3px;
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}
.contact-contents3 table {
    width: 100%;
    table-layout: fixed;
}
.contact-contents3 table tr th {
    width: 30%;
    border-bottom: 1px solid #ea0809;
    padding: 20px 0;
    vertical-align: top;
    color: #ea0809;
    font-size: 16px;
}
.contact-contents3 table tr td {
    width: 70%;
    border-bottom: 1px solid #ea0809;
    padding: 20px 0;
    vertical-align: top;
}
.contact-contents3 table tr td input,
.contact-contents3 table tr td textarea {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    padding: 10px;
    margin: 2px;
    font-size:15px;
}
.contact-contents3 table tr td input {
    max-width: 65%;
}
.contact-contents3 table tr td textarea {
    /*width: 90%;*/
}
td.input-add input {
    display: block;
    margin-bottom: 10px !important;
}
td.input-add input:last-child {
    margin-bottom: 0 !important;
}
.mt40.center.formbtn ul li input {
    background: #ea0809;
    color: #fff;
    width: 100%;
    max-width: 200px;
    border: none;
    border-radius: 30px;
    padding: 15px 0;
    margin-bottom: 20px;
    font-size:16px;
}
.mt40.center.formbtn ul li input:hover {
cursor:pointer;
}
@media screen and (max-width: 767px)  {
.contact-contents3 table tr td input,
.contact-contents3 table tr td textarea {
    max-width: 100%;
    box-sizing: border-box;
}
.contact-contents3 table tr th {
    width: 40%;
}
.contact-contents3 table tr td {
    width: 60%;
}
}
@media screen and (max-width: 600px)  {
.contact-contents1 {
    padding: 0 20px;
}
.contact-contents2-inr {
    padding: 40px 20px;
}
.contact-contents3 {
    margin: 40px auto;
    padding: 0 20px;
}
div#form {
    padding-top: 50px;
    margin-top: -10px;
}
.contact-contents3 p {
    margin-bottom: 0;
}
.contact-contents3 table tr th {
    width: 100%;
    display: block;
    border-bottom: none;
    padding-bottom: 0;
}
.contact-contents3 table tr td {
    width: 100%;
  display:block;
}
}
/* ================================================
   お客様相談センター
================================================ */
.soudanbtn {
text-align:center;
margin:30px auto 0;
}
.soudanbtn a {
    position: relative;
    padding: 15px 20px 15px 50px;
    display: inline-block;
    border: 2px solid #ea0809;
    border-radius: 30px;
}
.soudanbtn a:after {
content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #ea0809;
    border-right: 2px solid #ea0809;
    transform: rotate(45deg);
    top: -5px;
    bottom: 0;
    margin: auto;
    left: 25px;
}

.consultation-contents {
padding-top:30px;
}
.consultation-contents a {
display:inline;
}
.consultation-contents1 {
    max-width: 1000px;
    margin: auto;
    padding: 0 50px;
}
.consultation-contents1 .manufacturer-menu ul li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}
.consultation-contents1 .manufacturer-menu ul li a {
    width: 100%;
    background-position: 5% center !important;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
}
.consultation-contents2 {
    max-width: 1000px;
    margin: 80px auto;
    padding: 0 50px;
}
.qa dl dt {
    font-size: 17px;
    color: #ea0809;
    font-weight: bold;
    padding-left: 2em;
    text-indent: -2em;
    margin-bottom: 10px;
}
.qa dl dd {
    padding-left: 2em;
    text-indent: -1.7em;
    padding-bottom: 25px;
    border-bottom: 1px solid #ea0809;
    margin-bottom: 25px;
}
.qa dl dd span {
    margin-top: 30px;
    display: inline-block;
    text-indent: 0;
}
.qa dl dd:last-child {
    border-bottom: none;
}
.consultation-contents3  {
  background:#ffe6e6;
}
.consultation-contents3-inr {
    max-width: 1000px;
    margin: auto;
  padding:80px 50px;
}
@media screen and (max-width: 1023px)  {
.consultation-contents1 .manufacturer-menu ul li {
    width: 49%;
    min-height: 65px;
    margin-right: 0;
}
.consultation-contents1 .manufacturer-menu ul li:nth-child(odd) {
    margin-right: 2%;
}
}
@media screen and (max-width: 600px)  {
.consultation-contents1 {
    padding: 0 20px;
}
.consultation-contents1 .manufacturer-menu ul li {
    width: 100%;
  /*max-width:300px;*/
    min-height: 60px;
    margin-right: auto;
  margin-left:auto;
}
.consultation-contents1 .manufacturer-menu ul li:nth-child(odd) {
    margin-right: auto;
}
.consultation-contents2 {
    margin: 40px auto;
    padding: 0 20px;
}
.consultation-contents3-inr {
    padding: 40px 20px;
}
.qa h3.ttlA {
    padding-top: 50px;
    margin-top: -50px;
}
}

/* ================================================
   サイトマップ
================================================ */

.sitemapList{
display:flex;
}
.sitemapList li{
width:48%;
display:flex;
     background:#efefef;
     border-radius:6px 6px;
     margin: 0 1% 40px;
}
.sitemapList a {
padding:15px 15px 15px 40px;
font-size:16px;
     position: relative;
     display:block;
         width: 100%;

}
.sitemapList a::before {
     position: absolute;
     content: '';
     width: 17px;
     height: 17px;
     background: #ea0809;
     border-radius: 50%;
     top: 50%;
     left: 10px;
     margin-top: -7px;
}
.sitemapList a::after {
     position: absolute;
     content: '';
     width: 4px;
     height: 4px;
     border-top: solid 2px #fff;
     border-right: solid 2px #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
     left: 15px;
     margin-top: -1px;
}

@media screen and (max-width: 768px)  {
  .sitemapList{
  display:flex;
  }
  .sitemapList li{
  width:98%;
  margin: 0 1% 20px;
  }
}

/* ================================================
   カナリーシードができるまで
================================================ */
.tabnav{
    margin: 0;
    padding: 0;
    display: flex;

}
.tabnav li{
margin:0 2px;
width:33%;
}
.tabnav li a{
    display: block;
    background: #ddd;
    color: #000;
    padding: 15px 5px;
    border-radius: 5px 5px 0 0;
    text-decoration: none;
    font-size:16px;
    text-align:center;
}
.tabnav li a:hover,
.tabnav li a.active{
    background: #ea0809;
    color: #fff;
    opacity:1;
}
.tabcontent{
    padding: 40px ;
}


.seedttl {
font-size: 19px;
text-align: center;
color: #ea0809;
font-weight: bold;
margin: 30px 0;
padding: 20px 0;
border-top: 2px solid #ea0809;
border-bottom: 2px solid #ea0809;
}
.seedWrap {
padding:40px 0 0 0;
}
.seedWrap h4 {
font-size: 16px;
background: #ffebeb;
color: #ea0809;
padding: 12px 9px;
margin: 0 0 1em;
}
.seedWrap p {
padding:0 10px;
}
.seedimgList {
display: flex;
flex-wrap: wrap;
}
.seedimgList li {
width:31.33%;
margin:0 1% 1%;
}
.seedimgList2 {
display: flex;
flex-wrap: wrap;
}
.seedimgList2 li {
width:48%;
margin:0 1% 1%;
}
.seedimg {
margin-top:1em;
}

@media screen and (max-width: 768px)  {
  .seedttl {
  font-size: 17px;
  }
  .seedWrap h4 {
  font-size: 15px;
  }
  .tabcontent{
  padding: 0 5px;
  }
  .seedimgList li {
  width:48% !important;
  margin:0 1% 1.5%;
  }
}

/* ================================================
   ペレット（総合栄養食）を初めてお使いになる方へ
================================================ */
.neofoodList {
padding:30px;
background:#f5f5f5;
margin:20px 0 60px;
}
.neofoodList li {
font-size:16px;
padding:2px 0;
margin-left:1em;
text-indent:-1em;
}
.neofoodList span {
color:#ea0809;
margin-right:;
}

.neofoodListB {
display:flex;
flex-wrap: wrap;
margin-left:-3%;
}
.neofoodListB li {
font-weight:bold;
font-size:16px;
text-align:center;
margin-left:3%;
width:30.33%;
margin-bottom:6%;
}
.neofoodListB li div {
margin-top:10px;
}

@media screen and (max-width: 768px)  {
  .neofoodListB li {
  text-align:center;
  margin-left:0;
  width:90%;
  margin:0 auto 6% auto;
  }
}

/* ================================================
   ひな鳥用フードの作り方の動画
================================================ */
.videogry {
padding:30px;
background:#f5f5f5;
margin:20px 0 40px;
font-size:16px;
}
.videogry dl dt {
margin:0 0 10px;
}
.videogry span {
color: #ea0809;
margin-right:5px;
padding:2px 0;
}
.videohead {
display:flex;
}
.videohead-l {
width:160px;
}
.videohead-r {
}
.videohead p{
margin-bottom:1em;
}

.videogry dl dt {
font-size: 16px;
font-weight:bold;
}
.videoList {
display:flex;
flex-wrap: wrap;
margin-left:-3%;
}
.videoList li {
width:47%;
margin-left:3%;
margin-bottom:30px;
}
.videoList video {
left: 0;
position: relative;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: 0;
transform: none;
}
.videoList h3 {
font-size: 16px;
background: #ffebeb;
color: #ea0809;
padding: 12px 9px;
margin: 0 0 1em;
}
.videoyoutube a {
border: 1px solid #ea0809;
display: block;
margin: 20px auto;
text-align: center;
color: #ea0809;
padding: 12px 15px;
width: 50%;
}
.videoyoutube a:hover {
color: #fff;
background:#ea0809;
opacity:1;
}

@media screen and (max-width: 768px)  {
  .videohead-l {
  width:160px;
  margin:0 auto 20px auto;
  text-align:center;
  display: block;
  }
  .videohead {
  display: block;
  }
  .videoList {
  display: block;
  flex-wrap: wrap;
  margin-left: 0;
  }
  .videoList li {
  width: 100%;
  margin-left: 0;
  margin-bottom: 30px;
  }
  .videoyoutube a {
  width: 85%;
  }
}

/* ================================================
   お取引について
================================================ */
.guide-contents {
    max-width: 1000px;
    margin: 40px auto 80px;
    padding: 0 50px;
}
.guide-contents p img {
    display: inline;
}
.guide-contents p {
    font-size: 15px;
    margin-bottom: 20px;
}
@media screen and (max-width: 600px)  {
  .guide-contents {
    padding: 0 20px;
  }
}
/* ================================================
   アーカイブ
================================================ */
.archivehead {
padding-top:15px;
}
.archive {
    max-width: 1000px;
    margin: 50px auto 80px;
    padding: 0 50px;
}
.archive-contents {
    float: left;
    width: 70%;
    margin-right: 4%;
}
.archive-contents-l {
    float: left;
    width: 70%;
    margin-right: 4%;
}
.archive-contentsB {
    float: left;
    width: 62%;
    padding:4%;
    margin-right: 4%;
    background:#fff;
    border-radius:5px 5px;
}
.archive-contents ul li {
    border-bottom: 1px dotted #000;
}
.archive-contents ul li a {
    padding: 20px 0;
    /*letter-spacing: -.5em;*/
}
.archive-contents ul li h2, .archive-contents ul li p {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
.archive-contents ul li h2 {
    width: 80%;
}
.archive-contents ul li p {
    padding-right: 2%;
    box-sizing: border-box;
    width: 20%;
}
.archive-contents-l ul li {
padding:0 0 90px;
}
.archive-contents-l ul li p {

}
.archive-single .single-time {
margin-bottom:1.5em;
}
.archive-single .single-time span {
color: #ea0809;
font-weight: normal;
}
.archive-single .single-time a {
display: inline;
background: #ea0809;
color: #fff;
font-weight: normal;
font-size: 12px;
padding: 2px 10px;
border-radius: 10px 10px;
letter-spacing:0;
}
.cat_display {
margin-left: 15px;
}
.archive-single .single-time a:last-child {
display: none;
}
.archive-menu {
    float: right;
    width: 26%;
}
.archive-menu-list {
    border-radius: 6px;
    overflow: hidden;
}
.archive-menu-list h3 {
    color: #fff;
    padding: 20px;
    background: url(images/under-layer-menu-top-bg1.jpg) repeat left top;
    font-size: 16px;
}
.archive-menu-list ul li {
    background: #f2f2f2;
    border-bottom: 1px dotted #8d8d8d;
}
.archive-menu-list ul li:last-child  {
  border-bottom:none;
}
.archive-menu-list ul li a {
    padding: 20px 20px 20px 40px;
    background: url(images/arrow1.png) no-repeat 5% center;
}

ul.archive-menu-list-sub {
padding: 0 20px 15px 20px;
}
ul.archive-menu-list-sub li a {
padding: 12px 20px;
background: none !important;
}
dl.archivesublist {
display: flex;
}
dl.archivesublist dt {
width:195px;
}
dl.archivesublist dd {
}

.archivesublist dt span {
display: inline-block;
font-size: 13px;
padding: 5px 21px;
text-align: center;
margin: 0 auto;
align-items: center;
color:#ea0809;
width: 70px;
}
.archivesublist h2 {
width:auto !important;
}

ul.archive-menu-list {
display:none;
margin:0 0 0;
}
ul.archive-menu-list li {
margin:0 0 10px;
padding:0  !important;
display: block;
}
ul.archive-menu-list li a {
display: block;
background: #ea0809;
color: #fff;
font-weight: normal;
font-size: 15px;
padding: 5px 15px;
border-radius: 30px 30px;
letter-spacing: 0;
}
h2.archive-ttl {
display:none;
color:#ea0809;
padding:20px 0 25px;
font-size:20px;
font-weight:bold;
}

@media screen and (max-width: 899px)  {
.archive-contents {
    float: inherit;
    width: 100%;
    margin-right: 0;
}
.archive-contents-l {
    float: inherit;
    width: 100%;
    margin-right: 0;
}
.archive-menu {
    float: inherit;
    width: 100%;
    margin: 40px auto 0;
    max-width: auto;
    }
	.archive-contentsB {
	float: none;
	width: 92%;
	padding:20px 4%;
	margin-right: 0;
	}
.archive-menu-list.cocco-cat div {
width: 15% !important;
text-align: center;
/* margin-right: 5%; */
}

}

@media screen and (max-width: 768px)  {
	h2.archive-ttl {
	display:block;
	}
	ul.archive-menu-list {
	display:block;
	}
}

@media screen and (max-width: 600px)  {

.archive {
    padding: 0 20px;
}
.archive-contents ul li p {
    display: block;
    margin-right: 0;
    width: 100%;
}
.archive-contents ul li h2 {
    width: 100%;
    display: block;
    margin-top: 5px;
}

dl.archivesublist {
display: block;
}
dl.archivesublist dt {
width: auto;
}
dl.archivesublist dd {
width: auto;
}

.archivesublist dt span {
padding: 5px 15px;
text-align:left;
}
.cat_display {
display:block;
margin-left: 0;
}

}
/* ================================================
   個別記事
================================================ */
.single {
    max-width: 1000px;
    margin: 40px auto 80px;
  padding:0 50px;
}
.single-img {
    text-align: center;
    margin-bottom: 40px;
}
.single-img img {
    display: inline;
}
.single-time {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px
}
.single-contents {
    word-break: break-all;
}
.single-contents h1 {
    font-size: 26px;
    color: #ea0809;
    font-weight: bold;
    margin-bottom: 20px;
}
.single-contents h2 {
    font-size: 24px;
    color: #ea0809;
    font-weight: bold;
    margin-bottom: 20px;
}
.single-contents h3 {
    font-size: 20px;
    color: #ea0809;
    font-weight: bold;
    margin-bottom: 10px;
}
.single-contents h4 {
    font-size: 18px;
    color: #ea0809;
    margin-bottom: 10px;
}
.single-contents p  {
  margin-bottom:20px;
}
.single-contents a  {
  color:#ea0809;
  text-decoration:underline;
}
.single-contents table {
width:100%;
border:1px solid #ccc;
box-sizing:border-box;
}
.single-contents table td {
padding:2%;
box-sizing:border-box;
}
.single-contents table tr {
border-bottom:1px solid #ccc;
box-sizing:border-box;
}
.single-contents table th {
background:#efefef;
padding:2%;
font-weight:bold;
border-right:1px solid #ccc;
width:33%;
}

.single-contents table td a {
text-decoration:underline;
color:#ea0809;
}

@media screen and (max-width: 600px)  {
.single {
  padding:0 15px;
}
	.single-contents h1 {
	    font-size: 24px;
	    color: #ea0809;
	    font-weight: bold;
	    margin-bottom: 20px;
	}
	.single-contents h2 {
	    font-size: 20px;
	    color: #ea0809;
	    font-weight: bold;
	    margin-bottom: 20px;
	}
	.single-contents h3 {
	    font-size: 18px;
	    color: #ea0809;
	    font-weight: bold;
	    margin-bottom: 10px;
	}
	.single-contents h4 {
	    font-size: 16px;
	    color: #ea0809;
	    margin-bottom: 10px;
	}

}
/* ================================================
   コッコタイムズアーカイブ
================================================ */
.cocco-bg {
    background: url(images/cocco-area-bg.jpg) repeat left top;
    padding-bottom: 120px;
    padding-top:15px;
}
.cocco-bg .cocco-area-ttl {
    margin-top: 20px;
}
.cocco-bg ul.cocco-new.cfx li {
    margin-bottom: 2%;
}
.cocco-bg ul.cocco-new.cfx li:nth-child(4) {
    margin-right: 0;
}
.cocco-bg .cocco-new-img {
  display:none;
}
.cocco-bg .wp-txt:before {
  display:none;
}
@media screen and (max-width: 600px)  {
.cocco-bg ul.cocco-new.cfx li {
    margin-bottom: 5%;
}
}
/* ================================================
   コッコタイムズ個別記事
================================================ */
.archive-menu-list.cocco-cat ul li {
    background: #fff;
}
.archive-menu-list.cocco-cat ul li a {
    background: none;
    padding: 5px;
    letter-spacing: -.5em;
}
.archive-menu-list.cocco-cat ul li a div, .archive-menu-list.cocco-cat ul li a p {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}
.archive-menu-list.cocco-cat div {
    width: 30%;
    text-align: center;
    margin-right: 5%;
}
.archive-menu-list.cocco-cat div img {
    display: inline;
    width: 50px;
}
.archive-menu-list.cocco-cat p {
    width: 65%;
  font-weight:bold;
  color:#ea0809;
  font-size:15px;
}
/* ================================================
   タブ
================================================ */
.tab {
    overflow: hidden;
    margin: 0 0 25px 0;
    display:flex;
    width: 100%;
    border-spacing: 3px 0;
    flex-wrap: wrap;
}
.tab li {
    padding: 3% 2%;
    text-align: center;
    box-sizing: border-box;
    background: #ddd;
    color: #000;
    position: relative;
    margin-right: 1.333333%;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    display:table-cell;
    vertical-align:middle;

}
.tab li:hover {
cursor:pointer;
opacity:0.6;
}
.tab li:last-child {
    margin-right: 0;
}
.tab li.select {
    background: #fff;
    color: #ea0809;
    font-weight: bold;
    border-color: #ea0809;
}
.hide  {
  display:none;
}
.select,
li.tab-content-single  {
      opacity: 1;
      animation-duration: 1.8s;
      animation-name: fade-in;
      -moz-animation-duration: 1.8s;
      -moz-animation-name: fade-in;
      -webkit-animation-duration: 1.8s;
      -webkit-animation-name: fade-in;
}

@keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-moz-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }

    @-webkit-keyframes fade-in {
      0% {
        display: none;
        opacity: 0;
      }

      1% {
        display: block;
        opacity: 0;
      }

      100% {
        display: block;
        opacity: 1;
      }
    }
@media screen and (max-width: 1100px)  {
.tab li {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 1%;
    /*min-height:55px;*/
    line-height: 1.3;
    /*padding: 3% 2%;*/
}
}
@media screen and (min-width: 1099px)  {
.tab li {
    width: 32%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    margin-bottom: 1%;
    /*min-height:55px;*/
    line-height: 1.3;
    /*padding: 3% 2%;*/
}
}
@media screen and (max-width: 600px)  {
.tab {
    margin: 20px 0;
    font-size: 12px;

}
}
/* ================================================
   パンクズリスト
================================================ */


.breadcrumbs-inr {
    max-width: 1000px;
    margin: auto;
    padding: 10px 50px;
    font-size: 13px;
}
.breadcrumbs a {
    display: inline;
    font-size: 12px;
  color: #ea0809;
  position:relative;
}
.ul-ttl .breadcrumbs-inr {
    padding: 10px 0;
}
/*.breadcrumbs-inr span:after{
content:"＞";
display:inline-block;
width:15px;
height:15px;
padding:0 10px;
position:absolute;
margin-top:-10px;
top:50%;
right:0;
}
*/

@media screen and (max-width: 600px)  {
.breadcrumbs {
    background: #ea0809;
    color: #fff;
}
.breadcrumbs-inr {
    padding: 60px 20px 10px;
    margin-top: 0;
    font-size: 11px;
}
.breadcrumbs-inr a  {
  color:#fff;
}
.wp-pagenavi a, .wp-pagenavi span {
    background: #ea0809;
    color: #fff;
    border: none;
    padding: 3px 10px;
}
span.current {
    background: #fff;
    border: 1px solid #ea0809 !important;
    color: #ea0809;
}
.ul-ttl .breadcrumbs-inr {
    padding: 10px 20px;
}

.tab li {
    padding: 3% 0;
}

}
/* ================================================
   ページナビ
================================================ */
.wp-pagenavi {
    text-align: center;
    margin: 40px 0;
}
.wp-pagenavi a {
    display: inline-block;
}
span.pages {
    background: #ea0809;
    border: none !important;
    color: #fff;
    border-radius: 3px;
}
.wp-pagenavi a, .wp-pagenavi span {
    background: #fff;
    border: none;
    color: #ea0809;
    border: 1px solid #ea0809 !important;
    padding: 5px 11px !important;
    border-radius: 60px;
    font-weight: bold;
}
span.current {
    background: #ea0809;
    color: #fff;
    border: 1px solid #ea0809 !important;
    box-sizing: border-box;
    display: inline-block;
}


/* ================================================
   製品紹介
================================================ */
.product-item {
    border-top: 1px solid #d6d6d6;
    padding: 20px 0 0;
    margin: 20px 0 0 0;
}

.sortresult {
padding: 10px 5px;
display:inline-block;
}
.sortresult span {
font-size:16px;
font-weight:bold;
color:#333;
}
.fontA {
color:#ea0809 !important;
}
.fontB {
}
.productlist-sort {
}
.productlist-sort ul {
width:340px;
font-size:13px;
float:right;
}
.productlist-sort ul li {
float:left;
width:50%;
}
.checkbox01-input{
display: none;
}
.checkbox01-parts{
padding-left: 29px;
position: relative;
margin-right: 20px;
line-height: 40px;
}
.checkbox01-parts::before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
border: 1px solid #999;
border-radius: 3px;
}
.checkbox01-input:checked + .checkbox01-parts{
color: #ea0809;
}
.checkbox01-input:checked + .checkbox01-parts::after{
content: "";
display: block;
position: absolute;
top: -5px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #ea0809;
border-right: 3px solid #ea0809;
}

.productlist-cat-sort{
background:#ffebeb;
}
.productlist-cat-sort ul {
margin:20px 0 0;
padding:20px 0;
}
.productlist-cat-sort ul li {
float:left;
display:inline-block;
display: inline-block;
padding: 0;
border-right: 1px solid #ea0809;
}
.productlist-cat-sort ul li a {
display:block;
padding:0 20px ;
}

.productlist-cat-sort {
margin:20px 0 40px ;
}
.product-itemlist {
margin-left:-3%;
}

.product-itemlist-img {
text-align:center;
}

.product-itemlist-img img {
width:100% !important;
}

/*
@media screen and (min-width:768px)  {
	.product-itemlist-img img {
	width: auto !important;
	height: 220px !important;
	}
}
*/

.product-itemlist li {
float:left;
width:22%;
margin-left:3%;
}
.product-itemlist li a {
display:block;
padding:5px;
min-height:170px;
}

h2.itemttl {
font-size:21px;
border-bottom:1px solid #ea0809;
padding:0 0 15px 0;
margin:0 0 20px 0;
font-weight:bold;
}
.product-item-img {
margin:0 auto 30px auto;
max-width:360px;
}
.produc-item-txt {
margin:0 0 40px ;
}
.produc-item-txt p {
margin: 0 0 1em;
}
table.product-item {
border:1px solid #d6d6d6;
}
table.product-item tr {
border:1px solid #d6d6d6;
}
table.product-item th {
width:25%;
padding:15px;
background:#fff2f2;
border-right:1px solid #d6d6d6;
}
table.product-item td {
padding:15px;
}

.productlist-column-search input[type="text"] {
padding:13px 10px;
font-size:15px;
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
border: none;
}
.productlist-column-search input[type="text"]:focus {
outline: 0;
}
.productlist-column-search form {
position: relative;
width: 100%;
background: #e5e5e5;
}
.productlist-column-search input[type="submit"] {
position: absolute;
right: 8px;
top: 9px;
z-index: 5;
}
.productlist-column-search input[type="submit"]:focus {
outline: 0;
}
.searchbtn {
background: url(images/product-searchicn.svg) center center no-repeat;
background-size: contain;
border: 0px;
width: 24px;
height: 24px;
}
.searchbtn:hover{
cursor: pointer;
}
.productlist-column h2.ttlA {
font-size:17px;
margin:5px 0 10px ;
font-weight:bold;
}
.productlist-column h2.ttlB {
font-size:17px;
margin:20px 0 0 ;
color:#fff;
padding:10px;
background:#ea0809;
border-radius:6px 6px 0 0;
font-weight:bold;
}
h3.ttlmania {
background: url(images/ttlmania.png) left center no-repeat;
height: 22px;
background-size: 65px;
padding: 16px 10px 16px 80px;
border-bottom:1px solid #ea0809;
margin:0 0 2px;
}
h3.ttldomestic {
background: url(images/ttldomestic.png) left center no-repeat;
height: 22px;
background-size: 48px;
padding: 16px 10px 16px 80px;
border-bottom:1px solid #ea0809;
margin:0 0 2px;
}
h3.ttlneo {
background: url(images/ttlneo2.png) left center no-repeat;
height: 22px;
background-size: 48px;
padding: 16px 10px 16px 80px;
border-bottom:1px solid #ea0809;
margin:0 0 2px;
}

.develop-story a {
display:block;
position:relative;
}
.develop-story a:hover {
color:#ea0809;
}

.develop-story a:after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #ea0809;
border-right: 1px solid #ea0809;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .4s;
transition: all .4s;
}
.develop-story a:hover:after {
transform: translate(5px) rotate(45deg);
-webkit-transition: all .4s;
transition: all .4s;
}

h3.ttlbird {
background: url(images/ttlbird.png) left center no-repeat;
background-size: 24px;
padding: 10px 10px 10px 30px;
border-bottom:1px solid #ea0809;
font-weight:bold;
margin:0 0 2px;
}
h3.ttlsmall {
background: url(images/ttlsmall.png) left center no-repeat;
background-size: 24px;
padding: 10px 10px 10px 30px;
border-bottom:1px solid #ea0809;
font-weight:bold;
margin:5px 0 2px;
}
.productlist {
width:1000px;
margin:0 auto;
padding:40px 0 80px ;
}
.product-link a {
border-radius: 6px;
background: #ea0809;
color: #fff;
font-size: 14.5px;
text-align: center;
padding: 20px;
max-width: 270px;
margin: 60px auto;
position:relative;
}
.product-link a:after {
position: absolute;
top: 50%;
right: 18px;
display: block;
content: '';
width: 8px;
height: 8px;
margin-top: -4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .4s;
transition: all .4s;
}
.product-link a:hover:after {
transform: translate(7px) rotate(45deg);
-webkit-transition: all .4s;
transition: all .4s;
}

.productlist-main {
float:right;
width:73%;
}
.productlist-column {
float:left;
width:22%;
}
.productlistA li {
border-bottom:1px solid #e4e4e4;
}
.productlistA li a {
display:block;
padding:7px 2px;
position:relative;
}
.productlistA li a:hover {
color:#ea0809;
}

.productlistA li a:after {
position: absolute;
top: 50%;
right: 15px;
display: block;
content: '';
width: 7px;
height: 7px;
margin-top: -4px;
border-top: 1px solid #ea0809;
border-right: 1px solid #ea0809;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .4s;
transition: all .4s;
}
.productlistA li a:hover:after {
transform: translate(5px) rotate(45deg);
-webkit-transition: all .4s;
transition: all .4s;
}
.productlistB {}
.productlistB li {
border-bottom: 1px solid #dedede;
}
.productlistB li:last-child {
border:none;
}
.productlistB li a {
display: block;
padding: 4px 0;
}
.productlistB li a:hover {
color:#ea0809;
-webkit-transition: all .4s;
transition: all .4s;
}

.accordion-container .accordion-title {
  position: relative;
  margin: 0;
  padding: 7px 2px;
  background-color:;
  font-size: 15px;
  font-weight: normal;
  color: ;
  cursor: pointer;
  border-bottom:1px solid #e4e4e4;
  -webkit-transition: all .4s;
transition: all .4s;
}
.accordion-container .accordion-title:hover {
color:#ea0809;
-webkit-transition: all .4s;
transition: all .4s;
}
.accordion-title.open {
color:#ea0809;
-webkit-transition: all .4s;
transition: all .4s;
}
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-title.open {
}
.accordion-container .accordion-title::before {
content: "";
position: absolute;
top: 50%;
right: 6px;
width: 14px;
height: 2px;
/*縦線に*/
transform: rotate(90deg);
background: #ea0809;
transition: all .3s ease-in-out;
}
.accordion-container .accordion-title::after {
content: "";
position: absolute;
top: 50%;
right: 6px;
/*横線*/
width: 14px;
height: 2px;
background: #ea0809;
transition: all .2s ease-in-out;
}
.accordion-container .accordion-title.open::before {
transform: rotate(180deg);
}
.accordion-container .accordion-title.open::after {
opacity: 0;
}
.accordion-content {
background:#f6f6f6;
padding:10px 15px 10px 15px;
display:none;
}
.accordion-container {
margin: 0 auto;
}
.product-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


.product-select{
  width: 100%;
  position: relative;
  display: inline-block;
}
.product-select::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
.product-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 36px;
  background: transparent;
  position: relative;
  z-index: 1;
  padding: 0 40px 0 10px;
  border: 1px solid #b4b3b3;
  border-radius: 2px;
  line-height: 16px
}
.product-select select:focus {
outline:none;
}
.product-select select::-ms-expand {
    display: none;
}

.series-introduction{
    display: flex;
    margin-bottom: 20px;
}
.series-int-l{
    margin-right: 20px;
}
.series-int-l img{
    vertical-align: top;
    display: block;
    height: auto;
    width: 200px;
    max-width: fit-content;
}
.series-int-r{
    margin-top: 20px;
}
.series-int-r p{
    margin-bottom: 20px;
}
.series-int-r a{
display:inline-block;
position:relative;
color:#ea0809;
border-bottom: 1px solid #ea0809;
}
.develop-story a:hover:after {
transform: translate(5px) rotate(45deg);
-webkit-transition: all .4s;
transition: all .4s;
}

@media only screen and (max-width: 480px) {
    .series-introduction {
        display: block;
    }
    .series-introduction .series-int-l {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .series-introduction .series-int-l img{
        margin: auto;
        vertical-align: top;
        display: block;
        height: auto;
        width: 100px;
        max-width: fit-content;
    }
    .series-introduction .series-int-r {
        width: 100%;
        margin: 0 auto;
    }
}


@media screen and (max-width: 1023px)  {
  .productlist-main {
  float:none;
  width:auto;
  padding:0 15px;
  }
  .productlist-column {
  float:none;
  width:auto;
  padding:0 15px;
  }
  .productlist {
  width:auto;
  padding: 0 0 60px;
  }
  .product-itemlist li {
  width: 30.33%;
  }
  .productlist-column {
  display:none;
  }
}
@media screen and (max-width: 768px)  {
  .product-itemlist li {
  width: 47%;
  }
  .productlist-sort ul {
  width: 200px;
  margin:0 auto;
  float: none;
  }
  .productlist-sort ul li {
  float:none;
  width: auto;
  }
  .sortresult {
  text-align:center;
  margin:0 auto;
  display: block;
  }
}
@media screen and (max-width: 480px)  {
}
.product-itemlist-ttl {
font-size:13px;
letter-spacing:0;
height: 50px;
overflow: hidden;
line-height:1.3;
text-align:center;
}


/* ================================================
   ADD
================================================ */

.b {
font-weight:bold;
}
.center {
text-align:center;
}
.txt-r  {
text-align:right;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt30  {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50  {
margin-top: 50px;
}
.mt60 {
margin-top: 60px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt100  {
margin-top: 100px;
}
.mt120 {
margin-top: 120px;
}
.f11{
font-size: 11px;
}
.f12{
font-size: 12px;
}
.f14{
font-size: 14px !important;
}
.f15{
font-size: 15px !important;
}
.f16{
font-size: 16px !important;
}
.f18 {
font-size: 18px !important;
}
.f21 {
font-size: 21px !important;
}
.f24 {
font-size: 24px;
}
.f30  {
font-size:30px;
}
.f36  {
font-size:36px;
}
.txt-r {
text-align: right;
}
.disp{
display:block;
}
.disp2{
display:inline;
}
.inline {
display:inline;
}
@media screen and (max-width: 767px)  {
.disp{
display:inline;
}
.disp2{
display:block;
}

}

/* ================================================
   Clearfix
================================================ */

div#contents div.contentsinr,
.clearfix {
/zoom: 1;
}

.cfx:after,
.clearfix:after {
content: '';
display: block;
clear: both;
}

/*テスト ページナビ　パンクズ　アーカイブ　シングル　タクソノミー*/
/*
.single {
    max-width: 1000px;
    margin: 40px auto 80px;
  padding:0 50px;
}
.single h2 {
    font-size: 24px;
    color: #ea0809;
    font-weight: bold;
    margin-bottom: 10px;
}
*/
/*
.archive ul li {
    margin-bottom: 20px;
    border-bottom: 1px solid #ea0809;
    padding-bottom: 20px;
}
.archive ul li h2  {
  font-size:20px;
  color:#ea0809;
  margin-bottom:10px;
}
.archive ul li p {
    display: inline-block;
    margin-right: 2em;
    font-size: 13px;
}
@media screen and (max-width: 600px)  {
.archive {
    padding: 0 20px;
}
.single {
  padding:0 20px;
}
*/
}
/* 検証用テスト */
.filter-contents {
    max-width: 1000px;
    margin: auto;
    padding: 40px 50px 80px;
    text-align: center;
}
.filter-contents h2 {
    color: #Fff;
    font-size: 24px;
    text-align: center;
    background: #ea0809;
    padding: 5px 0;
}
.filter-block {
    margin: 40px 0;
}
.filter-block h3 {
    color: #ea0809;
    font-size: 16px;
    margin-bottom: 10px;
}
.filter-block p {
    margin-bottom: 10px;
}
input#searchsubmit {
    padding: 10px;
    width: 300px;
    font-size: 16px;
    color: #fff;
    background: #000;
    margin: auto;
    display: block;
}
ul.checkbox-list.cfx {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
ul.checkbox-list.cfx li {
/*    float: left;*/
/*    width: 32%; */
    text-align: left;
  margin-bottom:2%;
  width:19%;
  margin-right:1.25%;
}
ul.checkbox-list.cfx li:nth-child(5),
ul.checkbox-list.cfx li:nth-child(10),
ul.checkbox-list.cfx li:nth-child(15) {
    margin-right: 0 ;
}
/*
ul.checkbox-list.cfx li:nth-child(2),
ul.checkbox-list.cfx li:nth-child(5),
ul.checkbox-list.cfx li:nth-child(8),
ul.checkbox-list.cfx li:nth-child(11),
ul.checkbox-list.cfx li:nth-child(14) {
    margin: 0 2%;
}
*/
input, select {
    padding: 3px;
}
span.checkbox-inr {
    position: relative;
    padding: 10px 20px 10px 53px;
    transition: .3s;
    color: #444;
    border-radius: 8px;
  border:1px solid #aaa;
    display: block;
    line-height: 1;
}
span.checkbox-inr:before  {
  content: "";
    display: block;
    left: 9px;
    width: 30px;
    height: 15px;
    border-radius: 15px;
    border: 1px solid #aaa;
    background: #fff;
    position: absolute;
}
span.checkbox-inr:after  {
  content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 11px;
    width: 13px;
    height: 13px;
    background: #aaa;
    border-radius: 50%;
    transition: .2s;
    display: block;
}
.checkbox-style:checked + .checkbox-inr {
    background: #ea080a;
    color: #fff;
    border: 1px solid #ea080a;
}
.checkbox-style:checked + .checkbox-inr::before  {
  border-color:#ea080a;
}
.checkbox-style:checked + .checkbox-inr::after {
    left: 26px;
    background: #ea080a;
}
input.checkbox-style {
    display: none;
}



select {
/*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;*/
    padding: 10px 40px 10px 10px;
    border-radius: 10px;
    line-height: 1;
    width: 300px;
}

.contactform select {
-webkit-appearance: normal !important;
-moz-appearance: normal !important;
appearance: normal !important;
padding: 10px 40px 10px 10px;
border-radius: 6px;
}


label.select-label {
    position: relative;
    display: inline-block;
}
label.select-label:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px 7px 10px 7px;
    right: 15px;
    border-style: solid;
    border-color: #aaa transparent transparent;
    top: 36%;
}
h3.conditions {
    margin: 10px 0;
    color: #ea0809;
    font-size: 18px;
}
ul.result-list {
    max-width: 400px;
    margin: 60px auto 0;
}
ul.result-list li {
    font-weight: bold;
    text-align: left;
    border-bottom: 1px #ea0809 solid;
}
ul.result-list li a {
    padding: 20px 10px;
}
ul.found-list li:last-child {
    border: none;
}
ul.found-list li a {
    color: #fff;
    padding: 10px 0;
}
ul.found-list li {
    width: 25%;
    box-sizing: border-box;
    background: #e9660e;
    border-right: 2px solid #FFF;
}
ul.found-list {
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex;
    margin-bottom: 40px;
}

/*スマホメニュー*/
.spbtn{
position:absolute;
top:15px;
right:17px;
}
.spmenu {
display: none;
}
.spmenu .logo {
width: 155px;
padding:8px 10px;
display:inline-block;
}
.hcont {
position:absolute;
top: 8px;
right: 60px;
}
.hcont li {
display:inline-block;
}
.hcont li a {
display:block;
}
.hcont li img {
width:42px;
height:42px;
}
.logosp {
width:40px !important;
display:none;
}
.spmenulist {
margin:36px 0 0 ;
}
.spmenulist li {
border-bottom:1px solid #ccc;
}
.spmenulist li a {
padding:15px 15px;
}
.spmenulist li a span {
display:inline-block;
margin-left:10px;
color:#ff0000;
font-size:13px;
}
.spmenulist li a img {
display:inline-block;
width: 110px;
}
.spmenulist2 {
padding:15px;
margin-top:10px;
}
.spmenulist2 li {
margin:10px 0;
border-radius:6px 6px;
}
.spmenulist2 li a {
padding:10px 10px 10px 50px;
font-size:14px;
color:#fff;
font-weight:bold;
}
.buys {
background: url(images/sideicon1.png) no-repeat 20px center #e96710;
}
.shops {
background: url(images/sideicon2.png) no-repeat 20px center #e70708;
}
.store {
background: url(images/sideicon3.png) no-repeat 20px center #009944;
}
.spmenulist3 {
padding:0 15px 60px ;
}
.spmenulist2 li {
margin:8px 0;
}
.spmenulist3 .tel{
padding-left: 36px;
background: url(images/th-bg2.png) no-repeat 7px 5px;
font-size:24px;
font-weight:bold;
color:#e70708;
line-height:1.5;
}
.spmenulist3 .teltime {
font-size:13px;
font-weight:normal;
color:#000;
display:block;
}
.spmenulist3 .add{
}
.spclose {
padding:18px 15px;
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.spmenuscroll {
 -webkit-overflow-scrolling: touch;
}

.spclose {
  position:absolute;
  right:0;
  top:10px;
  display: inline-block;
  width: 95px;
  height: ;
  cursor: pointer;
}
.spclose div {
    position: absolute;
    right: 0;
    top: 10px;
    width: 60px;
}
.spclose span::before,
.spclose span::after {
  display: block;
  content: "";
  position: absolute;
  width: 25px;
  height: 2px;

  background: #ea0809;
}
.spclose span::before {
  transform: rotate(-45deg);
}
.spclose span::after {
  transform: rotate(45deg);
}
ul.spsns.gry {
border:1px solid #ccc;
}
ul.spsns {
    vertical-align: middle;
    display: inline-block;
    letter-spacing: normal;
    padding: 2%;
    margin: 10px 0;
    width:96%;
}
.spsns p {
    width: 65%;
    font-size: 12px;
    margin-right: 10%;
}
ul.spsns li {
    float: left;
    width: 15%;
    text-align: center;
    margin-right: 5%;
}
.spsns img  {
  display:inline;
  width:48px;
}
.spsns li:first-child {
    width: 40%;
    text-align: center;
    line-height: 1;
    font-weight: bold;
}
.spsns li:first-child span {
    font-family: "cookie";
    font-size: 24px;
    font-weight: normal;
}
.spsns li:last-child  {
  margin-right:0;
}


@media only screen and (max-width: 1023px) {
  .navbar {
  display:block;
  }
  .spmenu {
  display: block;
  width: 100%;
  position: relative;
  height: 45px;
  padding: 10px 0 0 0;
  background: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
  border-bottom: 3px solid #ea0809;
  box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.3);
  }

}

.spbtn div {
    font-size: 10px;
    font-weight: bold;
    color: #ea0809;
    position: absolute;
    bottom: 0;
}

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 34px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #ea0809;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 8px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 15px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
}


.topcatalog {
font-size:15px !important;
margin:40px auto 0 auto;
color:#fff;
}
.topcatalog a {
background:#e70708;
margin:0 auto;
text-align:center;
display: inline-block;
}


/*製品スマホメニュー*/
.spcatmenu {
display:none;
margin:0 15px;
}
.spcatmenu h2.ttlA {
margin:0 0 10px 0;
padding:10px;
font-size:16px;
}
.accordion-menu {
   margin: 20px 0 10px 0;
}
.accordion-menu dt {
display:block;
position:relative;
border-radius:6px 6px 0 0;
background: #ea0809;
color: #fff;
top: 50%;
margin:0 auto 3px auto;
}
.accordion-menu dt:after {
content: "";
position: absolute;

border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-right: 0;
border-bottom: 0;
width: 10px;
right: 10px;
height: 10px;
transform: rotate(45deg);
top:50%;
margin-top:-5px;
}
.accordion-menu dt.ac:after {
content: "";
position: absolute;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 0;
border-top: 0;
width: 10px;
right: 10px;
height: 10px;
transform: rotate(45deg);
top:50%;
margin-top:-5px;
}
.accordion-menu dt h2{
border-radius:6px 6px 0 0;
background: #ea0809;
padding: 10px;
color: #fff;
display:block;
}

.accordion-menu dt:first-child {
   border-top: none;
}
.accordion-menu dd {
  display: none;
  padding: 0 10px 10px 10px;
}

@media only screen and (max-width: 1023px) {
  .spcatmenu {
  display:block;
  }
}

/*アプリプライバシーポリシー*/
.appprivacylist {
padding: 0 0 0 20px;
margin:20px 5px 50px 5px;
}
.apph4 {
font-size:16px;
font-weight:bold;
}
.appprivacylist li {
padding:10px 0 0;
list-style-type: decimal;
}

/*アプリ特設ページ*/
.lovenoteWrap img {
display:inline-block;

}
.lovenoteWrap {
background:url(images/lovenotebg.png) repeat center center #e7697b;
background-size:contain;
}
.lovenoteWrappad {
margin:0 auto;
width:1000px;
padding:80px 0 60px 0;
color:#fff;
font-family: 'M PLUS Rounded 1c', sans-serif;
}
.dsip2 {
display:block;
}

.lovenotevisual {
position:relative;
min-height:480px;
padding:60px 0 0;
}
.lovenotevisual .mainp {
max-width:590px;
}
.releasemes {
width:25%;
position:absolute;
left:10%;
top:-40px;
}
.lovenotename {
width: 25%;
position: absolute;
right: 0;
top: 12%;
}
.feather1 {
position:absolute;
left:0 ;
top:22%;
width:24%;
}
.feather2 {
position:absolute;
right:0 ;
bottom:-2%;
width:25%;
}
.lovenotelist {
margin:40px 0 30px 0;
}
.lovenotelist li {
float:left;
margin-left:2%;
width:27%;
border:1px solid #fff;
border-radius:6px 6px;
padding:2%;
min-height: 130px;
position:relative;
}
.lovenotelist li p {
padding:10px 0 0;
font-size:17px;
line-height:1.2;
}
.lovenotelist {
margin-left:-2%;
}
.lovenotelist-l {
float:left;
margin-right:10px;
}
.lovenotelist-l img {
width:48px;
}
.lovenotelist-r {
font-size:24px;
line-height:1.2;
}
h2.lovenotettl {
font-size:37px;
line-height:1.2;
position:relative;
text-align:center;
padding:30px 0;
}
h3.lovenotettl {
font-size:28px;
position:relative;
text-align:center;
}
h3.lovenotettl span {
position:relative;
background:#e7697b;
z-index:1;
padding:5px 20px;
}
h3.lovenotettl:after {
position:absolute;
content:"";
width:100%;
height:1px;
background:#fff;
left:0;
top:50%;
display:block;
}
.lovenoterelease {
background:#fff;
padding:20px 30px;
border-radius:6px 6px;
}
.lovenoterelease h3 {
background:#e7697b;
color:#fff;
font-size:22px;
padding:10px;
text-align:center;
border-radius:6px 6px;
margin:0 0 20px;
}
.lovenoterelease ul li {
padding:1px 0 0 1.2em;
font-size:20px;
color:#e7697b;
position: relative;
line-height: 1.3;
}
.lovenoterelease ul li:after {
display: block;
content: '';
position: absolute;
top: .5em;
left: 0;
width: 14px;
height: 14px;
background-color: #e7697b;
border-radius: 100%;
}
.lovenoterelease p {
color:#666;
margin:20px 0 0;
font-size: 18px;
line-height: 1.3;
}
.lovenoteentry {
padding:40px 0;
}
.lovenoteentry h3 {
font-size:24px;
margin:0 0 15px ;
}
.lovenoteentry p {
font-size:18px;
}
.lovenoteentry-l {
float:left;
width: 74%;
}
.lovenoteentry-r {
float:right;
width:200px;
}
.lovenotebtn  {
max-width:600px;
margin:0 auto 60px auto;
text-align:center;
}
.lovenotebtn a {
display:block;
background:#fff;
color:#e7697b;
padding:20px;
font-size:20px;
border-radius:60px 60px;
}
.lovenoteentrybtnB {
margin:40px auto;
}
.lovenoteentrybtnB a {
background:#ea0809;
display:block;
border-radius:60px 60px;
max-width:200px;
padding:10px 30px;
color:#fff;
text-align:center;
margin:0 auto;
}
.jisso {
position: absolute;
right: 40%;
top: -40px;
padding: 17px 5px;
text-align: center;
font-size: 16px;
color: #e7697b;
background: #fff;
border-radius: 100px 100px;
z-index: 1;
}
.jisso2 {
position: absolute;
right: 40%;
top: -40px;
padding: 17px 5px;
text-align: center;
font-size: 16px;
color: #e7697b;
background: #fff700;
border-radius: 100px 100px;
z-index: 1;
}

.loveqrlist {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
max-width:530px;
margin:0 auto 60px;
}
.loveqrlist li {
width:50%;
text-align:center;
}
.loveqrlist li a {
display:inline-block;
margin:0 auto 20px;
}
.loveqrlist li img {
width:200px;
}

/*使い方*/
.appuse {
padding:40px 0 80px 0;
}
.appuse .inr{
max-width:1000px;
margin:0 auto;
}
ul.appuselist {
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
ul.appuselist li {
width:23%;
margin:0 1%;
margin-bottom:30px;
}
.appusettl {
font-size:1.2rem;
padding:20px 0 10px;
}
.appusetxt span {
display:inline-block;
margin-top:20px;
}

@media only screen and (max-width: 1023px) {
  .lovenoteWrappad {
  width:auto;
  padding:0 15px 40px 15px;
  }
  .lovenotelist li {
  float: none;
  margin-left: 0;
  margin-top: 10px;
  width:auto;
  min-height: auto;
  padding:20px;
  }
  .feather1 {
  position:absolute;
  left:0 ;
  top:22%;
  width:20%;
  }
  .feather2 {
  position:absolute;
  right:0 ;
  bottom:43%;
  width:20%;
  }
  .lovenotelist {
  margin-left: 0;
  }
  .disp2 {
  display:inline;
  }
  .lovenotelist-r {
  font-size: 20px;
  }
  h2.lovenotettl {
  font-size: 30px;
  }
  .lovenotevisual {
  position: relative;
  min-height: auto;
  padding: 60px 0 20px ;
  }
  .lovenotename {
  width: 100%;
  margin:20px auto 0 auto;
  max-width:240px;
  position: static;
  right: 0;
  top: 0;
  text-align:center;
  display:block !important;
  }
  .releasemes {
  width: 35%;
  position: static;
  display:block !important;
  }
  .lovenoteentry-l {
  float: none;
  text-align:center;
  }
  .lovenoteentry-r {
  float: none;
  text-align:center;
  margin:0 auto;
  }
  .lovenoteentry-r img {
  width:200px;
  display:block;
  text-align:center;
  }

}

@media only screen and (max-width: 768px) {
  .lovenoteentry-l {
  float:none;
  width: 100%;
  text-align:left;
  }
  .lovenoteentry-r {
  float:none;
  width:200px;
  text-align:center;
  }
  .loveqrlist {
  display: -webkit-block;
  display: block;
  }
  .loveqrlist li {
  width:100%;
  text-align:center;
  margin:0 0 50px ;
  }
  .loveqrlist li img {
  width:240px;
  }
  h2.lovenotettl {
  font-size: 22px;
  }

	ul.appuselist {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
	ul.appuselist li {
	width:31.33%;
	margin-bottom:30px;
	}
}

@media only screen and (max-width: 600px) {
	ul.appuselist li {
	width:48%;
	margin-bottom:30px;
	}
}
@media only screen and (max-width: 480px) {
	ul.appuselist {
	display: block;
	}
	ul.appuselist li {
	width:100%;
	margin-bottom:30px;
	}
}

.fadein {
opacity: 0;
transform : translate(0, 50px);
transition : all 1500ms;
}
.fadein.scrollin{
opacity: 1;
transform: translate(0, 0);
}

/*アプリページQA*/
.lnqabtn {
position:absolute;
right:5%;
bottom:0;
}
.lnqabtn a {
background:#fff700;
display:block;
color:#ea0809;
font-size:16px;
text-align:center;
padding:40px 20px;
border-radius:100px 100px;
font-weight:bold;
width:120px;
}
.lnqabtn a span {
font-size:20px;
font-weight:bold;
display:block;
}
.appqalist li {
border-bottom:1px dotted #fff;
}
.accordion-container {
  position: relative;
  width: 100%;
  border-top: none;
  outline: 0;
  cursor: pointer
}

.accordion-container .article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 15px 40px 15px 3px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  background: none;
  cursor: pointer;
}

.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
  color: white;

}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.article-title{
  position: relative;

}

.article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
  padding-left: 2.3125em;
   background:none;
   padding-bottom:20px;
   font-size: 16px;
}

/* CSS for CodePen */
.accordion-container {
  margin: 1.875em auto;
}
div.qapad {
margin-top:-100px;
padding-top:100px;
}
#qa1 {

}

@media screen and (max-width: 768px)  {
  .lnqabtn {
  position:absolute;
  right:5%;
  bottom:auto;
  top:80px;
  }
  .lnqabtn a {
  background: #fff700;
  display: block;
  color: #ea0809;
  font-size: 11px;
  text-align: center;
  padding: 30px 5px;
  border-radius: 100px 100px;
  font-weight: bold;
  line-height: 1;
  width: 90px;
  }
  .lnqabtn a span {
  font-size:16px;
  font-weight:bold;
  line-height:1;
  display:block;
  }
}

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }


/*カレンダー*/
#biz_calendar table.bizcal .holiday {
background-color: #ea0809 !important;
color: #ffffff;
}
#biz_calendar table.bizcal .calmonth {
font-size: 14px !important;
}
#biz_calendar table.bizcal th {
font-size: 14px !important;
}
#biz_calendar table.bizcal td {
font-size: 13px !important;
}
#biz_calendar table.bizcal th:nth-last-of-type(1) {
background:#a5def9 !important;
}
#biz_calendar table.bizcal th:first-child {
background:#ffbec0 !important;
}
span.hol {
color:#ea0809;
}
/*ADD*/
.u {
text-decoration:underline;
}
.red {
color:#e70708;
}

/*RECRUIT*/

/* 2020/11/05追加 recruit-video*/
.recruit-video {
    text-align: center;
    margin: 10px auto;
}
.recruit-video h3{
    color: #ea0809;
    text-align: center;
    font-size: 21px;
    margin-bottom: 10px;
}

.recruit-video video {
    left: 0;
    position: static;
    right: 0;
    bottom: 0;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: auto;
    z-index: -1;
    transform: translateX(0);
}

@media screen and (max-width: 600px){
.recruit-video h3 {
    font-size: 16px;
}
}
/* -----------------------------------*/

.tabA-group{
    display: flex;
    justify-content: center;
    border-bottom:4px solid #F00;

}
.tabA{
    flex-grow: 1;
    list-style:none;
    text-align:center;
    cursor:pointer;
    background:#efefef;
    color:#000;
    transition: all 0.2s ease-out;
		padding: 15px 8px;
    font-size: 16px;
    border-radius: 6px 6px 0 0;
    font-weight: bold;
    margin: 0 1px;
}
.panelA-group{
}
.panelA{
    display:none;
    padding:40px 0;
}
.tabA.is-active{
    background:#F00;
    color:#FFF;
    transition: all 0.2s ease-out;
		padding: 15px 8px;
    font-size: 16px;
    border-radius: 6px 6px 0 0;
    margin: 0 5px;
}
.panelA.is-show{
    display:block;
}

.recruitwrap {
    max-width: 1000px;
    padding: 0 15px;
    margin:0 auto 80px auto;
}
.recmes {
margin: 0 0 50px ;
}
.recmes p {
line-height:1.5;
margin-bottom:1em;
}
.ttlAB {
    font-size: 21px;
    border-bottom: 3px dotted #ea0809;
    padding-bottom: 15px;
    margin: 30px 0;
    font-weight: bold;
}
table.formd {
width:100%;
}
table.formd tr {
border-bottom: 1px solid #ccc;
}
table.formd tr th {
padding:15px 0;
font-weight: bold;
width: 17%;
color:#F00;
}
table.formd tr td {
padding:15px;
}
.formE {
    width: 100%;
    table-layout: fixed;
}
.formE tr th {
    width: 30%;
    border-bottom: 1px solid #ea0809;
    padding: 15px 0;
    vertical-align: middle;
    color: #ea0809;
    font-weight: bold;
}
.formE tr td {
    width: 70%;
    border-bottom: 1px solid #ea0809;
    padding: 15px 0;
    vertical-align: top;
}
.formE tr td input,
.formE tr td textarea {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    padding: 6px;
    margin: 2px;
    font-size:15px;
}
.formE tr td input {
    max-width: 65%;
}
.formE tr td textarea {
    width: 92%;
}
.formE td.input-add input {
    display: block;
    margin-bottom: 10px !important;
}
.formE td.input-add input:last-child {
    margin-bottom: 0 !important;
}
.formE input[type=checkbox] {
	width:15px;
	height:15px;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
	box-shadow:none;
}
.formE input[type=radio] {
	width:15px;
	height:15px;
	-moz-transform:		scale(1.2);
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
	box-shadow:none;
}

@media screen and (max-width: 768px)  {
	.formE tr th {
	width: 100%;
	display: block;
	}
	.formE tr td {
	width: 100%;
	display: block;
	}
	table.formd tr th {
	width: 100%;
	display: block;
	padding:10px 0 0 ;
	}
	table.formd tr td {
	width: 100%;
	display: block;
	padding:10px 0;
	}

}

/* Product */
#pagenum {
  display:inline;
  color:#ff0000;
  padding:5px;
  margin-bottom: 10px;
  border: 1px solid #ff0000;
}

/* TOPNEWS */
/*div.ticker{width: calc(100% - 20px);}*/
.topattentiontop {
margin:0 10px;
}
.topattentiontop ul li dl {
display:flex;
margin:0 10px;
}
.topattentiontop ul li dt {
text-align:center;
width:15%;
min-width:100px;
}
.topattentiontop ul li dt dd {
width:80%;
}
#ticker-fade {
height:auto !important;
}
#ticker-fade ul li {
position:relative !important;
}

@media screen and (max-width: 480px)  {

.topattentiontop ul li dl {
font-size:13px;
display:block;
height:auto;
}
.topattentiontop ul li dt {
text-align:left;
}

}

/*ブランドページ*/
.series.min {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
}
.seriesttl {
font-size:36px;
color:#ea0809;
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
text-align:center;
margin:0 0 1em;
}
/*FADE*/
.fadein {
    opacity : 0;
    transform : translate(0, 60px);
    transition:all 0.8s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
/*国産*/
.brand-chead {
margin:0 auto 40px auto;
max-width:1600px;
width:100%;
height:700px;
background:url(images/product/kokusan_chead.jpg) no-repeat center center;
background-size:cover;
}
.brand-chead-2022{
	margin:0 auto 40px auto;
	max-width:1400px;
	width:100%;
	height:800px;
	background:url(images/kokusan_page00.jpg) no-repeat center center;
	background-size:cover;
}
h3.brand-lead {
font-size:36px;
color:#ea0809;
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
text-align:center;
margin:0 0 1em;
}
h3.brand-lead span {
display:block;
}
h4.brand-lead {
font-size:24px;
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
text-align:center;
margin-bottom:2em;
}
h4.brand-lead span {
display:block;
}

.brand-main-wrap {
max-width:1000px;
margin:0 auto;
}
.brand-contents {
}
ul.brand-menu-list {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:80px 0 160px ;
}
ul.brand-menu-list li {
width:47%;
font-size:18px;
}
ul.brand-menu-list li a {
padding:20px 0;
border-bottom:1px solid #ccc;
padding-left:30px;
position:relative;
}
ul.brand-menu-list li a span {
position:absolute;
left:0;
top:50%;
width:18px;
margin-top:-9px;
}

h2.brandttl {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
color:#ea0809;
font-size:36px;
text-align:center;
margin-bottom: 50px;
}
h2.brandttl span {
display:block;
color:#f29c9f;
font-size:24px;
}

h2.brandttlA {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
/*margin-top:-11%;*/
color:#ea0809;
font-size:40px;
text-align:center;
margin-bottom: 50px;
}
h2.brandttlA span {
display:block;
color:#f29c9f;
font-size:24px;
}

h3.brandttlA {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
font-size:24px;
color:#ea0809;
}
h3.brandttlA span {
font-size:48px;
font-style:italic;
margin-right:15px;
}
h3.brandttlB {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
font-size: 24px;
color: #ea0809;
margin: 20px 0;
}

h4.brandttl {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
font-size:30px;
color:#ea0809;
text-align:center;
margin: 0 0 20px;
}

.brand-wrap0 {
padding:80px 0 0;
}
.brand-wrapA {
background:#f7f7f7;
padding:80px 0;
}
.brand-wrapA p {
font-size:16px;
margin-bottom:1.5em;
}
.brand-wrapA .inr {
max-width:1000px;
margin:0 auto;
}
.brand-wrapB {
padding:8% 0;
}
.brand-wrapB .inr {
max-width:1000px;
margin:0 auto;
}
.brand-contents p {
font-size:16px;
margin-bottom:1.5em;
}

.brand-maA {
margin:80px 0;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
.brand-maA div.col-l {
width:54%;
padding:5% 0;
}
.brand-maA div.col-r {
width:36%;
}
.brand-wrapA img {
filter:drop-shadow(0 0 12px rgba(0,0,0,.2));
}
.brand-wrapB img {
filter:drop-shadow(0 0 12px rgba(0,0,0,.2));
}
.brand-wrapB .inr {
position:relative;
max-width:1000px;
margin:0 auto;
}
.brand-wrapB .inr .inr-wrap {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

ul.campic {
    display: flex;
}
.brand-wrapB .campic img {
    filter: none;
}
.brand-contents p.comttl {
    font-family: 游明朝,"Yu Mincho",YuMincho,serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 120%;
    color: #fff;
    text-align: center;
    background: #e70708;
    padding: 4px;
}
.brand-contents p .camlink {
    display: inline;
    color: #e70708;
    text-decoration: underline;
}

.brand-inr-wrap {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

.brand-inr-wrapinr {
width:82%;
margin:50px 0;
}

.inr-wrapB-l {
width:46%;
}
.inr-wrapB-r {
width:46%;
}

.brand-pic1 {
position:relative;
margin:60px 0;
width: 680px;
}
.brand-pic1 img {
margin-left:-25%;
}
.brand-pic2 {}

.inr-wrap .inr-wrapA-l {
width:53%;
}
.inr-wrap .inr-wrapA-r {
width: 48%;
margin-right: -10%;
}
.brand-voice-wrap {
padding:6%;
background:#fff;
filter:drop-shadow(0 0 12px rgba(0,0,0,.2));
}
.brand-voice-list {
margin-top:40px;
}
.brand-voice-list li {
padding:20px 0;
border-top:1px dashed #ccc;
}

.brand-inr-wrapinrB {
position:relative;
margin-top:90px;
}
.brand-voice-bg {
position:absolute;
left:-40%;
top:0;
z-index:0;
}
.brand-voice-head {
position:relative;
z-index:1;
width:40%;
padding:10% 0;
margin-left: 55%;
}
.brand-en {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
font-size:20px !important;
}
.brand-inrB {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
.brand-inrB-l {
margin-top: -15%;
margin-left: -7%;
width: 55%;
}
.brand-inrB-r {
margin-top:5%;
width:42%;
}
.brand-btnA {
margin:60px auto 100px;
text-align:center;
}
.brand-btnA a {
position:relative;
background:#ea0809;
color:#fff;
font-size:18px;
display:inline-block;
padding:25px 30px;
min-width:300px;
border-radius:3px 3px;
vertical-align: middle;
}
.brand-btnA a::before,
.brand-btnA a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.brand-btnA a::before{
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.brand-btnA a::after{
    right: 25px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ea0809;
    border-right: 2px solid #ea0809;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 1023px)  {
	h4.brand-lead {
	font-size: 24px;
	text-align: left;
	margin-bottom: 2em;
	padding:0 15px;
	}
	h4.brand-lead span {
	display: inline;
	}
	.brand-chead-2022,
	.brand-chead {
	width: 100%;
	height: 480px;
	}
	.brand-main-wrap {
	max-width: 1000px;
	margin: 0 auto;
	padding:0 15px;
	}
	.brand-maA {
	display: block;
	margin: 30px 0 20px;
	}
	.brand-wrapA .inr {
	padding:0 15px;
	}
	.brand-wrapB .inr .inr-wrap {
	display: block;
	}
	.inr-wrap .inr-wrapA-l {
	width: 100%;
	}
	.brand-pic1 {
	position: relative;
	margin: 60px 0;
	width: auto;
	}
	
	.brand-maA div.col-l {
	width: auto;
	padding: 5% 0;
	}
	.brand-maA div.col-r {
	width: auto;
	}
	
	.brand-pic1 img {
	margin-left: 0%;
	}
	.inr-wrap .inr-wrapA-r {
	width: 75%;
	margin:0 auto;
	}
	h2.brandttlA {
	font-size: 32px;
	text-align: center;
	margin-bottom: 50px;
	}
	.brand-inr-wrap {
	display: block;
	}
	.inr-wrapB-l {
	width: auto;
	}
	.inr-wrapB-r {
	width: auto;
	}
	.brand-inr-wrapinr {
	width: auto;
	margin: 50px 0;
	}
	.brand-voice-bg {
	position: static;
	left: 0;
	top: 0;
	z-index: 0;
	}
	.brand-voice-head {
	position: relative;
	z-index: 1;
	width:auto;
	padding: 3% 0;
	margin-left: 0;
	}
	.brand-inrB {
	display: block;
	}
	.brand-inrB-l {
	margin:0 auto 30px;
	width: 80%;
	}
	.brand-wrapB .inr {
	padding:0 15px;
	}
	.brand-inrB-r {
	margin-top: 0;
	width: auto;
	}
	h2.brandttl {
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	}
}

@media screen and (max-width: 768px)  {
	.seriesttl {
	text-align:left;
	padding:0 15px;
	font-size: 28px;
	}
	h4.brandttl {
	font-size: 24px;
	}
	h2.brandttl {
	font-size: 26px;
	margin-bottom: 30px;
	}
	h3.brandttlA {
	font-size: 20px;
	}
	h3.brandttlB {
	font-size:22px;
	color: #ea0809;
	margin: 20px 0;
	}
	h2.brandttlA {
	font-size: 24px;
	margin-bottom: 30px;
	
	}
	h4.brand-lead {
	font-size: 21px;
	margin-bottom: 2em;
	}
	h3.brand-lead span {
	display: inline-block;
	}
	h3.brand-lead {
	font-size: 26px;
	text-align: left;
	padding:0 15px;
	}
	.brand-chead-2022,
	.brand-chead {
	width: 100%;
	height: 360px;
	}
	ul.brand-menu-list li {
	width: 100%;
	font-size: 18px;
	}
	ul.brand-menu-list {
	display: block;
	margin: 80px 0;
	}
	.brand-voice-wrap {
	padding: 10%;
	}
}

@media screen and (max-width: 640px)  {
	h4.brand-lead {
	font-size: 18px;
	margin-bottom: 2em;
	}
	h3.brand-lead span {
	display: inline-block;
	}
	h3.brand-lead {
	font-size: 20px;
	}
	.brand-chead-2022,
	.brand-chead {
	width: 100%;
	height: 300px;
	}
	ul.brand-menu-list li {
	width: 100%;
	font-size: 16px;
	}
	ul.brand-menu-list {
	display: block;
	margin: 40px 0 60px;
	}
	.brand-wrapB {
	padding: 15% 0;
	}
	.brand-btnA a {
	max-width: 300px;
	min-width: auto;
	padding: 25px 50px;
	}
	
}

/*マニアシリーズ*/
.brand-wrap0 .inr {
position: relative;
max-width: 1000px;
margin: 0 auto;
padding: 0 0 6%;
}
.mania-pic-pad {
margin:50px 0;
}
.brand-voice {
font-size:18px;
}
.brand-chead.mania-s {
background:url(images/product/mania_chead.jpg) no-repeat center center;
background-size:cover;
}
.brand-wrapA.gry {
background:url(images/product/mania_gry_bg.jpg) repeat center center;
}
.mania-wrapA {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:0 0 60px;
}
.mania-wrapA-l {
width: 48%;
}
.mania-wrapA-r {
width: 48%;
}
.mania-wrapB {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
flex-flow: row-reverse;
margin:0 0 60px;
}
.mania-wrapB-l {
width: 48%;
}
.mania-wrapB-r {
width: 48%;
}
.mania-wrapB-r img {
margin-top:-35%;
}
.mania-wrap-bg {
max-width:1600px !important;
background:url(images/product/mania_bg_0.png) no-repeat center 79%;
padding:50px 0 0;
margin:0 auto;
}
.mania-wrap-bg-inr {
width:100%;
max-width:1000px !important;
margin:0 auto;
height:950px;
position:relative;
}
.mania-wrap-bgA {
width:47%;
text-shadow:
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff;
}
.mania-wrap-bgB {
width:47%;
position:absolute;
right:0;
bottom:30px;
text-shadow:
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff,
0px 0px 3px #ffffff;
}
.mania_bg-pic {}
.mania_bg1 {
position:absolute;
left:0;
bottom:7%;
}
.mania_bg2 {
position:absolute;
left:34%;
top:28%;
}
.mania_bg3 {
width:50wv;
position:absolute;
right:0;
top:7%;
}
ul.mania-listA {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:50px auto;
}
ul.mania-listA li {
width:48%;
}
.mania-wrapA {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}

.mania-wrapC {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:50px auto;
}
.mania-wrapC div.pic {
width:30%;
padding:20px 0;
}
.mania-wrapC div.pic img {
border-radius: 50%;
}
.mania-wrapC div.txt {
width:63%;
}
.mania-wrapD {
margin:50px auto;
position:relative;
}
.mania-wrapD div.pic {
position: absolute;
right: -40%;
bottom: -15%;
width: 69%;
}
.mania-wrapD div.pic img {}
.mania-wrapD div.txt {
width:63%;
}

.mania-wrapE {
position:relative;
padding:50px 0;
min-height: 270px
}
.mania-wrapE .pic {
width: 45%;
position: absolute;
right: -10%;
}
.mania-wrapE .txt {
width:55%;
}
.mania-pic-last {
margin:0 0 50px;
}
.mania-pic-last img {
margin-left:-20%;
}

@media screen and (max-width: 1023px)  {
	.brand-wrap0 .inr {
	padding: 0 15px 6%;
	}
	.mania-wrap-bg-inr {
	padding:0 15px !important;
	}
	.mania-wrap-bgB {
	padding:0 0;
	}
}

@media screen and (max-width: 768px)  {
	.mania-wrapA {
	display: block;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.mania-wrapA-l {
	width: auto;
	}
	.mania-wrapA-r {
	width: auto;
	}
	.mania-wrapB {
	display: block;
	flex-wrap: wrap;
	flex-flow: unset;
	margin: 0 0 0;
	}
	.mania-wrapB-l {
	width: auto;
	}
	.mania-wrapB-r {
	width: auto;
	}
	.mania-wrapB-r img {
	margin-top: 0;
	}
	.mania-wrap-bg-inr {
	width:auto;
	height: 690px;
	}
	.mania-wrap-bg {
	background-size: contain;
	}
}

@media screen and (max-width: 640px)  {
	.mania-wrap-bgA {
	width:auto;
	}
	.mania-wrap-bgB {
	width:auto;
	position:static;
	}
	.mania-wrap-bg {
	background: url(images/product/mania_bg_0.png) no-repeat center bottom;
	background-size: contain;
	}
	.mania-wrapC {
	display: block;
	}
	.mania-wrapC div.pic {
	width: 50%;
	padding: 20px 0;
	margin:0 auto;
	}
	.mania-wrapC div.txt {
	width:auto;
	}
	.mania-wrapD div.pic {
	position: static;
	text-align:center;
	margin:0 auto;
	}
	.mania-wrapD div.txt {
	width: auto;
	}
	.mania-wrapE .pic {
	width: auto;
	position: static;
	}
	.mania-wrapE .txt {
	width: auto;
	}
	.mania-pic-last img {
	margin-left: 0;
	}
	.mania-wrapE {
	padding:30px 0;
	}
}

/*ネオフード*/
ul.brand-menu-list_col3 {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:60px 0 40px ;
}
ul.brand-menu-list_col3 li {
width:31.33%;
font-size:17px;
}
ul.brand-menu-list_col3 li a {
padding:20px 0;
border-bottom:1px solid #ccc;
padding-left:25px;
position:relative;
}
ul.brand-menu-list_col3 li a span {
position:absolute;
left:0;
top:50%;
width:15px;
margin-top:-9px;
}
.brand-chead.neofood-s {
background:url(images/product/neofood_chead.jpg) no-repeat center center;
background-size:cover;
}
.brand-chead.neofood-s.neo-s {
background:url(images/product/neo_chead.jpg) no-repeat center center;
background-size:cover;
}
ul.brand_list_A li {

}
ul.brand_list_A li dt {
color:#ea0809;
border-bottom:1px solid #ea0809;
font-size: 17px;
font-weight: bold;
padding:10px 0;
}
ul.brand_list_A li dd {
padding:10px 0;
}
.brand-wrap_red_line {
border:1px solid #ea0809;
padding:35px;
margin:50px auto;
}
.brand_neofood_ttlA {
background:#ea0809;
color:#ffff;
font-size: 20px;
text-align:center;
font-weight: bold;
padding:15px 0;
margin: 0 0 20px;
}
.brand_neofood_wrapA {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:;
}
.brand_neofood_wrapA .pic {
width:43%;
}
.brand_neofood_wrapA .txt {
width:52%;
}

h3.brand_neofood_ttlB {
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
font-size: 26px;
color: #ea0809;
margin: 80px 0 50px 0 ;
}
.neofood_bg_red {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:80px auto;
position:relative;
}
.neofood_bg_red:after {
content:"";
position:absolute;
width:90%;
bottom:-30px;
background:#fde3e3;
height:200px;
z-index:0;
left: 0;
right: 0;
margin: auto;
}
.neofood_bg_red-l {
width:47%;
z-index: 1;
}
.neofood_bg_red-r {
width:47%;
z-index: 1;
}
.neofood_bg_red p {
padding:15px 0;
font-family: 游明朝,"Yu Mincho",YuMincho,serif;
font-size:26px;
color:#ea0809;
text-align:center;
font-weight:bold;
margin:0 auto;
}
.neofood_bg_red p span {
font-size:36px;
}
.neofood_listA {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
margin:50px auto;
max-width:1600px;
}
.neofood_listA li {
width:31.33%;
}
.neofood-wrapA {
background:url(images/product/neofood_bg1.jpg) no-repeat center center ;
background-size:cover;
padding:80px 0 160px;
}
.neofood-wrapA .inr {
max-width:1000px;
margin:0 auto;
padding:0 15px;
}
.neofood_listB {
display:flex;
flex-wrap: wrap;
justify-content: center;
margin:50px auto;
max-width:1600px;
}
.neofood_listB li {
    width: 36%;
}
.neofood_listB li img {
    filter: none;
}

@media screen and (max-width: 960px)  {
	ul.brand-menu-list_col3 li {
	width:48%;
	font-size:17px;
	}
}
@media screen and (max-width: 640px)  {
	ul.brand-menu-list_col3 li {
	width:100%;
	font-size:17px;
	}
	.brand_neofood_wrapA {
	display:block;
	}
	.brand_neofood_wrapA .pic {
	width:70%;
	margin:0 auto 20px ;
	text-align:center;
	}
	.brand_neofood_wrapA .txt {
	width:auto;
	margin:40px 0;
	}
	.neofood_bg_red {
	display:block;
	margin: 40px auto;
	}
	.neofood_bg_red-l {
	width:90%;
	margin:0 auto;
	}
	.neofood_bg_red-r {
	width:90%;
	margin:0 auto;
	flex-direction: column-reverse;
	margin: 0 auto;
	display: flex;
	}
	ul.mania-listA {
	display:block;
	}
	ul.mania-listA li {
	width:90%;
	margin:0 auto 20px;
	}
	.mania-wrapA {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.neofood_bg_red:after {
	content:"";
	display:none;
	}
	.neofood-wrapA {
	padding:40px 0 100px;
	}
}

/** アクセスマップ **/
.f16.map{
    margin: 0px;
}

.f18.map span{
    background: #fdeff2;
}

.ttlB-map {
    color: #ea0809;
    font-size: 24px;
    margin: 20px 0 0;
}

.map-p {
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #ea0809;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 20px;
    position: relative;
}
.map-p:after {
    content: "";
    display: inline-block;
    width: 1px;
    background: #ea0809;
    height: 40px;
    position: absolute;
    top: 100%;
    left: 5vw;
}
.map-p:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #ea0809;
    border-radius: 4px;
    position: absolute;
    top: calc(100% + 40px);
    left: calc(5vw - 4px);
}

.map{
    margin-bottom: 30px;
}

.map img {
    margin: 0 auto 40px;
    padding: 5px;
    max-width: 90% !important;
}

.iframe-map{
    margin: auto;
    padding: 5px;
    max-width: 90% !important;    
}

.iframe-map iframe{
    height: 300px;
    width: 900px;
    max-width: 100%;
}

@media screen and (max-width: 600px)  {
    .ttlB-map {
    font-size: 18px;
}
.map-p:after {
    left: 7vw;
}
.map-p:before {
    left: calc(7vw - 4px);
}

}

@media screen and (max-width:767px)  {
.pc-tc{
	text-align: left !important;
}
.pc{
	display: none;
}
}
.optlist li {
	list-style: disc;
	list-style-position: inside;
}
.optlist a{
	color: #519ace;
	display: inline;
}
.inline{
	display: inline;
	color: #519ace;
}
.text_center{
	text-align: center;
}

.recruit-video{
	margin-bottom: 60px;
}






/* ---------------------------------- **
		Modal Window
** ---------------------------------- */
.modal {
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(0,0,0,0.7);
	transition: opacity 0.5s, transform 0s 0.5s;
}

.modal-body h2 {
    color: #ea0809;
    font-size: 30px;
    text-align: center;
    margin: 40px auto 0px;
    letter-spacing: 0;
}
.modal-content{
	background-color: white;
	max-width: 1000px;
	padding: 20px;
	margin: 10% auto;
    border-radius: 5px;
}
.modal-content .wrapA{
	width: auto;
	padding-bottom: 30px;
	padding-top: 30px;
}

@media screen and (max-width:767px)  {
.modal-body h2 {
    color: #ea0809;
    font-size: 22px;
    text-align: center;
    margin: 30px auto 0px;
    letter-spacing: 0;
}
.modal-content{
	background-color: white;
	padding: 10px;
	margin: 21% 5% 5%;
    border-radius: 5px;
}
}

@media screen and (max-width:767px)  {
.pc{
	display: none;
}
}
@media screen and (min-width:768px)  {
.sp{
	display: none;
}
}
.company-sign-div{
	float: right;
}
.company-sign img{
	max-width: 280px;
}
@media screen and (max-width:767px)  {
.company-sign img{
	max-width: 200px;
}
.sp_mt20{
	margin-top: 20px;
}
}

.product-item img{
	width: 100%;
}

.morningblog_top{
	margin-bottom: 30px;
}

.morningblog_overview{
	border: 3px solid #ea0809;
	padding: 3% 4% 1%;
	margin-bottom: 30px;
	border-radius: 5px;
}

.morningblog_table{
	margin-bottom: 30px;
	width: 100%;
    border-left: 0px solid #ccc !important;
    border-right: 0px solid #ccc !important;
    box-sizing: border-box;
}

.morningblog_overview h3{
	font-size: 17px;
}


.archive-thumbnail{
	margin: auto !important;
}

#sitemap .productlist{
	display: flex;
	padding: 0px 0px 50px;
}
#sitemap .productlist-columnpad{
	width: 33.33%;
	padding-right: 15px;
}

#sitemap .productlist{
	display: block;
	padding: 0px 0px 30px;
}
#sitemap .productlist-columnpad{
	width: 100%;
	padding-right: 0px;
}

#sitemap .accordion-container .accordion-title,
#sitemap .productlistA li {
    /* border-bottom: 1px solid #e4e4e4; */
    background-color: #EDEDED;
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 10px 5px 10px 10px;
}

#sitemap h3.ttlbird,
#sitemap h3.ttlsmall{
	border-bottom: 0px !important;
}

#sitemap .productlistA li a {
    display: block;
    padding: 0px;
    position: relative;
}

#sitemap .accordion-container{
	margin: 0px;
}


#sitemap h3.ttlmania,
#sitemap h3.ttldomestic,
#sitemap h3.ttlneo {
    height: 22px;
    padding: 16px 10px 16px 80px;
    border-bottom: 0px solid #ea0809;
    margin: 0 0 2px;
    background-color: #EDEDED;
    border-radius: 5px;
    margin-bottom: 5px;
}

.comment-author img{
	float: left;
	width: 50px;
	margin-right: 10px;
	border-radius: 50%;
	border: 1px solid #dadada;
}
.comment p { /*コメントの吹き出し*/
  background: #e2e2e2;
  padding: 10px 20px;
  margin: 20px 0 6px 0;
  border-radius: 10px;
  position: relative;
}
.comment p::before { /*吹き出しの三角部分*/
  content: "";
  position: absolute;
  top: -14px;
  left: 50px;
  border-style: solid;
  border-color: transparent transparent #e2e2e2 transparent;
  border-width: 0 20px 20px 0;
}
.commets-list .reply {
    text-align: right;
    font-size: .8em;
    display: inline;
}
.comment .reply a {
    padding: 0;
    margin: 0 0 0 auto;
}
.comment-body{
	margin-bottom: 20px;
}
.comment-reply-link {
    width: 50px;
    text-align: center;
    display: inline;
    color: #fff !important;
    text-decoration: none !important;
    margin-left: 0;
    display: block !important;
    border-radius: 7px;
    background: #EA0709;
    padding: 1px 12px;
    transition: .5s;
}
.comment a{
	padding: 0;
}
.comment-reply-link{
	margin-top: 10px;
	padding: 5px 10px !important;
}
.archive-contents .comment ul li a{
	padding: 0;
}
.comment ul li p {
    padding-right: 0%;
    box-sizing: border-box;
    width: 100%;
}

.comment-respond{
	margin-top: 20px;
}
.comment .children {
    border-left: 2px solid #ccc;
    margin: 0;
    padding-left: 20px;
}

.comment ul li {
    border-bottom: 0px;
}

.comment-form-comment textarea{
	padding: 5px;
}

.comment .form-submit{
	
}

.comment-respond {
  margin: 1em 0;
  width: 100%;
}


.comment-respond p {
  margin: 1em 0;
  width: 100%;
}

p.comment-notes { /*注意書きの文字サイズ*/
  font-size: 14px;
}
p.form-submit {
  margin: 2em 0 1em 0;
}
#commentform input[type="text"], #commentform textarea { /*入力スペースの装飾*/
  padding: 11px;
  border: none;
  border-radius: 4px;
  background: #f2f2f2; /*入å力スペースの背景色*/
}
#commentform input[type="submit"] { /*送信ボタンの装飾*/
  -webkit-appearance: none;
  padding: 11px;
  margin: 0;
  border-radius: 4px;
  cursor: pointer;
  background: #ea0809;
  color: #fff;
  border: none;
  font-size: 16px;
  transition: 0.5s;
}
#commentform input[type="submit"]:hover { /*送信ボタンのマウスホバー時*/
  background: #f76363;
  transition: 0.5s;
}

#wp-comment-cookies-consent{
	margin-right: 5px !important;
}

.comment-form-cookies-consent{
	font-size: 14px;

}
.single #comments{
	margin-top: 20px;
}

p.nocomments {
	display: none;
}

.top-post-ttl .wpulike {
    display: inline;
    text-align: right;
    float: right;
    margin-top: -10px;
}
.top-post-ttl .wpulike-heart .wp_ulike_general_class{
	padding: 0px;
	box-shadow: 0px;
	border: 0px;
}

.top-post-ttl .wpulike-heart .wp_ulike_put_image:after{
	width: 14px;
}

.top-post-ttl .wpulike-heart .count-box{
	font-size: 12px;
}

.comment_status {
    margin-left: 5px !important;
}
.comment_status .wp_ulike_put_image:after {
    content: '';
    display: block;
    background: url(images/comment_icon.png) no-repeat !important;
    background-position: center center;
    background-size: contain;
    width: 20px !important;
    height: 22px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.iine_status{
	display: inline;
}

.category .wpulike{
	float: left;
}

.single_arrows{
	margin-top: 20px;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.single_right a,
.single_left a{
	border:  1px solid red;
	border-radius:  3px;
	padding: 5px 7px;
	text-decoration: none;
}
.tag_list_top{
	margin-top: 0px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.tag_list{
	margin-top: 0px;
	border: solid 1px #e70708;
	padding: 5px 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.tag_list p{
	margin-bottom: 0px;
	font-weight: bold;
	color: #e70708;
}
.tag_list_top a,
.tag_list a{
	text-decoration: none;
	display: inline-block;
	margin-right: 10px;
	color: #e70708;
}
.morningblog_excerpt a{
	display: inline-block;
	text-decoration: none;
}
.top-post-morningblog{
    height: 430px;
	overflow:auto;
	overflow-y: scroll;
	padding-right: 10px;
	margin-bottom: 20px;
}
.top-post-morningblog::-webkit-scrollbar {
  width: 3px;
}
.top-post-morningblog::-webkit-scrollbar-thumb {
  background-color: #c00;
  border-radius: 3px;
}
.top-post-morningblog::-webkit-scrollbar-track {
  background-color: #c9c9c9;
  border-radius: 3px;
}


/* avis */
.reviewlist_datas {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
  line-height: 1.2;
}

.icon_star {
  float: left;
  /* 星10個での設定は下記を有効にする */
  /*
  width: 150px;
  */
  /* 星5個での設定は下記を有効にする */
  width: 75px;
  overflow: hidden;
}

.icon_star img {
  max-width: inherit;
}

.review_poster li {
  float: left;
  margin-left: 10px;
}

.review_poster li {
  list-style: none;
}

.reviewlist:first-child {
  border-top: none;
}

.reviewlist {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #ccc;
  text-align: left;
}

.review_ttl,
.shopcomment_ttl {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

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

.reviewlist_content {
  overflow: hidden;
  zoom: 1;
}

.shopcomment {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #eee;
  padding: 15px;
}

.product_reviews_btn{
	display: none;
}

.product_text_not{
	display: none;
}

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

#top-button-link a {
    border-radius: 6px;
    background: #fff;
    color: #ea0809;
    font-size: 14.5px;
    text-align: center;
    padding: 20px;
    max-width: 270px;
    margin: 60px auto;
    position: relative;
    border: 2px solid #ea0809;
}
.lb-image {
	max-width: 1000px; /* 最大横幅を800ピクセルに設定 */
}



.search-container{
  position: relative;
  box-sizing: border-box;
  margin: auto;
  margin-bottom: 70px;
}
.search-container input[type="text"]{
  border: none;
  height: 1em;
  font-size: 1.3em;
  width: 80%;
}
.search-container input[type="text"]:focus {
  outline: 0;
}
.search-container{
  border: 2px solid #EA0709;
  padding: 15px;
  border-radius: 10px;
  height: 60px;
  width: 400px;
  overflow: hidden;
}
.search-container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background: #EA0709;
  color: #fff;
  position: absolute;
  width: 5em;
  height: 65px;
  right:0px;
  top: -5px;
  outline : none;
}
.search-container ::-webkit-input-placeholder {
  color: #EA0709;
}



#clear-button {
    position: absolute;
    right: 70px;
    top: 27px;
    transform: translateY(-50%);
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 30px;
}

@media screen and (max-width:767px)  {
.search-container{
  width: 100%;
}
}

.movie_wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.movie_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.movie_link ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* li要素を等間隔に配置 */
  margin-bottom: 50px;
}
.movie_link ul li {
    flex: 1 1 200px; /* 固定サイズを設定 */
    padding: 10px;
    box-sizing: border-box; /* パディングを含めたサイズを計算 */
}
.movie_link a{
  display: block;
  color: #fff;
  background: #e70708;
  border-radius: 30px;
  padding: 20px 0px 20px 20px;
}

.movie_link a {
    position: relative;
    padding-right: 20px; /* 矢印用のスペース */
    text-decoration: none;
}

.movie_link a::after {
    content: '▼'; /* 矢印 */
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px; /* 必要に応じて調整 */
}

.short_movie {
    border: #ea0809 4px solid;
    padding: 0px 40px 0;
    border-radius: 10px;
    margin-bottom: 50px;
}
@media screen and (max-width:767px)  {
.short_movie {
  border: #ea0809 2px solid;
    padding: 0px 10px 0;
    margin-bottom: 50px;
}
.videogry {
    padding: 20px;
    background: #f5f5f5;
    margin: 20px 0 30px;
}
}

.movie_anker_link {
    display: block;
    color: #fff;
    background: #e70708;
    font-size: 1.5em;
    border-radius: 5px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: bold;
    padding: 20px 0px 20px 20px;
}
@media screen and (max-width:767px)  {
.movie_anker_link {
    font-size: 1.2em;
}
}



.fukuyama_city_fc_top{
    background: url(images/fukuyama_city_fc_top_bg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
}
.fukuyama_city_fc_top_logo{
	margin: auto;
	max-width: 480px;
	padding-top: 0px;
    padding-bottom: 150px;
}
.fukuyama_city_fc_top_text{
	margin: auto;
	text-align: center;
/* 	font-weight: bold; */
	color: #fff;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7); /* シャドウの設定 */
}

@media screen and (max-width:767px)  {
.fukuyama_city_fc_top{
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
}
.fukuyama_city_fc_top_logo{
	margin: auto;
	max-width: 80%;
	padding-top: 0px;
    padding-bottom: 100px;
}
.fukuyama_city_fc_top_text{
	margin: auto;
	text-align: center;
	color: #fff;
	
}
}

@media screen and (min-width:1024px)  {
.fukuyama_city_fc_top{
    background-size: 100%;
    background-position: center 70%; /* 選手をより良い位置に配置 */
}
}




/* グリッドスタイル */
.athletes {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 20px 0 30px;
}

.athlete-image {
    width: 100%;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.athlete-image:hover {
    transform: scale(1.01);
}

/* ポップアップ全体 */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

/* ポップアップのコンテンツ */
.popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 900px;
    width: 90%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    position: relative;
}

/* 閉じるボタン */
.close {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
}
@media screen and (max-width:767px)  {
.close {
    top: 30px;
    right: 22px;
    z-index: 999;
    position: fixed;
}
}

/* ヘッダー部分 */
.popup-header {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2カラムで半々 */
    align-items: center;
    gap: 20px;
}

@media screen and (max-width:767px)  {
.athletes {
    gap: 10px;
}

.popup-header {
    grid-template-columns: 1fr; /* 2カラムで半々 */
    gap: 20px;
}
}

.popup-profile-image {
    object-fit: cover;
    margin-bottom: 20px;
}

.popup-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.player-number {
    background-color: #d32f2f;
    color: white;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
}

#popupName {
    font-size: 1.8em;
    margin: 0;
    color: #333;
}

.player-name-romaji {
    font-size: 1em;
    color: #666;
    margin: 0;
}

/* 詳細情報リスト */
.popup-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup-details li {
    list-style: none;
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}

.popup-details li {
    position: relative;
    padding-bottom: 10px; /* 下線との間隔を調整 */
}

.popup-details li::after {
    content: ""; /* 擬似要素で下線を作成 */
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px; /* 下線の高さ */
    background: repeating-linear-gradient(
        to right,
        rgba(0, 0, 0, 0.1),
        rgba(0, 0, 0, 0.1) 2px,
        transparent 2px,
        transparent 4px
    ); /* 点線のグラデーション */
}

.popup-details li strong {
    font-weight: bold;
    margin-right: 10px;
}

/* ギャラリー部分 */
.popup-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.popup-gallery img {
    width: 100%;
    aspect-ratio: 1 / 1; /* 正方形のアスペクト比を指定 */
    object-fit: cover;   /* コンテンツをトリミングして正方形に収める */
}



/* 全体のレイアウト */
.player-info {
    display: flex;
    align-items: center;
    gap: 15px;
    font-family: 'Arial', sans-serif;
}

/* 背番号とポジション */
.player-number-role {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
}

.player-number {
    font-size: 16px;
    font-weight: bold;
    background-color: #d32f2f;
        min-width: 50px;
        text-align: center;
}

.player-role {
    font-size: 16px;
    font-weight: bold;
    background-color: #d32f2f;
    padding: 5px 10px;
    margin-top: 3px;
    min-width: 50px;
    text-align: center;
}

/* 名前のデザイン */
.player-name-block {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.player-name {
    font-size: 1.5em;
    margin: 0;
    color: #333;
}

.player-name-romaji {
    font-size: 1em;
    margin: 0;
    color: #666;
}






/* ポップアップ全体 */
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* 全体のスクロールを防止 */
}

/* ポップアップコンテンツ */
.popup-content {
    background: #fff;
    border-radius: 8px;
    max-width: 900px;
    width: 90%;
    max-height: 90%; /* ポップアップの高さを画面の90%に制限 */
    overflow-y: auto; /* 縦方向のスクロールを有効化 */
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* スクロールバーのデザイン（オプション） */
.popup-content::-webkit-scrollbar {
    width: 8px;
}

.popup-content::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.popup-content::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}




/* 全体のスタイル */
.match-results {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* 各試合カード */
.match-card {
    padding: 20px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 767px) {
.match-results{
    gap: 40px;
}
.match-card {
    padding: 0px;
}
}

.card {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* 試合情報 */
.match-header {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #666;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.match-date {
    font-weight: bold;
}

.match-league {
    color: #d32f2f;
}

/* 会場情報 */
.match-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #666;
}

/* スコア表示 */
.match-score {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    font-weight: bold;
    gap: 10px;
    color: #333;
}

.team-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.team-score-value {
    font-size: 48px;
    font-weight: bold;
    color: #333;
}

.team-name {
    font-size: 14px;
    color: #666;
}

.score-divider {
    font-size: 48px;
    font-weight: bold;
    color: #333;
}

/* 詳細リンク */
.details-link {
    display: block;
    text-align: center;
    color: #d32f2f;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #d32f2f;
    padding: 10px 15px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.details-link:hover {
    background-color: #d32f2f;
    color: #fff;
}






/* 全体スタイル */
.match-schedule {
    width: 100%;
    margin: 20px auto;
    font-family: 'Arial', sans-serif;
    color: #333;
}

.schedule-title {
    text-align: center;
    font-size: 16px;
    /* margin-bottom: 20px; */
    color: #d32f2f;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 1px solid #C6C6C6;
}

/* 試合リスト */
.match-list {
    gap: 10px;
}

/* 各試合アイテム */
.match-item {
	display: flex;
	justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 8px;
    background-color: #fff;
    gap: 10px;
    position: relative;
}
@media (max-width: 767px) {
.match-item {
	display: block;
}
}

.match-item::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 2px, transparent 2px, transparent 4px);
}

/* 日付と時間 */
.match-date-time {
    flex-direction: column;
    text-align: right;
    font-size: 14px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 10px;
}



.match-date {
    font-size: 16px;
    font-weight: bold;
    color: #d32f2f;
}



.match-time {
    font-size: 14px;
    color: #666;
}
.match-detail{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* 試合詳細 */
.match-details {
	width: 80%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 14px;
}

.match-league {
    display: flex;
    align-items: center;
    gap: 5px;
}

.league-tag {
    background-color:#c6c6c6;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
}

.match-home-away {
    padding: 3px 10px 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
}

.match-home-away.home {
    background-color: #d32f2f;
}

.match-home-away.away {
    background-color: #2f80ed;
}

.match-venue,
.match-section,
.match-opponent {
    font-size: 14px;
    color: #666;
}

.match-opponent {
    font-size: 18px;
    color: #666;
    font-weight: bold;
}

/* スコア */
.match-score {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    gap: 10px;
}

.score-value {
    font-size: 24px;
}

.score-divider {
    font-size: 24px;
    color: #666;
}


.score-result{
	
}

/* 日付と時間 */
/*
.match-date-time {
    display: flex;
    flex-direction: column;
    text-align: right;
    font-size: 14px;
}
*/

/* 日付部分 */
.match-date {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 5px; /* 日付とアイコンの間隔 */
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.match-date .date {
    font-size: 18px; /* 日付のフォントサイズ */
    font-weight: bold;
}

/* 基本スタイル */
.match-date .day-icon {
    display: inline-block;
    color: white; /* 白文字 */
    font-size: 12px; /* アイコンのフォントサイズ */
    font-weight: bold;
    border-radius: 50%; /* 丸い形にする */
    padding: 2px 5px; /* サイズ調整 */
}

/* 日曜の背景色 */
.match-date .day-icon.sunday {
    background-color: #d32f2f; /* 赤背景 */
}

/* 土曜の背景色 */
.match-date .day-icon.saturday {
    background-color: #1976d2; /* 青背景 */
}

/* 平日の背景色 */
.match-date .day-icon.weekday {
    background-color: #757575; /* 灰色背景 */
}


/* 時間部分 */
.match-time {
    font-size: 14px;
    color: #666;
    margin-top: 5px; /* 日付との間隔 */
}


.match{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
@media (max-width: 767px) {
.match{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}	
}

.custom-popup-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: 60% auto; /* 左右の幅を指定 */
    gap: 20px;
}
@media (max-width: 767px) {
.custom-popup-container{
    grid-template-columns: repeat(1, 1fr);
}
}

/* 背景オーバーレイ */
/*
.custom-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}


.custom-popup-content {
    background: #fff;
    border-radius: 10px;
    width: 90%;
    max-width: 800px;
    padding: 20px;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    font-family: 'Arial', sans-serif;
    overflow: hidden;
}


.custom-popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
}
*/

.custom-popup {
  display: none; /* 初期状態は非表示 */
  position: fixed; /* 画面全体を覆う */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* 背景の半透明 */
  justify-content: center;
  align-items: center;
  overflow: auto; /* ポップアップの中身をスクロール可能に */
  z-index: 1000; /* 前面に表示 */
}

.custom-popup-content {
	position: relative;
  background: white;
  max-width: 800px;
  padding: 20px;
  border-radius: 8px; /* 角を丸くする（任意） */
  overflow: auto; /* 中身が長い場合はスクロール可能に */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 影をつける（任意） */
}

@media (max-width: 767px) {
.custom-popup-content {
  background: white;
  padding: 20px;
  border-radius: 8px; /* 角を丸くする（任意） */
  max-width: 90%; /* ポップアップの最大幅 */
  max-height: 90%; /* ポップアップの最大高さ */
  overflow: auto; /* 中身が長い場合はスクロール可能に */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* 影をつける（任意） */
}
}


.custom-popup-close {
    position: absolute;
    top: 0px;
    right: 10px;
    background: none;
    border: none;
    font-size: 25px;
    cursor: pointer;
    color: #333;
    z-index: 999;
}

@media (max-width: 767px) {
.custom-popup-close {
    position: fixed;
    top: 22px;
    right: 10px;
    background: none;
    border: none;
    font-size: 25px;
    cursor: pointer;
    color: #333;
}
}


/* ヘッダー */
.custom-popup-header {
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
}

.custom-popup-date {
    font-weight: bold;
    color: #e74c3c;
}

.custom-popup-league {
    display: block;
    font-size: 14px;
    color: #666;
}

/* スコア */
.custom-popup-score {
    display: flex;
    justify-content: center;
    align-items: baseline;
    font-size: 36px;
    font-weight: bold;
    color: #444;
    margin: 20px 0;
}

.custom-popup-score-home,
.custom-popup-score-away {
    font-size: 48px;
    margin: 0 10px;
}

.custom-popup-score-separator {
    font-size: 36px;
    color: #888;
}

.custom-popup-teams {
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    color: #555;
}

.custom-popup-vs {
    margin: 0 5px;
    font-weight: bold;
    color: #e74c3c;
}

/* プレイヤースタッツ */
.custom-popup-player-stats ul {
    list-style: none;
    padding: 0;
    margin: 15px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}

.custom-popup-player-stats li {
    margin-bottom: 8px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

/* コメント */
.custom-popup-comments {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.custom-popup-comment-header img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.custom-popup-comment-header p {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}



/* =========================================
   ギャラリー : 2 列・完全正方形・隙間 8px
   （Grid 不使用 / aspect-ratio 不使用）
   ========================================= */
.custom-popup-gallery{
    display:flex      !important;   /* ← grid を上書き */
    flex-wrap:wrap;
    gap:8px;
    margin:0; padding:0;
    font-size:0;
}

/* 画像リンク本体 ―― “必ず” 正方形に */
.custom-popup-gallery a{
  position:relative;
  flex:0 0 calc((100% - 8px)/2);   /* gap 分を引いた 2 分割幅 */
  overflow:hidden;
  margin:0;
  padding:0;                       /* WP テーマの余白打消し */
  line-height:0;
}

/* 正方形を作る疑似要素 ―― これがサイズを決定 */
.custom-popup-gallery a::before{
  content:"";
  display:block;
  padding-top:100%;                /* ★ 横幅の 100% = 高さ */
}

/* 中の画像を全面に敷き詰める */
.custom-popup-gallery a img{
  position:absolute;
  inset:0;                         /* top,right,bottom,left = 0 */
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}




#fukuyama_city_fc section{
	margin: 50px 0;
}





.score-result {
    background-color: #f7f7f7; /* 背景色 */
    border-radius: 8px; /* 背景の角を丸くする */
    padding: 15px; /* 内側の余白 */
    margin: 10px 0; /* 上下の余白 */
    line-height: 1.8; /* 行間を調整 */
}

.line-with-dot {
    position: relative;
    padding-left: 20px; /* 赤い点分の余白を追加 */
    display: inline-block; /* 各行をブロック扱いに */
}

.line-with-dot::before {
    content: ''; /* 赤い点を追加 */
    position: absolute;
    left: 0; /* 左端に配置 */
    top: 50%; /* 垂直方向の中央に配置 */
    transform: translateY(-50%);
    width: 8px; /* 点の幅 */
    height: 8px; /* 点の高さ */
    background-color: #e74c3c; /* 赤い点の色 */
    border-radius: 50%; /* 点を円形にする */
}



.custom-popup-comment-header {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.profile-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 70px;
}

.profile-container img {
    width: 60px;
    height: 60px;
    border-radius: 50%; /* 丸いプロフィール画像 */
    object-fit: cover;
    border: 2px solid #ddd;
}

.profile-name {
    margin-top: 5px;
    font-size: 12px;
    color: #555; /* 名前の色 */
}

.comment-bubble {
    position: relative;
    border: 1px solid #e53935; /* 枠線の色 */
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.comment-bubble::before {
    content: "";
    position: absolute;
    top: 40%; /* 三角形の垂直位置 */
    left: -10px; /* 吹き出しの位置調整 */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e53935 transparent transparent;
}


.custom-popup-container-left{
	background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 15px;
}




.photo-layout {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4列構成 */
  gap: 20px; /* 写真間のギャップ */
  margin: 20px auto 0px; /* 中央寄せ */
}

.photo-layout .photo {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.photo-layout .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 写真を枠にフィット */
  object-position: center; /* 中央寄せ */
}

/* 横長の写真 */
.photo-layout .photo.wide {
  grid-column: span 2; /* 横幅を2列分占有 */
  aspect-ratio: 2.05 / 1; /* 横長の比率 */
}

/* 正方形の写真 */
.photo-layout .photo.square {
  grid-column: span 1; /* 横幅を1列分占有 */
  aspect-ratio: 1 / 1; /* 正方形 */
}

@media (min-width: 768px) {
	

/* 写真の配置 */
.photo-layout #photo1 {
  grid-row: 1;
}

.photo-layout #photo2 {
  grid-column: 1; /* 2列目 左下スクエア */
  grid-row: 2;
}

.photo-layout #photo3 {
  grid-column: 2; /* 2列目 右下スクエア */
  grid-row: 2;
}

.photo-layout #photo4 {
  grid-column: 3; /* 2列目 左上スクエア */
  grid-row: 1;
}

.photo-layout #photo5 {
  grid-column: 4; /* 2列目 右上スクエア */
  grid-row: 1;
}

.photo-layout #photo6 {
  grid-row: 2;
}
}


/* タブレット対応（画面幅768px以下） */
@media (max-width: 767px) {
.photo-layout {
  gap: 10px; /* 写真間のギャップ */
}
	.photo-layout {
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 768px) {
#fukuyama_city_fc .manufacturer-menu ul li{
    width: 30.8%;
    margin-right: 2%;
    background: url(images/under-layer-menu-top-bg2.jpg) repeat left top;
    margin-bottom: 2%;
    text-align: center;
}
}

@media (max-width: 767px) {
.match-item{
	padding: 15px 0px;
}
.match-date {
    flex-direction: row;
    justify-content: left;
}
.match-date-time{
    justify-content: left;
    display: flex;
    flex-direction: row;
}
.match-details{
	width: 100%;	
}
}

@media (min-width: 768px) {
/* どこか PC 用の汎用レイアウトに近い場所で OK */
.custom-popup-content{
  max-height:calc(100vh - 4rem); /* ← 好きな余白に調整可 */
  overflow-y:auto;               /* ← PC・SP 共通で縦スクロール */
  -webkit-overflow-scrolling:touch; /* iOS 慣性スクロール */
}
}



.l-back-pink{
    background-color: #f4eaea;
    padding-top: 150px;
    overflow: hidden;
}
.l-contens-top{
    margin: auto;
    height: 100%;
    width: 100%;
    padding-bottom: 215px;
    position: relative;
}
.c-lovenote-ttl{
    margin-bottom: 45px;
}
.c-lovenote-logo{
    text-align: center;
    border-bottom: solid 3px #cd2829;
    position: relative;
    max-width: 560px;
    margin: 0 auto 15px;
}
.p-logo-dec{
    background-image: url(images/logo_dec.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -165px;
    top: -70px;
    width: 190px;
    height: 200px;
}
.p-logo-dec p{
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 28px;
    top: 60px;
    line-height: 1.3;
}
.p-logo-dec span{
    font-size: 40px;
}
.c-lovenote-logo img{
    padding: 0 55px 15px;
    box-sizing: border-box;
}
.p-lovenote-subttl{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #454545;
    position: relative;
}
.p-contens-top-text {
    font-size: 18px;
    color: #454545;
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    z-index: 1;
}
.p-contens-top-text span{
    font-weight: bold;
}
.c-contens-top-img{
    max-width: 925px;
    margin: 0 auto 35px;
    position: relative;
}
.p-contens-top-img-main{
    position: relative;
    z-index: 1;
}
.p-contens-top-img1{
    position: absolute;
    width: 147px;
    left: -3%;
    top: 25px;
}
.p-contens-top-img2{
    position: absolute;
    left: 0;
    width: 183px;
    bottom: 40px;
    left: -20%;
}
.p-contens-top-img3{
    position: absolute;
    width: 147px;
    left: 9%;
    top: 53px;
}
.p-contens-top-img4{
    position: absolute;
    width: 183px;
    right: -8%;
    top: -120px;
}
.p-contens-top-img5{
    position: absolute;
    width: 147px;
    bottom: -15px;
    right: -20%;
}
.p-contens-top-img6{
    position: absolute;
    width: 183px;
    right: 6%;
    top: -90px;
}
.c-contens-top-text2-block{
    margin-bottom: 70px;
    position: relative;
}
.p-contens-top-text-dec{
    text-align: center;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}
.p-contens-top-text2 {
    font-size: 25px;
    color: #454545;
    text-align: center;
    font-weight: bold;
    border-bottom: dotted 2px #cd2829;
    display: inline-block;
}
.p-ttl-block{
    text-align: center;
}
.p-lovenote-ttl{
    font-size: 30px;
    border-bottom: solid #cd2829 3px;
    position: relative;
    display: inline-flex;
    text-align: center;
    color: #454545;
}
.p-lovenote-ttl::before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #cd2829;
    position: absolute;
    bottom: -4px;
    left: -10px;
}
.p-lovenote-ttl::after{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #cd2829;
    position: absolute;
    bottom: -4px;
    right: -10px;
}

.p-lovenote-ttl1{
    padding: 0 17px 10px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.p-lovenote-ttl2{
    padding: 0 5px 10px;
    box-sizing: border-box;
    margin-bottom: 95px;
}
.p-lovenote-ttl3{
    padding: 0 40px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.p-lovenote-ttl3 img{
    max-width: 315px;
    margin: 0 auto 15px;
}
.p-lovenote-ttl4{
    box-sizing: border-box;
    margin-bottom: 25px;
}
.p-lovenote-ttl4 img{
    max-width: 385px;
    margin: 0 auto 15px;
}
.p-lovenote-ttl5{
    padding: 0 30px 10px;
    box-sizing: border-box;
    margin-bottom: 65px;
}
.p-lovenote-ttl6{
    padding: 0 40px 10px;
    box-sizing: border-box;
    margin-bottom: 40px;
}

.c-function-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.c-function-block{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 300px;
    width: 310px;
}
.c-function-back1{
    background-image: url(images/function_back1.png);
}
.c-function-back2{
    background-image: url(images/function_back2.png);
}
.c-function-back3{
    background-image: url(images/function_back3.png);
}
.c-function-block h4{
    text-align: center;
    font-size: 24px;
    margin: 40px 0 30px;
    color: #454545;
}
.p-function-icon1::before{
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background-image: url(images/function_icon1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto 25px;
}
.p-function-icon2::before{
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background-image: url(images/function_icon2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto 25px;
}
.p-function-icon3::before{
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background-image: url(images/function_icon3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto 25px;
}
.c-function-block p{
    text-align: center;
    padding: 0 55px;
    font-size: 16px;
    color: #454545;
}
.c-about-flex{
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 49px 80px 49px 95px;
    margin-bottom: 75px;
    border: solid 1px #eaeaea;
    box-sizing: border-box;
    position: relative;
}
.c-about-flex::before{
    content: "";
    display: block;
    width: 8px;
    height: 100%;
    background-image: url(images/about_back_sp.png);
    background-position: top;
    background-repeat: repeat-y;
    background-size: contain;
    position: absolute;
    left: 5px;
    top: 5px;
}
.c-about-block1 h3{
    font-size: 28px;
    text-align: center;
    color: #454545;
}
.c-about-block1 h3::before{
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background-image: url(images/function_icon4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto 25px;
}
.c-about-block1 h3 span{
    font-size: 24px;
    margin-right: 5px;
}
.c-about-block2 p{
    font-size: 20px;
    color: #454545;
}
.c-about-block2 p span{
    display: block;
    border-bottom: dotted 2px #cd2829;
}
.c-function-bottom{
}
.c-function-bottom p{
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
    color: #454545;
}
.c-function-bottom p span{
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    margin-right: 10px;
}
.c-app-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 45px auto 85px;
}
.c-app-flex li:first-child{
    margin-right: 20px;
}
.p-ios{
    width: 140px;
}
.p-android{
    width: 160px;
}
.p-trinity-link{
    max-width: 580px;
    margin: auto;
    padding: 30px 90px;
    background-color: #f5d4d4;
    color: #cd2829;
    font-size: 25px;
    text-align: center;
    border-radius: 50px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.p-trinity-link-bg_white{
    background-color: #fff;
}
.p-trinity-link::after{
    content: "";
    display: block;
    height: 21px;
    width: 13px;
    background-image: url(images/link_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 65px;
    transition: right 0.3s ease; 
}
.p-trinity-link:hover::after{
    right: 55px;
    transition: right 0.3s ease; 
}

.l-new-function{
    margin: 65px auto 75px;
    max-width: 1000px;
}
.l-new-function-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.c-new-function-block{
    width: 30%;
    margin-bottom: 65px;
    position: relative;
}
.p-new-function-block-dec{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #cd2829;
    margin-left: 10px;
    position: absolute;
    top: -40px;
}
.p-new-function-block-dec span{
    width: 59px;
    height: 59px;
    background-image: url(images/new_function_dec.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}
.c-new-function-block img{
    max-width: 300px;
    margin: 0 auto 20px;
}
.c-new-function-block p{
    font-size: 18px;
    color: #454545;
}

.l-premium{
    background-image: url(images/premium_back.png);
    background-repeat: repeat-y;
    background-position: center;
    background-size: cover;
    padding: 70px 0 80px;
}
.l-1000w{
    max-width: 1000px;
    margin: auto;
}
.p-premium-ttl{
    text-align: center;
    font-size: 22px;
    color: #454545;
    margin-bottom: 15px;
}
.c-premium-top-text{
    margin-bottom: 80px;
}
.c-premium-top-text p{
    text-align: center;
    font-size: 20px;
    color: #454545;
}
.comparison-table {
    position: relative;
    margin: 0 auto 15px;
}
.fukidashi-image {
    position: absolute;
    top: -55px;
    left: 90px;
    width: 345px;
    height: 95px;
    object-fit: contain;
}
.table-header, .table-row {
    display: flex;
    width: 100%;
}
.table-cell-head{
    margin-right: -1%;
}
.table-cell{
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}
.table-cell1{
    flex: 1;
}
.table-cell2{
    flex: 2;
}
.table-cell-body{
    padding: 25px 50px;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 10px;
    text-align: left;
    color: #454545;
    display: flex;
    align-items: center;
    font-size: 20px;
}
.cell-border {
    margin-right: 10px;
}
.table-header-inr {
    font-size: 20px;
}
.regular-header {
    background-color: #83bbd5;
    color: #fff;
    border-radius: 10px 10px 0 0;
    margin-right: 10px;
}
.premium-header {
    background-color: #cd2829;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.circle-regular, .circle-premium {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 5px;
}
.circle-regular {
    border-color: #83bbd5;
}
.circle-premium {
    border-color: #cd2829;
}
.p-premium-text-small{
    font-size: 16px;
    color: #454545;
    margin-bottom: 50px;
}
.p-premium-text{
    font-size: 20px;
    color: #454545;
    margin-bottom: 80px;
}
.c-premium-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 100px;
}
.c-premium-block{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 48%;
    height: 318px;
    display: flex;
    align-items: center;
    padding-left: 35px;
    padding-right: 28%;
    box-sizing: border-box;
    position: relative;
}
.p-premium-dec{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #cd2829;
    margin-left: 10px;
    position: absolute;
    top: -40px;
    left: 0;
}
.p-premium-dec span{
    width: 59px;
    height: 59px;
    background-image: url(images/premium-dec.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}
.p-premium-block-back1{
    background-image: url(images/premium_block_back1.png);
}
.p-premium-block-back2{
    background-image: url(images/premium_block_back2.png);
}
.c-premium-block p{
    font-size: 20px;
    color: #454545;
}
.p-ttl-price{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    max-width: 420px;
    margin: 0 auto 35px;
}
.p-ttl-price p{
    font-size: 80px;
    color: #454545;
    display: flex;
    align-items: center;
}
.p-ttl-price p span.p-nen{
    font-size: 26px;
    color: #cd2829;
    background-color: #fff;
    border: solid #cd2829 2px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.p-ttl-price p span.p-zei{
    font-size: 24px;
    margin-top: auto;
    margin-bottom: 20px;
    margin-left: 10px;
}
.p-premium-price-img{
    margin-bottom: 30px;
}
.c-premium-price-list{
    max-width: 850px;
    margin: 0 auto 40px;
}
.c-premium-price-list ul li{
    font-size: 18px;
    color: #454545;
    display: flex;
    line-height: 1.3;
    margin-bottom: 10px;
}
.c-premium-price-list ul li::before{
    content: "";
    display: block;
    min-width: 23px;
    width: 23px;
    height: 23px;
    background-image: url(images/premium_price_icon1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 10px;
}
.c-premium-update{
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}
.c-premium-update::after{
    content: "";
    display: block;
    position: absolute;
    width: 98px;
    height: 131px;
    background-image: url(images/premium_update_dec.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 30px;
    bottom: 35px;
}
.p-premium-update-dec{
    width: 83px;
    height: 83px;
    background-image: url(images/premium_update_back.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -17px;
    left: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.p-premium-update-dec p{
    color: #fff;
    font-size: 18px;
}
.c-premium-update-inr{
    border: solid 2px #e9a2a3;
    border-radius: 10px;
    padding: 25px 0 30px 85px;
}
.c-premium-update-inr h3{
    font-size: 24px;
    color: #454545;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.c-premium-update-inr ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.c-premium-update-inr ul li{
    font-size: 16px;
    color: #454545;
    margin-bottom: 10px;
    display: flex;
    align-items: baseline;
    width: 50%;
    box-sizing: border-box;
}
.c-premium-update-inr ul li::before{
    content: "";
    display: block;
    min-width: 10px;
    width: 10px;
    height: 10px;
    background-color: #cd2829;
    margin-right: 8px;
    border-radius: 50%;
}
.c-premium-update-inr ul li:last-child{
    text-align: right;
    padding-left: 16%;
}
.c-premium-update-inr ul li:last-child::before{
    display: none;
}

.l-usage{
    max-width: 1000px;
    margin: auto;
    padding: 55px 0 65px;
}
.l-usage-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.c-usage-block{
    width: 22.2%;
    margin-bottom: 45px;
}
.c-usage-block p{
    font-size: 16px;
    color: #454545;
}
.c-usage-block-ttl{
    font-size: 20px;
    color: #454545;
    padding: 10px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: solid 2px #f5d4d4;
    border-bottom: solid 2px #f5d4d4;
    margin-bottom: 20px;
}
.p-usage-block-ttl-num{
    width: 40px;
    height: 40px;
    background-color: #f5d4d4;
    color: #cd2829;
    font-size: 19.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border-radius: 50%;
}
.p-usage-img{
    margin: 0 auto 25px;
    width: 90%;
}
.c-usage-text-block{
    background-color: #f5d4d4;
    padding: 15px 25px;
    border-radius: 10px;
    margin-top: 10px;
    box-sizing: border-box;
    display: flex;
    position: relative;
}
.p-dot{
    position: absolute;
    display: block;
    width: 8px;
    height: 8px;
    background-color: #cd2829;
    border-radius: 50%;
    top: 20px;
    left: 9px;
}
.c-usage-block p.p-usage-text{
    font-size: 13px;
}

.l-qa{
    max-width: 1000px;
    margin: 0 auto 100px;
}
.p-qa-top-text{
    font-size: 20px;
    color: #454545;
    margin-bottom: 45px;
    text-align: center;
}
.c-qa-list{

}
.c-appqalist li{
    border: solid 2px #eaeaea;
    border-radius: 10px;
    margin-bottom: 15px;
}
.p-article-title{
    position: relative;
    font-size: 18px;
    color: #454545;
    padding: 15px 50px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.p-article-title:after {
    content: "";
    position: absolute;
    right: 50px;
    top: 38%;
    transition: all 0.2s ease-in-out;
    display: block;
    width: 8px;
    height: 8px;
    border-top: solid 2px #cd2829;
    border-right: solid 2px #cd2829;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.p-article-title.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 45%;
}
.p-article-title span{
    min-width: 30px;
    width: 30px;
    height: 30px;
    color: #cd2829;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background-color: #f5d4d4;
    border-radius: 50%;
    margin-right: 10px;
}
.p-accordion-content {
    display: none;
    background:none;
    box-sizing: border-box;
    padding: 25px 50px;
    font-size: 16px;
    border-top: dotted 2px #eaeaea;
    color: #454545;
}

.l-lovenote-add{
    background-image:url(images/lovenote_add_back.png);
    background-position: center;
    background-repeat: repeat-y;
    background-size: cover;
    padding: 60px 0 100px;
}
.l-lovenote-add h2{
    text-align: center;
    font-size: 24px;
    color: #454545;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.l-lovenote-add h2::before{
    content: "";
    display: block;
    min-width: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cd2829;
    margin-right: 10px;
}
.l-lovenote-add h2::after{
    content: "";
    display: block;
    min-width: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #cd2829;
    margin-left: 10px;
}
.l-lovenote-add h3{
    color: #cd2829;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
}

.l-flow{
    
}
.c-flow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-top: solid 4px #f5d4d4;
    border-bottom: solid 4px #f5d4d4;
    margin-bottom: 15px;
}
.c-flow li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 25%;
    box-sizing: border-box;
    position: relative;
    height: 100px;
}
.c-flow li::after{
    content: "";
    display: block;
    height: 100px;
    width: 30px;
    min-width: 30px;
    background-image: url(images/flow_arrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.c-flow li:last-child::after{
    display: none;
}
.c-flow li span{
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f5d4d4;
    font-size: 20px;
    color: #cd2829;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-flow li p{
    font-size: 20px;
    color: #454545;
    padding: 0 25px;
    box-sizing: border-box;
}
.c-flow-img{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-flow-img li{
    width: 23.1%;
}

.c-flow2 {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-top: solid 4px #f5d4d4;
    border-bottom: solid 4px #f5d4d4;
    margin-bottom: 15px;
}
.c-flow2 li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 20%;
    box-sizing: border-box;
    position: relative;
    height: 133px;
}
.c-flow2 li::after{
    content: "";
    display: block;
    height: 133px;
    width: 20px;
    min-width: 20px;
    background-image: url(images/flow_arrow2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.c-flow2 li:last-child::after{
    display: none;
}
.c-flow2 li span{
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f5d4d4;
    font-size: 20px;
    color: #cd2829;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-flow2 li p{
    font-size: 16px;
    color: #454545;
    padding: 0 25px;
    box-sizing: border-box;
}
.c-flow-img2{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-flow-img2 li{
    width: 18.8%;
}

.mb70 {
    margin-bottom: 70px;
}
.p-pc{
    display: block;
}
.p-sp{
    display: none;
}

@media screen and (max-width: 1040px) {
    .l-contens-top{
        position: unset;
    }
}

@media screen and (max-width: 1040px) {
    .l-1000w{
        margin: 0 20px;
    }
    .l-new-function{
        margin: 40px 20px 0;
        max-width: 1000px;
    }
    .l-usage{
        margin: 0 20px;
        padding: 30px 0 0;
    }
    .l-qa{
        margin: 0 20px 40px;
    }
    .l-lovenote-add h3{
        margin-bottom: 5px;
    }
    .l-flow{
        padding-top: 25px;
        overflow-x: scroll;
    }
    .c-flow {
        min-width: 1000px;
    }
    .c-flow-img{
        min-width: 1000px;
    }
    .c-flow2 {
        min-width: 1000px;
    }
    .c-flow-img2{
        min-width: 1000px;
    }
}
@media screen and (max-width: 980px) {
    .c-about-flex{
        padding: 45px 30px 45px 40px;
    }
}
@media screen and (max-width: 920px) {
    .l-back-pink{
        padding-top: 0;
    }
    .c-lovenote-logo{
        display: flex;
        align-items: flex-end;
        max-width: unset;
        margin: 0 20px 40px;
    }
    .p-lovenote-logo-img{
        width: 80%;
        padding-right: 15px;
        margin-left: auto;
        box-sizing: border-box;
    }
    .p-logo-dec{
        position: relative;
        width: 130px;
        height: 140px;
        top: unset;
        left: unset;
        bottom: -50px;
    }
    .p-logo-dec p{
        font-size: 14px;
        left: 18px;
        top: 44px;
    }
    .p-logo-dec span{
        font-size: 25px;
    }
    .c-lovenote-logo img{
        padding: 0 0 15px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 840px) {
    .c-about-flex{
        background-size: cover;
        position: relative;
        display: block;
        padding: 20px 19px 20px 20px;
        background-image: unset;
        background-color: #fff;
        border: solid 1px #eaeaea;
        box-sizing: border-box;
        margin-bottom: 30px;
    }
    .c-about-block2{
        text-align: justify;
    }
    .c-about-block2 p{
        display: inline;
        text-decoration: none;
        line-height: 1.7;
        word-break: break-word;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        background-image: url(images/dot-line.png);
        background-repeat: repeat-x;
        background-position: bottom left;
        background-size: auto 2px;
        padding-bottom: 2px;
    }
    .c-about-block2 p span{
        display: inline;
        border-bottom: unset;
    }
}
@media screen and (max-width: 768px) {
    .p-pc{
        display: none;
    }
    .p-sp{
        display: block;
    }
    .l-contens-top{
        padding-bottom: 80px;
    }
    .p-lovenote-subttl{
        font-size: 20px;
    }
    .p-contens-top-text{
        font-size: 16px;
        text-align: left;
        margin-bottom: 0px;
    }
    .c-contens-top-text2-block{
        margin-bottom: 30px;
    }
    .p-contens-top-text2{
        font-size: 18px;
    }
    .p-lovenote-ttl{
        font-size: 25px;
    }
    .c-function-flex{
        display: block;
    }
    .c-function-block{
        margin: 0 auto 10px;
        height: 260px;
        width: 270px;
    }
    .p-function-icon1::before{
        padding-top: 15px;
        margin: 0 auto 15px;
    }
    .p-function-icon2::before{
        padding-top: 15px;
        margin: 0 auto 15px;
    }
    .p-function-icon3::before{
        padding-top: 15px;
        margin: 0 auto 15px;
    }
    .c-function-block h4{
        font-size: 18px;
        margin: 20px 0 15px;
    }
    .c-about-block1 h3{
        margin-bottom: 10px;
    }
    .c-about-block1 h3::before{
        margin: 0 auto 10px;
    }
    .c-about-block1 h3{
        font-size: 21px;
    }
    .c-about-block1 h3 span{
        font-size: 18px;
    }
    .c-about-block2 p{
        font-size: 18px;
    }
    .c-function-bottom p{
        font-size: 16px;
        text-align: left;
    }
    .c-app-flex{
        margin: 20px auto 40px;
    }
    .p-trinity-link{
        font-size: 18px;
        padding: 10px 50px;
        border-radius: 50px;
    }
    .c-new-function-block{
        width: 48%;
    }
    .c-new-function-block p{
        font-size: 16px;
    }
    .p-new-function-block-dec{
        top: -29px;
    }
    .p-new-function-block-dec span{
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .p-premium-ttl{
        font-size: 18px;
    }
    .c-premium-top-text{
        margin-bottom: 40px;
    }
    .c-premium-top-text p{
        font-size: 16px;
        text-align: left;
    }
    .p-premium-text{
        font-size: 16px;
        margin-bottom: 50px;
    }
    .p-premium-text-small{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .c-premium-flex{
        display: block;
        margin-bottom: 50px;
    }
    .c-premium-block{
        width: 100%;
        margin-bottom: 10px;
        height: 60vw;
    }
    .p-premium-block-back1{
        margin-bottom: 50px;
    }
    .c-premium-block p{
        font-size: 16px;
        padding-right: 48%;
    }
    .comparison-table{
        margin: 0 auto 0;
    }
    .table-cell-head{
        margin-right: 23px;
    }
    .fukidashi-image {
        top: -30px;
        left: 5px;
        width: 38vw;
        height: 100px;
    }
    .table-cell, .table-cell-body{
        padding: 5px;
    }
    .table-cell-body{
        font-size: 14px;
        text-align: left;
    }
    .table-header-inr {
        font-size: 13px;
    }
    .circle-regular, .circle-premium {
        width: 40px;
        height: 40px;
        border-width: 5px;
    }
    .c-premium-price-list ul li{
        font-size: 16px;
    }
    .c-premium-update::after {
        width: 64px;
        height: 88px;
    }
    .c-premium-update-inr{
        padding: 20px;
    }
    .c-premium-update-inr h3{
        font-size: 18px;
        text-align: left;
    }
    .c-premium-update-inr ul{
        display: block;
    }
    .c-premium-update-inr ul li{
        width: 100%;
    }
    .c-premium-update-inr ul li:last-child{
        padding-left: 0;
        text-align: right;
    }
    .c-premium-update-inr ul li:last-child p{
        width: 100%;
        margin-right: 70px;
    }
    .c-usage-block{
        width: 48%;
    }
    .p-qa-top-text{
        font-size: 16px;
        text-align: left;
        margin-bottom: 20px;
    }
    .p-article-title {
        font-size: 16px;
        padding: 10px 20px;
    }
    .p-accordion-content{
        padding: 10px 20px;
        font-size: 14px;
    }
    .c-usage-block-ttl{
        font-size: 18px;
    }
    .p-usage-block-ttl-num{
        font-size: 18px;
        margin-right: 10px;
    }
    .p-article-title:after{
        right: 10px;
    }
    .l-lovenote-add h2{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .l-lovenote-add h2::before{
        margin-right: 5px;
    }
    .l-lovenote-add h2::after{
        margin-left: 5px;
    }
    .c-flow li p{
        font-size: 16px;
    }
    .c-flow2 li p{
        font-size: 16px;
    }
    .mb70{
        margin-bottom: 40px;
    }
    .p-lovenote-ttl1{
        padding: 0 17px 10px;
        box-sizing: border-box;
        margin-bottom: 40px;
    }
    .p-lovenote-ttl2{
        margin-bottom: 65px;
    }
    .p-lovenote-ttl3{
        margin-bottom: 20px;
    }
    .p-lovenote-ttl3 img{
        max-width: 250px;
    }
    .p-lovenote-ttl4{
        margin-bottom: 15px;
    }
    .p-lovenote-ttl4 img{
        max-width: 280px;
    }
    .p-lovenote-ttl5{
        margin-bottom: 35px;
    }
    .p-lovenote-ttl6{
        margin-bottom: 20px;
    }
    .p-ttl-price p{
        font-size: 60px;
    }
    .p-ttl-price p span.p-nen {
        font-size: 20px;
        width: 60px;
        height: 60px;
    }
    .p-ttl-price p span.p-zei{
        font-size: 20px;
    }
    .c-flow li{
        height: 70px;
    }
    .c-flow li::after{
        height: 70px;
    }
    .l-lovenote-add{
        padding: 30px 0 50px;
    }
    .p-premium-update-dec{
        width: 55px;
        height: 55px;
        top: -25px;
        left: 20px;
    }
    .p-premium-update-dec p{
        font-size: 16px;
    }
    .l-lovenote-add h3{
        font-size: 18px;
    }
    .c-new-function-block img{
        max-width: unset;
        width: 100%;
    }
    .p-contens-top-img1{
        width: 73px;
        left: -10px;
        top: -18px;
    }
    .p-contens-top-img2{
        width: 91px;
        bottom: -7px;
        left: -10%;
    }
    .p-contens-top-img3{
        width: 73px;
        left: -12px;
        top: 10px;
    }
    .p-contens-top-img4{
        width: 91px;
        right: -7%;
        top: -44px;
    }
    .p-contens-top-img5{
        width: 73px;
        bottom: 0;
        right: -9%;
    }
    .p-contens-top-img6{
        width: 91px;
        right: -9%;
        top: -20px;
    }
}

@media screen and (max-width: 480px) {
    .c-lovenote-logo{
        display: flex;
        align-items: flex-end;
        max-width: unset;
        margin: 0 20px 40px;
    }
    .p-lovenote-logo-img{
        width: 70%;
        margin-left: auto;
        padding-right: 15px;
    }
    .p-logo-dec{
        position: relative;
        width: 110px;
        height: 120px;
        bottom: -43px;
    }
    .p-logo-dec p{
        font-size: 12px;
        left: 13px;
        top: 40px;
    }
    .p-logo-dec span{
        font-size: 20px;
    }
    .c-lovenote-logo img{
        padding: 0 0 15px;
        box-sizing: border-box;
    }
    .c-lovenote-ttl{
        margin-bottom: 20px;
    }
}
.p-relative{
    position: relative;
    z-index: 1;
}
.p-contents-top-back1{
    position: absolute;
    max-width: 1500px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 780px;
    background-image: url(images/lovenote_back1.png);
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center top;
}
.p-contents-top-back2{
    position: absolute;
    max-width: 1500px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 1232px;
    background-image: url(images/lovenote_back1.png);
    background-repeat: repeat-y;
    background-size: contain;
    background-position: center top;
}
.fadein2 {
    opacity: 0;
    transform: translate(0, -50px);
    transition: all 0.8s ease;
}
.fadein2.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}
@media screen and (max-width: 768px) {
    .p-contents-top-back1{
        background-image: url(images/lovenote_back.png);
        height: 550px;
    }
    .p-contents-top-back2{
        background-image: url(images/lovenote_back.png);
        height: 1500px;
    }
    .c-function-block p{
	    font-size: 15px;
	    text-align: left;
    }
    .c-function-bottom p span{
	    display: inline-block;
		margin-bottom: 10px;
    }
}

.under_red{
	background: linear-gradient(transparent 70%, #ff7e7e 70%);
}

.p-accordion-content .p-android{
	border: none;
}
.p-accordion-content .c-app-flex{
	margin: 30px auto 0px;
}

.lovenote_attention{
	max-width: 600px;
	margin: auto;
    border-radius: 10px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 70px;
}
.lovenote_attention_inr {
    border: solid 2px #e9a2a3;
    font-size: 14px;
    border-radius: 10px;
    padding: 10px 15px;
    color: #454545;
}
.lovenote_avis_link{
	text-decoration: underline;
	color: green;
}
.year_link{
	margin-bottom: 30px;
}
.year_link a{
	display: inline;
	color: red;
	font-weight: bold;
	font-size: 16px;
	margin-right: 10px;
}

.trinity_onwards{
	max-width: 450px;
	width: 100%;
	margin: auto;
}