@charset "UTF-8";
/*---スマホファースト---*/
/*===================
　トップページ
===================*/
#top-main {
  background-image: url(../img/mainback.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 0 10px 0;
  margin: 0 0 0 30px 0;
}
.spmenu {
  padding:0;
}
.spmenulogo {
  width: 50%;
  margin: 0;
  position: relative;
}
.spmenulogo .logo-text,
#header .logo-text {
  position: absolute;
  top: 0;
  left: 0;
  margin: 5px;
  font-size: 11px;
  font-weight: bold;
  font-family: serif;
  line-height: 1em;
  white-space: nowrap;
  overflow: visible;
}
.top-main dl {
  width: 90%;
  margin: 20px auto 0 auto;
}
.top-main dl dt {
  font-size: 14px;
}
.top-main dl dd {
  border-bottom: dotted 1px #aaa;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.top-main dl dd:last-child {
  border-bottom: none;
}

#top-catalog h1 {
  font-size: 26px;
    text-align: center;
    padding: 40px 0 30px 0;
    font-weight: normal;
}
#top-catalog ul {
  width: 95%;
    margin: 0 auto;
}
#top-catalog ul li {
  width: 42.5%;
  margin: 0 2.5% 20px 2.5%;
  border-top:solid 2px #ccc;
  text-align: center;
}
#top-catalog ul li h2 {
  font-size: 18px;
  font-weight: bold;
  font-family: "Sawarabi Mincho";
  padding: 10px 0;
}

#catalog-info {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
  border: solid 3px #e8d2be;
  background-color: #f9f9f8;
}
#catalog-info .link-cataloginfo-img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
#catalog-info .link-cataloginfo-txt {
  width: 85%;
  margin: 0 auto;
}
#catalog-info .link-cataloginfo-txt h1 {
  padding: 15px 0 8px 0;
    font-size: 26px;
    font-weight: normal;
}
a.link-btn-red {
  font-family: "Sawarabi Mincho";
    display: block;
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 8px 0;
    background-color: #c35146;
    color: #fff;
    text-align: center;
}
.link-tokuten-bana {
  width: 90%;
  margin: 20px auto;
}
.link-tokuten-bana a {
  display: block;
  margin: 0 0 20px 0;
}
.link-mamafuri {
    width: 90%;
    padding: 20px 0 0 0;
    margin: 0 auto;
    background-image: url(../img/mama-back.png);
    background-color: #f9f9f8;
    background-repeat: repeat;
    border: solid 3px #d09c9c;
}
.link-mamafuri .mamafuri-l {
  width: 85%;
  margin: 0 auto;
}
.link-mamafuri .mamafuri-l h1 {
    font-size: 26px;
    font-weight: normal;
  padding: 0 0 8px 0;
}
.link-mamafuri .mamafuri-r {
  width: 100%;
    margin: 30px 0 0 0;
}



/*===================
　カタログ一覧
===================*/
ul.catalogall {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
  justify-content: space-between;
}
ul.catalogall li {
  width: 45%;
  margin: 0 0 20px 0;
  text-align: center;
  font-family: "Sawarabi Mincho";
  border-top: solid 1px #ccc;
}
ul.catalogall li h2 {
  font-size: 18px;
  padding: 15px 0 10px 0;
}


/*===================
　カタログページ
===================*/
.catalogflex {}
ul.all {
  margin: 0 0 100px 0;
}
ul.all li {
    width: 33%;
    margin: 0 0.15% 1px 0.15%;
}


