/** Shopify CDN: Minification failed

Line 338:0 Unexpected "}"

**/




.icon-pdf {
  
  padding: 10px;
}




/*----------------------------------------------------------*/
/*      
/*----------------トップ　英語版PDFダウンロードコレクションへのリンク　画像分岐              */
/*     　　　　　　　　　                            */
/*----------------------------------------------------------*/


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.top-pdfdl img.pc { display: block !important; margin-top:10px; }
.top-pdfdl img.sp { display: none !important; }
.top-pdfdl img.pc-en { display: none !important; }
.top-pdfdl img.sp-en { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.top-pdfdl img.pc { display: none !important; }
.top-pdfdl img.sp { display: block !important; margin-top:10px; }
.top-pdfdl img.pc-en { display: none !important; }
.top-pdfdl img.sp-en { display: none !important; }
}


/* 英語版サイトでパソコンで見たときは"pc-en"のclassがついた画像が表示される */

.top-pdfdl img.pc-en:lang(en) { display: block !important; margin-top:10px; }
.top-pdfdl img.sp-en:lang(en) { display: none !important; }
.top-pdfdl img.pc:lang(en) { display: none !important; }
.top-pdfdl img.sp:lang(en) { display: none !important; }
 
/* 英語版サイトでスマートフォンで見たときは"sp-en"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.top-pdfdl img.pc-en:lang(en) { display: none !important; }
.top-pdfdl img.sp-en:lang(en) { display: block !important; margin-top:10px; }
.top-pdfdl img.pc:lang(en) { display: none !important; }
.top-pdfdl img.sp:lang(en) { display: none !important; }
}




/*----------------------------------------------------------*/
/*      国設定　プルダウンメニュー　　　20220609                            */
/*----------------------------------------------------------*/
/*-------------Geolocationの標準の表示のセレクターは以下だが表示を消した------------------*/

.locale-selectors__container {
   display:none;
}

/*---------以下はテーマに入っている表示-------*/
/*------ヘッダー：PCの大き目画面のみの表示　---------------*/

.country-setting {
  background-color: #7b97c9;
  color: #fff;
    position: fixed;
        top: 0px;
}
.country-setting .SelectButton {
    color: #fff;
    font-size:1.25em:
}
.country-setting .SelectButton:hover {
    color: #fff;
}


/*----------------英語の場合のオプション表示を一部消す--------------------------*/
/*--以下試したがなしに----*/
/*button.ProductForm__SelectedValue[data-value*="Paper pattern (delivery required: Only Japan)"]{
   display:none;
  
}

.Popover__Value[data-value="Paper pattern (delivery required: Only Japan)"]{
   display:none;
}*/


/*----------------------------------------------------------*/
/*      レビュー　Judge.me Product Reviews　　　20220408                            */
/*----------------------------------------------------------*/

/*------------トップからのレビュー一覧ページへのテキストリンク削除（一覧は有料プランなので）---------------------*/
.jdgm-all-reviews-rating-wrapper {
  text-decoration: none !important;
pointer-events: none !important;
}

/*--------商品詳細ページ　必要な場合にスクロールバー-----------------------*/
.jdgm-rev-widg__body {
  	height:1000px;/*スクロールの高さ*/
	/*overflow-y: scroll;*/
  overflow: auto;
}

/*--------------名前を背景と同じ色にして消す-20241112-------------------*/
.jdgm-rev__author-wrapper .jdgm-rev__author {
  color: #efefef;
  /*   color: none;*/
}


/*----------------------------------------------------------*/
/*      SNSでの紹介　　　20220406                            */
/*----------------------------------------------------------*/
.sns-voice {
  
}

.sns-voice h2{
    clear:both;
    margin: 2.2em 0 1.4em;
    background: #88a1bf;
    border-radius: 10px;
    color: #fff;
    background-image: url(/cdn/shop/files/icon-illust03.png?v=1628725979),url(/cdn/shop/files/icon-illust02.png?v=1628725979);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 99% center,0 center;
    padding: 10px 55px 10px 32px;
    background-blend-mode: soft-light;
    text-align: center;
    clear: both;
}

