/* 1809071631 */

/* reset20180710 */

html {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}


/* --------------------------------------------------------------------
	表示幅：固定
	表示順：左メニュー・メインコンテンツ・右メニュー
-------------------------------------------------------------------- */
div.wrapper_ {
	width: 1200px;
	text-align:left;
  margin: 0 auto;
}
div.container_ {
	margin: 0 auto;
	min-width: 920px;
  white-space: 100%;
	/*overflow: hidden;*/
}
div.contents_ {
	float: left;
	display: inline;
	/*overflow: hidden;*/
}


/*　clearfix　*/
div.mainframe_:after,
div.contents_:after,
div.container_:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
div.mainframe_,
div.contents_,
div.container_ { display:inline-block;}
/* HIdes from IE-mac */
*html div.mainframe_,
*html div.contents_,
*html div.container_ { height:1%;}
div.mainframe_,
div.contents_,
div.container_ { display:block;}
/* End hide from IE-mac */




/* --------------------------------------------------------------------
common.css
-------------------------------------------------------------------- */
body {
	margin: 0;
	color:#333333;
	text-align:center;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height: 140%;
	background: #FFF;
}
ol li {
	margin-left: 2em;
	list-style: decimal;
}
img {
	border: none;
	vertical-align: middle;
}
strong {
	font-weight: bold;
}
input {
	vertical-align: middle;
	/*font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 1em;
	padding: 1px
}
textarea {
	/*font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 1em;
	padding: 5px;
	border:1px solid #999;
	border-radius:5px;
	zoom: 1;
	position:relative;
}

select {
	/*font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	height: 28px;
	line-height: 28px;
    /*padding-left: 0.3em;*/
    border:1px solid #999;
    /* IE8用 */
    font-size: 12px\9;
	padding-top: 2px\9;
	padding-bottom: 2px\9;
}


label {
	margin: 3px 20px 0 0px;
	line-height: 17px;
	padding-bottom:3px;
}



a:link {
	color:#1d3994;
	text-decoration: none;
}
a:visited {
	color:#1d3994;
	text-decoration: none;
}
a:active {
	color:#1d3994;
	text-decoration: underline;
}
a:hover {
	color:#1d3994;
	text-decoration: underline;
}















/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
		min-width: 920px;
    margin: 0 auto;
    padding-bottom: 1px;
		border-top: 16px solid #cc0000;
    /*margin-bottom: 9px;*/
    background: url(/img/usr/common/header/head_bg.png?st=20170301) no-repeat left top;
}
#header_top {
    margin-bottom: 9px;
    padding: 0 0 0 30px;
    overflow: hidden;
}
#header_top #sitelogo {
    float: left;
    display: inline;
    margin-right: 70px;
}
#header_top .lead_ {
    float: left;
    display: inline;
    margin-top: 15px;
}

/* --------------------------------------------------------------------
	ユーザー定義　フッター
--------------------------------------------------------------------- */
#footerouter {
    width: 100%;
    min-width: 920px;
    height: auto;
    padding-top: 47px;
    margin-top: 30px;
    background: #ffffff;
    border-top: 5px solid #dddddd;
    position: relative;
}
#footerouter .footerinner_ {
    width: 1006px;
    margin: 0 auto;
    overflow: hidden;
}
#footer .footerinner_ {
	width: 1050px!important;
}
#footerouter .itmehistory_ .footerinner_ {
	position: relative;
}
#footerouter #footer_recommend {
  margin-bottom: 1px;
  padding-bottom: 22px;
  border-bottom: 1px solid #dddddd;
}
#footerouter #footer_recommend .common_headline2_ {
  margin: 0 0 15px 0;
}

/*ページの先頭へ戻る
------------------------------------------------*/
#footerouter #page_top {
    position: absolute;
    right: 0;
    top: -30px;
    text-align: right;
}

/*1番したの赤い背景
-----------------------------------------------*/
#footerouter #footer_btm {
    overflow: hidden;
    padding: 0 0 9px;
    background: #cc0000;
}
#footerouter #footer_btm #footerbtm_nav {
    padding: 15px 0;
}
#footerouter #footer_btm #footerbtm_nav ul {
	width: 1050px;
    text-align: center;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
