@charset "UTF-8";

/* このファイルに記載することでCSSを上書きできます
html {
  color: #F00;
}
*/

a.text-link {
 text-decoration:underline;
 color:#007d10;
}
a:hover.text-link {
 text-decoration:none;
}
.fontSS {
 font-size:0.9rem;
}
.fontS {
 font-size:1.2rem;
}
.fontM {
 font-size:1.4rem;
}
.fontL {
 font-size:1.8rem;
}
.fontLL {
 font-size:3rem;
}
.fontB {
 font-weight:600;
}
.center {
 text-align:center;
 margin:0 auto;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


/* カート部分　*/

.cartcopy-text {
 border:1px solid #ff5a00;
 padding:1rem 1.5rem;
 margin-top:1.5rem;
 color:#ff5a00;
}
.cartcopy-text2 {
 margin-top:1rem;
 color:#ff5a00;
 text-align:right;
 font-size:1.2rem;
}

/* ヘッダー　*/

@media screen and (max-width: 499px) {
 .s-header-wrap__logo {
  width: 50%;
  margin-right:6%;
 }
}
@media screen and (min-width: 500px) and (max-width:799px) {
 .s-header-wrap__logo {
  width: 24rem;
  margin-right:6%;
 }
}
@media screen and (min-width: 800px) {
 .s-header-wrap__logo {
  width: 32rem;
 }
}

.s-header-userNav__title {
 font-size:1.5rem; 
}
.s-header-userNav__navLink a {
 font-size:1.5rem; 
}
.s-header-categoryNav__head {
 font-size:1.6rem; 
 font-weight:600;
}
.s-header-categoryNav__head span img {
 width:35px;
 float:left;
 padding-right:5px;
}
.s-header-categoryNav__navLink a {
 font-size:1.7rem;   
}
.s-header-utilityList__item {
 width:5.5rem;
}
.s-header-wrap {
  border-bottom:3px solid #175e47;  
}

@media screen and (min-width: 992px) {
 .s-header-wrap__nav {
  height: 8.5rem;
 }
}

/* トップH2タイトル文字　*/

.p-homeSection__title {
 font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
 font-size: 2.3rem;
}
.p-homeSection {
 padding-top:7rem;
}

/* トップニュース調整　*/

.p-homeNewsList {
  border-bottom: 1px solid #5b5b5b;
  border-top: 1px solid #5b5b5b;
}
.p-homeNewsList-body {
 padding: 1rem 2rem 1rem;
}

/* トップおみくじバナー　*/

.top-membership-bnr p {
 margin:2rem 0;
}

/* トップカテゴリーで探す　*/

@media screen and (max-width: 575px) {
 .top-catbnr-list {
  display: flex;
  max-width: 800px;
  margin: auto;
  overflow-x: auto;
 }
 .top-catbnr-list ul {
  flex-shrink: 0;
  width:180%;
 }
 .top-catbnr-list ul li {
  display:inline-block;
  margin:0 0.5%;
  width:24%;
 }
 .top-catbnr-list ul li img {
  width:100%;
 }
 .p-homeSection__title {
 font-size:4vw;
 }
}

@media screen and (min-width:576px) and (max-width:800px)  {
 .top-catbnr-list {
  display: flex;
  max-width: 800px;
  margin: auto;
  overflow-x: auto;
 }
 .top-catbnr-list ul {
  flex-shrink: 0;
  width:120%;
 }
 .top-catbnr-list ul li {
  display:inline-block;
  margin:2px 0.5%;
  width:24%;
 }
 .top-catbnr-list ul li img {
  width:100%;
 }
}

.top-catbnr-list ul li {
  display:inline-block;
  margin:3px 0.5%;
  width:19%;
}
.top-catbnr-list ul li img {
  width:100%;
}

/* トップ季節のおすすめで探す　*/

@media screen and (max-width:768px) {
 .top-eventbnr-list ul li {
  display:inline-block;
  margin:3px 1%;
  width:48%;
 }
 .top-catbnr-list ul li img {
  width:100%;
 }
}

@media screen and (min-width:769px)  {
 .top-eventbnr-list ul li {
  display:inline-block;
  margin:3px 0.5%;
  width:32%;
 }
 .top-catbnr-list ul li img {
  width:100%;
 }
}

/* トップ寺の友社・杜の友社 定番・オリジナル商品　*/

@media screen and (max-width:768px) {
 .top-teiban-list ul li {
  display:inline-block;
  margin:3px 1%;
  width:48%;
 }
 .top-catbnr-list ul li img {
  width:100%;
 }
}

@media screen and (min-width:769px)  {
 .top-teiban-list ul li {
  display:inline-block;
  margin:3px 0.5%;
  width:24%;
 }
 .top-catbnr-list ul li img {
  width:100%;
 }
}

/* トップフッターサービスバナー　*/

@media screen and (max-width:768px) {
 .top-catbnr-list ul li img {
  width:100%;
 }
}

@media screen and (min-width:769px)  {
 .top-servicebnr-list ul li {
  display:inline-block;
  width:49%;
 }
 .top-catbnr-list ul li img {
  width:100%;
 }
 .margin-right2 {
    margin-right:2%; 
 }
}

/* トップフッター情報ボタン　*/

@media screen and (max-width:768px) {
 .top-infobtn-l {
  margin-top:30px;
 }
 .top-infobtn-r {
  width:99%;
  margin:0 auto;
 }
 .top-infobtn-l ul li {
  width:49%;
  display:inline-block; 
  margin:0 0.5%;
 }
}

@media screen and (min-width:769px)  {
 .top-infobtn-l {
  width:51%;
  display:inline-block;
  margin-top:50px;
 }
 .top-infobtn-r {
  width:49%;
  display:inline-block;
  margin-top:50px;
 }
 .top-infobtn-l ul li {
  width:47%;
  display:inline-block; 
  margin:0 10px 2px 0;
 }
}

/* フッター共通会社情報　*/

.s-footer {
 border-top:none;
 margin:0 0 4rem;
 padding:0;
}

@media screen and (max-width:599px)  {
 .footer-company-info-wrap {
  text-align:center;
  background:url("/assets/img/home/footer/footer_bg.jpg") center;
  background-size:auto 100%;
 }
 .footer-company-info {
  margin:0 auto;
  padding:3rem 4%;
 }
 .footer-company-info ul li {
  display:inline-block;
  background:#FFF;
  opacity: 0.9;
  width:75%;
  margin:1rem 0;
  padding:4rem
 }
 .footer-company-info ul li img {
  width:100%;
 }
 .footer-company-info p {
  margin:1rem 0 0;
  font-size:1.3rem;
 }
}

@media screen and (min-width:600px)  {
 .footer-company-info-wrap {
  text-align:center;
  background:url("/assets/img/home/footer/footer_bg.jpg");
  background-size:100% auto;
 }
 .footer-company-info {
  margin:0 auto;
  padding:2.8rem 10%;
 }
 .footer-company-info ul {
  background:#FFF;
  opacity: 0.9;
  display:inline-block;
 }
 .footer-company-info ul li {
  display:inline-block;
  width:42%;
  margin:3rem 3%;
 }
 .footer-company-info ul li img {
  width:100%;
 }
 .footer-company-info p {
  margin:2rem 0 0;
  font-size:1.2rem;
 }
}

@media screen and (min-width:1140px)  {
 .footer-company-info-wrap {
  text-align:center;
  background:url("/assets/img/home/footer/footer_bg.jpg");
  background-size:100% auto;
 }
 .footer-company-info {
  width:1140px;
  margin:0 auto;
  padding:2.8rem 0;
 }
 .footer-company-info ul {
  background:#FFF;
  opacity: 0.9;
  display:inline-block;
 }
 .footer-company-info ul li {
  display:inline-block;
  width:300px;
  margin:3rem 4rem;
 }
 .footer-company-info ul li img {
  width:100%;
 }
 .footer-company-info p {
  margin:2rem 0 0;
  font-size:1.2rem;
 }
}

/* フッター買い物情報　*/

.f-bold {
 font-weight:600;
}

@media screen and (max-width:768px)  {
 .footer-shop-info-wrap {
  background:#f6f6f6;
  padding:3rem 8% 5rem;
  border-bottom:4px solid #175e47;
 }
 .footer-shop-info {
  margin:0 auto;
 }
 .footer-shop-info ul li {
  display:block;
  margin:0 2.5%;
  font-size:1.3rem;
  line-height:2.5rem;
  vertical-align:top;
 }
 .shop-info-title {
  font-size:1.8rem;
  font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
  border-bottom:1px solid #dadada;
  display:block;
  padding-bottom:0.5rem;
  margin-top:4rem;
 }
}

@media screen and (min-width:769px)  {
 .footer-shop-info-wrap {
  background:#f6f6f6;
  padding:6rem 6%;
  border-bottom:4px solid #175e47;
  margin-bottom:2rem;
 }
 .footer-shop-info {
  margin:0 auto;
 }
 .footer-shop-info ul li {
  display:inline-block;
  width:42%;
  margin:0 4%;
  font-size:1.3rem;
  line-height:2.5rem;
  vertical-align:top;
 }
 .shop-info-title {
  font-size:1.6rem;
  font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
  border-bottom:1px solid #dadada;
  display:block;
  padding-bottom:0.5rem;
 }
}

@media screen and (min-width:1140px)  {
 .footer-shop-info-wrap {
  background:#f6f6f6;
  padding:6rem 0;
  border-bottom:4px solid #175e47;
  margin-bottom:2rem;
 }
 .footer-shop-info {
  width:1140px;
  margin:0 auto;
 }
 .footer-shop-info ul li {
  display:inline-block;
  width:20%;
  margin:0 2.5%;
  font-size:1.3rem;
  line-height:2.5rem;
  vertical-align:top;
 }
 .shop-info-title {
  font-size:1.6rem;
  font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
  border-bottom:1px solid #dadada;
  display:block;
  padding-bottom:0.5rem;
 }
}

.side-bnr-erea {
 margin-bottom:3rem;
}
.side-bnr-erea li {
 margin-bottom:1rem;
}

/* ショップ必須の下層ページ　*/

.tokutei-subtitle {
 margin-top:60px;
 font-size:2rem;
 border-left:4px solid;
 padding-left:12px;
}


/* PCとスマホの画像替え */

@media only screen and (max-width: 768px) {
 .pc { display: none !important; }
 .sp { display: block !important; }
}
@media only screen and (min-width: 769px) {
 .pc { display: block !important; }
 .sp { display: none !important; }
}

/* 下層：LP共通 */

.lp-underline {
 text-decoration:underline;
 font-weight:300;
}
.lp-fontbold {
 font-weight:600;
}
.lp-fontred {
 color:#e60000;
 font-weight:600;
}
.lp-fontorange {
 color:#ff5a00;
 font-weight:600;
}

.lp p {
 font-size:105%;
 line-height:200%;
 }
.mainimg,.lp p {
 margin-bottom:40px;
 }
.lp-how {
 color:#175e47;
 font-size:140%;
 background:#dde8e0;
 padding:10px;
 text-align:center;
 margin-bottom:5rem; 
 }
.lp-note {
 background:#edf2ee;
 padding:30px;
 margin-bottom:100px; 
 }
.lp-note h4 {
 font-size:115%;
 font-weight:700; margin-bottom:10px; 
 }
.lp-note li {
 font-size:105%;
 list-style:disc outside;
 margin-left:20px; 
 }
.lp-btn {
 text-align:center;
 width:361px;
 margin:0 auto; 
 }
.clearfix::after {
 content: "";
 display: block;
 clear: both; 
 }
.orange {
 color:#ff5a00;
 font-weight:bold; 
 }
 
.lp h3 {
 margin-bottom: 5rem;
 position: relative;
 text-align: center;
}
.lp h3 b {
 font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
 font-size: 170%;
 font-weight: 300;
 line-height: 1.0rem;
 display: inline-block;
 padding: 0 20px;
}

@media only screen and (max-width: 768px) {
 .lp h3::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 15%;
  height: 1px;
  background: #000;
 }
 .lp h3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 15%;
  height: 1px;
  background: #000;
 }
 .img-2column,.img-3column,.img-4column {
 margin-bottom: 6rem;
 }
 .img-3column li {
 display: inline-block;
 margin:0 0.5%;
 width:48%; 
 }