.sns-voice h3{
    clear:both;
    background: #fff;
    border-top: 2px double #666;
    border-bottom: 2px double #666;
    border-radius: 0px;
    color: #000;
}

.sns-voice h4{
    clear:both;
    background: #efefef;
    background-image: none;
    border-bottom: 1px solid #666;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    color: #000;
    padding: 0px;
}



/*------レビューの説明　フレックスボックス----------*/
.sns-voice .contents-box {
       display: flex;
     /*width: 100%;*/
     /*max-width: 1200px;*/
     /*margin: auto;*/
}
.sns-voice.contents-box img {
     /*width: 100%;*/
}

.sns-voice .flex-box {
     /*display: flex;*/
}
.sns-voice .box1 {
    /* width: 55%;
     margin: auto;*/
}
.sns-voice .box2 {
      /*width: 45%;
     margin: auto .5rem;*/
}
@media screen and (max-width: 640px) {
.sns-voice .contents-box {
         flex-direction: column;
     }
  .sns-voice.contents-box img {
     width: 100%;
    margin: auto;
}
/*.sns-voice .flex-box .box1 {
         width: 100%;
         margin: 0 auto;
     }
.sns-voice .flex-box .box2 {
         width: 100%;
         margin: 0 auto;
     }*/
}




/*----------------------------------------------------------*/
/*      メタフィールドに複数行テキスト表記で整え　　　20220406                            */
/*----------------------------------------------------------*/

.meta-infotext-area {
      padding: 1em 2em;
    color: #333333;
    background: #fff;
    border-radius: 20px;
    margin: 20px 0;
  border:none;
}

.meta-infotext-area-illust {
 margin: 50px 0;
    padding: 0px 0 50px 0;
    background-image: url(/cdn/shop/files/line-illust02.png?v=1628725980);
    background-position: center bottom;
    background-repeat: no-repeat;
   /* text-align: left;*/

}


.meta-infotext-title {
  color: #fff;
    background: #9e9e9e;
    width: 100%;
    margin-top: 10px;
    border-radius: 15px;
    padding: 0.5em 0;
    text-align: center;
    font-size: 1.0em;
  
  /* margin:15px 0;
   text-align: center;
   font-weight: bold;*/
}

.meta-infotext-content {
     margin:10px 0 0 0;
  font-size:0.95em;
  line-height:1.3em;
 padding:0 0 15px 0;
}
/*----------スマホ-----------*/
@media screen and (max-width: 640px) {
 .meta-infotext-content {
     margin:10px 0;
  font-size:0.95em;
  line-height:1.3em;
}
}

/*----------------------------------------------------------*/
/*      ヘッダーに問い合わせリンク                             */
/*----------------------------------------------------------*/

/*---------スマホタブレットは非表示なのでPCのみ-------------------------------------------------*/
.header-contact{
   /* margin: 10px 30px 0 30px;*/
      margin: 10px 30px 30px 130px;
    font-size: 0.9em;
}






/* リンク文字　 */

a:hover {
  text-decoration: underline;
}

.Header__Wrapper a:hover {
  text-decoration: none;
}
.pagefooter-navi a:hover {
  text-decoration: none;
}


/*----------------------------------------------------------*/
/*       footer                             */
/*----------------------------------------------------------*/
/* page topへ戻るボタン*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ccc;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

@media screen and (max-width: 460px) {
#page_top {
		display: none;
	}
	}
}

/*  footerのSNS　アイコン　大きく　*/
.Footer__Social{
}
/*li.HorizontalList__Item {
  font-size: 2.0em; 
  
}*/
.Footer__Block li.HorizontalList__Item {
  font-size: 2.0em; 
  
}

