@charset "UTF-8";
/*
Theme Name: 三幸製菓株式会社
*/
/*=======================================
リセットCSS
=========================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, heade footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; min-width:1100px; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/*=======================================
非表示
=========================================*/
.spshow { display: none !important; }

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
レイアウト
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
/*=======================================
レイアウト
=========================================*/
/*　W1060
-----------------------------------------*/
.l-content { width: 1060px; margin: 0 auto; }

/*　W1020
-----------------------------------------*/
.l-content2 { width: 1020px; margin: 0 auto; }

/*　W700
-----------------------------------------*/
.l-content3 { width: 700px; margin: 0 auto; }

/*　2カラム W700-W300
-----------------------------------------*/
.l-2col1-child1 { width: 700px; float: left; }

.l-2col1-child2 { width: 300px; float: right; }

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
全ページ共通
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
body { font-size: 14px; font-family: "メイリオ", Meiryo, sans-serif; }

/*=======================================
タイトル
=========================================*/
/*　タイトル1
-----------------------------------------*/
.p-title { padding: 50px 0; border-bottom: 1px solid #DEDEDE; }
.p-title h2 { display: table; }
.p-title h2 span { font-family: 'Libre Baskerville', serif; font-weight: normal; color: #E50012; display: table-cell; vertical-align: middle; padding-left: 20px; }

/*　タイトル2
-----------------------------------------*/
.p-title2 h3 { background: #000; color: #FFF; font-size: 161.6%; padding: 15px 20px; font-weight: normal; }

/*　タイトル3
-----------------------------------------*/
/*=======================================
パンくずリスト
=========================================*/
.c-path { background: #F6F6F6; border-top: 1px solid #DFDFDF; padding: 10px 0; }
.c-path li { display: inline; font-size: 85%; color: #666; }
.c-path li a { color: #333; }
.c-path li:nth-child(n+2):before { content: "＞"; margin: 0 5px; }

/*=======================================
パーツ
=========================================*/
/*　スライドバナー
-----------------------------------------*/
.p-slidebnr { background: url(/common/img/slidebnr_bg01.png) repeat-x; height: 200px; padding-top: 65px; }
.p-slidebnr .bx-wrapper .bx-viewport { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background-color: transparent; left: 0; }
.p-slidebnr .bx-wrapper .bx-next { right: -80px; background: url(/common/img/slidebnr_icon02.png) no-repeat center; z-index: 9998;}
.p-slidebnr .bx-wrapper .bx-prev { left: -80px; background: url(/common/img/slidebnr_icon01.png) no-repeat center; z-index: 9998;}
.p-slidebnr .bx-wrapper .bx-controls-direction a { width: 32px; height: 50px; margin-top: -40px; }
.p-slidebnr .bx-wrapper .bx-controls-direction a:hover { background-position: center; }
.p-slidebnr li a { color: #000; text-decoration: none; }
.p-slidebnr li a > p { margin-top: 10px; margin-right: 20px; text-align: center; }

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
ページ個別
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
/*=======================================
ヘッダー
=========================================*/
.l-head-wrap { padding-bottom: 100px; }
@media (max-width: 1040px) { .l-head-wrap { margin-bottom: 20px; } }
@media (max-width: 830px) { .l-head-wrap { margin-bottom: 48px; } }
.c-head-top { margin-top: 10px; }
.c-head-top h1 { float: left; }
.c-head-top__right { float: right; }
.c-head-top__font { float: left; margin: 6px 20px 0 0; }
.c-head-top__font span { float: left; font-size: 12px; color: #666; margin-right: 10px; }
.c-head-top__font ul { float: left; }
.c-head-top__font .current { background: #FAD3CF; }
.c-head-top__font li { display: inline; border: 1px solid #FAD3CF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; padding: 0 4px; font-size: 14px; cursor: pointer;}
.c-head-top__font li:nth-child(n+2) { margin-left: 5px; }
.c-head-top__search { width: 300px; float: left; margin-top:-15px;}
.c-head-top__search .p-searchform { width: 180px; background: url(/common/img/head_bg01.png) left top no-repeat; display: block; height: 26px; position: relative; }
.c-head-top__search .p-keyword { width: 130px; left: 10px; top: 3px; position: absolute; border-width: 0 !important; border-style: none !important; background: transparent !important; outline: none; }
.c-head-top__search .p-searchbtn { position: absolute; left: 155px; top: 3px; }

.c-gnavi { margin: 10px 0 0 0; border-bottom: 1px solid #DFDFDF; padding-bottom: 10px; text-align: center; }
.c-gnavi-wrap { display: inline-block; }
.c-gnavi ul { float: left; }
.c-gnavi ul > li { display: inline-block; padding: 5px 0; }
.c-gnavi ul:nth-child(1) > li:nth-child(n+2) { margin-left: 60px; }
.c-gnavi ul:nth-child(2) { font-size: 77%; margin-left: 40px; padding-left: 40px; border-left: 1px solid #999999; }
.c-gnavi ul:nth-child(2) li:nth-child(2) { margin-left: 30px; }
.c-gnavi ul:nth-child(2) li a { color: #333333; text-decoration: none; }
.c-gnavi ul:nth-child(2) li a:hover { text-decoration: underline; }

.c-fixed { position: fixed; left: 0; right: 0; background: #FFF; z-index: 9999; }

/*=======================================
ページトップ
=========================================*/
.c-gotop { text-align: center; margin: 110px 0 30px 0; }

/*=======================================
フッター　サイトマップ
=========================================*/
.c-foot-bg { background: #F0F0F0; padding: 30px 0 50px 0; }

.c-foot-sitemap__column { width: 210px; float: left; font-size: 93%; color: #333; }
.c-foot-sitemap__column p { font-size: 100%; font-weight: bold; background: url(/common/img/foot_icon01.png) no-repeat left center; background-size: contain; padding-left: 20px; }
.c-foot-sitemap__column p:nth-child(n+2) { margin-top: 30px; }
.c-foot-sitemap__column ul { width: 150px; margin-left: 25px; }
.c-foot-sitemap__column li:before { content: "-"; margin-right: 10px; display: block; float: left; }
.c-foot-sitemap__column li { margin-top: 10px; }
.c-foot-sitemap__column li a { color: #333333; text-decoration: none; }
.c-foot-sitemap__column li a:hover { text-decoration: underline; }
.c-foot-sitemap__column .u-foot-sitemap__bg:before { content: url(/common/img/foot_icon03.png); margin-right: 10px; }

/*=======================================
フッター　ナビ
=========================================*/
.c-foot-nav ul { margin: 20px 0; }
.c-foot-nav li { display: inline; font-size: 77%; color: #333; }
.c-foot-nav li a { color: #333333; text-decoration: none; }
.c-foot-nav li a:hover { text-decoration: underline; }
.c-foot-nav li:before { content: url(/common/img/foot_icon02.png); margin-right: 10px; }
.c-foot-nav li:nth-child(n+2) { margin-left: 20px; }

/*=======================================
フッター　コピーライト
=========================================*/
.c-foot-copy { margin-bottom: 20px; }
.c-foot-copy span { float: left; }
.c-foot-copy p { float: right; font-size: 77%; color: #333; margin-top: 20px; }

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
個別指定
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/

.u-mt10 { margin-top: 10px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }