@charset "UTF-8";
body { margin: 0 auto; max-width: 1110px; }

#main_middle h1 { font-size: 140%; margin: 0; padding: 0 5px; }
#main_middle h1, #main_middle h2 { padding-bottom: 5px; }
#main_middle a { color: forestgreen; }
#main_middle a:hover { color: orange; }
#main_middle #toppage-wrap { font-size: 14px; }
#main_middle #toppage-wrap h2 { background: forestgreen; color: white; font-size: 18px; font-weight: bold; letter-spacing: 2px; margin: 30px 0 10px; padding: 8px; -moz-box-shadow: 0 0 0 2px forestgreen inset, 0 0 0 3px white inset; -webkit-box-shadow: 0 0 0 2px forestgreen inset, 0 0 0 3px white inset; box-shadow: 0 0 0 2px forestgreen inset, 0 0 0 3px white inset; text-shadow: 2px 2px darkgreen, 0 0 1px black; }
#main_middle #toppage-wrap h2 .red { color: orange; }
#main_middle #toppage-wrap p { margin-left: 0px; margin-right: 0px; padding-left: 10px; padding-right: 10px; }
#main_middle #toppage-wrap #info { border: 2px solid forestgreen; border-radius: 5px; color: forestgreen; margin-top: 10px; }
#main_middle #toppage-wrap #info .title { font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important; font-size: 14px; font-weight: bold; margin: 0; padding: 5px 8px; text-shadow: 2px 2px darkgreen, 0 0 1px black; }
#main_middle #toppage-wrap #info ul { list-style-type: none; margin: 0; padding: 8px 12px; padding: 2px 6px; }
#main_middle #toppage-wrap #info ul li { line-height: 18px; margin: 8px 0; }
#main_middle #toppage-wrap #info a { color: tomato; }
#main_middle #toppage-wrap #page-header { background-image: url(/images/header/top-header.jpg); background-position: right top; background-repeat: no-repeat; background-size: 680px 200px; display: block; min-height: 200px; padding: 30px 10px 0; position: relative; }
#main_middle #toppage-wrap #page-header #header-content { background-color: rgba(0, 128, 0, 0.8); color: white; font-size: 16px; padding: 10px; max-width: 400px; }
#main_middle #toppage-wrap #page-header #header-content h1 { display: block; font-size: 22px; font-weight: bold; letter-spacing: 2px; line-height: 1.2em; margin-bottom: 10px; padding: 0 0 5px; text-shadow: 2px 2px darkgreen, 0 0 1px black; }
#main_middle #toppage-wrap #page-header #header-content #content-lower { display: block; font-size: 0.9em; padding: 0 5px; text-shadow: 2px 2px darkgreen, 0 0 1px black; }
#main_middle #toppage-wrap #header-under { color: forestgreen; font-size: 0.9em; margin: 5px 0 10px; text-align: center; }
#main_middle #toppage-wrap #header-under a:hover { color: orange; }
#main_middle #toppage-wrap #header-under p { margin: 0; }
#main_middle #toppage-wrap #top-text { border-bottom: 1px solid lightgray; padding: 10px 0; }
#main_middle #toppage-wrap .prod-sale h3 { color: forestgreen; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px; }
#main_middle #toppage-wrap .prod-sale h3:before { content: "◆"; font-size: 0.9em; }
#main_middle #toppage-wrap .prod-list { list-style-type: none; padding: 0; }
#main_middle #toppage-wrap .prod-list li { display: inline-block; vertical-align: top; }
#main_middle #toppage-wrap .prod-list li:hover { background: beige; }
#main_middle #toppage-wrap .prod-list li a { color: black; display: block; padding: 10px; text-decoration: none; width: 170px; }
#main_middle #toppage-wrap .prod-list li .title { color: green; display: block; padding: 10px 0; }
#main_middle #toppage-wrap .prod-list li .title .category-name { color: gray; font-size: 0.8em; }
#main_middle #toppage-wrap .itibu { color: forestgreen; display: block; font-size: 0.9em; text-align: right; }
#main_middle #toppage-wrap #about-dryfruit { background: whitesmoke; border: 1px solid forestgreen; border-radius: 5px; margin: 0 auto; max-width: 680px; width: 90%; }
#main_middle #toppage-wrap #about-dryfruit h3 { border: none; border-bottom: 2px solid forestgreen; color: forestgreen; display: block; font-family: 'Yu Mincho', serif !important; font-size: 18px; font-weight: bold; letter-spacing: 0.1em; line-height: 1em; margin: 0; padding: 5px 10px; text-shadow: 1px 1px 1px lightgray; }
#main_middle #toppage-wrap #about-dryfruit dl { margin: 0; padding: 0; }
#main_middle #toppage-wrap #about-dryfruit dl dt { padding: 5px 10px 0; }
#main_middle #toppage-wrap #about-dryfruit dl dt:before { color: forestgreen; content: "▸"; }
#main_middle #toppage-wrap #about-dryfruit dl dt a { color: forestgreen; text-decoration: none; }
#main_middle #toppage-wrap #about-dryfruit dl dt a:hover { color: orange; text-decoration: underline; }
#main_middle #toppage-wrap #about-dryfruit dl dd { border-bottom: 1px dotted gray; font-size: 0.9em; margin-bottom: 0; padding: 5px 40px 5px; }
#main_middle #toppage-wrap #about-dryfruit dl dd:last-of-type { border: none; margin-bottom: 0; }
#main_middle #toppage-wrap #notice { color: red; margin: 40px 0 10px; padding-left: 1em; text-indent: -1em; }
#main_middle #toppage-wrap #cate-list .content { padding: 0 5px; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
#main_middle #toppage-wrap #cate-list .content li { width: 217px; margin: 10px 0 0; text-align: left; vertical-align: top; list-style-type: none; width: 33%; max-width: 217px; }
#main_middle #toppage-wrap #cate-list .content li a { border: 1px solid lightgray; display: block; position: relative; text-decoration: none; position: relative; padding-left: 5px; color: #333 !important; }
#main_middle #toppage-wrap #cate-list .content li a:hover { opacity: 0.6; }
#main_middle #toppage-wrap #cate-list .content li a:before { position: absolute; right: 0; width: 106px; background: 0 0/100% auto no-repeat url("/images/page/index_cate.png"); height: 100%; content: ""; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="1"]:before { background-position: 0 0%; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="2"]:before { background-position: 0 11.11111%; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="3"]:before { background-position: 0 22.22222%; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="4"]:before { background-position: 0 33.33333%; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="5"]:before { background-position: 0 44.44444%; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="6"]:before { background-position: 0 55.55556%; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="7"]:before { background-position: 0 66.66667%; }
#main_middle #toppage-wrap #cate-list .content li a[data-cid="8"]:before { background-position: 0 77.77778%; }
#main_middle #toppage-wrap #cate-list .content li a .name { display: table-cell; vertical-align: middle; height: 78px; max-width: 100px; }