#footerouter #footer_btm #footerbtm_nav ul li {
	width: auto;
	height: auto;
	float: left;
    border-left: 1px solid #fff;

}
#footerouter #footer_btm #footerbtm_nav ul li:first-child {
    border: 0;
}
#footerouter #footer_btm #footerbtm_nav ul li a {
    color: #fff;
    line-height: 1.3;
    display: block;
    padding: 0 10px;
}
#footerouter #footer_btm .footer_logo_ {
    float: left;
    display: inline;
}

#footerouter #footer_btm .footer_copy_ {
    float: right;
    display: inline;
}

/*ページの先頭へ戻る
---------------------------------------------------*/
#pagetop {
	width: 60px;
	height: 60px;
	background: url(/img/usr/common/footer/pagetop.png?st=20180706) no-repeat;
	background-size: contain;
	text-indent: -9999px;
	position: fixed;
	bottom: 18px;
	right: 18px;
}
#pagetop:hover {
	cursor: pointer;
	opacity: .8;
}





#keirou2018 .fade-up {
    transition: all 0s ease;
    -webkit-transition: all 0s ease;
    opacity: 0;
}
#keirou2018 .fade-up.scroll {
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    opacity: 1;
}
#keirou2018_left #keirou2018_return{
    display: none;
}
#keirou2018 * {
	box-sizing: border-box;
}
#keirou2018 {
	clear: both;
	font-size: 16px;
	line-height: 1.5;
}
#keirou2018 *::selection{
	background: #333;
	color: #fff;
}
#keirou2018 ul li,
#keirou2018 ol li,
#keirou2018 dl dt,
#keirou2018 dl dd{
    margin: 0;
    list-style-type: none;
}
#keirou2018 span {
	color: #cc0000;
	font-weight: bold;
}
#keirou2018 a:link,
#keirou2018 a:visited{
    color: #333;
}
#keirou2018 .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
#keirou2018 .clear{
    clear: both;
}
#keirou2018 figure{
    margin: 0;
    filter: drop-shadow(3px 3px 6px #c2c2c2);
}
#header_keirou * {
	box-sizing: border-box;
}
#header_keirou {
    margin-top: 15px;
	clear: both;
	font-size: 16px;
	line-height: 1.5;
}
#header_keirou ul li,
#header_keirou ol li,
#header_keirou dl dt,
#header_keirou dl dd{
    margin: 0;
    list-style-type: none;
}
#header_keirou a:link,
#header_keirou a:visited{
    color: #333;
}
#header_keirou .clearfix:after {
	content: "";
	clear: both;
	display: block;
}
#header_keirou .clear{
    clear: both;
}
#header_keirou #h1_block{
    margin: 0 0 13px 15px;
}
#header_keirou #h1_block h1{
    font-size: 18px;
    font-weight: bold;
}
#header_keirou #h1_block .h1_text{
    font-size: 13px;
}
#header_keirou #h1_block #nav_warp{
    width: 100%;
}
#keirou2018 h2{
    margin-bottom: 30px;
    font-size: 30px;
    text-align: center;
    color: #573826;
}
#keirou2018 h2 span:before,
#keirou2018 h2 span:after{
    display: block;
    content: "";
    position: absolute;
    width: 27px;
    height: 46px;
    top: 6px;
    background: url(/img/usr/keirou2018/h2_icon.png?st=20180724) no-repeat -14px -12px;
}
#keirou2018 h2 span:after{
    right: 0;
    background-position-x: -50px;
}
#keirou2018 h2 span:before{
    left: 0;
}
#keirou2018 h2 span{
    position: relative;
    padding: 8px 60px 2px 60px;
    text-shadow: 1px 1px 1px #dfdfdf;
    color: #573826;
}
#keirou2018 #keirou2018_right #pankuzu{
    display: flex;
    margin: 25px 0 15px 40px;
}
#keirou2018 #keirou2018_right #pankuzu .pankuzu_list{
    font-size: 12px;
    list-style-type: none;
}
#keirou2018 #keirou2018_right #pankuzu .pankuzu_list span,
#keirou2018 #keirou2018_right #pankuzu .pankuzu_list2 span{
    color: #333;
    font-weight: inherit;
}
#keirou2018 #keirou2018_right #pankuzu .pankuzu_list2{
    position: relative;
    margin-left: 10px;
    padding-left: 20px;
}
#keirou2018 #keirou2018_right #pankuzu .pankuzu_list2:after{
    position: absolute;
    content: ">";
    display: block;
    top: -1px;
    left: 0;
}
#keirou2018 #keirou2018_right #pankuzu .pankuzu_list2 a{
    cursor: default;
    text-decoration: none;
    pointer-events: none;
}
#keirou2018 #keirou2018_right #pankuzu .pankuzu_list2 a:hover{
    text-decoration: none;
}
#keirou2018 .keirou_content{
    position: relative;
    margin-top: -110px;
    margin-bottom: 80px;
    padding: 110px 30px 110px;
}
#keirou2018 .keirou_content::after {
    content: "";
    position: absolute;
    bottom: -24px;
    width: 100%;
    height: 25px;
    display: block;
    background-repeat: repeat-x;
    background-position: 0 100%;
    z-index: 1;
    left: 0;
    bottom: 5px;
    background-image: url(/img/usr/keirou2018/nami_brown.png?st=20180809);
}
#keirou2018 .keirou_content:nth-of-type(2n){
    padding: 100px 0 50px;
    background: #fff;
}
#keirou2018 .keirou_content:nth-of-type(2n)::after {
    left: auto;
    bottom: -24px;
    background-image: url(/img/usr/keirou2018/nami_white.png?st=20180809);
}
@media (max-width: 1620px){
    #keirou2018 #randamlist::after{
        width: 25%;
    }
}


#keirou2018 .keirou_content:last-of-type{
    margin-bottom: 0;
}
#keirou2018 .keirou_content:last-of-type::after{
    display: none;
}


#keirou2018 #keirou_ranking{
    margin: 30px 0 80px;
}
#keirou2018 #keirou_haitatu{
    padding: 110px 0;
}
#keirou2018 #keirou_yuuyuu{
    padding-right: 0;
    padding-left: 0;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1024px;
    z-index: 10000;
}
#header_keirou #h1_block .nav_inner{
	width: 100%;
	margin: 0 auto;
}
#header_keirou #nav{
    position: relative;
    background: #5b2f25;
}
#header_keirou #nav:before,
#header_keirou #nav:after{
  content: "";
  display: table;
}
#header_keirou #nav:after{
  clear: both;
}
#header_keirou #nav li{
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    width: 20%;
    text-align: center;
}
#header_keirou #nav>li:after,
#header_keirou #nav #nav06:before{
    position: absolute;
    display: block;
    content: "";
}
#header_keirou #nav>li:after{
    height: 44px;
    border-right: 2px dashed #fffafc;
    top: 23%;
    left: -1px;
}
#header_keirou #nav>#nav01:after{
    display: none;
}
#header_keirou #nav #nav02:after,
#header_keirou #nav #nav04:after{
    height: 44px;
}
#header_keirou #nav li a{
    display: block;
    position: relative;
    padding: 43px 10px 12px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 0 1px 2px #32120b;
}
#header_keirou #nav li a::before{
    position: absolute;
    display: block;
    content: "";
    top: 12px;
    left: 0;
    right: 0;
    background: url(/img/usr/keirou2018/icon_nav.png?st=20180724) no-repeat -13px -11px;
    width: 33px;
    height: 26px;
    margin: 0 auto;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#header_keirou #nav #nav02 a::before{
    background-position-x: -98px;
}
#header_keirou #nav #nav03 a::before{
    background-position-x: -53px;
}
#header_keirou #nav #nav04 a::before{
    background-position-x: -138px;
}
#header_keirou #nav #nav05 a::before{
    background-position-x: -181px;
}
#header_keirou #nav #nav06 a::before{
    background-position-x: -221px;
}
#header_keirou #nav>li:hover a{
    text-decoration: none;
    text-shadow: 0 0;
}
#header_keirou #nav>li a:hover::before {
    -webkit-animation: tremble .3s ease-in-out;
  animation: tremble .3s ease-in-out;
}
@-webkit-keyframes tremble {
  15% { -webkit-transform: translateX(3px) rotate(1deg); }
  30% { -webkit-transform: translateX(-3px) rotate(-1deg); }
  45% { -webkit-transform: translateX(2px) rotate(1deg); }
  60% { -webkit-transform: translateX(-2px) rotate(-1deg); }
  75% { -webkit-transform: translateX(1px) rotate(1deg); }
  90% { -webkit-transform: translateX(-1px) rotate(-1deg); }
}
@keyframes tremble {
  15% { transform: translateX(3px) rotate(1deg); }
  30% { transform: translateX(-3px) rotate(-1deg); }
  45% { transform: translateX(2px) rotate(1deg); }
  60% { transform: translateX(-2px) rotate(-1deg); }
  75% { transform: translateX(1px) rotate(1deg); }
  90% { transform: translateX(-1px) rotate(-1deg); }
}

