@charset "utf-8";
/* Copyright 2019 design hack. */

/* ------------------------------------------------------------

リセット

------------------------------------------------------------ */ 
/* 全ての要素に対する余白初期値設定 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border: 0;font-size:100%;}

/* デフォルト文字設定 */
body{color:#333333;font-family:'Noto Sans JP',"游ゴシック",'Yu Gothic', YuGothic,"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;font-weight: normal; font-size:15px;line-height:1.8;}
main{display:block;}
/* リストマーカーを非表示 */
ul,ol{list-style-type:none;}
/* テーブルセルのボーダーの設定 */ 
table {	border-collapse: collapse; 	border-spacing: 0;}
/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {vertical-align: middle;}
/* デフォルトリンク色の設定 */
a{color:#333333; text-decoration:none; outline: none;-webkit-transition: color 0.6s;transition: color 0.6s;}
a:hover{color:#F65135; text-decoration:none;}
/* 画像リンクの設定 */
a img.opa07:hover{opacity:0.7}
img {outline:none;}


/* ------------------------------------------------------------

初期化

------------------------------------------------------------ */
p{margin-bottom:none;}
img{vertical-align:top;	border:none;}
header, footer, nav, section, article, aside {display:block;}

/* ------------------------------------------------------------

サイト共通設定

------------------------------------------------------------ */
/*	clearfix
---------------------------------------------- */
.clearfix:after{/*for modern browser*/  content: "";  display:block;  clear:both;}
.clearfix{ *zoom:1; } /*for IE6,IE7*/
p#browser{padding:10px 0;background:#000;color:#FFF;text-align:center;}
p#browser span{font-size:86%;}

/* ------------------------------------------------------------

レイアウト

------------------------------------------------------------ */
/* ヘッダー
---------------------------------------------- */
header{height:80px;}
div#wrap_hdr{width:1200px;height:80px;margin:0 auto;position:relative;}
h1#catch{color:#788088;font-size:12px !important;font-weight:normal;line-height:1.0;position:absolute;right:0;top:5px;}
h2#logo{position:absolute;left:0;top:20px;}
h2#logo a:hover{opacity:0.7;}
p#h_mail{position: absolute;right: 0;top:44px;}

/* グローバルナビゲーション
---------------------------------------------- */
nav#main{position:absolute;top:23px;right:0;}
nav#main ul#nav_main {font-size: 16px;font-weight: bold;}
nav#main ul#nav_main li {display: inline-block;margin-left: 40px;line-height: 1.0;}
nav#main ul#nav_main li:first-child{margin-left: 0;}
nav#main ul#nav_main li a img {transition: opacity .6s;}
nav#main ul#nav_main li a:hover img {opacity: 0;}

/* フッター
---------------------------------------------- */
/* footer navi --------------*/
footer{background:#333333;color: #FFFFFF;font-size: 14px;padding: 40px 0 10px;}
div#wrap_ftr{width: 1200px;margin: 0 auto;}
p#ftr_address{margin-bottom: 20px;}
div#ftr_nav{overflow: hidden;border-bottom:1px solid #777777;margin-bottom: 10px;padding-bottom: 40px;}
ul#ftr_nav01,ul#ftr_nav02,ul#ftr_nav03{float:left;font-size:14px;line-height:1.0;width:170px;color: #FFFFFF;margin-right:30px;font-weight: normal;}
ul#ftr_nav01 li,ul#ftr_nav02 li,ul#ftr_nav03 li{margin-bottom: 15px;}
ul#ftr_nav01 li:last-child,ul#ftr_nav02 li:last-child,ul#ftr_nav03 li:last-child{margin-bottom: 0;}
ul#ftr_nav01 li a,ul#ftr_nav02 li a,ul#ftr_nav03 li a{color: #FFFFFF;text-decoration: none;}
ul#ftr_nav01 li a:hover,ul#ftr_nav02 li a:hover,ul#ftr_nav03 li a:hover{color: #565B61;}
p#small{color: #AEB3B8; line-height: 1.0;font-size:13px;text-align: center;}

/* パンくず
---------------------------------------------- */
div#bg_bread{background: #F2F2F2; padding: 10px 0;margin-bottom: 60px;}
ol#breadcrumb{margin:0 auto;width:1200px;font-size:12px;overflow:hidden;line-height: 1.0;}
ol#breadcrumb li{float:left;background:url(../img/ico_arrow_bread.png) no-repeat right 0;background-size: 4px 13px; padding-right:20px;margin-right:14px;font-weight: 400;}
ol#breadcrumb li:first-child img{margin-right: 0;}
ol#breadcrumb li:last-child{background:none;padding-right:0;margin-right:0;color: #333333;}
ol#breadcrumb li a{color: #333333;text-decoration: underline;}
ol#breadcrumb li a:hover{color: #565B61;text-decoration: none;}

/* ページトップ
---------------------------------------------- */
p#pagetop{position:fixed;right:40px;bottom:40px;margin-bottom:0;z-index: 100;}
p#pagetop a{display:block;text-decoration:none;}

/* コンテンツエリア
---------------------------------------------- */
div#contents{overflow: hidden;width: 1200px;margin: 20px auto 80px;}
main{width:880px;float: left;}
div#side{width: 300px;float: right;color: #333333;}
ul.post-categories{margin-bottom: 0!important;}

/* サイド
---------------------------------------------- */
p#ad01,p#ad02{margin-bottom: 10px;}
div#wrap_mypage{background: #DDDDDD;padding: 20px;margin-bottom: 10px;}
div#wrap_search{background: #DDDDDD;padding: 20px;margin-bottom: 10px;}
div#wrap_recommend,div#wrap_latest{background: #DDDDDD;padding: 20px;margin-bottom: 10px;}
div#wrap_recommend h3,div#wrap_latest h3{font-size: 20px;font-weight: normal; line-height: 1.0;margin-bottom: 20px;}
div#wrap_recommend ul li,div#wrap_latest ul li{overflow: hidden;margin-bottom: 10px;font-size: 13px;font-weight: normal;line-height: 1.2;}
div#wrap_recommend ul li:last-child,div#wrap_latest ul li:last-child{margin-bottom: 0;}
div#wrap_recommend ul li p,div#wrap_latest ul li p{width:60px;height:60px;overflow: hidden;position: relative;float: left;margin-right: 10px;background:url(../common/img/img_list_nophoto.gif) no-repeat 0 0;background-size: 60px 60px;}
div#wrap_recommend ul li p img,div#wrap_latest ul li p img{width: 100px;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
div#wrap_recommend ul li dl dt,div#wrap_latest ul li dl dt{margin-bottom: 6px;}
div#wrap_recommend ul li dl dd,div#wrap_latest ul li dl dd{font-size: 14px;font-weight: bold;}

/* ヘッダー
---------------------------------------------- */
h4{color: #462A13;text-align: center;font-size: 30px;font-weight: bold;line-height: 1.0;margin: 20px 0 60px;}


/* ------------------------------------------------------------

ベースCSS

------------------------------------------------------------ */

/* button
---------------------------------------------- */
p.btn_more01{background: #666666;width: 195px;line-height: 1.0;text-align: center;font-size: 16px;padding: 10px 0;border-radius:5px;margin: 0 auto;}
p.btn_more02{background: #666666;width: 100px;line-height: 1.0;text-align: center;font-size: 14px;padding: 8px 0;border-radius:5px;margin: 0 auto;}
a p.btn_more01,a p.btn_more02{color: #FFFFFF;}
a:hover p.btn_more01,a:hover p.btn_more02{opacity: 0.7;}

/* center
---------------------------------------------- */
.center{margin:0 auto;}

/* clear
---------------------------------------------- */
.overflow_clear{overflow:hidden;height:100%;}

/* text-align
---------------------------------------------- */
.align_right{text-align:right !important;}
.align_left{text-align:left !important;}
.align_center{text-align:center !important;}

/* float
---------------------------------------------- */
.left{float:left;}
.right{float:right;}

/* font
---------------------------------------------- */
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}

/* margin
---------------------------------------------- */
.mb_1em{margin-bottom:1em !important;}
.mb_2em{margin-bottom:2em !important;}

.mt_none{margin-top:0px !important;}
.mt_05{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}
.mt_50{margin-top:50px !important;}

.mr_none{margin-right:0px !important;}
.mr_05{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}
.mr_45{margin-right:45px !important;}
.mr_50{margin-right:50px !important;}
.mr_60{margin-right:60px !important;}
.mr_65{margin-right:65px !important;}

.mb_none{margin-bottom:0px !important;}
.mb_05{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_45{margin-bottom:45px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_55{margin-bottom:55px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_65{margin-bottom:65px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_75{margin-bottom:75px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_85{margin-bottom:85px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_95{margin-bottom:95px !important;}
.mb_100{margin-bottom:100px !important;}
.mb_120{margin-bottom:120px !important;}
.mb_130{margin-bottom:130px !important;}

.ml_none{margin-left:0px !important;}
.ml_05{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_42{margin-left:42px !important;}
.ml_45{margin-left:45px !important;}
.ml_50{margin-left:50px !important;}