
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; }*/
.text{ line-height:1.6; }
.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:20px; }
h3.cornerTitle{
    font-size:2rem; margin-bottom:12px; padding:5px 10px; background-color:#60a219; border-radius:3px; color:#fff; 
}
.contSec{ margin-bottom:50px; }
.contBlock{ margin-bottom:60px; }
.cornerBox{ margin-bottom:30px; }
.objCase{ margin:25px auto; }
.flexList{ display:flex; }
.flexList.btw{ justify-content:space-between; }
.flexList.aro{ justify-content:space-around; }
.flexList.cen{ justify-content:center; }
.flexList.wrap{ flex-wrap:wrap; }
.cardBox{ display:flex; flex-wrap:wrap; }
.pageIndex{ flex-wrap:wrap; }
.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 > li{ margin-bottom:20px; }
.danrakuList > li .header,
.putitHeader{ color:#3e7c39; margin-bottom:5px; font-size:105%; font-weight:bold; }
/*.objCase{ text-align:center; padding:15px 0; margin:0; }*/

.cap{ font-size:85%; }
.smallText{ font-size:60%; }
.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; }
.copy{ font-size:1.8rem; }

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;  
}

.pictCap{ display:inline-block; font-size:1.2rem; margin-bottom:8px; }
.lead{ margin-bottom:30px; }

.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:460px; margin:0 auto; }
.buyBtns .kounyuBtn a{
    display:block; width:100%; margin:0 auto; border-color:#fff;
    position:relative;
}
.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:1px solid #2d752c; }
.extraCorner .extraCornerTitle{
    background-color:#2d752c !important; color:#fff !important; padding:0 12px ;
}
.extraCorner .cont{ padding:10px 12px 12px; }

.movieBlock{ width:560px; height:315px; margin:15px auto; }
.movieBlock iframe{ width:100%; height:100%; }

@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; 
    }

    .contBlock{ margin:50px 0; }
    .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;
    }
     .disc_head p{
        position: relative; margin-bottom:3px; padding-left:1.2em;
    }
     .disc_head p:before{
        position:absolute; top:6px;  left:0; content:''; display:block; width:.8em; height:.8em;
        background-color:#c5ba87; border-radius: 50%;
    }
    .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; }
}/*PC用*/



@media screen and (max-width:767px) {
    
    #wrapper{ padding-top:0; }
    .flexList{ flex-wrap:wrap; }
    .pageIndex{ width:100%; }
    .pageIndex .anchorLink{ width:100%; margin-bottom:8px; text-align:center; }
    
    .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; }
    */
    
    .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 }
    .movieBlock{ width:100%; height:53.2vw; margin:5vw auto; }
    .buyBtns{ width:100%; }
    .buyBtns .kounyuBtn{ padding:0; width:100%; }
    .buyBtns .kounyuBtn a{ width:100%; margin:0 auto; }
}



/*大和ルージュ-独自規格*/
.sectionTitle .icon-yamatoruge{ width:40px; height:40px; margin-right:10px; }
 #sec01 .sectionTitle{ display:flex; align-items:center; }
/*h3.cornerTitle{ background-color:#930026; border-radius:3px; }*/
.disc_head .topic{ font-size:1.65rem; margin-bottom:12px }
.disc_head .topic .upperStrong{ margin-right:12px; }
rt{ font-size:40%; font-weight:normal; }
.disc_head p:before{ background-color:#930026; }
.graph{ margin:30px 0; }
.cornerTitle{ font-weight:; color:#930026; margin-bottom:10px;}

.shukakutekiki .left{ width:45%; }
.shukakutekiki .right{ width:50%; }
.shukakutekiki .marusuji{ font-size:3rem; margin-bottom:6px; }

.yamtoHP{
    border:1px solid #930026; width:450px; margin:40px auto; text-align:center; 
    font-size:1.8rem; position:relative;
}
.yamtoHP::after{
    content:''; display:block; width:6px; height:6px; border:1px solid transparent; 
    border-top-color:#930026; border-right-color:#930026;
    position:absolute; top:50%; right:10px; transform:rotate(45deg) translateX(-50%);
}
.yamtoHP a{ color:#930026; display:block; width:100%; height:100%; padding:10px; cursor:pointer; } 
.yamtoHP a:hover{ background-color:#eaf7d8; }

@media screen and (max-width:767px) {
    #sec01 .sectionTitle{ display:flex; align-items:center; }
    #sec01 .sectionTitle p{ color:#3e7c39; }
    .disc_head .topic{ }
    .disc_head .topic .text{ width:100%; padding-left:4.5vw; position:relative;}
    .disc_head .topic .text::before{
        content:''; display:block; width:3vw; height:3vw; background:#930026; 
        position:absolute; left:0; top:2vw; border-radius:50%;
    }
    .shukakutekiki .left,
    .shukakutekiki .right{ width:100%; }
    .shukakutekiki .left { margin-bottom:6vw; }
    .shukakutekiki .right .pict{ width:47%; }
    .yamtoHP{ width:97%; }
    .yamtoHP a{ padding:7px; cursor:pointer; font-size:4vw; } 

}
/*大和ルージュ-独自規格*/