#header_keirou #nav li ul li a:hover{
    background-image: none;
    text-decoration: underline;
}


#keirou2018 #syousai {
    display: flex;
    justify-content: space-between;
}
#keirou2018 #syousai p{
    margin: 0 30px 50px;
    padding: 30px 15px;
    background: #fffefa;
    font-size: 14px;
}
#keirou2018 #syousai #card{
    display: table;
    width: 100%;
    min-width: 400px;
    max-width: 400px;
    margin-right: 20px;
    padding: 20px 0 20px 20px;
    background: #fffefa;
}
#keirou2018 #syousai #card figure {
    filter: drop-shadow( 1px 1px 2px #848484);
    -webkit-animation: swing linear 3s infinite;
    -webkit-transform-origin: center -30px 0;
    animation: swing linear 3s infinite;
    transform-origin: center -30px 0;
}
@-webkit-keyframes swing {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(3deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-3deg); }
    100% { -webkit-transform: rotate(0deg); }
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
}
#keirou2018 #syousai #card dl{
    display: table-cell;
    vertical-align: middle;
}
#keirou2018 #syousai #card dl dt{
    display: inline-block;
    margin-bottom: 5px;
    padding: 0 18px;
    border-bottom: 2px dotted #a7a7a7;
    font-weight: bold;
    font-size: 18px;
}
#keirou2018 #syousai #card dl dd{
    font-size: 14px;
}

#keirou2018 #main_text{
    width: 740px;
    margin: 0 0 0 20px;
    padding: 20px 30px;
    background: #eeeeee;
    font-size: 13px;
}



/* #keirou2018 #keirou_categorylist */