.img-4column li {
 display: inline-block;
 margin:0 0.5%;
 width:48%;   
 }
 .noshi-03 {
 width:80%;
 margin:0 auto;
 }
}
@media only screen and (min-width: 769px) {
 .lp h3::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  width: 33%;
  height: 1px;
  background: #000;
 }
 .lp h3::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 33%;
  height: 1px;
  background: #000;
 }
 .img-2column,.img-3column,.img-4column {
 margin-bottom: 6rem;
 }
 .img-2column li {
 display: inline-block;
 width:50%;  
 }
.img-3column li {
 display: inline-block;
 margin:0 0.5%;
 width:32.2%; 
 }
.img-4column li {
 display: inline-block;
 width:25%;  
 }
 .noshi-03 {
 width:500px;
 margin:0 auto;
 }
}

/* 下層：名入れサービス */

.naire-productList p a {
 font-size:105%;
 text-decoration:underline;
 }
.naire-productList img {
 margin-bottom:15px;
 }
.naire-ichiran {
 margin-bottom:40px;
 }
.naire-ichiran li {
 display: inline-block;
 margin:0 1% 5rem;
 width:48%; 
 }
 
@media only screen and (min-width: 769px) {
.naire-productList-l {
 float:left; width:48%;
 }
.naire-productList-r {
 float:right; width:48%;
 }
 .naire-ichiran li {
 display: inline-block;
 margin:0 0.5%;
 width:24%; 
 }
}

