/*                            */
/*  ミレーのスタイル用ＣＳＳ  */
/*                            */



/*(暫定)ミレー写真スライドのベースヘッダー*/
.millet_base_header{
    width: 100%;
    max-width: 1800px;
    min-width: 1200px;
    /*height: auto;*/
    max-height: 650px;
    background-color:#ffffff;
    position: relative;
}

/*写真スライド関連クラス*/
ul{
    margin:0;
}
.film_roll_wrapper {
    overflow: hidden;
}
.film_roll_shuttle {
    position: relative;
}
.film_roll_child {
    display: inline-block;
    margin-right: 0px;
}
.btn_prev,
.btn_next {
    position: absolute;
    top: 95%;
    width: 20px;
    height: 30px;
}
.btn_prev {
    left: 15px;
}
.btn_next {
    right: 15px;
}
.btn_prev:hover,
.btn_next:hover {
    opacity: 0.7;
}
.film_roll_pager {
    text-align: center;
}
.film_roll_pager a {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 10px 20px 0 0;
}
.film_roll_pager a:nth-child(1) {
    background: url(../img/home_btn/photo_btn01.png) no-repeat;
}
.film_roll_pager a:nth-child(2) {
    background: url(../img/home_btn/photo_btn02.png) no-repeat;
}
.film_roll_pager a:nth-child(3) {
    background: url(../img/home_btn/photo_btn03.png) no-repeat;
}
.film_roll_pager a:nth-child(4) {
    background: url(../img/home_btn/photo_btn04.png) no-repeat;
}
.film_roll_pager a:nth-child(5) {
    background: url(../img/home_btn/photo_btn05.png) no-repeat;
}
.film_roll_pager a:nth-child(6) {
    background: url(../img/home_btn/photo_btn06.png) no-repeat;
}
.film_roll_pager a.active:nth-child(1) {
    background: url(../img/home_btn/photo_btn01_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(2) {
    background: url(../img/home_btn/photo_btn02_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(3) {
    background: url(../img/home_btn/photo_btn03_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(4) {
    background: url(../img/home_btn/photo_btn04_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(5) {
    background: url(../img/home_btn/photo_btn05_act.png) no-repeat;
}
.film_roll_pager a.active:nth-child(6) {
    background: url(../img/home_btn/photo_btn06_act.png) no-repeat;
}
.film_roll_pager span {
display: none;
}
#film_roll_arrow {
display: none;
}
/*スライダー両サイドグレー網*/
.home_base_header_side_l{
    width: 26.39%;
    width: -webkit-calc((100% - 850px) / 2);
    width: -ms-calc((100% - 850px) / 2);
    width: -o-calc((100% - 850px) / 2);
    width: -moz-calc((100% - 850px) / 2);
    width: calc((100% - 850px) / 2);
    height: 600px;
    position: absolute;
    float: left;
    top: 0px;
    left: 0px;
    z-index: 999;
}
.home_base_header_side_r{
    width: 26.39%;
    width: -webkit-calc((100% - 850px) / 2);
    width: -ms-calc((100% - 850px) / 2);
    width: -o-calc((100% - 850px) / 2);
    width: -moz-calc((100% - 850px) / 2);
    width: calc((100% - 850px) / 2);
    height: 600px;
    position: absolute;
    float: right;
    top: 0px;
    right: 0px;
    z-index: 999;
}
.slide_side_blank{
    width: 100%;
    height: 100%;
    background-image: url("../img/home_photo/side_blank.png");
}



/*ミレーコンテンツボタン行設定*/
/*コンテンツ内のボタンの配置枠*/
.millet_contents_row{
    width: 920px;
    position: relative;
    vertical-align: bottom;
}
.millet_contents_btn{
    width: 204px;
    position: relative;
    vertical-align: bottom;
    /*ボタン上下空間*/
    /*(W920-(204px*4))/3=36.7px*/
    margin-bottom: 37px;
    float: left;
}
.millet_contents_btn_w{
    width: 3.76%;
    height: 1px;
    position: relative;
    float: left;
}



/*社長あいさつコンテンツ白枠(w900px)*/
.frame_contents_greeting_box{
    width: 700px;
    font-size: 2rem;
    line-height: 3rem;
    background-color:#ffffff;
    position: relative;
    padding: 50px 30px 30px 30px;
    left: 110px;
}

/*社長挨拶フッター*/
.mg_footer{
    width: 100%;
    height: auto;
}
.mg_center_img{
    display:block;
    margin-left: auto;
    margin-right: auto;
}
.mg_center_txt{
    width: 100%;
    font-size: 2rem;
    text-align: center;
    position: relative;
    top: -30px;
}
.mg_img_right_txt{
    width: 30%;
    position: relative;
    margin: -70px 0px 0px 0px;
    left: 70%;
}
.mg_img_right_name{
    width: 80%;
    height: auto;
    vertical-align: bottom;
}

/*ミレー経営理念５指標*/
.millet_barometer_text{
    width: 97.83%;
    color: #833c0c;
    font-size: 2rem;
    line-height: 3rem;
    padding-left: 20px;
    padding-right: 20px;
}