#keirou2018 #keirou_categorylist{
    margin: 30px 1% 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#keirou2018 #keirou_categorylist>li{
    width: 16.66%;
    font-size: 20px;
    text-align: center;
}
#keirou2018 #keirou_categorylist>li:first-of-type{
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
    border: 1px solid #e9e7e3;
}
#keirou2018 #keirou_categorylist>li:first-of-type a:hover{
    opacity: 0.7;
}
#keirou2018 #keirou_categorylist>li a:hover{
    opacity: 1;
    text-decoration: none;
}
#keirou2018 #keirou_categorylist li a{
    display: block;
}
#keirou2018 #keirou_categorylist li+li a {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    position: relative;
    height: 360px;
}
#keirou2018 #keirou_categorylist>li+li a:hover figure{
    animation: turn .5s;
}
@keyframes turn {
  100% { transform: rotateY(360deg); }
}
#keirou2018 #keirou_categorylist li a .h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-align: left;
    margin: 15px auto 0;
    position: absolute;
    top: 139px;
    left: 50%;
    display: inline;
    transform: translate(-50%, 0);
}
#keirou2018 .common_headline2_Wrap {
    display: none;
}
/* haitau */
#keirou2018 #haitatu_text{
    text-align: center;
}
#keirou2018 #haitatu_text dl{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
    padding: 15px 0;
    background: #daccba;
}
#keirou2018 #haitatu_text dl dt{
    margin-right: 20px;
    padding: 5px 10px;
    color: #fff;
    background: #644838;
}
#keirou2018 #haitatu_text dl dd{
    margin-top: 2px;
    font-size: 36px;
}
#keirou2018 #haitatu_text dl dd span{
    color: #333;
    font-size: 22px;
    font-weight: initial;
}
#keirou2018 #keirou_haitatulist{
    display: flex;
    flex-wrap: wrap;
    margin: 25px 140px;
    border: 1px solid #e3dad2;
    border: 0;
    background: #fff;
    justify-content: space-between;
}
#keirou2018 #keirou_haitatulist li{
    width: 31%;
}
#keirou2018 #keirou_haitatulist li:nth-of-type(n+4){
    margin-top: 25px;
}
#keirou2018 #keirou_haitatulist li:nth-of-type(4){
    margin-left: 17%;
}
#keirou2018 #keirou_haitatulist li:nth-of-type(5){
    margin-right: 17%;
}
#keirou2018 #keirou_haitatulist li a{
    display: block;
    padding: 10px;
    transition: .4s;
    -webkit-transition: .4s;
    background: #f2f2f2;
    box-shadow: 0px 10px 0 -5px #daccba;
    transition: all 0.3s;
    cursor: pointer;
    user-select: none;
}
#keirou2018 #keirou_haitatulist li a:hover{
    text-decoration: none;
    background: #fff6eb;
    box-shadow: none;
    transform: translateY(5px);
}
#keirou2018 #keirou_haitatulist li a figure{
    text-align: center;
}
#keirou2018 #keirou_haitatulist li a p{
    margin: 10px 0 0;
    font-size: 13px;
    color: #333;
    font-weight: normal;
}
#keirou2018 #keirou_haitatulist li a:hover .haitatu_block .h3{
    text-decoration: underline;
}
#keirou2018 #keirou_haitatulist li a .haitatu_block{
    margin: 10px 0;
    color: #333;
}
#keirou2018 #keirou_haitatulist li a .haitatu_block .h3{
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: -1.5px;
    font-weight: normal;
}
#keirou2018 #keirou_haitatulist li a .haitatu_block .price{
    margin: 0;
    font-size: 12px;
}
#keirou2018 #keirou_haitatulist li a .haitatu_block .price span{
    font-size: 14px;
}




/* #keirou2018 #keirou_yosanlist */

#keirou2018 #keirou_yosanlist{
    margin: 0 4%;
}
#keirou2018 #keirou_yosanlist li{
    float: left;
    width: 32.57%;
    margin-bottom: 10px;
    border: 1px solid #e3dad2;
    font-size: 20px;
    line-height: 1;
}
#keirou2018 #keirou_yosanlist li+li{
    margin-left: 10px;
}
#keirou2018 #keirou_yosanlist li:nth-of-type(4){
    margin-left: 0;
}
#keirou2018 #keirou_yosanlist li a{
    display: block;
    position: relative;
    padding: 20px 20px 20px 30px;
    background: #fff;
    transition: .4s;
    -webkit-transition: .4s;
}
#keirou2018 #keirou_yosanlist li a:hover{
    background: #b8afa7;
}
#keirou2018 #keirou_yosanlist li a::before{
    position: absolute;
    content: "";
    display: block;
    top: 37%;
    right: 25px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #e3dad2;
    border-right: 2px solid #e3dad2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: drop-shadow(1px 1px 1px #eee);
    -webkit-transition: all .2s;
    transition: all .2s;
}




/* #keirou2018 .chumoku_block */