/* 下層：おみくじ・御札・御守等の 販売について */
.membership-mainimg {
 width:100%;
 border:8px solid #e60000;
 margin-bottom:4rem;
}
.membership-mainimg dl {
 width:100%;
 border:3px solid #d2b541;
 text-align:center;
}
.membership-mainimg dl dt {
 font-size:3.6rem;
 font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
 letter-spacing: -0.2rem;
 color:#e60000;
 font-weight:800;
 line-height:4.6rem;
}
.membership-mainimg dl dd {
 font-size:2rem;
 line-height:3rem;
 margin-top:2rem;
 font-weight:600;
}
.membership-contents {
 text-align:center;
 font-size:1.5rem;
 margin:0 auto;
}
.membership-categoly {
 margin-bottom:10rem;
}
.membership-categoly li img {
 width:100%;
}

@media only screen and (max-width: 768px) {
 .membership-mainimg dl {
  padding:3rem;
 }
 .membership-contents {
  width:100%;
 }
 .membership-btn img {
  width:100%;
  margin:0 auto 10rem;
 }
 .membership-categoly li {
  margin-bottom:2rem;
 }
 .membership-tokuten {
  background:#f1f6f4;
  border-radius: 15px;
  position: relative;
  padding:5rem 2rem 0.1rem;
  font-size:1.6rem;
  margin-bottom:4rem;
 }
 .membership-tokuten h2 img {
  width:92%;
  position: absolute;
  top:-2rem;
 }
}