/* LINE　アイコン　調整　*/
.Footer__Social .line_small{
  font-size: 1.15em;
  vertical-align: middle;
}
.line-icon:hover  {
  color:#000;
}


/*　フッター　サブ　ナビゲーションPC用以外　縦並び-----サブの方------*/

.pagefooter-navi-sub {
}
.pagefooter-navi-sub ul {
    list-style: none;
    text-align: center;
	margin: 0px auto;
    padding:0px 0;
    width: 100%;
    background: #fff;
    /*color: #fff;*/
	display: flex;
	flex-flow: column;
	list-style-type: none;
   font-size:0.6em;
}

.pagefooter-navi-sub li {
	margin: 0em 0em;
    text-align: center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between; 
}
.pagefooter-navi-sub li a {
    display: block;
    padding:0.3em 0 ; 
    border-bottom: 1px solid #fff;
}
.pagefooter-navi a:hover {
  /*background-color: #b5cce8;*/
}

/*　フッター　サブ　ナビゲーションPC用　横並び-----サブの方------*/

@media screen and (min-width: 641px){
.pagefooter-navi-sub {
}
.pagefooter-navi-sub ul {
   display: flex;
    flex-direction: row;
    justify-content: center;
    /*position: absolute;
    width: 100%;*/
   background: #fff;
   /*  color: #fff;
   font-size:0.9em;*/
}
.pagefooter-navi-sub li {
	margin-left: 0.3em;
    border: none;
    padding:0 1.2em 1.5em 1.2em;
    text-align: center;
}
.pagefooter-navi-sub li a {
    display: block;
    /*padding:1em ; */
    border-bottom: none;
}

.pagefooter-navi a:hover {
  /*background-color: #b5cce8;*/
}
}



/*　フッター　メイン　ナビゲーションPC用以外　縦並び*/

.pagefooter-nav {
}
.pagefooter-navi ul {
    list-style: none;
    text-align: center;
	margin: 0px auto;
    padding:0px 0;
    width: 100%;
    background: #a0bfe4;
    color: #fff;
	display: flex;
	flex-flow: column;
	list-style-type: none;
   font-size:0.8em;
}

.pagefooter-navi li {
	margin: 0em 0em;
    text-align: center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between; 
}

.pagefooter-navi li a {
    display: block;
    padding:1em 0 ; 
    border-bottom: 1px solid #fff;
}
.pagefooter-navi a:hover {
  background-color: #b5cce8;
}

/*　フッター　メイン　ナビゲーションPC用　横並び*/

@media screen and (min-width: 641px){
.pagefooter-navi ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    /*margin-left: -10px;*/
    position: absolute;
    width: 100%;
    background: #a0bfe4;
    color: #fff;
   font-size:0.9em;
   /* font-weight: bold;*/
}
.pagefooter-navi li {
	margin-left: 0.3em;
    border: none;
    padding:0 1.2em 0 1.2em;
    text-align: center;
}
.pagefooter-navi li a {
    display: block;
    /*padding:1em ; */
    border-bottom: none;
}

.pagefooter-navi a:hover {
  background-color: #b5cce8;
}
}



/*    フッター　コピーライト　イラスト　　　　*/

@media screen and (min-width: 630px) {
.footer_illust_copy {
    display: flex;              /* 630px以上はフレックスボックス横並び */
  text-align: center;
  align-items: center;
  margin: 0 auto;
}
.Footer__Copyright {
  padding: 0 10px;
}
}

.footer_illust {
  padding-bottom:30px;
}

.Footer__PaymentList .HorizontalList {
  margin: 0 auto; 
  text-align: center;
    align-items: center;
}


/*    フッター　背景に　イラスト　　　　*/