#keirou2018 .chumoku_block{
    margin: 0 20px;
}
#keirou2018 .chumoku_block+.chumoku_block{
    margin-top: 70px;
}
#keirou2018 .chumoku_block .chumokulist{
    width: 900px;
    margin: 30px auto;
}
#keirou2018 .chumoku_block .chumokulist li {
    display: table;
    width: 100%;
}
#keirou2018 .chumoku_block .chumokulist li+li{
    margin-top: 30px;
}
#keirou2018 .chumoku_block .chumokulist li a {
    display: block;
    position: relative;
    width: 450px;
    text-decoration: none;
    transition: 0.2s all ease 0s;
    -webkit-transition: 0.2s all ease 0s;
    z-index: 1;
    transition: .4s;
    -webkit-transition: .4s;
}
#keirou2018 .chumoku_block .chumokulist li:nth-of-type(2n) a{
    margin-left: 80px;
    text-align: right;
}
#keirou2018 .chumoku_block .chumokulist li a .more{
    display: none;
}
#keirou2018 .chumoku_block .chumokulist li a:hover .more{
    display: block;
    position: absolute;
    top: 54%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    z-index: 9999;
}
#keirou2018 .chumoku_block .chumokulist li a figure{
    margin: 0;
    transition: .4s;
    -webkit-transition: .4s;
}
#keirou2018 .chumoku_block .chumokulist li a:hover figure{
    filter: none;
}
#keirou2018 .chumoku_block .chumokulist li a:hover figure::before,
#keirou2018 .chumoku_block .chumokulist li a:hover figure::after{
    display: block;
    content: "";
    position: absolute;
    z-index: 9999;
    transition: .4s;
    -webkit-transition: .4s;
}
#keirou2018 .chumoku_block .chumokulist li a:hover figure::before{
    top: 40.5%;
    left: 0;
    right: -8px;
    margin: 0 auto;
    width: 30px;
    height: 6px;
    background: #fff;
}
#keirou2018 .chumoku_block .chumokulist li a:hover figure::after{
    top: 37.3%;
    left: 0;
    right: -17px;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    border-top: 6px solid #fff;
    border-right: 6px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#keirou2018 .chumoku_block .chumokulist li a:hover::before{
    position: absolute;
    content: "";
    display: block;
    top: 0;
    width: 450px;
    height: 280px;
    background: rgba(51, 51, 51, 0.77);
    z-index: 100;
}
#keirou2018 .chumoku_block .chumokulist li .chumoku_name {
    width: 370px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px 0 0;
}
#keirou2018 .chumoku_block .chumokulist li:nth-of-type(2n) .chumoku_name{
    padding: 0 0 0 30px;
}
#keirou2018 .chumoku_block .chumokulist li .h3{
    margin-bottom: 3px;
    color: #404040;
    font-size: 22px;
    font-weight: bold;
}
#keirou2018 .chumoku_block .chumokulist li a:hover .chumoku_name .h3{
    text-decoration: underline;
}
#keirou2018 .chumoku_block .chumokulist li .chumoku_name .price{
    font-size: 16px;
}
#keirou2018 .chumoku_block .chumokulist li .chumoku_name .text{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #643f25;
}



/* #keirou2018 #keirou_catalog  */
#keirou2018 #keirou_catalog .keirou_catalog_text{
    text-align: center;
}
#keirou2018 #keirou_catalog #cataloglist{
    display: flex;
    width: 1160px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
}
@media (max-width: 1300px){
    #keirou2018 #keirou_catalog #cataloglist{
        display: block;
        width: 570px;
    }
    #keirou2018 #keirou_catalog #cataloglist li:nth-of-type(n+2){
        margin-top: 50px;
    }

}
#keirou2018 #keirou_catalog #cataloglist li{
    display: flex;
    flex-wrap: wrap;
    width: 570px;
}
#keirou2018  #cataloglist li:nth-of-type(n+3){
    margin-top: 30px;
}
#keirou2018 #keirou_catalog #cataloglist li .cate_text{
    width: 245px;
    margin: 15px 0 0 20px;
    font-size: 14px;
}
#keirou2018 #keirou_catalog #cataloglist li .cate_text p+p{
    text-align: center;
    margin: 10px 0;
}
#keirou2018 #keirou_catalog #cataloglist li .cate_text .catalog_block {
    text-align: center;
}
#keirou2018 #keirou_catalog #cataloglist li .cate_text .catalog_block .h3{
    font-size: 21px;
    font-weight: bold;
}
#keirou2018 #keirou_catalog #cataloglist li>p{
    width: 100%;
    margin-top: 20px;
}
#keirou2018 #keirou_catalog #cataloglist li>p a{
    display: block;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #643f25;
    background: #fff;
    transition: .4s;
    -webkit-transition: .4s;
}
#keirou2018 #keirou_catalog #cataloglist li>p a:hover{
    background: #643f25;
    color: #fff;
}