@media only screen and (min-width: 769px) {
 .membership-mainimg dl {
  padding:7rem 8rem;
 }
 .membership-contents {
  width:80%;
 }
 .membership-btn img {
  width:500px;
  margin:0 auto 10rem;
 }
 .membership-categoly li {
  display: inline-block;
  margin:0.5rem 0.5%;
  width:49%; 
 }
 .membership-tokuten {
  background:#f1f6f4;
  border-radius: 15px;
  position: relative;
  padding:7rem 4rem 0.1rem;
  font-size:1.7rem;
  margin-bottom:4rem;
 }
 .membership-tokuten h2 img {
  width:580px;
  position: absolute;
  top:-4rem;
  left:12%;
 }
}

/* 下層：LPビルダー */

.formLP-header {
 padding:2rem;
 border-bottom:3px solid #175e47;
 margin-bottom:2rem;
}
@media only screen and (max-width: 499px) {
 .formLP-rogo {
  width:70%;
  margin:0 auto;
 }
}
@media only screen and (min-width: 500px) {
 .formLP-rogo {
  width:350px;
  margin:0 auto;
 }
}

/* 下層：カタログ申し込み */

@media only screen and (max-width: 768px) {
 .formLP {
  margin:0 1%;
 }
 .catalog-contents {
  background:#d6e8e1;
  padding:4rem 2%;
  border-radius: 2rem;
  margin-bottom:6rem;
 }
 .catalog-contents ul li {
 }
 .catalog-contents ul li p {
  margin:2rem 1rem;
  font-size:1.5rem;
  line-height:3rem;
 }
 .catalog-point {
  background:#ebf4f0;
  padding:3rem 2%;
  margin-top:4rem;
 }
 .catalog-point h3 {
  font-size:2.2rem;
  margin:1.5rem 0;
 }
 .catalog-point p {
  font-size:1.2rem;
  line-height:3rem;
 }
 .formLP p {
  font-size:1.8rem;
  line-height:4rem;
 }
 .yajirushi img {
  width:50%;
  margin:0 auto;
 }
}