/*--------------　PC用--------------*/
@media screen and (min-width: 640px) {
.Footer__Inner {
	background-image: url(/cdn/shop/files/bg_illust-pc02.png?v=1628635969);
    background-repeat: no-repeat;
    background-position: 80% 100%;
}
}
/*------------------スマホ---------------------------------*/
@media screen and (max-width: 640px) {
  .Footer__Inner {
	background-image: url(/cdn/shop/files/bg_illust-sh02.png?v=1628635977);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 280px;
    padding-bottom: 100px;
}
}

/*----------------------------------------------------------*/
/*       商品詳細ページ                            */
/*----------------------------------------------------------*/


/*   商品詳細　パンくずリスト　　*/

.breadcrumbs {
 	margin: 10px 0 20px 0;
    font-size: x-small;
    text-align: left;
}

/*　　商品詳細ページにインスタ投稿　　　　*/

@media screen and (min-width: 641px){/*  PC用  */

#insta-space {
    width: 65%;
    margin: 30px auto;
}
}
#insta-space {
  background: #fff;
  padding: 15px 0;
}

.title-instaspace{
  text-align: center;
  margin: 0 auto 10px auto; 
}
.info01-instaspace {
  
}

@media screen and (min-width: 641px){/*  PC用  */
.info02-instaspace {
  font-size: 1.1em;
}
}

.info02-instaspace {
  position: relative;
  padding: 8px 15px;
  /*margin-left: 40px;*/
  margin: 0 auto;
  background: #ecb1d2;
  border-radius: 90px;
  color:#fff;
  width: 50%;
  font-weight: bold;
  font-size: 1.1em;
}
.info02-instaspace:before {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 15px;
  left: -40px;
  bottom: 0;
  color: #ecb1d2;
}
.info02-instaspace:after {
  font-family: "Font Awesome 5 Free";
  content: "\f111";
  font-weight: 900;
  position: absolute;
  font-size: 23px;
  left: -23px;
  bottom: 0;
  color: #ecb1d2;
}

.info03-instaspace {
  text-align: center;
  margin: 0 auto 10px auto; 
}


/*----------------------　おすすめの生地の説明文　装飾------------------*/

.info-cloth {
  padding: 1em 2em;
  color: #333333;
  background: #fff;
  border-radius: 20px;
  margin: 20px 0; 
}


/*----------------------------------------------------------*/
/*      トップ　　　　　　　　　                            */
/*----------------------------------------------------------*/


/*      トップ　aboutエリア　画像分岐              */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.top-about-area img.pc { display: block !important; }
.top-about-area img.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.top-about-area img.pc { display: none !important; }
.top-about-area img.sp { display: block !important; }
}



/*----------------------------------------------------------*/
/*      シンプリンについて                             */
/*----------------------------------------------------------*/
.about-simprin {
    color: #fff;
    background-color: #89a2b5c2;
    padding: 2px 20px 30px 20px;
    background-image: url(/cdn/shop/files/illust_about-ph01.png?v=1628987467),url(/cdn/shop/files/illust_about-ph02.png?v=1628987467),url(/cdn/shop/files/illust_about-ph03.png?v=1628987467);
    background-repeat: no-repeat;
    background-position: 0 400%,95%0%,95% 95%;
    background-size: 210px,150px,60px;
    font-size: .93em;
    line-height: 1.45em;
    background-blend-mode: soft-light;
}


/*----------------　PC用　------------------*/
@media screen and (min-width: 640px) {
.about-simprin {
    color: #fff;
    background-color: #89a2b5c2;
    padding: 2px 20px 30px 20px;
    background-image: url(/cdn/shop/files/illust_about01.png?v=1628987155),url(/cdn/shop/files/illust_about02.png?v=1628987155);
    background-repeat: no-repeat;
    background-position: 0% 80%,95% 65%;
    background-size: 230px,150px;
    font-size: 0.95em;
    line-height: 1.8em;
    background-blend-mode: normal;
}
}

.about-simprin-info {
    padding: 2em 0;
    text-align: center;
}