/* randam */

#keirou2018 #randamtext{
    margin-bottom: 25px;
    text-align: center;
}
#keirou2018 #randamlist{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 3% -40px;
    align-items: baseline;
}
#keirou2018 #randamlist::before,
#keirou2018 #randamlist::after{
    width: 23%;
    content:"";
    display: block;
}
#keirou2018 #randamlist::before{
    order: 1;
}
#keirou2018 #randamlist li{
    position: relative;
    width: 270px;
    height: 411px;
    margin: 0 15px 40px;
    background: #fff;
}
#keirou2018 #randamlist li .randam_block{
    margin: 15px 7% 0;
}
#keirou2018 #randamlist li .randam_block .h3{
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
#keirou2018 #randamlist li .randam_block p{
    font-size: 13px;
}
#keirou2018 #randamlist li .randam_block .price span{
    font-size: 16px;
}
#keirou2018 #randamlist li .randam_block .text{
    margin-top: 10px;
}
#keirou2018 #randamlist li .more{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 15px 0 0;
}
#keirou2018 #randamlist li .more a{
    display: block;
    padding: 5px 0;
    border: 1px solid #858585;
    color: #333;
    background: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}
#keirou2018 #randamlist li .more a:hover{
    background: #643f25;
    color: #fff;
}
#keirou2018 #randamlist li .finish{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 15px 0 0;
    padding: 5px 0;
    background: #b1b1b1;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

/* #keirou2018 #keirou_mame */

#keirou2018 #keirou_mame #keirou_mamegaiyou {
    width: 970px;
    margin: 0 auto;
}

#keirou2018 #keirou_mame #keirou_mamegaiyou li{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
#keirou2018 #keirou_mame #keirou_mamegaiyou li:nth-of-type(2n){
    flex-flow: row-reverse;
}
#keirou2018 #keirou_mame #keirou_mamegaiyou li+li{
    margin-top: 35px;
}
#keirou2018 #keirou_mame #keirou_mamegaiyou li .mame_block{
    width: 460px;
    margin: 0 30px;
    text-align: center;
}
#keirou2018 #keirou_mame #keirou_mamegaiyou li .h3{
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: bold;
}
#keirou2018 #keirou_mame #keirou_mamegaiyou li .h3::before{
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(/img/usr/keirou2018/mame_icon.png?st=20180724) no-repeat 0 0;
    top: -17px;
    right: -25px;
}
#keirou2018 #keirou_mame #keirou_mamegaiyou li p{
    text-align: left;
}





/* oldranking */