/*===================
　カタログ詳細ページ
===================*/
ul.all2 {
  margin: 0 0 100px 0;
}
ul.all2 li {
    width: 33%;
    margin: 0 0.15% 1px 0.15%;
}
.item-img {
    width: 70%;
    margin: 0 auto;
    padding: 40px 0 20px 0;
}
.item-detail {
    width: 90%;
    margin: 0 auto;
}
.item-detail .brand {
  font-size: 12px;
}
.item-detail .brand:after {
  content: "";
  display: block;
  width: 20px;
  height: 2px;
  background-color: #000;
  margin: 0;
}
.item-detail h1 {
  font-size: 30px;
  font-weight: normal;
  padding: 20px 0;
}
.item-detail .item-txt {
  padding: 0 0 20px 0;
}
/*.item-detail .pricearea .price-buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #000;
  color: #fff;
}*/
.item-detail .pricearea {
  justify-content: space-between;
}
.item-detail .pricearea .price-buy {
  width: 20%;
}
.item-detail .pricearea .price-box {
  width: 75%;
  font-size: 30px;
}
.item-detail .pricearea .price-box p.fullset {
  font-size: 16px;
  padding: 0 0 8px 0;
}
.item-detail p.attention {
  margin: 8px 0 20px 0;
}
.note {
  background-color: #EFEFEF;
  padding: 10px;
  margin: 0 0 50px 0;
}
#item-catalogall h3 {
    font-size: 26px;
    text-align: center;
    font-weight: normal;
    padding: 20px 0;
}

#item-slide {
    width: 90%;
  max-width: 1000px;
  margin: 30px auto;
  padding: 30px 0 0 0;
  border-top: solid 1px #ccc;
}
#item-slide h3 {
    font-size: 26px;
    text-align: center;
    font-weight: normal;
    padding: 20px 0;
}





/*===================
　購入特典ページ
===================*/
.brownline {
  width: 45%;
  max-width: 250px;
    margin: 0 auto 10px auto;
}
.specialtttl {
  color: #865B32;
    font-weight: normal;
    text-align: center;
}
.specialtttl h1 {
    font-size: 26px;
    letter-spacing: 0.2em;
    padding: 50px 0px 15px 0px;
}
.specialtttl p {
    text-align: center;
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    letter-spacing: 0em;
}
.special {
  margin: 80px 0 0 0;
}
.specialttl-r {
    justify-content: space-between;
    align-items: center;
}
.specialttl-r:before {
    font-family: "Sawarabi Mincho";
    display: inline-block;
    width: 20%;
    padding: 25px 0 35px 0;
    font-size: 40px;
    font-style: oblique;
    text-align: center;
    background-size: 100% 100%;
    color: #fff;
    position: relative;
    left: 5%;
}
.specialttl-r h2 {
    display: inline-block;
    width: 70%;
    margin: 0;
}
dl.specialbox {
    width: 90%;
    margin: 30px auto;
}
dl.specialbox dt {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 8px 30px;
    margin: 0 0 8px 0;
}dl.specialbox dd {
  padding: 0 0 30px 0;
}
dl.specialbox dd p {
  display: inline-block;
  background-color: #E95377;
  color: #fff;
  padding: 8px 13px;
  margin: 8px 0;
  }
dl.specialbox dd span {
  color: #E95377;
  font-weight: bold;
}


#buy {
}
#buy .specialttl-r:before {
    content: "01";
    background-image: url(../img/special-obi1.png);
}
#buy .special {
  color: #865B32;
  margin: 80px 0 0 0;
  border-top: solid 1px #865B32;
}
#buy dl.specialbox dt {
  color: #C35146;
    border-bottom: solid 1px #C35146;
}

#rental {
}
#rental .specialttl-r:before {
    content: "02";
    background-image: url(../img/special-obi2.png);
}
#rental .special {
  color: #957391;
  margin: 80px 0 0 0;
  border-top: solid 1px #957391;
}
#rental dl.specialbox dt {
  color: #957391;
    border-bottom: solid 1px #957391;
}
.rentalbana {
  width: 90%;
  max-width: 900px;
  margin: 0 auto 100px auto;
}
.specialbox dt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin: 4px 0;
    background-image: url(../img/special-ttl.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}





