@charset "utf-8";
/* css document */

/*-----------------------------
reset
-----------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    /* font-size: 100%; */
    vertical-align: baseline;
}

article,
details,
figcaption,
footer,
header,
nav,
section {
    display: block;
}

html {
    overflow-y: scroll;
}

a,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

input,
textarea {
    margin: 0;
    padding: 0;
}

/* ol,
ul {
    list-style: none;
} */

/*-----------------------------
全体
-----------------------------*/

@import url("https://use.typekit.net/rhw4dvr.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
* {
    margin: 0;
    padding: 0;
  
    font-family: YakuHanJP,"Noto Sans JP","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ","Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic","sans-serif";
   
  
    -webkit-text-size-adjust: 100%;
    /* line-height: 1.4em; */
    letter-spacing: 0.03em;
 
    
 
}
body{
    text-align: justify;
    
    text-justify: inter-ideograph;
}



a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* スマホのハイライトデザインを無効にする */
}

a:focus {
    outline: none;
}

img {
    vertical-align: bottom;
}

.mo a img {
    background-color: rgba(255, 255, 255, .01);
    /* マウスオーバー要素のバグ対応 */
}


/*-----------------------------
Clearfix
-----------------------------*/
.Clearfix,
#Clearfix {
    display: block;
}

.Clearfix:after,
#Clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}



/*********************************************************************************************************** 
pc用のスタイル（1068～）
***********************************************************************************************************/

@media(min-width:1068px) {


    #zentaiwrap_mobi {
        display: none;
        overflow: hidden;
    }


    #pc_zentaiwrap {
        max-width: 1200px;
        margin: 0px auto;
        padding: 0;
        text-align: center;
        background: #ffffff;
    }

    #pc_footer_zentaiwrap {
        width: 100%;
        margin: 0px auto;
        padding: 0;
        text-align: center;
        background: #eaeaea;
    }

 


   /******** 送料お知らせ　start　********/
    
    .titletop{
     color: #074c9a;
     font-size:40px;
     font-weight:800;    
     padding: 40px 0px 60px 0px;
     
    }
    
    .underline{
     text-decoration: none;
     border-bottom: 3.5px solid #074c9a;
     padding-bottom: 0px; 
     color: #074c9a;  
     }
    
    .setsumei{
     color: #333333;
     font-size:18px;
     line-height: 1.8em;
    text-align: center;
           font-weight:400;         

    }
    
    .red_b{
     color: #ff2f4c;
     font-weight:700;       
    }
    
    .waku_top {
        margin: 0 auto;
        width: 100%;
        background-color: #dce3ea;
        padding: 42px 0px 8px 0px;
    }

    .waku_top a:hover{
        opacity: 0.75;        
    }
    
    .waku_list {
        margin: 0px auto;
        width: 100%;
        background-color: #e9eef2;
        padding: 18px 0px;
    }
    
    .waku_dot {
        border-bottom: dotted 1px #c2c6c9;
      
    }    
    

    

    
    .waku_haiso {
        margin: 0 auto;
        width: 100%;
        background-color: #074c9a;
        padding: 29px 0px;
    }
    
    .haiso_detail{
     color: #ffffff;
     font-size:22px;
     padding-left: 60px;
        font-weight: 500;
        
    }
    
    
     .waku_haiso_naiyo {
        margin: 0 auto;
        width: 100%;
        background-color: #ffffff;
        padding: 43px 60px 69px 60px;
          font-weight:400;  
          font-size: 16px;
          color: #333;
    }

    .waku_haiso span{
        display: inline-block;
        background-color: #ffffff;
        color:#074c9a ;
        font-size:28px ;
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 33px;
        margin-right: 15px;
        bottom: 10px;
   
    }
    

    .haiso_setsumei{
    margin: 0 auto;    
     width: 830px;    
     color: #333333;
     font-size:16px;
     line-height: 1.7em;
    text-align: left;
    padding: 0px 0px 40px 0px;    
         text-align: justify;
    }
    

    
  .pctopimg {
        margin: 0 auto 0 auto;
        width: 830px;
        display: block !important; 
    }
    
   .sptopimg {
        display: none !important;
    } 








    .pcichiran{
        display: flex;
        justify-content: space-between;
    }
    .pcichiran a{
        display: block;
        width: 100%;
        border: solid #074c9a 1px;
        border-radius: 6px;
        padding: 21px;
       background-color: #ecf1f5;
       font-size: 18px;
       font-weight: 500;
       color: #074c9a;
       margin-top: 18px;
       text-align: center;
       position:relative;
       transition     : background-color  .3s ease-in , color  .3s ease-in;
    }

    .pcichiran a:before {
        content: '';
        width: 11px;
        height: 11px;
        border: 0;
        border-top: solid 2px #074c9a;
        border-right: solid 2px #074c9a;
        position: absolute;
        top: 48.5%;
        right: 24px;
        margin-top: -4px;
        transform: rotate(45deg);
      }
    .pcichiran a:hover:before {
  
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
      
      }

    .pcichiran div{
        width: calc(50% - 30px);
    }
    .pcichiran a:hover{
        background: #074c9a;
        color: #ffffff;
    }

    .waku_haiso_naiyo img{
        width: 100%;
       
    }


   
    .waku_haiso_naiyo table, .waku_haiso_naiyo td, .waku_haiso_naiyo th{
        border-collapse: collapse;
        border: 2px solid #cad2da;
        font-size: 14px;
        line-height: 1.6;
        font-weight: 300;
        
        
    }

    .waku_haiso_naiyo td, .waku_haiso_naiyo th{
        padding: 14px;
        vertical-align: middle;
    }
    .waku_haiso_naiyo th{
        background: #e7ebf0;
        width: 23%;
        text-align: left;
        font-weight: normal;

    }
    .pcichiran2{
        display: flex;
        justify-content: space-between;
    }
    .pcichiran2 div{
        width: calc(50% - 18px);


    }
    .pb{
        padding-bottom:29px ;

    }
    .sample{
        text-align: center;
        font-size: 14px; 
        padding-top: 10px;
        color: #585858;
    }
    .conditions{
        color: #585858;
        font-size:14px ;
        line-height: 1.7;
        font-weight: 300;
      
    }
    
    .uline{
        /*text-decoration: underline;*/
        border-bottom: 1.5px solid;
     }
    
    .conditions h3{
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
        padding-bottom: 60px;
        padding-top: 30px;
    }
    .conditions h4{
        background: #e7ebf0;
        text-align: center;
        font-size:14px ;
        padding: 2px 0 2px;
        font-weight:400;
        margin-bottom: 14px;
    }

    .conditions2 {
        list-style-type: none;
        margin-left: 0;
        padding-left: 1.4em;
          /* font-weight: 400; */
        
    }
    .conditions2 li{
        padding-left: 1.3em;
        text-indent: -1.3em;
        margin-bottom: 3px;
    }
    .conditions2 li:first-of-type{
        margin-top: 5px;
    }
    .bikou{
        border:solid 2px #eff2f5;
        padding: 15px 20px;
        margin-top: 30px;
    }

    .conditions h4:nth-of-type(2){
        margin-top: 28px;
    }
    .conditions p:nth-of-type(3){
        margin-top: 15px;
    }
        
 

  .keikasochi_wrap {
        margin: 0px auto;
        background-color: #dce3ea;
        background-repeat: repeat;
        background-attachment: fixed;
    }

 
    .box {
        margin: 0 auto 0px auto;
        width: 950px;
        padding-bottom: 0px;
    }
    .box:last-of-type{
        padding-bottom: 130px;
    }
  .circle{
        display: list-item;
        list-style-type: none;
        padding-left: 0.1em;
        display: inline-block;

    }
    .circle li{
        padding-left: 1.3em;
        text-indent: -1.3em;
    }

    
   .spblank{
        display: none !important;
    } 
 






}

/*********************************************************************************************************** 
スマホサイト用のスタイル（735～1068）
***********************************************************************************************************/


@media(max-width:1068px) and (min-width:735px) {
    #pc_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #pc_footer_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #zentaiwrap_mobi {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        /*text-align: center;*/
        overflow: hidden;
    }


    #zentaiwrap_mobi .mobi_comment_size {
        text-align: center;
        padding: 100PX;
        background: #f4ec05;

    }


    #zentaiwrap_mobi .mobi_comment_size p {
        font-size: 25px;
    }





 


   /******** 送料お知らせ　start　********/
    body{
        font-family: YakuHanJP, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "sans-serif","游ゴシック", "YuGothic", "メイリオ","Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic","sans-serif";
        
    }
    
    
    .titletop{
        color: #074c9a;
        font-size:40px;
        font-weight:800;    
        padding: 40px 0px 60px 0px;
        
       }
       
       .underline{
        text-decoration: none;
        border-bottom: 3.5px solid #074c9a;
        padding-bottom: 0px; 
        color: #074c9a;  
        }
       
       .setsumei{
        color: #333333;
        font-size:18px;
        line-height: 1.8em;
       text-align: center;
              font-weight:400;         
   
       }
       
       .red_b{
        color: #ff2f4c;
        font-weight:700;       
       }
       
       .waku_top {
           margin: 0 auto;
           width: 100%;
           background-color: #dce3ea;
           padding: 42px 0px 8px 0px;
       }
   
       .waku_top a:hover{
           opacity: 0.75;        
       }
       
       .waku_list {
           margin: 0px auto;
           width: 100%;
           background-color: #e9eef2;
           padding: 18px 0px;
       }
       
       .waku_dot {
           border-bottom: dotted 1px #c2c6c9;
         
       }    
       
   
       
   
       
       .waku_haiso {
           margin: 0 auto;
           width: 100%;
           background-color: #074c9a;
           padding: 20px 0px;
       }
       
       .haiso_detail{
        color: #ffffff;
        font-size:22px;
        padding-left: 35px;
           font-weight: 500;
           
       }
       
       
        .waku_haiso_naiyo {
           margin: 0 auto;
           width: 100%;
           background-color: #ffffff;
           padding: 30px 40px 50px 40px;
             font-weight:400;  
             font-size: 16px;
             color: #333;
       }
   
       .waku_haiso span{
           display: inline-block;
           background-color: #ffffff;
           color:#074c9a ;
           font-size:28px ;
           font-family: myriad-pro, sans-serif;
           font-weight: 700;
           border-radius: 50%;
           width: 35px;
           height: 35px;
           text-align: center;
           line-height: 33px;
           margin-right: 15px;
           bottom: 10px;
      
       }
       
   
       .haiso_setsumei{
       margin: 0 auto;    
        width: 830px;    
        color: #333333;
        font-size:16px;
        line-height: 1.7em;
       text-align: left;
       padding: 0px 0px 40px 0px;    
            text-align: justify;
       }
       
   
       
     .pctopimg {
           margin: 0 auto 0 auto;
           width: 100%;
           display: block !important; 
       }
       
      .sptopimg {
           display: none !important;
       } 
   

      
   
   
   
   
       .pcichiran{
           display: flex;
           justify-content: space-between;
       }
       .pcichiran a{
           display: block;
           width: 100%;
           border: solid #074c9a 1px;
           border-radius: 6px;
           padding: 21px;
          background-color: #ecf1f5;
          font-size: 18px;
          font-weight: 500;
          color: #074c9a;
          margin-top: 18px;
          text-align: center;
          position:relative;
          transition     : background-color  .3s ease-in , color  .3s ease-in;
       }
   
       .pcichiran a:before {
           content: '';
           width: 11px;
           height: 11px;
           border: 0;
           border-top: solid 2px #074c9a;
           border-right: solid 2px #074c9a;
           position: absolute;
           top: 48.5%;
           right: 24px;
           margin-top: -4px;
           transform: rotate(45deg);
         }
       .pcichiran a:hover:before {
     
           border-top: solid 2px #ffffff;
           border-right: solid 2px #ffffff;
         
         }
   
       .pcichiran div{
           width: calc(50% - 20px);
       }
       .pcichiran a:hover{
           background: #074c9a;
           color: #ffffff;
       }
   
       .waku_haiso_naiyo img{
           max-width: 100%;
          
       }
   
   
      
       .waku_haiso_naiyo table, .waku_haiso_naiyo td, .waku_haiso_naiyo th{
           border-collapse: collapse;
           border: 2px solid #cad2da;
           font-size: 14px;
           line-height: 1.6;
           font-weight: 300;
           
           
       }
   
       .waku_haiso_naiyo td, .waku_haiso_naiyo th{
           padding: 14px;
           vertical-align: middle;
       }
       .waku_haiso_naiyo th{
           background: #e7ebf0;
           width: 23%;
           text-align: left;
           font-weight: normal;
   
       }
       .pcichiran2{
           display: flex;
           justify-content: space-between;
       }
       .pcichiran2 div{
           width: calc(50% - 15px);
   
   
       }
       .pb{
           padding-bottom:29px ;
   
       }
       .sample{
           text-align: center;
           font-size: 14px; 
           padding-top: 10px;
           color: #585858;
       }
       .conditions{
           color: #585858;
           font-size:14px ;
           line-height: 1.7;
           font-weight: 300;
         
       }
       .conditions h3{
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        padding-top: 10px;
        padding-bottom: 40px;
    }
    
    .uline{
        /*text-decoration: underline;*/
        border-bottom: 1.5px solid;
     }
    
       .conditions h4{
           background: #e7ebf0;
           text-align: center;
           font-size:14px ;
           padding: 2px 0 2px;
           font-weight:400;
           margin-bottom: 14px;
       }
   
       .conditions2{
        list-style-type: none;
        margin-left: 0;
        padding-left: 1.4em;
        
        
    }
       .conditions2 li{
        padding-left: 1.3em;
        text-indent: -1.3em;
           margin-bottom: 3px;
       }
       .conditions2 li:first-of-type{
           margin-top: 5px;
       }
       .bikou{
           border:solid 2px #eff2f5;
           padding: 15px 20px;
           margin-top: 30px;
       }
   
       .conditions h4:nth-of-type(2){
           margin-top: 28px;
       }
       .conditions p:nth-of-type(3){
           margin-top: 15px;
       }
           
    
   
     .keikasochi_wrap {
           margin: 0px auto;
           background-color: #dce3ea;
           background-repeat: repeat;
           background-attachment: fixed;
           width: 100%;
       }
   
    
       .box {
           margin: 0 auto 51px auto;
           width: calc(100% - 40px);
           padding-bottom: 0px;
       }
       .box:last-of-type{
           padding-bottom: 130px;
       }
     .circle{
           display: list-item;
           list-style-type: none;
           padding-left: 0.1em;
           display: inline-block;
   
       }
       .circle li{
        padding-left: 1.3em;
        text-indent: -1.3em;
    }

       
      .spblank{
           display: none !important;
       } 
    
   


}

