﻿@charset "UTF-8";

/*-- h2 小見出し --*/
.mim2 {
    /*background: #e2e6e7;/*背景色*/
    padding: 10px 20px 0px;/*文字まわり（上下左右）の余白*/
    font-size: 110%;
    font-weight: bold;
}

/*-- explanation 説明文 --*/
.mim_explanation{
    padding: 0 20px;
    font-size: 95%;
    margin-bottom: 10px;
}
.mim_explanation a{
    color: #de8e0c;
    font-weight: bold;
}
/*-- detail 詳細 --*/
.mim_detail{
    margin-bottom: 20px;
}
.mim_detail a{
    font-size: 95%;
    font-weight: bold;
    color: #de8e0c;
}


/*--　p 特長説明 --*/
.explanation {
    font-size: 95%;
    margin: 10px 0 20px;
    padding: 0px 20px 0 0;/*文字まわり（上下左右）の余白*/
    
}
/*-- 各項目について 色指定--*/
#color1{
    color: #2f4f4f;
    font-weight: bold;
}
#color2{
    color: #ff4500;
    font-weight: bold;
}
#color3{
    color: #0066ff;
    font-weight: bold;
}
#color4{
    color: #228b22;
    font-weight: bold;
}
#color5{
    color: #ff8c00;
    font-weight: bold;
}
/*-- 最終行調整 余白--*/
ol{
    padding-bottom: 15px;
    margin: 0px 10px 20px;
}
/*------------------------------------------------------------------------*/

/*-- item 素材説明 --*/
.item{
    padding: 0 20px 20px;
}
/*-- 各Title --*/
h3{
    font-size: 100%!important;
    font-weight: bold;
}
/*-- 単体の幅 カードについて--*/
.card-body{
    margin: 15px 10px 20px;
    padding: 10px ;
    background-color: #c7e6ff;
}
.item p{
    margin: auto;/*auto*/
}
/*-------------------------------------------------------------------------*/
.card-item{
    margin: 10px;
    padding: 10px;
    text-align: center;
}

.card-item img{
    margin: 5px 0 10px;
}



/*--- 参考画像エリア --- start */
/*p.f_txt{
    color: #2f4f4f;
    font-size: 85% ;
    margin:5px 20px;
    font-weight: bold;
}
div.img{
    margin: 5px 0px 5px 20px;
    float: left;
}
p.img_txt{
    font-size: 80%;
    text-align: center;
    margin-top: auto;
    overflow: hidden;
}
*/