/*===================
　会社概要ページ
===================*/
#company .specialttl-r:before {
    content: "01";
    background-image: url(../img/special-obi1.png);
}
#history .specialttl-r:before {
    content: "02";
    background-image: url(../img/special-obi2.png);
}
#company .special {
    color: #865B32;
    margin: 80px 0 0 0;
    border-top: solid 1px #865B32;
}
#history .special {
    color: #957391;
    margin: 80px 0 0 0;
    border-top: solid 1px #957391;
}
.companybox,
.historybox {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto 50px auto;
    justify-content: space-between;
}
.companybox:before,
.historybox:before {
  content: "";
  display: block;
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: center center;
}
.companybox:before {
    background-image: url(../img/company.jpg);
}
.historybox:before {
    background-image: url(../img/history.jpg);
}
.companybox .company-l,
.companybox .company-r {
  width: 90%;
  margin: 0 auto 50px auto;
}
.companybox .company-l h2,
.companybox .company-r h2 {
  color: #865B32;
  font-size: 26px;
  padding: 25px 0; 
  line-height: 170%;
    width: 100%;
}
.companybox .company-l dd,
.companybox .company-r dd {
  width: 95%;
  margin: 0 0 25px 5%; 
}
.companybox .company-l dt {
  font-weight: bold;
}
.companybox .company-r dt {
  display: inline;
  font-weight: bold;
  background-color: #865B32;
  color: #fff;
  padding: 3px 10px;
}
.companybox .company-c {
  width: 90%;
  margin: 0 auto 50px auto;
}
.companybox .company-c dt {
  font-size: 20px;
  padding: 0 0 8px 0;
  border-bottom: solid 1px #865B32;
  color: #865B32;
  font-weight: bold;
}
.companybox .company-c dd {
  width: 100%;
  margin: 0 0 35px 0; 
  line-height: 180%;
}
.companybox .company-c dd p {
  margin: 15px 0;
}
.companybox .company-c dd .attention {
  font-size: 12px;
  display: block;
  line-height: 120%;
}
.companybox .company-c dd .dial {
  font-weight: bold;
}
.historybox dl {
  width: 90%;
  margin: 0 auto 50px auto;
}
.historybox dl dt {
  font-weight: bold;
}
.historybox dl dd {
  width: 95%;
  margin: 0 0 25px 5%;
}
.historybox dl dd p {
  margin: 0 0 10px 0;
}
.historybox dl dd span {
  background-color: #957391;
  color: #fff;
  display: inline-block;
  padding: 3px 8px;
}





/*===================
　ニュース一覧ページ
===================*/
#news {}
#news ul.news-all {
  width: 90%;
    max-width: 1000px;
  margin: 50px auto 0 auto;
}
#news ul.news-all li {
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}
#news ul.news-all a {
  display: block;
    margin: 50px 0;
}
#news ul.news-all li .news-thamnail {}
#news ul.news-all li .news-r {
  margin: 20px 0 0 0;
}
#news ul.news-all li .news-r time {
  font-size: 14px;
  padding: 10px 0 0 0;
}
#news ul.news-all li .news-r h2 {
  color: #865B32;
  font-size: 26px;
  line-height: 165%;
  padding: 0px 0 0 0;
}
#news ul.news-all li .news-r p {
  padding: 0px 0 0 0;
  font-size: 14px;
}
#news ul.pager {
  width: 90%;
  margin: 30px auto;
  justify-content: center;
}
#news ul.pager li {
  width: 12%;
  margin: 0 1%;
  text-align: center;
}
#news ul.pager li.active a {
  font-weight: bold;
  font-size: 150%;
  color: #C35146;
}