@media only screen and (min-width: 769px) {
 .formLP {
  width:960px;
  margin:0 auto;
 }
 .catalog-contents {
  background:#d6e8e1;
  padding:4rem;
  border-radius: 2rem;
  margin-bottom:6rem;
 }
 .catalog-contents ul li {
  display: inline-block;
  margin:3rem 1% 0;
  width:48%; 
 }
 .catalog-contents ul li p {
  margin:2rem 1rem;
  font-size:1.5rem;
  line-height:3rem;
 }
 .catalog-point {
  background:#ebf4f0;
  padding:3rem;
  margin-top:4rem;
 }
 .catalog-point h3 {
  font-size:2rem;
  margin:1.5rem 0;
 }
 .catalog-point p {
  font-size:1.5rem;
  line-height:3rem;
 }
 .formLP p {
  width:95%;
  margin:0 auto 4rem;
  font-size:1.8rem;
  line-height:4rem;
 }
 .yajirushi img {
  width:200px;
  margin:0 auto;
 }
}


/* 下層：LPパターン2　*/

.lp2 {
 font-size:1.6rem;
 font-weight:100;
}
.lp2 p {
 margin:5rem 0;
 text-align:center;
 line-height:3rem;
}
.lp2 h2 {
 margin:10rem 0 4rem!important;
 text-align:center;
 font-size:2.3rem;
 font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
}
.lp2 h3 {
 background:#175e47;
 padding:0.5rem 0;
 text-align:center;
 color:#FFF;
 font-size:1.6rem;
 margin-bottom:4rem;
}
.lp2 h4 {
 font-size:1.6rem;
 font-weight:800;
 margin-bottom:2rem;
}
.orange-btn {
 text-align:center;
 margin:2rem 0;
}
.orange-btn p {
 background:#ff7b33;
 padding:1.2rem 2.5rem;
 border:0.2rem solid #ff5a00;
 display:inline;
 color:#FFF;
 font-size:1.8rem;
 font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
}
.ikou-flow-l p {
 text-align:left;
}
.footer-contact {
 background:#e7efec;
 padding:1rem 0;
 text-align:center;
 font-family:"MS Mincho", "MS PMincho", "YuMincho", "Hiragino Mincho ProN", serif;
 font-size:2rem;
 margin-top:6rem;
}
.footer-contact p {
 margin:3rem 0!important;
}
@media only screen and (max-width: 768px) {
 .lp2-contents {
  width:100%;
 }
 .ikou-flow-r {
  margin:4rem 0!important;
 }
}

@media only screen and (min-width: 769px) {
 .lp2-contents {
  width:80%;
  margin:0 auto;
 }
 .ikou-flow-l {
  float:left;
  width:50%;
 }
 .ikou-flow-r {
  float:right;
  width:48%;
  margin-bottom:4rem;
 }
}

/* 下層：ご利用ガイド　*/

.p-guideNav-menu2 {
 margin-top:2rem;
}
.p-guideNav-menu2 li {
 background:#e7efec;
 padding:1rem 1.5rem;
 margin:0.5rem 0;
}
.p-guideNav-menu2 li a {
 text-decoration:none;
 font-size:1.7rem;
}