/*
Theme Name: MARUMIKOUJI
Theme URI: 
Description:
*/

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

リセット

----------------------------------------------------------------------------------------------------------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,pre,form,button,fieldset,input,textarea,blockquote,th,td { padding: 0; margin: 0; font-weight: normal; font-style: normal; }

img { vertical-align: bottom; border: 0; }
a img { border: none; }

li { list-style-type: none; }

body {
	margin: 0px auto;
	font: normal normal 13px/1.7 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
    *font-size: small;
    *font: x-small;
	color: #333333;
	text-align: center;
	background: url(img/general/body_bg.jpg) repeat center 0;
}

h1,h2,h3,h4,h5,h6,table,th,td,input,textarea { font-size: 100%; }

a         { color: #000; text-decoration: none; }
a:link    { color: #000; }
a:visited { color: #000; }
a:hover   { color: #eab312; }
a:active  { color: #CC6666; }

strong { font-weight: bold; }
em { color: #d0593b; font-style: normal; }

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

fclear clearfix

----------------------------------------------------------------------------------------------------------------------*/
.fclear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

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

ヘッダー

----------------------------------------------------------------------------------------------------------------------*/
#header { position: relative; width: 970px; padding: 0; margin: 0 auto; text-align: left; }
#header #logo { padding: 18px 0 0 25px; margin: 0; }
#header #info { float: right; padding: 15px 47px 0 0; text-align: right; color: #666; font-size: 108%; font-weight: bold; line-height: 1.5; letter-spacing: 0; }

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

フッター

----------------------------------------------------------------------------------------------------------------------*/
#footer { clear: both; width: 970px; padding: 0; margin: 0 auto; }
#footer address { padding: 10px 35px; margin: 0; color: #898989; text-align: right; font-style: normal; font-size: 77%; background: url(img/general/ad_bg.gif) no-repeat 0 0; }
.pagetop { display: none; position: fixed; right: 0; bottom: 70px; }

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

ナビ

----------------------------------------------------------------------------------------------------------------------*/
#g_navi { width: 934px; padding: 26px 0 9px; margin: 0 auto; }
#g_navi li { display: inline; float: left; padding: 0; margin: 0; }
#g_navi li a { text-decoration: none; }

/*Dナビ
----------------------------------------------------------------------------------------------------------------------*/
#d_navi { clear: both; width: 970px; height: 30px; padding: 14px 0 0; margin: 0 auto; text-align: center; background: url(img/general/d_navi_bg.png) no-repeat 0 0; }
#d_navi ul { background: url(img/general/d_navi_dot.gif) no-repeat right top; }
#d_navi li { display: inline; float: left; padding: 0; line-height: 1; margin: 0 auto; background: url(img/general/d_navi_dot.gif) no-repeat left top; }

#d_navi ul.about { width: 510px; margin: 0 auto; }
#d_navi ul.originality { width: 330px; margin: 0 auto; }
#d_navi ul.knowledge { width: 230px; margin: 0 auto; }
#d_navi ul.recipe { width: 410px; margin: 0 auto; }

/*Sナビ
----------------------------------------------------------------------------------------------------------------------*/
#s_navi { position: absolute; top: 15px; left: 396px; padding: 0; margin: 0; }
#s_navi li { display: inline; float: left; padding: 0; margin: 12px 0 0 14px; }
#s_navi li.online { margin: 0px 0 0 14px; }
#s_navi li a { text-decoration: none; }

/*Fナビ
----------------------------------------------------------------------------------------------------------------------*/
#f_navi { padding: 20px 0; margin: 0; background-color: #a3958d; border-top: 1px solid #c0b4a4; }
#f_navi ul { padding: 0 0 0 30px; text-align: left; }
#f_navi li { display: inline; float: left; width: 188px; padding: 0; margin: 0; }
#f_navi li dt { padding: 0 0 10px; line-height: 1; }
#f_navi li dd { font-size: 93%; }

#f_navi li a { color: #f3e9db; }
#f_navi li a:link    { color: #f3e9db; }
#f_navi li a:visited { color: #f3e9db; }
#f_navi li a:hover   { color: #eab312; }
#f_navi li a:active  { color: #CC6666; }

/*パンクズ
----------------------------------------------------------------------------------------------------------------------*/
#topic_path { padding: 20px 38px 0; margin: 0; text-align: right; font-size: 85%; }
#topic_path ol { padding: 0; margin: 0; line-height: 1; }
#topic_path li { display: inline; padding: 0 0 0 13px; margin: 0; line-height: 1; background: url(img/general/topic_arrow.png) no-repeat left center; }
#topic_path li:first-child { background: none; }

/*ページ内リンク
----------------------------------------------------------------------------------------------------------------------*/
#b_navi { margin: 45px 0 0 -17px; }
#b_navi li { position: relative; display: inline; float: left; padding: 0; margin: 0 0 0 16px; }
#b_navi li a { display: block; width: 202px; height: 169px; padding: 0; font-size: 93%; line-height: 1; }
#b_navi li span { position: absolute; top: 157px; left: 22px; }

#inner_link { padding: 20px 0 0; margin: 0 0 0 -12px; }
#inner_link li { display: inline; float: left; padding: 0 11px; line-height: 1; border-right: 1px solid #000; }
#inner_link li:first-child { border-left: 1px solid #000; }

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

コンテンツ　レイアウト

----------------------------------------------------------------------------------------------------------------------*/
#container { min-width: 970px; max-width: 970px; padding: 0 40px; margin: 0 auto; text-align: center; background: url(img/general/container_bg.png) repeat-y center 0; }
#content { clear: both; width: 970px; padding: 0; margin: 0 auto 60px; text-align: left; }
#article { clear: both; width: 856px; padding: 0; margin: 0 auto; }

.text_l { float: left; width: 547px; }
.image_box_r { float: right; text-align: right; }
.image_box_r li { margin: 0 0 10px; }

.text_r { float: right; width: 547px; }
.image_box_l { float: left; text-align: right; }
.image_box_l li { margin: 0 0 10px; }

.image_box_r dl dd, .image_box_l dl dd { margin: 0; }

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

見出し関連

----------------------------------------------------------------------------------------------------------------------*/
h1 { margin: 0; line-height: 1; }
h2 { margin: 0; line-height: 1; }
h3 { margin: 0; line-height: 1; }
h4 { margin: 0; line-height: 1; }

h1.title { padding: 0; margin: 0 0 30px -20px; }
h2.main_img { margin: 35px 0 65px; }

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

トップページ

----------------------------------------------------------------------------------------------------------------------*/
#main_box { clear: both; padding: 5px 0; margin: 0 0 34px; background: url(img/top/main_box_bg.png) repeat 0 0; }
p#placeholder { width: 970px; height: 328px; }
#top #article { float: left; width: 678px; padding: 0 0 0 27px; }
#banner_area { float: right; width: 206px; padding: 0 30px 0 0; }
#banner_area li { padding: 0 0 15px; }
#banner_area li.outlink { padding: 0 0 2px; }
#top p.title { float: left; }

div#newsbox { }
div#newsbox dl { float: right; width: 617px; padding: 0; margin: 0; text-align: left; line-height: 1.25; overflow: auto; border-bottom: 1px solid #f8f3e8; }
div#newsbox dl dt { float: left; clear: right; display: inline; padding: 18px 0 18px 25px; margin: 0; border-top: 1px solid #f8f3e8; }
div#newsbox dl dt span { padding: 0 0 0 25px; }
div#newsbox dl dd { padding: 18px 25px 18px 224px; margin: 0; border-top: 1px solid #f8f3e8; }

div#like_box { width: 590px; padding: 0; margin: 35px 0 0 62px; }

div#pickupbox { margin: 35px 0 0 0; }
div#pickupbox ul { float: right; display: block; width: 622px; margin: 0 0 0 -5px; }
div#pickupbox ul li { float: left; display:inline; margin: 0 0 5px 5px; }

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

まるみ麹本店について

----------------------------------------------------------------------------------------------------------------------*/
#company { margin: 40px 0 0; }
#company li { display: inline; float: left; width: 386px; height: 287px; padding: 20px 20px 20px 8px; margin: 0; border-top: 1px solid #faf8f2; border-bottom: 1px solid #faf8f2; }
#company li.idea { display: block; float: none; width: 828px; height: 48px; margin: 0; border-bottom: none; }
#company li.shop { width: 374px; height: 123px; padding: 20px; margin: 0 0 0 28px; border-bottom: none; }
#company li.shop02 { width: 374px; height: 123px; padding: 20px; margin: 0 0 0 28px; }

#company dl dt { float: left; clear: right; display: inline; width: 112px; padding: 0 0 5px; margin: 0; }
#company dl dd { padding: 0 0 5px 112px; margin: 0; }
#company li.shop dl dt, #company li.shop02 dl dt { width: 195px; padding: 0;}

#history h3 { margin: 0 0 20px; }
#history p { margin: 0 0 35px; }
#history dl { float: right; padding: 0; margin: 0; text-align: right; }
.history_box01 p { width: 550px; float: left; }
.history_box02 p { width: 430px; float: left; padding: 0; margin: 0; }

.message h2 { margin: 25px 0 20px; }
.message p { margin: 0 0 35px; }
.president { width: 225px; text-align: left; line-height: 1; }
.president dt { margin: 50px 0 15px; }
.president dd { padding: 0 0 5px 4px; margin: 10px 0 0; }

.access_box { clear: both; margin: 20px 0 0; text-align: justify; text-justify: inter-ideograph; line-height: 2; }
.access_box h3 { margin: 0 0 20px; }
#map-canvas { width: 525px; height: 320px; margin: 30px 0 0; }
.map { margin: 40px 0 0; }

.means_box { clear: both; margin: 20px 0 0; }
.means_box li { float: right; width: 430px; }
.means_box li:first-child { float: left; width: 400px; }
.means_box li dt.heading { margin: 0 0 20px; }

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

本物へのこだわり

----------------------------------------------------------------------------------------------------------------------*/
#howto li { padding: 0; margin: 35px 0 0; }
#howto li:first-child {  padding: 0; margin: 30px 0 50px; }
#howto li#food05 { text-align: right; }

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

味噌と麹の知識

----------------------------------------------------------------------------------------------------------------------*/
.knowledge_box { position: relative; clear: both; margin: 20px 0 0; text-align: justify; text-justify: inter-ideograph; line-height: 2; }
.knowledge_box h3 { margin: 0 0 20px; }
.knowledge_box p { margin: 0 0 35px; }
.knowledge_box p.misoimg { position: absolute; top: 260px; left: 590px; }
dl#utility { margin: 0; }
dl#utility dt { width:212px; height: 21px; padding: 8px 0 0 26px; margin: 0 0 10px; background: url(img/knowledge/miso/miso_title_s_bg.png) no-repeat 0 0; }
dl#utility dt h4 { font-size: 108%; font-weight: bold; line-height: 1; }
dl#utility dd { margin: 0 0 30px 15px; }

.knowledge_box #kouji li { margin: 5px 0 35px; }

dl#type { margin: 0; }
dl#type dt { padding: 0; margin: 0; }
dl#type dt h5 { font-weight: bold; }
dl#type dd { margin: 0 0 30px; }
dl#type dd.img { margin: -20px 0 30px; }

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

新着情報

----------------------------------------------------------------------------------------------------------------------*/
p.title { float: left; }
div#news_box02 { margin: 40px 0 50px; }
div#news_box02 dl { float: right; width: 780px; padding: 0; margin: 0; text-align: left; line-height: 1.25; overflow: auto; border-bottom: 1px solid #f8f3e8; }
div#news_box02 dl dt { float: left; clear: right; display: inline; padding: 18px 0 18px 25px; margin: 0; border-top: 1px solid #f8f3e8; }
div#news_box02 dl dt span { padding: 0 0 0 25px; }
div#news_box02 dl dd { padding: 18px 25px 18px 224px; margin: 0; border-top: 1px solid #f8f3e8; }
#magazine_box { clear: both; padding: 0; margin: 0; text-align: left; }
#magazine_box div#slider_box { float: right; width: 774px; height: 246px; padding: 9px 0 12px; margin: 0; background: url(img/news/magazine_box_bg.png) no-repeat 0 0; }
#magazine_box div#slider_box li { padding: 5px 0; height: 214px; text-align: center; }
#magazine_box div#slider_box li a { display: block; padding: 10px 0 0; }

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

新着情報　個別ページ

----------------------------------------------------------------------------------------------------------------------*/
#sidebar { float: left; width: 192px; padding: 0; margin: 35px 0 0; text-align: left; border-top: 2px solid #f6f1e5; border-bottom: 2px solid #f6f1e5; }
#single { float: right; width: 625px; padding: 0 10px 0 15px; margin: 35px 0 0; text-align: left; border-top: 2px solid #f6f1e5; border-bottom: 2px solid #f6f1e5; }
#single h3 { font-size: 123.1%; font-weight: bold; }
#single dl { margin: 25px 0 0 0; }
#single dl dt { float: left; }
#single dl dd { float: right; }
.category { height: 14px; padding: 0 0 0 20px; margin: 20px 0 0; line-height: 1; background: url(img/general/category_arrow.png) no-repeat 0 0; }

#single_contents { clear: both; margin: 40px 0; }

.category_nav { padding: 5px 0 5px 15px; margin: 0 0 20px; border-bottom: 2px dotted #f6f1e5; }
.category_nav li { height: 14px; padding: 0 0 0 20px; margin: 25px 0; line-height: 1; background: url(img/general/category_arrow.png) no-repeat 0 0; }
.year_nav { padding: 5px 0 5px 15px; margin: 0 0 20px; }
.year_nav li { height: 14px; padding: 0 0 0 15px; margin: 0; line-height: 1; background: url(img/general/year_arrow.png) no-repeat 2px 2px; }

.alignleft { display: block; float: left; margin: 0 15px 1em 0; }
.aligncenter { display: block; margin:0 auto; }
.alignright { display: block; float: right; margin: 0 0 1em 15px; }

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

おいしいレシピ

----------------------------------------------------------------------------------------------------------------------*/
ul#recipe_top,
ul#recipe_top02 { font-size: 93%; margin: 40px 0 50px; }
ul#recipe_top02 { margin: -20px 0 50px; }
#recipe_top li,
#recipe_top02 li { display: inline; float: left; width: 240px; padding: 0; margin: 0 0 0 68px; }
#recipe_top li:first-child,
#recipe_top02 li:first-child { padding: 0; margin: 0; }
#recipe_top li dd,
#recipe_top02 li dd { padding: 0; margin: 13px auto 0; }

dl#shoplink { clear: both; position: relative; width: 637px; height: 128px; background: url(img/recipe/shop_link_bg.png) no-repeat 0 0; }
#shoplink dt { position: absolute; left: 365px; top: 20px; }
#shoplink dd { position: absolute; left: 365px; top: 95px; width: 234px; padding: 0; margin: 0; text-align: center; }
#shoplink dd { color: #c20000; font-weight: bold; }

#menu_box { float: left; margin: 40px 0 0; }
#menu_box li { margin: 0 0 10px; }

#process_box { float: right; margin: 44px 0 0; }
.material_box { width: 599px; height: 244px; margin: 21px 0 16px 4px; background: url(img/recipe/material_box_bg.png) no-repeat 0 0; }
.material_box li { display: inline; float: left; margin: 20px 0 0 40px; }

.material_box li dt { width: 238px; padding: 0 0 4px; margin: 0 0 8px; border-bottom: 1px dashed #000000; }
.material_box li dd { padding: 2px 2px; }
.material_box li dd.first { padding: 4px 2px 2px; }
.material_box li dd dl dt { width: 140px; float: left; clear: right; display: inline; padding: 2px 0; margin: 0; border-bottom: 1px  solid transparent; }
.material_box li dd dl dd { padding: 2px 0; margin: 0; text-align: right; border-bottom: 1px  solid transparent; }

.advice_box { width: 600px; height: 62px; margin: 0 0 0 4px; background: url(img/recipe/advice_box_bg.png) no-repeat 0 0; }
.advice_box dt { float: left; clear: right; display: inline; padding: 14px 0 0 12px; margin: 0; color: #D4592A; font-weight: bold; line-height: 1.5; border-bottom: transparent; }
.advice_box dd { padding: 14px 0 0 160px; margin: 0; line-height: 1.5; border-bottom: transparent; }

#process_box table { margin: 34px 0 0 14px; width: 560px; text-align: left; border-collapse: collapse; border-spacing: 0; }
#process_box table th { width: 270px; padding: 0 0 35px 0; vertical-align: middle; }
#process_box table td { padding: 15px 0 35px 20px; vertical-align: middle; }
#process_box table td h3 { margin: 0 0 10px; font-size: 131%; font-weight: bold; font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Times New Roman",serif; }

#process_box dl.tips { width: 478px; height: 133px; padding: 17px 40px 0; margin: 0 0 0 30px; background: url(img/recipe/amazake/tips_bg.png) no-repeat 0 0; }
#process_box dl.tips dt { margin: 0 0 10px; font-size: 108%; font-weight: bold; }
#process_box dl.tips dd { margin: 0; }
#process_box p.tips { width: 478px; height: 127px; padding: 23px 40px 0; margin: 0 0 0 30px; background: url(img/recipe/amazake/tips_bg.png) no-repeat 0 0; }

.koujisuki {
	margin: 80px 0 10px;
}
.koujisuki li {
	margin: 0 0 45px;
}
.koujisuki h3 {
	margin: 0 0 20px;
	font-size: 185%;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Times New Roman",serif;
}
.koujisuki figure {
	margin: 0 28px 0 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
.recipe_box {
	display: flex;
}
.recipe_box dt {
	margin-top: -0.25em;
	font-feature-settings: "palt" 1;
}
.recipe_box dl {
	width: 100%;
}
.recipe_box dd {
	display: flex;
}
.recipe_box dd span:first-child {
	width: 6.5em;
	margin: 0 1em 0 0;
}
.recipe_box .narrow dd span:first-child {
	width: 5.5em;
}
.recipe_box .wide dd span:first-child {
	width: 10em;
}
.recipe_box ul {
	margin-top: 1em;
}
.recipe_box ul li {
	margin-top: 0.5em;
	margin-bottom: 0;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
}
.recipe_box p {
	margin-top: 0.75em;
}


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

体験情報

----------------------------------------------------------------------------------------------------------------------*/
h2.title { float: left; padding: 0; }
.event_box { clear: both; margin: 20px 0 0; text-align: justify; text-justify: inter-ideograph; line-height: 2; }
.event_box .text_box { float: left; width: 570px; margin: 0; }
.event_box .text_box p { float: right; width: 500px; margin: 0; }
.event_box .text_box p.capa { margin: 30px 0 50px; }
.event_box .text_box p.capa02 { margin: 30px 0 15px; }
.event_box .text_box p.emergency { margin: 0 0 25px; color:#D00003; font-size: 131%; font-weight: bold; }
.event_box .text_box p.emergency02 { margin: -25px 0 25px; color:#D00003; font-size: 131%; font-weight: bold; }


div.event_document ul {
    clear: both;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    align-content: space-between;
    justify-content: space-between;
     width: 720px;
    margin: 15px 0 50px;
    padding-left: 70px;
}
div.event_document li {
    text-align: center;
    font-feature-settings: "palt" 1;
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #AA8253;
    border-radius: 8px;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
div.event_document li:first-child {
    background-color: #C14A1B;
}
div.event_document li a,
div.event_document li a:link,
div.event_document li a:visited {
    display: block;
    width: 230px;
    padding: 18px 0;
    color: #FFF;
}
div.event_document li:first-child a,
div.event_document li:first-child a:link,
div.event_document li:first-child a:visited {
    color: #FFF;
}
div.event_document li:hover {
    opacity: 1;
}
div.event_document li:hover {
    opacity: 0.6;
}

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

カルーセルスライダー

----------------------------------------------------------------------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container {}
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 684px; padding: 0 45px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 700px; }
.jcarousel-skin-tango .jcarousel-item { width: 160px; height: 75px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 15px; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 15px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 21px;
    height: 225px;
    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 15px;
    width: 21px;
    height: 255px;
    cursor: pointer;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0;
}

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

その他　設定

----------------------------------------------------------------------------------------------------------------------*/
.mt_0  { margin-top: 0 !important; }
.mt_10  { margin-top: 10px !important; }
.mt_30  { margin-top: 30px !important; }
.mt_40  { margin-top: 40px !important; }
.mt_60  { margin-top: 60px !important; }

.mt_-60  { margin-top: -60px !important; }
.mt_-100  { margin-top: -100px !important; }