/*===================
　ニュース詳細ページ
===================*/
.news-ttl {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}
.news-ttl time {
  color: #865B32;
  font-size: 14px;
}
.news-ttl h1 {
  color: #865B32;
  font-size: 26px;
  line-height: 165%;
}
#news-detail {
  width: 90%;
  max-width: 900px;
  margin: 30px auto;
}
#news-detail h1,
#news-detail h2,
#news-detail h3,
#news-detail h4,
#news-detail h5,
#news-detail h6 {
  margin: 15px 0;
}
#news-detail p {
  margin: 10px 0;
}
#news-detail img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-top: 8px;
  margin-bottom: 8px;
}
#news-arrival {
    width: 90%;
  max-width: 1000px;
  margin: 80px auto;
  padding: 20px 0 0 0;
  border-top: solid 1px #ccc;
}
#news-arrival h3 {
    font-size: 26px;
    text-align: center;
    font-weight: normal;
    padding: 10px 0 20px 0;
}
#news-arrival ul {
}
#news-arrival ul li {
  margin: 0 auto 60px auto;
}
#news-arrival h2 {
    font-size: 22px;
    color: #865B32;
}
#news-arrival .news-allsp {
  margin: 0 0 30px 0;
}
#news-arrival .news-allsp a {
  display: block;
  background-color: #C35146;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  margin: 0;
}





/*===================
　お店紹介ページ
===================*/
#shop {}
#shop .shopsubttl {
  width: 90%;
  max-width: 800px;
  margin: 50px auto;
  padding: 20px 0;
    border-top: solid 1px#000;
    border-bottom: solid 1px#000;
}
#shop .shopsubttl h2 {
  font-size: 26px;
  text-align: center;
}
#shop .shopsubttl p {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0;
  text-align: left;
}
#shop .shop-area {}
#shop .shop-area .shopimg {}
#shop .shop-area h2 {
  width: 90%;
  margin: 20px auto 10px auto;
}
#shop .shop-area .shopaddress {
  width: 90%;
  margin: 0 auto 10px auto;
}
#shop .shop-area .shopaddress p {
  margin: 0 0 10px 0;
}
#shop .shop-area .shop-map {
  width: 90%;
  margin: 0 auto 80px auto;
}
#shop .shop-area .shop-map iframe {
  margin: 30px auto 10px auto;
}
#shop .shop-area .shop-map a {}

.shop-txt {
  background-color: #F2F1F1;
  padding: 30px 0;
    margin: 50px 0 0 0;
}
.shop-txt .shop-inner {
  width: 90%;
    max-width: 1000px;
  margin: 0 auto;
}
.shop-txt .shop-inner .shop-l {
  margin: 0 0 20px 0;
}
.shop-txt .shop-inner .shop-r {}
.shop-txt .shop-inner .shop-r p {
  margin: 0 0 20px 0;
}





