/*
基本黄緑 #60a219;
濃い緑 #327e2e;
かなり濃い緑 #462;
極薄黄色 #fcfcf3;
*/

/*default消し*/
#SiteOriginalBox h3{
    border-left-width:0;
    border-left-style:none;
}
/*default消し*/

html,body,section,div,p,ul,li,{
    box-sizing: border-box; 
}
.pict img{ width:100%; }
.text{ margin-bottom:1rem; text-align:justify; /*text-indent:1.2rem;*/ }
.dropCaps:first-letter{ font-size:3.4rem; line-height:1; float:left; margin:0.5rem .5rem 0; padding:0; }
h2.sectionTitle{ font-size:3.6rem; font-weight:bold; color:#3e7c39; margin-bottom:30px; }
.sectionTitle .sub{ font-size:1.5rem; margin:0 5px;}

h3.cornerTitle{
    font-size:2rem; margin-bottom:20px; padding:5px 10px; background-color:#60a219; border-radius:3px; color:#fff; 
}
.contSec{ margin-bottom:100px; }
.contBlock{ margin-bottom:100px; position:relative; }
.cornerBox{ margin-bottom:30px; }
.objCase{ margin:25px auto; }
.flexBox{ display:flex; }
.flexBox.btw{ justify-content:space-between; }
.flexBox.aro{ justify-content:space-around; }
.flexBox.cen{ justify-content:center; }
.flexBox.wrap{ flex-wrap:wrap; }
.cardBox{ display:flex; flex-wrap:wrap; }
.pageIndex{
    flex-wrap:wrap; padding:15px; margin-bottom:20px; border-radius:6px; background:#fcfcf3;
}
.pageIndex .header{
    border-bottom:none; border-right:1px solid #aaa;  width:130px; margin-bottom:0;
    color:#963; font-weight:bold;
}
.pageIndex .linkList{ padding-left:30px; }
.pageIndex .anchorLink{ margin-bottom:6px; }
.anchorLink a{
    display:block; width:100%; height:100%; padding:5px 10px;
    background-color:#fff9c6; border-radius:5px; border:1px solid #ec9; color:#963;
}

.cornerTitle{ font-size:1.8rem; font-weight:; color:cadetblue; }
.smallHeader{ font-size:1.6rem; font-weight:bold; color:#444; margin-bottom:5px; }
.smallHeader::before{
    content:''; display:inline-block; width:1.2rem; height:1.2rem; background-color:#60a219;
    border-radius:50%; margin-right:5px;
}
.danrakuList > .danraku{ margin-bottom:60px; }
.putitHeader{ color:#3e7c39; margin-bottom:5px; font-size:105%; font-weight:bold; }

.maruSujiList{  }
.maruSujiList .topic{ display:flex; margin-bottom:12px; }
.maruSujiList .topic .num{
    display:flex; justify-content:center; align-items:center; color:#fff; margin-right:5px;
    background-color:#585; width:2.5rem; height:2.5rem; border-radius:50%; 
}
.maruSujiList .topic .text{ width:calc(100% - (2.5rem + 5px)); font-size:1.5rem; }
/*.objCase{ text-align:center; padding:15px 0; margin:0; }*/

.cap{ font-size:90%; }
.textCase .cap{ line-height:1.8rem; display:inline-block; padding-left:1.3rem;}
.upperStrong{ font-size:110%; font-weight:bold; }
.redTxt{ color:#d15; }
.red{ color:red; }
.dullRed{ color:#d1452e; }
.green{ color:green; }
.bold{ font-size:110%; font-weight:bold; }
.keigakomi{ border:1px solid #333; padding:0 3px; margin-right:5px; }

th{ font-weight:bold; background-color:#d1e998; }
.sickList th{ color:#477c46; }

table.basicTable{ border-left:1px solid #aaa; border-top:1px solid #aaa; }
table.basicTable th,
table.basicTable td{
    padding:5px 8px;
    border-right:1px solid #aaa; border-bottom:1px solid #aaa;  
}

table.reset{ display:table !important;  }
table.reset tbody{ display:table-row-group !important; }
table.reset tr{ display:table-row !important;}
table.reset th,
table.reset td{ display:table-cell !important;}

.fullLargePict{ width:100%; margin:15px 0; }
.largePict{ width:min(480px, 100%); margin:15px 0; }
.pictCap{ display:inline-block; font-size:1.2rem; margin-bottom:8px; }
.lead{ margin-bottom:30px; }

.numHead{ display:flex; align-items:center; margin-bottom:10px;}
.numHead .num{
    background:#327e2e; color:#fff; width:2.2rem; height:2.2rem; font-size:1.4rem;
    display:flex; align-items:center; justify-content:center; margin-right:10px;
}
.numHead .title{ font-size:2rem; font-weight:bold; background:transparent; color:#333; line-height:1; }

.txt_ali-c{ text-align: center; }
.txt_ali-l{ text-align: left; !important }
.txt_ali-r{ text-align: right; }

.mar_t_10{ margin-top:10px; }
.mar_t_20{ margin-top:20px; }
.mar_r_10{ margin-right:10px; }
.mar_b_10{ margin-bottom:10px; }
.mar_b_20{ margin-bottom:20px; }
.mar_b_30{ margin-bottom:30px; }
.mar_b_50{ margin-bottom:50px; }
.mar_l_10{ margin-left:10px; }

.marT10{ margin-top:10px; }
.marT20{ margin-top:20px; }
.marR10{ margin-right:10px; }
.marB10{ margin-bottom:10px; }
.marB20{ margin-bottom:20px; }
.marB30{ margin-bottom:30px; }
.marB50{ margin-bottom:50px; }
.marL10{ margin-left:10px; }

.width100{ width:100%; }

.noteBox{ border:1px solid #aaa; padding:1.5% 5%; margin:20px auto; width:90%; }

.pagetop{
    position:fixed; display:flex; content:'▲'; color:#fff; background-color:#462;
    justify-content:center; align-items:center; opacity:.85;
}
.pagetop::after{ content:'▲'; }

#titlePict{ margin-bottom:30px; }
.buyBtns{ width:100%; }
.buyBtns .kounyuBtn a{
    display:block; width:100%; margin:0 auto; border-color:#fff;
    position:relative; color:#fff;
}
.buyBtns .kounyuBtn a::after{ 
    content:''; position:absolute; right:14px; top:50%; display:block;
    width:6px; height:6px; border:1px solid transparent;
    border-top-color:#fff; border-right-color:#fff; 
    transform:rotate(45deg) translateY(-70%);
}
.extraCorner{ 
    border:3px solid #2d752c; border-radius:10px; background-color:#fefdec;
}
.extraCorner .extraCornerTitle{
    background-color:#2d752c !important; color:#fff !important; padding:3px 12px 6px;
    font-size:1.8rem; font-weight:bold;
}
.extraCorner .cont{ padding:10px 12px 12px; }

@media screen and (min-width:768px) {

    table.t_base th,
    table.t_base td{ padding:5px 20px; text-align:center;}
    hr.skelton{ margin:5px; opacity:0; }
    a:link{ text-decoration: none; }

    .flexList .anchorLink{ margin-right:10px; }
    .flexList .anchorLink a{
        display:block; width:100%; height:100%; padding:5px 10px;
        background-color:#fff9c6; border-radius:5px; border:1px solid #ec9; 
    }

    .header_g{
        position:relative; margin:0 0 15px; padding-left:28px; color:#3e7c39; font-size:26px; font-weight:bold;
    }
    .header_g:before{
        position:absolute; top:0; left:0; display:block; content:"";
        width:22px; height:22px; background-color:#3e7c39;
    }
    .kajogakiList .topic{ margin-bottom:8px; }
    .disc_head{  } 
    .disc_head .header{
        font-weight:bold; font-size:1.5rem;
        position: relative; margin-bottom:3px; padding-left:1.2em; color:#333;
    }
     .disc_head .header:before{
        position:absolute; top:6px;  left:0; content:''; display:block; width:.8em; height:.8em;
        background-color:#c5ba87; border-radius: 50%;
    }
    .disc_head .text{ padding-left:1.2em; }
    
    .last_link{ width:70%; margin:40px auto 0; }
    .last_link .LinkArrowStyle02 li{ width:100%; text-align:center;
    }
    .last_link .LinkArrowStyle02 li a{ width:100%; }
    
    cite{ display:block; text-align:right; }
    
    .width80Box{ width:80%; margin:0 auto; }
    .pagetop{
        width:50px; height:50px; font-size:1rem;
        bottom:30px; right:30px; 
    }
    .pagetop::after{ font-size:3rem; }
    .buyBtns .kounyuBtn a{ width:auto; margin:0 auto; }
    .kounyuBtn{ width:min(450px, 100%); }
}/*PC用*/



@media screen and (max-width:767px) {
    
    #wrapper{ padding-top:0; }
    .flexBox{ flex-wrap:wrap; }
    .pageIndex{ width:100%; }
    .pageIndex .header{border-right:none; margin-bottom:3vw; }
    .pageIndex .linkList{ padding-left:0; width:100%; }
    .pageIndex .anchorLink{ width:100%; margin-bottom:8px; text-align:center; }
    .anchor{ position:absolute; top:-15vw; left:0;}
    
    .right{ text-align:left; }
    
    .cardBox{ justify-content:space-between; }
    /*
    .cardBox .card{ width:44vw; height:44vw; background-color:#eee; margin-bottom:8vw; }
    .cardBox .card a{ font-size:2.2rem; line-height:2.8rem; background-color:rgba(036,068,018,.45); }
    .cardBox .card a p{ color:#fff; font-weight:bold; }
    */
    
    .disc_head{  } 
    .disc_head .header{
        font-weight:bold; font-size:1.5rem;
        position: relative; margin-bottom:3px; padding-left:1.2em; color:#333;
    }
     .disc_head .header:before{
        position:absolute; top:6px;  left:0; content:''; display:block; width:.8em; height:.8em;
        background-color:#c5ba87; border-radius: 50%;
    }
    .disc_head .text{ padding-left:1.2em; }
    
    .numHead .num{ width:7.5vw; height:7.5vw; font-size:5.2vw; }

    .sickList td{ padding:15px; }
    .sickList th{
        font-size:1.8rem; vertical-align:middle; padding:10px 0; height:100%; 
        background-color:#dff2df; 
        text-align:center;
    }
    .pagetop{
        width:10vw; height:10vw; bottom:15px; right:15px; 
    }
    .pagetop::after{ font-size:5vw; }
    
    h2.sectionTitle{ font-size:7vw }
    .sectionTitle .sub{ display:block; font-size:5vw; }
    .buyBtns .kounyuBtn{ width:80%; }
    
    .smallHeader{ padding:0; }
    .putitHeader{ font-feature-settings:'palt'; padding:0; }
    
    #goTop{ z-index:1; }
    #goTop a{
        display:flex; justify-content:center; align-items:center; 
        width:40px; height:40px; position:fixed; right:15px; bottom:15px;
        background-color:#fff; border:1px solid #6a6; 
    }
    #goTop a::after{
        content:''; display:block; width:30%; height:30%; transform:rotate(45deg) ;
        border:3px solid transparent; border-top-color:#6a6; border-left-color:#6a6; 
        margin-top:25%
    }
    footer{ position:relative; z-index:10000; background-color:#fff;}
}



/*ブルーム ユニーク設定*/
.bloomColor{ color:#01a0ea; }
.bloomBox{ background:#01a0ea; }
#lead{ margin-bottom:50px; }

#lead .tokucho{ display:flex; flex-wrap:wrap; justify-content:space-between; }
#lead .tokucho .topic{
    width:48%; margin-bottom:20px; border:3px solid #01a0ea; border-radius:6px; overflow:hidden;
}
#lead .tokucho .topic h3{
    background:#01a0ea; display:flex; align-items:center; justify-content:center; padding:10px;
}
#lead .tokucho .topic h3 .icon{ width:40px; margin-right:12px; }
#lead .tokucho .topic h3 .header{ color:#fff; font-weight:bold; font-size:23px; }
#lead .tokucho .topic .text{ text-align:center; font-size:16px; padding-top:8px; }
#lead .goretexBox{ color:#fff; padding:20px; margin-bottom:30px;}
#lead .goretexBox .header{
    font-weight:bold; font-size:23px; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #fff; 
}
#lead .goretexBox .pict{ width:520px; }
#lead .goretexBox .spec{ text-align:center; border:2px solid #fff; }
#lead .goretexBox .spec .header{ font-size:16px; margin:0; padding:0; border:none;}
#lead .goretexBox .spec .cont{ background:#fff; color:#333; }
.addgoretexBox .lrBox{ margin-bottom:30px;}
.addgoretexBox .lrBox .header{ width:100%; font-weight:bold; font-size:20px; margin-bottom:10px; }
.addgoretexBox2 .header{ align-items:center; margin-bottom:10px; }
.addgoretexBox2 .header .head{ background:#f4d78b; padding:4px 8px; margin-right:8px; }
.addgoretexBox2 .header .main{ font-size:20px; font-weight:bold; margin-right:10px; color:#32569f; }
.addgoretexBox2 .header .sub{ margin-right:5px; }
.addgoretexBox2 .pointList .point{
    background:#32569f; color:#fff; padding:2px 6px 1px; border-radius:3px; margin-right:5px;
    line-height:1.5;
}
.addgoretexBox2 .pointList .point:last-of-type{ margin-right:0; }

#lineup .list .topic{
    width:47%; border:4px solid #01a0ea; padding:15px; border-radius:5px; margin-bottom:30px;
}
#lineup .list .topic .mainPic{ width:85%; margin:0 auto 10px; }
#lineup .list .topic .name{
    font-weight:bold; font-size:160%; line-height:1.2; color:#32569f; margin-bottom:8px;
    border-top:1px dashed #999; padding-top:10px;
}
#lineup .list .topic .name .sub{ font-size:12px; }
#lineup .list .topic .kikaku dd{ display:flex; }
#lineup .list .topic .kikaku dd .header{ font-weight:bold; margin-right:5px; }
#lineup .list .topic .kikaku .color{
    display:inline-block; width:14px; height:14px; border-radius:50%; margin-left:5px;
}
#lineup .list .topic .kikaku .color.blue{ background:#2866b1; }
#lineup .list .topic .kikaku .color.orange{ background:#ea571b; }
#lineup .list .topic .kikaku .color.magenta{ background:#e73f8d; }
#lineup .list .topic .kikaku .color.black{ background:#393943; }

#sizeContrast .sizeList{ margin-top:20px; }
#sizeContrast .sizeList .topic{ padding:15px; background:#f4f0e3; }
#sizeContrast .sizeList .topic .bdyType{ font-size:130%; font-weight:bold; margin:10px 0 5px; }
#sizeContrast .sizeList .topic .bdyType .type{ background:#910000; color:#fff; padding:0 10px; margin-left:5px; }
#sizeContrast .sizeList .topic .text .head{ background:#74b232; padding:1px 4px; color:#fff; border-radius:3px;}

#distinction .contBox{ display:flex; justify-content:space-between; }
#distinction .contBox .pict{ width:275px; margin-left:25px; }
#distinction .tokuchoList{ width:460px; }
#distinction .tokuchoList .topic{ display:flex; align-items:center; margin-bottom:10px;}
#distinction .tokuchoList .topic .head{ 
    background:#df7c28; color:#fff; font-weight:bold; margin-right:6px; padding:2px 8px;
    border-radius:10px; width:100px; text-align:center;
}
#distinction .tokuchoList .topic .cont{ width:355px; }
.contBlock{ margin-bottom:50px; }

#hakase{ position:relative;}
.hakaseIllust{ width:120px; position:absolute; right:15px; top:-25px; }
#hakase .cornerTitle .sub{ font-size:75%; }
#hakase .moreTokuchoList .topic{
    background:#fffde4; padding:20px; border-radius:12px; margin-bottom:25px; width:620px;
}
#hakase .moreTokuchoList .topic .header{ display:flex; align-items:center; margin-bottom:15px; }
#hakase .moreTokuchoList .topic .header .head{
    background:#df7c28; color:#fff; width:60px; height:36px; padding:5px; text-align:center; border-radius:5px; 
    font-weight:bold; font-size:180%; margin-right:10px;
}
#hakase .moreTokuchoList .topic .header .head sub{ vertical-align:bottom; font-size:75%; margin-left:5px;}
#hakase .moreTokuchoList .topic .header .title{ font-size:22px; font-weight:bold;  }
#hakase .moreTokuchoList .topic .pict{ width:350px; }  
#hakase .moreTokuchoList .topic:nth-of-type(3){ position:relative; }
#hakase .moreTokuchoList .topic .hakase{ position:absolute; bottom:-5px; right:50px; width:120px; }
#hakase .moreTokuchoList .topic:last-of-type{ margin-bottom:10px; }
#hakase .moreTokuchoList .topic:last-of-type .pict{margin-left:15px;}

@media screen and (min-width:768px) {
    #lead .sectionTitle{ margin-top:50px; }
    .addgoretexBox{ flex-wrap:wrap; }
    .addgoretexBox .lrBox{ width:100%; }
    .addgoretexBox .lrBox .cont{ width:500px; }
    .addgoretexBox .lrBox .pict{ width:240px; }
    .bloomtokucho .pictBox .pict{ width:375px; }
    #lineup .list .topic{ width:48%; }
    #sizeContrast .sizeGraph{ width:550px; }
    #sizeContrast .sizeList{ display:flex; justify-content:space-between; flex-wrap:wrap; }
    #sizeContrast .sizeList .topic{ width:48%; margin-bottom:30px; }
}

@media screen and (max-width:767px) {
    #lead{ padding:4vw 2vw; margin-bottom:15vw; }
    #lead .header{ margin-bottom:5vw; }
    #lead .text{ margin-bottom:8vw; width:100%; }
    
    #lead .tokucho .topic{ width:100%; }
    #lead .tokucho .topic h3 .header{ margin:0; }
    #lead .tokucho .topic .text{ margin-bottom:10px; }
    #lead .goretexBox .text{ padding:0; color:#fff; text-align:left; }
    #lead .goretexBox .specCase .spec{ width:100%; display:flex; }
    #lead .goretexBox .specCase .pict{ padding:0; margin-bottom:10px; }
    #lead .goretexBox .specCase .spec li{ width:50%; background:#fff; }
    #lead .goretexBox .specCase .spec li .header{ background:#01a0ea; color:#fff; }
    .addgoretexBox2 .header .head{ display:block; width:60%; text-align:center; }
    
    #lineup .topic{ display:block; }
    #lead .tokucho .topic h3 .icon{ width:12vw; margin-right:2px; }
    #lineup .topic .mainPic{ width:80%; margin:0 auto 5vw; }
    #lineup .topic .contBox{ width:100%; }
    #lineup .topic .kikaku{ padding:0; }
    #lineup .list .topic{ width:100%; }
    #lineup .list .topic .name{ font-feature-settings:'palt'; }
    
    #sizeContrast .sizeList .topic{ margin-bottom:5vw; }
    
    #distinction .tokuchoList{ width:100%; }
    #distinction .contBox{display:block;}
    .hakaseIllust{ width:45%; margin:0 auto 10px;  position:static; }
    #hakase .moreTokuchoList .topic{ width:100%; }
    #hakase .moreTokuchoList .topic .header .head{ height:auto; }
    #hakase .moreTokuchoList .topic .header .title{
        width:calc(100% - 65px); background:transparent; color:#333;
    }
    #hakase .moreTokuchoList .topic .pict{ width:90%; margin:5px auto; }  
    #hakase .moreTokuchoList .topic .hakase{ display:none; }
}
/*ブルーム ユニーク設定*/