/*********************************************************************************************************** 
スマホサイト用のスタイル735以下
***********************************************************************************************************/

@media(max-width: 735px) {



    #pc_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #pc_footer_zentaiwrap {
        display: none;
        overflow: hidden;
    }

    #zentaiwrap_mobi {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        /*text-align: center;*/
        overflow: hidden;
    }



/******** 送料お知らせ　start　********/
    
        body{
            font-family: YakuHanJP,"Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","sans-serif",  "游ゴシック", "YuGothic", "メイリオ","Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic","sans-serif";
     
            
    }
    
    
    .titletop{
     color: #074c9a;
     font-size:27px;
     font-weight:800; 
     padding-bottom:40px;
     padding-top: 20px
 
     
    }
    
    .underline{
     text-decoration: none;
     border-bottom: 3px solid #074c9a;
     padding-bottom: 0px;   
     }
    
    .setsumei{
     color: #333;
     font-size:15px;
         font-family: YakuHanJP,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
     
     line-height: 1.7em;     
        font-weight: 300;
    }
    
 
    
    .waku_top {
        margin: 0 auto;
        width: 100%;
        background-color: #dce3ea;
        padding: 40px 0px 30px 0px;
        
    }

    .waku_top a:hover{
        opacity: 0.75;        
    }
    
    .waku_list {
        margin: 0 auto;
        width: 100%;
        background-color: #e9eef2;
        padding: 13px 0px;
    }
    
    .waku_dot {
        border-bottom: dotted 1px #c2c6c9;
         font-family: YakuHanJP, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
     
    }    
    


    
    .waku_haiso {
        margin: 0 auto;
         width: 100%;
        background-color: #074c9a;
        padding: 15px 25px 15px 25px;
    }
    
    .haiso_detail{
     color: #ffffff;
     font-size:18px;
        font-weight: 700;
             line-height: 1.4em;
         font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
     
    }
    
    
     .waku_haiso_naiyo {
        margin: 0 auto;
         width: 100%;
        background-color: #ffffff;
        padding: 26px 25px 48px 25px;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.5;
       
    }
    
  
    

    
    
   haiso_setsumei img  {
        width:2%;    
   }
 
    .sptopimg {
        margin: 0 auto;
        width: 100%;
        display: block !important; 
    }
    
    .pctopimg {
        display: none !important;
    }
    

    .keikasochi_wrap {
        width: 100%;
        margin: 0px auto;
        background-color: #dce3ea;
        background-repeat: repeat;
        background-attachment: fixed;
    }
    .pcichiran{
        display: flex;
        flex-direction: column;
       
    }
    .pcichiran a{
        display: block;
        width: 100%;
        border: solid #074c9a 1px;
        border-radius: 4px;
        padding: 16px;
       background-color: #ecf1f5;
       font-size: 16px;
       font-weight: 500;
       color: #074c9a;
       margin-top: 13px;
       text-align: center;
       position:relative;
       transition     : background-color  .3s ease-in , color  .3s ease-in;
    }

    .pcichiran a:before {
        content: '';
        width: 11px;
        height: 11px;
        border: 0;
        border-top: solid 2px #074c9a;
        border-right: solid 2px #074c9a;
        position: absolute;
        top: 48.5%;
        right: 24px;
        margin-top: -4px;
        transform: rotate(45deg);
      }


    .pcichiran div{
        width:100%;
    }

    .pcichiran div:first-of-type{
        margin-bottom: 25px;
    }

    .waku_haiso_naiyo img{
        width: 100%;
       
    }


   
    .waku_haiso_naiyo table, .waku_haiso_naiyo td, .waku_haiso_naiyo th{
        border-collapse: collapse;
        border: 2px solid #cad2da;
        font-size: 12px;
        line-height: 1.5;
        font-weight: 300;
        
        
    }
    .waku_haiso_naiyo table{
        margin-bottom: 25px;
    }


    .waku_haiso_naiyo td, .waku_haiso_naiyo th{
        padding: 12px;
        vertical-align: middle;
    }
    .waku_haiso_naiyo th{
        background: #e7ebf0;
        width: 26%;
        text-align: left;
        font-weight: normal;

    }
  
    .waku_haiso span{
        display: inline-block;
        background-color: #ffffff;
        color:#074c9a ;
        font-size:25px ;
        font-family: myriad-pro, sans-serif;
        font-weight: 700;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 31px;
        margin-right: 15px;
        /* bottom: -20px; */
   
    }
    .pcichiran2{
        display: flex;
        flex-direction: column;
    }
    .pcichiran2 div{
        width: 100%;


    }
    .pb{
        padding-bottom:20px ;
       

    }
     .circle{
        display: list-item;
        list-style-type: none;
        padding-left: 0.1em;
        display: inline-block;


    }
    .circle li{
        padding-left: 1.3em;
        text-indent: -1.3em;
    }
    
  





    
    .sample{
        text-align: center;
        font-weight: 11px;
        padding-top: 5px;
        color: #585858;
    }
    .conditions{
        color: #585858;
        font-size:12px ;
        line-height: 1.6;
    }
    .conditions h3{
        font-size: 13px;
        line-height: 22px;
        font-weight: 400;
        padding-top: 10px;
        padding-bottom: 40px;
    }
    
    .uline{
        /*text-decoration: underline;*/
        border-bottom: 1.5px solid;
     }
    
    .conditions h4{
        background: #e7ebf0;
        text-align: center;
        font-size:12px ;
        padding: 5px 0 5px;
        font-weight:300;
        margin-bottom: 10px;
        line-height: 12px;
    }

    .conditions2{
        list-style-type: none;
        margin-left: 0;
        padding-left: 1.5em;
        
        
    }
    .conditions2 li{
        padding-left: 1.3em;
        text-indent: -1.3em;
        margin-bottom: 6px;
    }
    .conditions2 li:first-of-type{
        margin-top: 5px;
    }
    
    .bikou{
        border:solid 2px #eff2f5;
        padding: 13px 17px;
        margin-top: 25px;
    }

    .conditions h4:nth-of-type(2){
        margin-top: 18px;
    }
    .conditions p:nth-of-type(3){
        margin-top: 15px;
    }
        
 

  .keikasochi_wrap {
        margin: 0px auto;
        background-color: #dce3ea;
        background-repeat: repeat;
        background-attachment: fixed;
    }

 
    .box {
        margin: 0 auto 51px auto;
        width: 950px;
        /* padding-bottom: 45px; */
        
    }
    .box + .box {
      
        padding-bottom: 45px;
        
    }
    
    
    .box:last-of-type{
        padding-bottom: 130px;
    }


  
    .box {
        margin: 0 auto;
        width: 92%;        
    }



}