/*===================
　問い合わせページ
===================*/
#contact .specialttl-r:before {
    content: url(../img/contact-mail.svg);
    /*display: inline-block;*/
    vertical-align: middle;
    background-image: url(../img/special-obi1.png);
    padding: 0 0 15px 0;
}
#contact .special {
  color: #865B32;
  margin: 80px 0 0 0;
  border-top: solid 1px #865B32;
}
.contacttxt {
  width: 90%;
  max-width: 800px;
  margin: 30px auto;
}
dl.contactarea {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}
dl.contactarea dt {
  margin: 0 0 10px 0;
  font-weight: bold;
}
dl.contactarea dd {
  margin: 0 0 30px 0;
}
.contact-attention {
  border:solid 1px #000;
  width: 90%;
  max-width: 800px;
  margin: 50px auto 100px auto;
  padding: 20px 0 10px 0;
}
.contact-attention h3 {
  font-weight: bold;
  font-size: 120%;
  padding: 0 20px 0 20px;
}
.contact-attention p {
  padding: 0 20px 10px 20px;
}
.contact-attention p.contact-shop {
  padding: 8px 0 12px 0;
  margin: 8px 20px; 
  border-bottom: dotted 1px #aaa;
}
.contact-attention p.contact-shop:last-child {
  border-bottom: none;
}
.contact-attention p.contact-shop .con-shop {
  font-weight: bold;
  font-size: 120%;
}
.contact-attention p.contact-shop .con-tel {
  font-weight: bold;
  font-size: 120%;
}
.contact-attention p.contact-shop .con-tel:after {
  display: block;
  width: 100%;
  height: 1px;
  content: "";
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input.inputarea {
    background-color: #efefee;
    border: none;
    border-bottom: solid 1px #000;
    padding: 10px;
    width: calc(100% - 20px);
    font-size: 16px;
    border-radius: 0;
}
select.inputarea {
    background-color: #efefee;
    border: none;
    border-bottom: solid 1px #000;
    padding: 10px;
    font-size: 16px;
    border-radius: 0;
}
input.inputarea2 {
    background-color: #efefee;
    border: none;
    border-bottom: solid 1px #000;
    padding: 10px;
    width: calc(50%);
    max-width: 150px;
    font-size: 16px;
    border-radius: 0;
}
input.input-btn {
    display: block;
    width: 90%;
    padding: 10px 0;
    margin: 0 auto;
    background-color: #c35146;
    color: #fff;
    font-size: 20px;
    border: none;
    letter-spacing: 0.2em;
}
textarea.textarea {
    background-color: #efefee;
    border: none;
    border-bottom: solid 1px #000;
    padding: 10px;
    width: calc(100% - 20px);
    font-size: 16px;
    border-radius: 0;
    height: 300px;
}





/*===================
　カタログ問い合わせページ
===================*/
#contact-catalog .specialttl-r:before {
    content: url(../img/contact-catalog.svg);
    /*display: inline-block;*/
    vertical-align: middle;
    background-image: url(../img/special-obi1.png);
    padding: 0 0 15px 0;
}
#contact-catalog .special {
  color: #865B32;
  margin: 80px 0 0 0;
  border-top: solid 1px #865B32;
}





/*===================
　ママ振りページ
===================*/
.mamafri1 {
  width: 90%;
  max-width: 1000px;
  margin: 50px auto 0 auto;
}
.mamafri2 {
  width: 90%;
  max-width: 1000px;
  margin: 50px auto 0 auto;
}
.mama-r {}
.mama-r dl dt {
  font-size: 12px;
  font-weight: bold;
  color: #865B32;
}
.mama-r dl dd {
  padding: 0 0 30px 0;
}
.mama-r dl dd h2 {
  color: #865B32;
  font-size: 18px;
}
.mama-r dl dd p {
  color: #ED6C00;
}
.mama-point {
  background-color: #ED6C00;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  margin: 0 0 0 0;
  color: #fff;
}
.mamafri3 {
  width: 100%;
  max-width: 1000px;
  background-color: #EFEFEE;
  margin: 100px auto 0 auto;
  padding: 0 0 50px 0;
  position: relative;
}
.mamafri3 .mamafri3-ttl {
  position: relative;
  top: -30px;
  width: 90%;
    max-width: 800px;
  margin: 0 auto;
}
.mamafri3 h3 {
  text-align: center;
  font-size: 180%;
  color: #c35146;
  margin: -20px 0 0 0;
}
.mamafri3 h3 span {
  font-size: 80%;
}
.mamafri3 .mama-pac {
    width: 90%;
    max-width: 850px;
    margin: 30px auto;
    padding: 0 0 20px 0;
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    position: relative;
}
.mamafri3 .mama-pac h4 {
    position: relative;
    top: -23px;
    background-color: #EFEFEE;
    padding: 10px;
    display: table;
    margin: 0 auto;
    font-size: 18px;
}
.mamafri3 .mama-pac p {
    margin: -20px auto 0 auto;
}
.mamafri3 .mama-present {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
}
.mamafri3 .mama-present ul {
    width: 96%;
    margin: 0 auto;
}
.mamafri3 .mama-present ul li {
    padding: 20px 0;
}
.mamafri3 .mama-present ul li .mamapre-l {
  width: 20%;
}
.mamafri3 .mama-present ul li .mamapre-r {
  width: 80%;
  padding: 10px 0 0 0;
}
.mamafri3 .mama-present ul li .mamapre-l img {
  width: 90%;
  height: auto;
}
.mamafri3 .mama-present ul li .mamapre-r h5 {
  color: #EA5541;
  font-size: 16px;
  line-height: 160%;
}
.mamafri3 .mama-present ul li .mamapre-r p {
  font-size: 12px;
  line-height: 130%;
  padding: 10px 0 0 0;
}