.about-simprin h3.style-title01{
    color: #fff;
    text-align: center;
    margin: 2.2em 0 1.2em;
    background-image: none;
    background-color: #5577925c;;
    padding: 10px 55px 10px 32px; 
}

.about-simprin-02 {
color: #000;
    background-color: #fff;
    padding: 1.2em;
    margin: 20px 0;
    font-size: 0.96em;
    line-height: 1.32em;
}

/*----------------　PC用　------------------*/
@media screen and (min-width: 640px) {
.about-simprin-02 {
    line-height: 1.7em;
  font-size: 1.0em;
}
}


.about-simprin-02 p {
    padding: 1.2em 1.2em 0 1.2em;
}
.about-simprin-02 h4.style-title02{
    /*background-color: #fff;
    padding: 5px 0;
    margin: 0;
    background-image: none;
    text-align: center;
    font-weight: bold;*/
    
  /*margin: 0.5em 0 1.4em;
    color: #fff;
    background: #a8adb5;
    border: 1px dashed #fff;
    background-image: url(/cdn/shop/files/icon-illust04.png?v=1628725980);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px 7px;
    padding: 12px 10px 12px 65px;
    border-radius: 10px;
    background-blend-mode: color-dodge;*/
  
  background-color: #fff;
    padding: .8em 0;
    margin: 0 0 15px 0;
    background-image: none;
    text-align: center;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-radius: 0;
    color: #000;
  
}
.about-simprin-02 h5.style-title03{
color: #fff;
    padding: 0.35em 2.5em;
    margin: 10px 0;
    background-image: none;
    background-color: #a6bed2;
    border: none;
   font-size: 1.05em;
    text-indent: -1em;
    line-height: 1.4em;
}
.about-simprin-02 h4.style-title03{
    background-color: #fff;
    padding: 0.8em 0;
    margin: 0 0 15px 0;
    background-image: none;
    text-align: center;
    font-weight: 700;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    color: #000;
}



/*-------------プロフィール--------------------------------*/

.profile-name {
    font-size: 1.1em;  
    font-weight: bold;
    text-align: center;
}

.profile-01 {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0.8em;
}

/*------------シンプリンについて　歩み-----------*/

dl.about-simprin-history{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 10px;
}
dl.about-simprin-history dt {
  width: 30%;
  padding-bottom: 10px;
  margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
dl.about-simprin-history dd {
  width: 70%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-left: 0;
    border-bottom: 1px solid #ccc;
}
/*@media screen and (max-width: 559px) {
dl.about-simprin-history {
flex-flow: column;
} 
}*/

/*------------書籍　掲載-----------*/

dl.about-simprin-book{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px;  
  border-top: 1px solid #ccc; 
  margin-top: 15px;
  font-size: 0.95em;
}
dl.about-simprin-book dt {
  width: 20%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
dl.about-simprin-book dd {
  width: 80%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-left: 0;
  border-bottom: 1px solid #ccc;
}

/*-----------------書籍のリスト　202404追記-----------------------*/

.booklist {
  /*width: 80%;*/
}

/*---------------PCの場合　3つ横並びに（スマホは縦並び）---------*/
@media screen and (min-width: 700px) {
.booklist ul{
 display: flex;
}

.booklist li{
  width: 230px;
  list-style: none;
  margin-left: 10px;
}
.booklist li img{
  width: 230px;
}
  }

/*----------------------------------------------------------*/
/*      帽子作りの基礎知識                               */
/*----------------------------------------------------------*/
.hatmaking {
  
}
.hatmaking h3 {
    margin: 2.2em 0 1.4em;
    background: #88a1bf;
    border-radius: 10px;
    color: #fff;
    background-image: url(/cdn/shop/files/icon-illust03.png?v=1628725979),url(/cdn/shop/files/icon-illust02.png?v=1628725979);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 99% center,0 center;
    padding: 10px 55px 10px 32px;
    background-blend-mode: soft-light;
  text-align: center;
  clear: both; 
}
/*---------------ページ内リンクのずれを解消--------------------*/
#hatmaking01,#hatmaking02,#hatmaking03,#hatmaking04,#hatmaking05,#hatmaking06,#hatmaking07 {
    margin-top: -100px;
    padding-top: 100px;
    /*clear: both;*/
}
/*---------------PC大き目の場合　微調整--------------------*/
@media screen and (min-width: 1140px) {
#hatmaking01,#hatmaking02,#hatmaking03,#hatmaking04,#hatmaking05,#hatmaking06,#hatmaking07 {
    margin-top: -150px;
    padding-top: 150px;
    /*clear: both;*/
}
}

