@charset "UTF-8";



/* --------------------------------
	ボディ
-------------------------------- */

* { filter: inherit; }
html { background: tranceparent; overflow-y: hidden; }
body { min-width: 1013px; background: #f7f7ef; position: relative; overflow-y: hidden; overflow-x: hidden; }
.open_bg { width: 100%; height: 100%; background: #f7f7ef; position: fixed; z-index: 50000; top: 0; }

/* 画面の高さ590px以下の処理 --- */
body#mini { min-width: 1013px; background: #f7f7ef; position: relative; overflow-y: inherit; }
body#mini #footer { position: inherit; }



/* --------------------------------
	ヘッダー
-------------------------------- */

#header { position: relative; z-index: 23000; }
#header #menu { position: absolute; top: 24px; left: 40px; }
#header #logo { position: absolute; top: 24px; right: 40px; }
#header #logo img { display: none; }
#header #logo img.active { display: block; }

/* メニュー -------------------- */
#menu_contents { width: 100%; position: absolute; left: 0; right: 0; background: #f7f7ef; z-index: 30000; display: none; }
#menu_contents #menu_header { padding: 24px 42px 29px 42px; border-bottom: solid 1px #eaeadf; }
#menu_contents #menu_header #menu_close { width: 20px; height: 20px; float: left; }
#menu_contents #menu_header #menu_back { width: 84px; height: 12px; float: right; padding: 4px 0 0 0; }
#menu_contents .section { padding: 0 5px 0 5px; }
#menu_contents h3 { padding: 54px 0 37px 35px; clear: both; }
#menu_contents h.h_make3 { padding: 49px 0 37px 35px; clear: both; }
#menu_contents .thumb.hid { display: none; }
#menu_contents .thumb { width: 212px; height: 142px; float: left; padding: 0 0 60px 35px; }
.opa { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.opa:hover { filter: alpha(opacity=70); opacity: 0.7; }
.opa_in { filter: alpha(opacity=50); opacity: 0.5; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
.opa_in:hover { filter: alpha(opacity=100); opacity: 1; }



/* --------------------------------
	コンテナ
-------------------------------- */

#container ol, ul { list-style:none; }

/* TOP ------------------------- */
#top_wrap { width: 100%; position: relative; }
#top { width: 100%; position: relative; left: 0; top: 0; z-index: 19000; display: block; }
#top #mv { width: auto; position: relative; z-index: 1; background-image: url(../img/index/mv.jpg); background-repeat: no-repeat; background-position: center left; background-size: cover; }
#top #mv img { width: auto; height: auto; }
#mv_ttl { position: absolute; left: 42px; bottom: 49px; z-index: 20990; }
#mv_ttl img { width: 100%; height: auto; max-width: 400px; }


/* スライドコンテンツ ----------- */
#slide_contents { width: 100%; height: 100%; background: #f7f7ef; position: relative; left: 0; top: 0; z-index: 18000; opacity: 0; }
#slide_contents .wrap { margin: 0 auto; }
#main_slide { position: absolute; left: 0; top: 0; z-index: 19900; }
#main_slide .photo { padding: 75px 0 0 0; }
#main_slide .photo .slide_txt { height: 20px; margin: 18px auto 0; text-align: right; font-size: 13px; color: #666666; }
#main_slide .photo .slide_txt_s { height: 35px; margin: 5px auto 0; text-align: right; font-size: 12px; color: #666666; }
#item_next { display: none; opacity: 0; }
#mv_prev { display: none; opacity: 0; }

/* read ----------- */
#main_slide .photo .read_wrap { }
#main_slide .photo.read img { height: 523px !important; width: 454px !important; }
#main_slide .photo.read.height_s img { height: 450px !important; width: 390px !important; }
#main_slide .photo.read.height_ss img { height: 400px !important; width: 347px !important; }

/* wx350 ----------- */
#main_slide .photo.wx { padding-top: 50px; }
#main_slide .photo .wx_wrap { min-width: 1040px; padding: 20px 0 0 0; position:relative; }
#main_slide .photo .wx_wrap .wx_contents { position: relative; }
#main_slide .photo .wx_wrap .wx_ttl { width: 100%; text-align: center; position: absolute; top: -60px; }
#main_slide .photo .wx_wrap .wx_photo1 { max-width: 1050px; margin: 0 auto; position:relative; }
#main_slide .photo .wx_wrap .wx_photo1 img { max-width: 520px; height: auto; }
#main_slide .photo .wx_wrap .wx_photo2 { max-width: 1050px; margin: 0 auto; }
#main_slide .photo .wx_wrap .wx_photo2 img { max-width: 346px; height: auto; }
#main_slide .photo .wx_wrap a img { }
#main_slide .photo .wx_wrap a:hover img { filter: alpha(opacity=70); opacity: 0.7; }

/* キャンペーン ----------- */
#main_slide .camp img { }
#main_slide .camp .camp_wrap { width: 1024px; margin: 3% auto 0; }
#main_slide .camp .photo_l { width: 430px; height: 297px; float: left; }
#main_slide .camp .camp_ttl { width: 590px; height: 165px; float: left; }
#main_slide .camp .camp_btn { width: 188px; height: 56px; float: left; padding: 45px 0 0 256px; }

/* カメラマン ------------- */
#main_slide .voice { padding-top: 50px; }
#main_slide .voice .voice_wrap { width: 1204px; margin: 0 auto 0; }
#main_slide .voice .photo_l { width: 720px !important; height: 580px !important; float: left; }
#main_slide .voice .voice_ttl { width: 304px !important; height: 580px !important; float: right; }
#main_slide .voice.height_s { padding-top: 35px; }
#main_slide .voice.height_s .voice_wrap { width: 1036px; margin: 0 auto 0; }
#main_slide .voice.height_s .photo_l { width: 620px !important; height: 500px !important; }
#main_slide .voice.height_s .voice_ttl { width: 262px !important; height: 500px !important; }
#main_slide .voice.height_ss { padding-top: 35px; }
#main_slide .voice.height_ss .voice_wrap { width: 980px; margin: 0 auto 0; }
#main_slide .voice.height_ss .photo_l { width: 558px !important; height: 450px !important; }
#main_slide .voice.height_ss .voice_ttl { width: 235px !important; height: 450px !important; }

/* 製品情報 ------------------------- */
#item_wrap { width: 100%; min-width: 1080px; position: relative; display: none; opacity: 0; }
#item_wrap_bg { width: 100%; min-width: 1080px; position: fixed; height: 100%; z-index: -1; top: 0; }
#item_wrap_bg img { width: 100%; min-width: 1080px; height: 100%; }
.item { float: left; min-width: 535px; }
.item img { display: block; margin: auto; width: auto; }
.item a { display: block; margin: auto; width: 188px; }
#item_prev { display: none; opacity: 0; z-index: 20000; }



/* --------------------------------
	NEXT/PREV
-------------------------------- */

/* NEXT ----------- */
.next_page { width: 23px; margin: 0 auto; height: 100%; position: relative; z-index: 21000; }
.next_page a { position: fixed; outline: 0; width: 80px; height: 100%; text-indent: -9999px; background: url(../img/index/orver_next_btn.gif) no-repeat center center; right: 5px; top: -35px; z-index: 21000; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }

/* PREV ----------- */
.prev_page { width: 23px; margin: 0 auto; height: 100%; position: relative; z-index: 21000; }
.prev_page a { position: fixed; outline: 0; width: 80px; height: 100%; text-indent: -9999px; background: url(../img/index/orver_prev_btn.gif) no-repeat center center; left: 5px; top: -35px; z-index: 21000; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; }
#item_prev a { background: url(../img/index/orver_prev_btn_item.gif) no-repeat center center; }
.prev_page a:hover { filter: alpha(opacity=50); opacity: 0.5; left: 0px; }
.next_page a:hover { filter: alpha(opacity=50); opacity: 0.5; right: 0px; }



/* --------------------------------
	フッター
-------------------------------- */

.footer { width: 100%; min-width: 980px; background: #ffffff; min-height: 36px; padding: 20px 0 20px 0; position: absolute; left: 0; bottom: 0px; z-index: 22000; }
.footer .f_logo { width: 83px; padding: 11px 26px 0 40px; float: left; }
.footer .f_bnr { width: 351px; float: right; padding: 0 0 0 23px; }
.footer .f_bnr ul { }
.footer .f_bnr ul li { float: left; padding: 0 19px 0 0; }
.footer .f_bnr ul li.bnr_cp { padding: 0 33px 0 0; }
.footer .f_sns { float: right; padding: 0 40px 0 0; }
.footer .f_sns ul { }
.footer .f_sns ul li { float: left; padding: 0 0 0 7px; }
.footer .copyright { width: 300px; height: 16px; float: left; padding: 13px 0 0 0; }
.footer .min { display: none; }
.footer .min .f_l_con { width: 300px; float: left; }
.footer .min .f_logo { width: 83px; padding: 3px 26px 0 14px; float: none; }
.footer .min .copyright { width: 300px; height: 16px; float: left; padding: 3px 0 0 14px; }
.footer .min .f_bnr { width: 294px; float: right; padding: 0; }
.footer .min .f_bnr ul li { padding: 0 15px 0 0; }
.footer .min .f_bnr ul li.last { padding: 0 4px 0 0; }
.footer .min .f_bnr ul li.bnr_cp { padding: 0 10px 0 0; }
.footer .min .f_sns { padding: 0 16px 0 0; }


/* --------------------------------
	スマホ
-------------------------------- */

@media screen and (max-device-width:768px){
body {min-height:800px;}
#main_slide .photo img{max-width:800px; height:auto;}
#main_slide .photo .wx_wrap {padding: 50px 0 0 0; }
#main_slide .voice .voice_wrap { width: 1004px; margin: 0 auto 0; padding: 50px 100px ; }
#main_slide .voice .photo_l {width:auto !important; height:500px !important; }
#main_slide .voice .voice_ttl { width: auto !important; height: 500px !important; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { bottom: -86px; }
}