/*---タブレット---*/
@media screen and (min-width:768px) {
}














/*---PC---*/
@media screen and (min-width:1024px) {
  #top-main {
    padding: 0;
}
.top-slide-img {
    /*height: 100vh;
    width: 40%;
    overflow: hidden;*/
    height: 100vh;
    width: 40%;
    overflow: hidden;
    text-align: center;
}
.top-slide-img img {
    /*height: 100%;
    width: 100%;
    vertical-align: bottom;
    object-fit: cover;*/
        height: 100vh;
    width: auto;
}
.top-main {
    height: 100vh;
    width: 60%;
}
img.logo1 {
    height: 20vh;
    margin: 7vh 0 0 0;
}
img.logo2 {
    height: 20vh;
    margin: 5vh 0 3vh 0;
}
.top-main dl {
    width: 90%;
    max-width: 600px;
    margin: 20px auto 0 auto;
}
.top-main dl dt {
    width: 20%;
    border-bottom: dotted 1px #aaa;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.top-main dl dd {
    width: 80%;
}
.top-main dl dd:last-child {
    border-bottom: dotted 1px #aaa;
}
.top-arrow {
    height: 15vh;
    width: auto;
    text-align: center;
    margin: 10vh 0 0 0;
}
.top-arrow img {
    height: 100%;
    width: auto;
}
#top-catalog h1 {
    font-size: 30px;
    letter-spacing: 0.2em;
    padding: 70px 0 50px 0;
}
#top-catalog ul {
  max-width: 1300px;
}
#top-catalog ul li {
    width: 22%;
    margin: 0 1.5% 80px 1.5%;
}
#top-catalog ul li h2 {
  font-size: 20px;
}


#catalog-info {
    flex-direction: row-reverse;
    max-width: 1000px;
    align-items: center;
    border: solid 8px #e8d2be;
}
#catalog-info .link-cataloginfo-img {
    width: 30%;
}
#catalog-info .link-cataloginfo-txt {
    width: 50%;
    margin: 0 0 0 5%;
}
#catalog-info .link-cataloginfo-txt h1 {
    font-size: 30px;
    padding: 0 0 30px 0;
}
a.link-btn-red {
    display: inline-block;
    width: auto;
    padding: 8px 50px;
    margin: 20px 0 0 0;
}
/*a.link-btn-red:hover {
  background-color: #34495e;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}*/



.link-tokuten-bana {
  max-width: 1015px;
    justify-content: space-between;
        margin: 50px auto;
}
.link-tokuten-bana a {
    width: 48%;
    margin: 0 0 0 0;
}
.link-mamafuri {
    max-width: 1000px;
    border: solid 8px #d09c9c;
    padding: 0;
    align-items: center;
}
.link-mamafuri .mamafuri-l {
    width: 35%;
    margin: 0 0 0 5%;
}
.link-mamafuri .mamafuri-r {
    width: 57%;
    margin: 0 0 0 3%;
}
.link-mamafuri .mamafuri-l h1 {
    font-size: 30px;
    padding: 0 0 30px 0;
}


/*===================
　カタログ一覧
===================*/
ul.catalogall {
  margin: 0 auto 50px auto;
}
ul.catalogall li h2 {
  font-size: 20px;
}
ul.catalogall li {
  width: 22%;
  margin: 0 1.5% 80px 1.5%;
  border-top: solid 2px #ccc;
}