.hatmaking h4 {
  /* margin: 3em 0 1.4em;
    color: #333;
    background: #fff;
    padding: 5px 15px;
    clear: both;
    background-image: none;*/
    margin: 3em 0 1.4em;
    /* color: #333; */
    background: #afafaf;
    /* padding: 5px 15px; */
    clear: both;
    /* background-image: none; */
    background-image: url(/cdn/shop/files/icon-illust04.png?v=1628725980);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px 7px;
    padding: 10px 10px 10px 65px;
    border-radius: 10px;
    background-blend-mode: color-dodge;
    border-color: #fff;
}

.parts-info img {
  width:240px;
  /*height: 240px;*/
  float: left;
  margin: 0 10px 10px 0;
}
.parts-name-text {
     /*float: right;*/
 }




/*---------------スマホは回り込みなし--------------------*/
@media screen and (max-width: 559px) {
.parts-info img {
    float: none;
    margin: 10px auto;
}
} 
#hatmaking02 p,#hatmaking03 p {
 margin: 0 10px;  
}

h4.hatmaking-style01 {
  margin: 3em 0 1.4em;
    color: #fff;
    background: #909090;
    padding: 5px 15px;
    clear: both;
    background-image: none;
}

h5.hatmaking-style02 {
    margin: 2.2em 0 1.4em;
    background: #96a8bd;
    border-radius: 10px;
    color: #fff;
    background-image: url(/cdn/shop/files/icon-illust06.png?v=1628725979),url(/cdn/shop/files/icon-illust05.png?v=1628725980);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 97% center,4% center;
    padding: 10px 55px 10px 55px;
    background-blend-mode: difference;

}

/*----------------------------------------------------------*/
/*      はじめてのかたへ  ・　帽子の種類・選び方                                */
/*----------------------------------------------------------*/

/*-----------上のページ内メニュー　タブレット・PC用---------------*/
@media screen and (min-width: 768px) {
ul.freepage-pagemenu {
    width: 60%;
    margin: 0 auto;
    padding: 1em 5.5em;
}
}
/*----------下向き矢印--------*/
ul.freepage-pagemenu li {
    list-style: none;
    padding: 0 0 0.8em 1em;
}
.cp_arrow_down {
  position: relative;
  /*display: inline-block;*/
  padding-left: 20px;
  color: #f5baed;
  text-decoration: none;
}
.cp_arrow_down:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #f5baed;
  border-right: solid 2px #f5baed;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  transform: rotate(45deg);
}


/*----------------------------------------------------------*/
/*      はじめてのかたへ                                 */
/*----------------------------------------------------------*/

/*-----------上の背景　イラスト　スマホ用---------------*/
.for-beginner {
      background-image: url(/cdn/shop/files/illust_bg_p-pc01.png?v=1629248723);
    background-repeat: no-repeat;
    background-position: center 80px;
    background-size: 315px;
}
/*-----------上の背景　イラスト　タブレット・PC用---------------*/

@media screen and (min-width: 640px) {
.for-beginner {
    background-image: url(/cdn/shop/files/illust_bg_p-pc01.png?v=1629248723);
    background-repeat: no-repeat;
    background-position: center 70px;
    background-size: 400px;
}
}

