@charset "utf-8";


/*=======================================================================
微調整css
=======================================================================*/

/*内余白
=====================================*/
.pa-top10{padding-top:10px;}
.pa-top20{padding-top:20px;}
.pa-top25{padding-top:25px!important;}
.pa-top30{padding-top:30px;}
.pa-top40{padding-top:40px;}
.pa-top50{padding-top:50px;}
.pa-top60{padding-top:60px;}
.pa-top70{padding-top:70px;}
.pa-top80{padding-top:80px;}
.pa-top90{padding-top:90px;}
.pa-top100{padding-top:100px;}

.pa-btm10{padding-bottom:10px;}
.pa-btm20{padding-bottom:20px;}
.pa-btm30{padding-bottom:30px;}
.pa-btm40{padding-bottom:40px;}
.pa-btm50{padding-bottom:50px;}
.pa-btm60{padding-bottom:60px;}
.pa-btm70{padding-bottom:70px;}
.pa-btm80{padding-bottom:80px;}
.pa-btm90{padding-bottom:90px;}
.pa-btm100{padding-bottom:100px;}


/*外余白
==========================================*/
.mgn-top10 {margin-top:10px;}
.mgn-top20 {margin-top:20px;}
.mgn-top30 {margin-top:30px;}
.mgn-top40 {margin-top:40px;}
.mgn-top50 {margin-top:50px;}
.mgn-top60 {margin-top:60px;}
.mgn-top70 {margin-top:70px;}
.mgn-top80 {margin-top:80px;}
.mgn-top90 {margin-top:90px;}
.mgn-top100 {margin-top:100px;}

.mgn-btm10 {margin-bottom:10px;}
.mgn-btm20 {margin-bottom:20px;}
.mgn-btm30 {margin-bottom:30px;}
.mgn-btm40 {margin-bottom:40px;}
.mgn-btm50 {margin-bottom:50px;}
.mgn-btm60 {margin-bottom:60px;}
.mgn-btm70 {margin-bottom:70px;}
.mgn-btm80 {margin-bottom:80px;}
.mgn-btm90 {margin-bottom:90px;}
.mgn-btm100 {margin-bottom:100px;}

.mgn-left05{margin-left:5px;}
.mgn-left10{margin-left:10px;}
.mgn-left20{margin-left:20px;}
.mgn-left30{margin-left:30px;}
.mgn-left40{margin-left:40px;}
.mgn-left50{margin-left:50px;}

.mgn-right05{margin-right:5px;}
.mgn-right10{margin-right:10px;}
.mgn-left20{margin-right:20px;}
.mgn-left30{margin-right:30px;}
.mgn-left40{margin-right:40px;}
.mgn-left50{margin-right:50px;}





/*テキスト右寄せ左寄せ
====================================*/
.txt-left {
   text-align: left;
}
.txt-right {
   text-align: right;
}

/*フロート左右
============================================*/
.float-left {
   float: left;
}
.float-right {
   float: right;
}

/*フレックスボックス設定*/
.flex-box{
   display: flex;
   justify-content:space-between;
   flex-wrap: wrap;
}

/*画像横幅*/
.img-wsize-200 {
   width: 200px!important;
}
.img-wsize-250 {
   width: 250px!important;
}

.img-wsize-sp50 {
   width: 50%!important;
}
.img-wsize-sp60 {
   width: 60%!important;
}

/*テキストカラー 単色*/
.text-color-green{color:#91b53a;}
.text-color-green02{color:#7ea80e;}
.text-color-red{color:#e05e5e;}

/*バックグラウンドカラー 単色*/
.bg-beige-mono {background-color:#fcfbf8;}
.bg-beige01{background:#fcf0e1;}
.bg-beige02{background:#f9e8d8;}
.bg-gray{background:#f8f8f8;}
.bg-aqua{background:#d4f1ea;}
.bg-yellowgreen{background:#ecf1d4;}
.bg-green{background:#c1da7f;}

/*バックグラウンドカラー 色階調*/
.bg-beige-grad {
   background: #fbf6ee; /* Old browsers */
   background: -moz-linear-gradient(top,  #fbf6ee 0%, #fcfbf8 49%, #fcfbf8 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top,  #fbf6ee 0%,#fcfbf8 49%,#fcfbf8 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom,  #fbf6ee 0%,#fcfbf8 49%,#fcfbf8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf6ee', endColorstr='#fcfbf8',GradientType=0 ); /* IE6-9 */
}


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