/*===================
　カタログ一覧
===================*/
ul.catalogall {
  justify-content: normal;
  max-width: 1300px;
  width: 96%;
  margin: 0 auto;
}

.catalogflex {
  padding: 0;
  width: 68%;
  text-align: center;
}

aside {
  width: 28%;
  padding: 0 0 30px 0;
}
aside section {
  padding: 0;
}
aside section + section {
  margin-top: 20px;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
    text-align: center;
}




/*===================
　カタログ詳細ページ
===================*/
ul.all2 {
  max-width: 1300px;
  margin: 0 auto 100px auto;
}
ul.all2 li {
    width: 19%;
    margin: 0 0.5% 15px 0.5%;
}
.item {
  max-width: 1000px;
  margin: 0 auto;
  justify-content: space-between;
}
.item .item-img {
    width: 40%;
    margin: 0;
    padding: 40px 0 20px 0;
}
.item .item-detail {
    width: 55%;
    margin: 0;
    padding: 40px 0 20px 0;
}
.item-detail .pricearea .price-buy {
    width: 15%;
}
.item-detail .pricearea .price-box {
    width: 83%;
}
.item-detail p.attention {
  font-size: 12px;
}
.note {
    background-color: #EFEFEF;
    padding: 15px;
    font-size: 12px;
    margin: 0 0 50px 0;
}
#item-catalogall {
    width: 90%;
  max-width: 1300px;
  margin: 30px auto;
  padding: 30px 0 0 0;
  border-top: solid 1px #ccc;
}
#item-catalogall h3 {
    font-size: 26px;
    text-align: left;
    font-weight: normal;
    padding: 20px 10px;
}
#item-slide h3 {
    font-size: 26px;
    text-align: left;
    font-weight: normal;
    padding: 20px 10px;
}


/*===================
　購入特典ページ
===================*/
#buy,
#rental {
    max-width: 1000px;
    background-color: #fff;
    margin: 0 auto 100px auto;
}
.specialttl-r:before {
    width: 100px;
    font-size: 50px;
    padding: 35px 0 45px 0;
}
.specialttl-r h2 {
    width: 82%;
}
dl.specialbox dd {
  font-size: 14px;
}
dl.specialbox dd p {
    display: table;
    padding: 3px 13px;
}





/*===================
　会社概要ページ
===================*/
#company,
#history {
    max-width: 1000px;
    background-color: #fff;
    margin: 0 auto 100px auto;
    font-size: 14px;
}
.companybox .company-l {
  width: 60%;
    margin: 0 5% 50px 0;
}
.companybox .company-r {
  width: 35%;
}
.companybox,
.historybox {
    width: 90%;
}
.companybox .company-l h2,
.companybox .company-r h2 {
    font-size: 18px;
}
.companybox .company-l dt {
  width: 15%;
}
.companybox .company-l dd {
  width: 85%;
    margin: 0 0 25px 0;
}
.companybox .company-c {
    width: 100%;
}
.companybox .company-c dt {
  width: 30%;
    border-bottom: none;
    font-size: 18px;
    padding: 15px 0 8px 0;
}
.companybox .company-c dd {
    width: 69%;
    border-left: solid 1px #865B32;
}
.companybox .company-c dd p {
  width: 95%;
    margin: 15px 0 15px 5%;
}
.companybox .company-c dd .dial {
  font-size: 120%;
}
.historybox dl {
    margin: 30px auto 50px auto;
}
.historybox dl dt {
  width: 10%;
}
.historybox dl dd {
  width: 90%;
    margin: 0 0 25px 0;
}