#keirou2018 #keirou_oldranking #oldlist{
    display: flex;
    flex-wrap: wrap;
    margin: 0 20px 60px;
    justify-content: space-between;
}
#keirou2018 #keirou_oldranking #oldlist li{
    width: 49%;
    background: #fffefa;
}
#keirou2018 #keirou_oldranking #oldlist li+li{
    margin-top: 20px;
    padding-bottom: 30px;
}
#keirou2018 #keirou_oldranking #oldlist li .oldimg{
    position: relative;
}
#keirou2018 #keirou_oldranking #oldlist li+li .oldimg{
    max-width: 486px;
    margin: 30px auto;
    padding: 0 30px;
}
#keirou2018 #keirou_oldranking #oldlist li+li .oldimg img{
    max-width: 100%;
}
#keirou2018 #keirou_oldranking #oldlist li .oldimg p{
    position: absolute;
    top: -20px;
    left: -20px;
}
#keirou2018 #keirou_oldranking #oldlist li+li .oldimg p{
    left: 0;
}
#keirou2018 #keirou_oldranking #oldlist li:first-of-type{
    width: 100%;
    display: table;
    flex-wrap: wrap;
    padding: 30px 0 30px 30px;
}
#keirou2018 #keirou_oldranking #oldlist li:first-of-type .oldtext{
    display: table-cell;
    vertical-align: middle;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext .old_block{
    padding: 10px 50px;
    background: #daccba;
}
#keirou2018 #keirou_oldranking #oldlist li:first-of-type .oldtext .old_block{
    padding: 15px 50px;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext .h3{
    font-size: 20px;
    font-weight: bold;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext .price{
    margin: 0;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext p{
    margin: 20px 50px 0;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext p a{
    display: block;
    padding: 10px 0;
    text-align: center;
    border: 1px solid #643f25;
    background: #fff;
    transition: .4s;
    -webkit-transition: .4s;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext p a:hover{
    background: #643f25;
    color: #fff;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext .finish{
    padding: 10px 0;
    background: #b1b1b1;
    color: #fff;
    text-align: center;
}
#keirou2018 #keirou_oldranking #oldlist li .oldtext .price span{
    font-size: 18px;
}


/* keirou_yuuyuu */
#keirou2018 #keirou_yuuyuu #yuuyuulist li{
    display: flex;
    display: table;
    width: 100%;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li:first-of-type .yuuyuu_block{
    border-top: 1px solid #333;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li:last-of-type .yuuyuu_block{
    border-bottom: 1px solid #333;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li a,
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block{
    width: 50%;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li figure{
    margin: 0;
    filter: none;
}

#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block{
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px;
    background: #fff;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block .h3{
    margin-top: 30px;
    font-size: 22px;
    font-weight: bold;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block p{
    font-size: 16px;
    margin-top: 2px;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block p+p{
    margin-top: 10px;
    font-size: 14px;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block .syouhin_more {
    margin-top: 20px;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block .syouhin_more a{
    padding: 10px 30px;
    display: inline-block;
    border: 1px solid #858585;
    color: #333;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block .syouhin_more a:hover{
    background: #643f25;
    color: #fff;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block .list_more {
    margin: 15px 0;
    text-align: right;
    font-weight: bold;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block .list_more a{
    text-decoration: underline;
}
#keirou2018 #keirou_yuuyuu #yuuyuulist li .yuuyuu_block .list_more a:hover{
    text-decoration: none;
}



/* footer */
#footer{
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#keirou2018 #footerouter a:link,
#keirou2018 #footerouter a:visited{
    color: #333;
    text-align: left;
}
#keirou2018 #footerouter{
    width: auto;
  position: relative;
  clear: both;
  margin:0 auto;
  padding-top: 0;
  border-top: 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}
#keirou2018 #footerouter #footer_btm #footerbtm_nav ul li a{
    font-size: 12px;
}
#footer .footerinner_ {
    width: 1024px!important;
}
#keiroufooter{
    padding: 15px 50px 25px;
    border-top: 10px solid #a19a94;
    background: #d2c7be;
}
#keiroufooter #footerlist,
#keiroufooter {
    display: flex;
    flex-wrap: wrap;
}
#keiroufooter p{
    margin: 10px 20px;
}
#keiroufooter #footerlist {
    border-left: 1px solid #bfb1a6;
}
#keiroufooter #footerlist li{
    padding: 10px 25px;
    border-right: 1px solid #bfb1a6;
}
#keiroufooter #footerlist li dl dt{
    font-size: 16px;
    font-weight: bold;
}
#keiroufooter #footerlist li dl dd{
    position: relative;
    margin-top: 10px;
    padding-left: 15px;
}
#keiroufooter #footerlist li dl dd::before{
    position: absolute;
    content: "";
    display: block;
    top: 4px;
    left: 0;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #bfb1a6;
}