.for-beginner h3 {
   /* margin: 2.2em 0 1.2em;*/
    margin: 2.2em 0 1.4em;
    background: #88a1bf;
    border-radius: 10px;
    color: #fff;
    background-image: url(/cdn/shop/files/icon-illust03.png?v=1628725979),url(/cdn/shop/files/icon-illust02.png?v=1628725979);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 99% center,0 center;
    padding: 10px 55px 10px 32px;
    background-blend-mode: soft-light;
  text-align: center;
 clear: both;
}
/*---------------ページ内リンクのずれを解消--------------------*/
#forbeginner01,#forbeginner02,#forbeginner03,#forbeginner04,#forbeginner05,#forbeginner06,#forbeginner07 {
    margin-top: -100px;
    padding-top: 100px;
   /* clear: both;*/
}
/*---------------PC大き目の場合　微調整--------------------*/
@media screen and (min-width: 1140px) {
#forbeginner01,#forbeginner02,#forbeginner03,#forbeginner04,#forbeginner05,#forbeginner06,#forbeginner07 {
    margin-top: -150px;
    padding-top: 150px;
   /* clear: both;*/
}
}

/*----------------------------------------------------------*/
/*      帽子の種類・選び方                                 */
/*----------------------------------------------------------*/
.about-hat {
  
}
.about-hat-catch { 
  text-align: center; 
  font-weight: bold;
  border-bottom: 1px solid #666;  
  border-top: 1px solid #666;
  padding: 10px 0;
}
.about-hat h3 {
    text-align: center;
}


.type-info_catch {
  text-align: center;
  margin: 2em;
  font-weight: bold;
}

.type-info img {
  width:160px;
  height: 160px;
  float: left;
  margin: 0 10px 10px 0;
}

.type-info_link {
  text-align: center;
  margin: 2em; 
  font-weight: bold;
}
.allpatttern-link {
  clear: both;
    width:100%;
    background: #dbecfc;
    margin-top: 15px; 
    padding: 0px 0px 20px 0px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

/*---------------202404ページを統合と内容追記------------------------*/
.type-info-2 img {
  width:160px;
/* height: 160px;*/
  float: left;
  margin: 0 10px 10px 0;
}

.abouthat-linklist {
    display: flex;
   list-style: none;
justify-content:space-evenly;
}
.abouthat-linklist li {
  width:160px;
 margin: 0 5px;
}
/*---------------スマホ--------------------*/
@media screen and (max-width: 559px) {
.abouthat-linklist {
    float: none;
    margin: 10px auto;
}
} 
/*-----------ページ内にTOPへ戻るリンク　20240419------------------*/
.page_top {
text-align: right;
}
.page_top a {
text-decoration:none;
}
/*----------------------------------------------------------*/
/*      商用利用について                                 */
/*----------------------------------------------------------*/
.commercial_use {
}

.commercial_use_style01 {  
  font-weight: bold;
}

h3.commercial_use_style02 { 
    margin: 2.2em 0 1.2em;
    background: #96a8bd;
    border-radius: 10px;
    color: #fff;
    background-image: url(/cdn/shop/files/icon-illust06.png?v=1628725979),url(/cdn/shop/files/icon-illust05.png?v=1628725980);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 97% center,4% center;
    padding: 10px 55px 10px 55px;
    background-blend-mode: overlay;
}

.commercial_use_style03 {
    background-color: #fff;
    padding: 15px;
}


/*----------------------------------------------------------*/
/*      ショッピングガイド                                */
/*----------------------------------------------------------*/

.shopping-guide{
     /* padding-bottom: 20px;*/
      padding: 0 10px 20px 10px;
      background: #fff;
}

.shopping-guide h3 {
    margin: 2.2em 0 1.4em;
    background: #96a8bd;
    border-radius: 10px;
    color: #fff;
    background-image: url(/cdn/shop/files/icon-illust06.png?v=1628725979),url(/cdn/shop/files/icon-illust05.png?v=1628725980);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 97% center,4% center;
    padding: 10px 55px 10px 55px;
    background-blend-mode: overlay;

}

.shopping-guide h4 {
    margin: 3em 0 1.4em;
    color: #000000;
    background: #f1f1f1;
    background-image:none;
    padding: 5px 15px;
    border-radius: 0px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

/*---------------ページ内リンクのずれを解消-----#guide-stepのみ省く---------------*/
#guide-payment,#guide-payment,#guide-delivery,#guide-days-to-delivery,#guide-pdf,#guide-document,#guide-addition,#guide-cancel,#guide-returns,#guide-giftwrapping,#guide-onlineshop,#guide-review {


  padding: 5px 10px;
  /*margin: 10px auto; */
 margin-top: -100px;
    padding-top: 100px;
   /* clear: both;*/
}
/*---------------PC大き目の場合　微調整--------#guide-stepのみ省く-------------*/
@media screen and (min-width: 1140px) {
#guide-payment,#guide-payment,#guide-delivery,#guide-days-to-delivery,#guide-pdf,#guide-document,#guide-addition,#guide-cancel,#guide-returns,#guide-giftwrapping,#guide-onlineshop,#guide-review {
    margin-top: -150px;
    padding-top: 150px;
   /* clear: both;*/
}
}