/*===================
　ニュース一覧ページ
===================*/
#news ul.news-all li .news-thamnail {
  width: 30%;
}
#news ul.news-all li .news-r {
  width: 65%;
    margin: 20px 5% 0 0;
}
#news ul.news-all li .news-r p {
    font-size: 12px;
}
#news ul.news-all a:hover {
  text-decoration: none;
  opacity: 0.8;
}
#news ul.pager {
    max-width: 500px;
    margin: 80px auto;
}





/*===================
　ニュース詳細ページ
===================*/
#news-detail {
  font-size: 14px;
}
#news-arrival a {
  text-decoration: none;
}
#news-arrival a:hover {
  opacity: 0.8;
}
#news-arrival h2 {
    font-size: 17px;
}
#news-arrival .arricalttl {
  justify-content: space-between;
  align-items: center;
}
#news-arrival .news-all {
    margin: 0 3.3% 0 0;
}
#news-arrival .news-all a {
    background-color: #C35146;
    color: #fff;
    padding: 3px 20px;
    font-size: 14px;
    margin: 0;
    display: block;
}
#news-arrival ul {
  justify-content: flex-start;
  margin: 20px 0 0 0;
}
#news-arrival ul li {
  width: 28%;
    margin: 0 2.5% 2.5% 2.5%;
}





/*===================
　お店紹介ページ
===================*/
.shop-area {
  width: 1300px;
  margin: 0 auto;
  justify-content: space-between;;
}
.shop-area #nishio,
.shop-area #anjo {
  width: 47%;
}
#shop .shop-area h2 {
    width: 100%;
}
#shop .shop-area .shopaddress {
    width: 100%;
}
#shop .shop-area .shop-map {
    width: 100%;
    text-align: center;
}
.shop-txt {
    padding: 50px 0 30px 0;
}
.shop-txt .shop-inner .shop-l {
  width: 20%;
}
.shop-txt .shop-inner .shop-r {
  width: 80%;
}





/*===================
　問い合わせページ
===================*/
#contact {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
}
dl.contactarea {
    margin: 50px auto 0 auto;
}
dl.contactarea dd {
    margin: 0 0 50px 0;
}
input.input-btn {
    width: 350px;
}
input.input-btn:hover {
    opacity: 0.8;
}
.contact-attention {
    margin: 50px auto 150px auto;
}
.contact-attention h3 {
    padding: 0 20px 20px 20px;
}
.contact-attention p.contact-shop .con-tel {
    display: inline-block;
    margin-right: 30px;
}
.contact-attention p.contact-shop .con-tel:after {
  display: none
}





/*===================
　カタログ問い合わせページ
===================*/
#contact-catalog {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
}





/*===================
　ママ振りページ
===================*/
.mamafri2 {
    justify-content: space-between;
}
.mamafri2 .mama-l {
    width: 33%;
}
.mamafri2 .mama-r {
    width: 64%;
}
.mamafri3 {
    margin: 150px auto 100px auto;
}
.mama-point {
    padding: 10px 0;
}
.mamafri3 h3 span {
    font-size: 70%;
}
.mamafri3 .mama-present ul {
    justify-content: space-between;
}
.mamafri3 .mama-present ul li {
    width: 47%;
}





}


/* カタログ追記 2020-04-27 */
.catalog-list-title {
	display: block;
	font-size: 16px;
	text-align: left;
}
.catalog-list-link {
	display: block;
	font-size: 14px;
	text-align: right;
	line-height: 20px;
	margin-bottom: 10px;
}
.catalog-list-link::after {
	content: "";
	display: inline-block;
	border-left: 14px solid #000;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	margin-left: 4px;
}

@media (max-width: 640px) {
.catalogflex ul.all li,
#item-catalogall ul.all2 li {
	width: 47%;
}
.catalogflex ul.all li:nth-child(2n + 1),
#item-catalogall ul.all2 li:nth-child(2n + 1) {
	margin: 0 1% 1px 2%;
}
.catalogflex ul.all li:nth-child(2n),
#item-catalogall ul.all2 li:nth-child(2n) {
	margin: 0 2% 1px 1%;
}