li.menu-sub {
   margin-left: 20px;
}

/*-------------お買い物の流れ------------------------*/
#guide-step {
    background: #fff;
  padding: 5px 10px;
}
#guide-step img {
  width:480px;
  padding: 5px;
  margin: 10px auto; 
  border: 1px solid #ccc;
}

/*-------------お支払いについて------------------------*/
#guide-payment {
}

/*-------------配送方法・送料について------------------------*/
#guide-delivery {
}
/*-------------お届けまでの日数------------------------*/
#guide-days-to-delivery {
}

/*-------------PDFダウンロード・動画付き商品について------------------------*/
#guide-pdf {
}

/*-------------お買い上げ明細書について------------------------*/
#guide-document {
}

/*-------------商品の追加・同梱について------------------------*/
#guide-addition {
}


/*-------------ご注文のキャンセルについて------------------------*/
#guide-cancel {
}

/*-------------返品・交換について-----------------------*/
#guide-returns {
}

/*-------------ギフトラッピングについて----------------------*/
#guide-giftwrapping {
}

/*-------------ネットショップの使い方について----------------------*/
#guide-onlineshop {
}
/*-------------レビューについて----------------------*/
#guide-review {
      padding-bottom: 20px;
      margin-bottom: 10px;
  }

.guide-faq-info {
    text-align: center;
    background-color: #fff;
    border-radius: 0;
    color: #fff;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
    padding: 20px;
      font-size: 1.1em;
}

/*----------------------------------------------------------*/
/*      利用規約・プライバシーポリシー・返金ポリシー                             */
/*----------------------------------------------------------*/


.terms-of-service ol,.terms-of-service ul,.privacy-policy ol,.privacy-policy ul,.refund-policy ul,.refund-policy ol {
      background: none;
}
/*----------------------------------------------------------*/
/*      特定商取引法に基づく表記                              */
/*----------------------------------------------------------*/

.legal-notice {
      background: #fff;
      padding: 20px;
}

/*----------------------------------------------------------*/
/*      お問い合わせフォーム                           */
/*----------------------------------------------------------*/

h3.globo-heading{
  
  
}

#contact-form-page .classic-input{
  color: #666;
}

/*---------------PC大き目の場合　コンテンツの幅調整-------------*/
@media screen and (min-width: 1140px) {
.contact-form-info {
  width: 80%;
  margin: 0 auto;
  
}
}
/*---------------カート備考欄の追記-------------*/
span.Cart__NoteButton {
    color: #d72626;
    font-weight: bold;
}

/*---こちらは右にカート画面が出る場合---*/
button.Cart__NoteButton {
    color: #d72626;
    font-weight: bold;
}