/*-------------------------------------------------------------- Theme Name: Tommy Theme URI: http://www.peanut-sable.co.jp/index.html Version:1 Author: Tommy -------------------------------------------------------------- */ /*-------------------------------- Basic -------------------------------- */ html { margin: 0; padding: 0; border: 0; font-size: 62.5%; vertical-align: baseline; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 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; } li { list-style: none;} img{ border:0; vertical-align:top; } .clear_fix {min-height: 1em;_height: 1px;_overflow: visible;} .layout_l {float:left;} .layout_r {float:right;} #wrapper { margin: 0px; padding: 0px; overflow: hidden; } /*-------------------------------- AFTER要素 -------------------------------- */ .clear_fix:after {content: ".";display: block;clear: both;height: 0px;overflow: hidden;} /*============================= PC用（幅が640px以上のウインドウ用） =============================*/ @media print, screen and (min-width: 600px) { /*アルファ設定*/ a:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;} a {color:#333; text-decoration:none;} a:hover {color:#ff9900; text-decoration:underline;} body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Verdana, Arial, sans-serif; margin: 0px; padding: 0px; font-size: 1.6rem; text-align: center; background: #fff; line-height:1.5; color:#333; } /*共通設定*/ .red_n{ color:#FF0000;} .red_b{ color:#FF0000; font-weight:bold;} .dblue{color:#0066cc;} .or{ color:#ff9900;} .brn{color:#977658;} .gry{color:#9e9e9e;} .b00 {margin: 0; padding:0} .b05 {margin: 5px 0 0;} .b10 {margin: 10px 0 0;} .b15 {margin: 15px 0 0;} .b20 {margin: 20px 0 0;} .b30 {margin: 30px 0 0;} .b40 {margin: 40px 0 0;} .b50 {margin: 50px 0 0;} #header li, #side_area li, #footer li {list-style:none;} .text_l {text-align:left;} .text_r {text-align:right;} .text_c {text-align:center;} .text_bd { font-weight:bold;} .txt12 {font-size:12px; font-size:1.2rem;} .txt13 {font-size:13px; font-size:1.3rem;} .txt14 {font-size:14px; font-size:1.4rem} .txt16 {font-size:16px; font-size:1.6rem} .txt18 {font-size:18px; font-size:1.8rem} .txt20 {font-size:20px; font-size:2.0rem} .txt22 {font-size:22px; font-size:2.2rem} .txt24 {font-size:24px; font-size:2.4rem} .txt26 {font-size:26px; font-size:2.6rem} .txt28 {font-size:28px; font-size:2.8rem} .txt30 {font-size:30px; font-size:3.0rem} .txt32 {font-size:32px; font-size:3.2rem} .txt34 {font-size:34px; font-size:3.4rem} .txt36 {font-size:36px; font-size:3.6rem} .txt38 {font-size:38px; font-size:3.8rem} .txt40 {font-size:40px; font-size:4.0rem} .txt46 {font-size:46px; font-size:4.6rem} .mainbg { background: #faf8cb;} .title_01{margin:0 520px 0 0;padding:0; width:120px; text-align:left; font-size:18px; color: #333; float: left;} .title_02{margin:40px 0 0;padding:0 0 20px; text-align:left; font-size:18px; color: #333; border-bottom: 1px solid #ccc;} .c_title_01{margin:10px 0 22px;padding:0; text-align:left; font-size:28px; color: #0066cc;} #pagebg01 {margin: 0px; padding: 0; background:url(images/c_bg01.png) no-repeat; background-position: center center;} /*ヘッダー設定*/ #pcheader {margin: 0px; padding: 10px 0 0; background:#fff;} /*ヘッダー設定　子ページ*/ #pcheader_c {margin: 0px; padding: 10px 0 0;background:#faf8cb;} /*ヘッダーロゴエリア*/ #pcheader .header_inn {width: 960px;margin: 0px auto; padding: 0px; height: 60px;} #pcheader_c .header_inn {width: 960px;margin: 0px auto; padding: 0px; height: 60px;} .logo01{ margin:3px 15px 0 0; padding:0; float:left;} .h_tel{ margin:16px 15px 0 0; padding:0; float:left;} .h_contact{ margin:14px 0 0; padding:0 15px 0 0; float:left; font-weight: bold; font-size: 15px; letter-spacing:-1px;} .h_contact_icon{ margin:4px 0 0 3px; padding:0} /*ナビゲーション*/ .nav { margin:0; padding:0;} .nav li { margin:0; padding: 0; float: left;} .navi_01{margin:0; padding:0; float:left; background:url(images/navi_01_on.png) no-repeat; width:90px;} .navi_01 a {display: inline-block;} .navi_01 a:hover {background-color: transparent;} .navi_01 a:hover img {visibility: hidden;} .navi_02{margin:0; padding:0; float:left; background:url(images/navi_02_on.png) no-repeat; width:145px;} .navi_02 a {display: inline-block;} .navi_02 a:hover {background-color: transparent;} .navi_02 a:hover img {visibility: hidden;} .navi_03{margin:0; padding:0; float:left; background:url(images/navi_03_on.png) no-repeat; width:145px;} .navi_03 a {display: inline-block;} .navi_03 a:hover {background-color: transparent;} .navi_03 a:hover img {visibility: hidden;} .navi_04{margin:0; padding:0; float:left; background:url(images/navi_04_on.png) no-repeat; width:145px;} .navi_04 a {display: inline-block;} .navi_04 a:hover {background-color: transparent;} .navi_04 a:hover img {visibility: hidden;} .navi_05{margin:0; padding:0; float:left; background:url(images/navi_05_on.png) no-repeat; width:145px;} .navi_05 a {display: inline-block;} .navi_05 a:hover {background-color: transparent;} .navi_05 a:hover img {visibility: hidden;} .navi_06{margin:0; padding:0; float:left; background:url(images/navi_06_on.png) no-repeat; width:145px;} .navi_06 a {display: inline-block;} .navi_06 a:hover {background-color: transparent;} .navi_06 a:hover img {visibility: hidden;} .navi_07{margin:0; padding:0; float:left; background:url(images/navi_07_on.png) no-repeat; width:145px;} .navi_07 a {display: inline-block;} .navi_07 a:hover {background-color: transparent;} .navi_07 a:hover img {visibility: hidden;} /*コンテンツ・メインエリア設定*/ #pccontents {margin: 0; padding: 0;} #mainpage {margin: 0 auto; padding:0; width: 100%;} #mainpage_c {margin: 0 auto; padding:20px; width:920px; background: #fff;} #leftbox{ margin: 0 30px 0 0; padding: 0; float: left; width: 690px;} #rightbox{ margin: 0; padding: 0; float: left; width: 240px;} /*トップページ設定*/ #mainbox01{ margin:0; padding: 0; background:url(images/top-bg01.png) repeat-x; width: 100%; height: 580px;} #mainbox02{ margin:0; padding: 0; background:url(images/top-bg03.png); width: 100%; height: 260px;} .main_ph01{ margin:0 auto; padding: 20px 0 0; width: 653px; text-align: center;} #pagebox { margin: 0 auto; padding:0; width: 960px} #pagebox_all { margin: 0 auto; padding:0; width: 100%; background:url(images/c_bg04.png) no-repeat; background-position: center top;} .pagebox_c01 { margin: 0 auto; padding:0; width: 960px;} .pagebox_c02 { margin: 0 auto; padding:0; width: 880px;} .pagebox_c02 .leftbox { margin: 0 20px 0 0; padding:0 0 30px; width: 660px; float: left;} .pagebox_c02 .rightbox { margin: 0; padding:0; width: 200px; float: left;} /*新着情報*/ .newbox{margin:10px 60px 0 0; padding:0; width: 550px; float: left;} .newbg01 {margin:5px 0 0; padding:5px; border:1px solid #ccc; background: #fff; width: 550px; height: 140px; clear: both;} .new_scr { overflow: auto; width: 550px; height: 140px;} .new_conbox01{margin:15px 0 0; padding:0 0 5px; border-bottom:1px dashed #ccc;} .newdate{ margin:2px 10px 0 20px; width:120px; font-size:13px; text-align:left; float: left;} .newtxt{ margin:0 ; padding:0 ; width:375px; text-align:left; float: left;} .top_btmtxt01{ margin:115px 0 0 ; padding:0 ; float: left;} /*バナー*/ .top-banner{ margin: 20px 0 10px 0; float: left; width: 400px; background: yellow; } /*パンくず*/ .bread{ margin: 0; padding: 0; text-align: left; font-size: 14px;} /*ピーナッツサブレー*/ .sabre_phbox{margin: 20px auto 0; padding: 0; width:498px;} .sabre_ph01{margin: 0px 30px 0 0; padding: 0; float: left;} .sabre_ph02{margin: 0; padding: 0; float: left;} /*ピーナッツサブレーのできるまで*/ .make_ti_box{margin: 30px 0 0; padding:5px 15px; background:#F0F0F0;} .make_ti {margin:0; padding:0; font-size: 22px; font-weight: bold; text-align: left; color:#ff9900; } .make_ti_k01{margin: 15px 20px 0 0; padding:0 0 0 35px; text-align: left; background: url(images/make-icon01.png) no-repeat; background-position: 0 2px; width: 420px; float: left;} .make_ph{ margin: 15px 0 0; padding:0; width: 180px; float: right;} /*とみいのお菓子*/ .okashi_box01 {margin: 30px 20px 0 0; padding:0; text-align: left; width: 320px; float: left;} .okashi_ph{ margin: 30px 0 0; padding:0; width: 220px; float: left;} .okashi_box02 {margin: 20px 20px 0 0; padding:0; text-align: left; width: 320px; float: left;} .okashi_ph02{ margin: 20px 0 0; padding:0; width: 220px; float: left;} .okashi_ti01 {margin:0; padding:0; font-size: 22px; font-weight: bold; text-align: left; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; } .okashi_ti01 a:hover{ color:#ff9900; text-decoration: none;} .bar_01{margin:0; padding:0; line-height: 1;} .bar_02{margin:20px 0 0; padding:0; line-height: 1;} .bar_03{margin:40px 0 0; padding:0; line-height: 1;} /*ぴぃなっつの集い*/ .tsudoi_ph01{ margin: 10px 20px 0 0; padding:0; width: 250px; float: left;} .tsudoi_ph02{ margin:0; padding:0; text-align: left; bottom: 0; position: absolute;} .tsudoi_box{ margin: 10px 0 0; padding:0; width: 385px; height: 330px; float: left; position: relative;} /*戸定三楽*/ .memobox{ margin: 20px 0 0; padding:20px; border: 6px solid #FFE9C8; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} .memoti{ margin: 0; padding: 0 0 3px 30px; background:url(images/icon-clip.png) no-repeat; background-position: 0 4px; border-bottom: 1px dashed #ff9900; width: 580px; font-size: 22px; text-align: left; color: #ff9900; font-weight: bold;} /*松戸さん*/ span.subText {font-size: 75.5%; vertical-align: bottom; position: relative; top: -0.1em;} /*水菓子*/ .marugoto_cap01{ margin: 10px 0 0; padding: 0; width: 329px; text-align: center; font-size: 14px; float: left;} .mizugashi_ti{margin: 20px 0 0; padding: 5px 10px; text-align: left; background:#FFC484; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 18px; font-weight: bold;} .mizugashi_box01{margin: 20px 0 0; padding: 0; width: 219px; text-align: left; float: left;} .ryoka_ti01{margin:5px 0 0; padding:0 0 0 25px; background:url(images/ryoka-icon.png) no-repeat; background-position: 0 2px; font-size: 18px; text-align: left; color: #ff9900; font-weight: bold;} .ryoka-txt01{margin:5px 0 0; padding:0 5px 0 25px; text-align: left; font-size: 12px;} .mizugashi_box02{margin: 20px 0 0; padding:15px; text-align: left; background:#edfdff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} /*店舗限定*/ .original_ph01{ margin: 10px 20px 0 0; padding:0; width: 320px; float: left;} .original_box{ margin: 10px 0 0; padding:0; width: 320px; float: left; position: relative;} /*お知らせ*/ .news_time01{ margin:2px 0 0 5px; padding:0; font-size: 16px; text-align: left; width: 120px; float: left;} .news_ti01{ margin:0; padding:0; font-size: 20px; font-weight: bold; text-align: left; width: 530px; float: left;} .news_txt01 {background-image:url(images/dotted_brown.png); line-height: 40px; margin: 20px 0 0; text-align:left;} .news_txt01 p a{color:#ff9900; text-decoration:none;} .news_txt01 p a:hover{color:#333; text-decoration:underline;} .news_ti02{ margin:10px 0 0; padding:0; font-size: 26px; font-weight: bold; text-align: left; color:#ff9900; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;} img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */ img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */ img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */ /*お知らせ　サイドエリア*/ .side_latest {margin:0 0 20px; padding:0; background:url(images/news-latest-on.png) no-repeat; width:200px;} .side_latest a {display: inline-block;} .side_latest a:hover {background-color: transparent;} .side_latest a:hover img {visibility: hidden;} .side_cate01 { margin:10px 0 0; padding:0 0 3px 20px; border-bottom: 1px dotted #ad9075; background:url(images/news-sidecate-icon.png) no-repeat; background-position:5px 5px; text-align: left; font-size: 14px; } .widgettitle {display:none;} .cat-item{ margin:10px 0 0; padding:0 0 3px 20px; border-bottom: 1px dotted #ad9075; background:url(images/news-sidecate-icon.png) no-repeat; background-position:5px 5px; text-align: left; font-size: 14px; } /*とみいの店舗*/ .map_menu li{ margin:0px 10px 10px 0; padding: 0; float: left;} .map01 a { width: 155px; height: 36px; background:url(images/map-menu01.png) no-repeat; display: block; text-indent: -9999px; } .map01 a:hover { background-position: 0 -36px;} .map02 a { width: 155px; height: 36px; background:url(images/map-menu02.png) no-repeat; display: block; text-indent: -9999px; } .map02 a:hover { background-position: 0 -36px;} .map03 a { width: 155px; height: 36px; background:url(images/map-menu03.png) no-repeat; display: block; text-indent: -9999px; } .map03 a:hover { background-position: 0 -36px;} .map04 a { width: 155px; height: 36px; background:url(images/map-menu04.png) no-repeat; display: block; text-indent: -9999px; } .map04 a:hover { background-position: 0 -36px;} .map05 a { width: 155px; height: 36px; background:url(images/map-menu05.png) no-repeat; display: block; text-indent: -9999px; } .map05 a:hover { background-position: 0 -36px;} .map06 a { width: 155px; height: 36px; background:url(images/map-menu06.png) no-repeat; display: block; text-indent: -9999px; } .map06 a:hover { background-position: 0 -36px;} .map07 a { width: 155px; height: 36px; background:url(images/map-menu07.png) no-repeat; display: block; text-indent: -9999px; } .map07 a:hover { background-position: 0 -36px;} .map08 a { width: 155px; height: 36px; background:url(images/map-menu08.png) no-repeat; display: block; text-indent: -9999px; } .map08 a:hover { background-position: 0 -36px;} .map09 a { width: 155px; height: 36px; background:url(images/map-menu09.png) no-repeat; display: block; text-indent: -9999px; } .map09 a:hover { background-position: 0 -36px;} .map_tb01 {margin:5px 0 0; padding:0; width: 100%; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; } .map_tb02_01 {margin:0; padding:5px 0; width: 16%; border-right: 1px solid #999; border-bottom: 1px solid #999; background:#fde3b3; text-align: center; font-size: 14px;} .map_tb02_02 {margin:0; padding:5px 0; width: 32%; border-right: 1px solid #999; border-bottom: 1px solid #999; background:#fde3b3; text-align: center; font-size: 14px;} .map_tb02_03 {margin:0; padding:5px 0; width: 15%; border-right: 1px solid #999; border-bottom: 1px solid #999; background:#fde3b3; text-align: center; font-size: 14px;} .map_tb02_04 {margin:0; padding:5px 0; width: 13%; border-right: 1px solid #999; border-bottom: 1px solid #999; background:#fde3b3; text-align: center; font-size: 14px;} .map_tb02_05 {margin:0; padding:5px 0; width: 24%; border-bottom: 1px solid #999; background:#fde3b3; text-align: center; font-size: 14px;} .map_tb03_01 {margin:0; padding:5px; width: 16%; border-right: 1px solid #999; border-bottom: 1px solid #999; text-align: center; font-size: 13px;} .map_tb03_02 {margin:0; padding:5px; width: 32%; border-right: 1px solid #999; border-bottom: 1px solid #999; text-align: left; font-size: 13px;} .map_tb03_03 {margin:0; padding:5px; width: 15%; border-right: 1px solid #999; border-bottom: 1px solid #999; text-align: center; font-size: 13px;} .map_tb03_04 {margin:0; padding:5px; width: 13%; border-right: 1px solid #999; border-bottom: 1px solid #999; text-align: center; font-size: 13px;} .map_tb03_05 {margin:0; padding:5px; width: 24%; border-bottom: 1px solid #999; text-align: center; font-size: 13px;} .map01_on { width: 155px; height: 36px;} .shop_box01{margin: 20px auto 0; padding: 0; width: 580px;} .shop_ti01{margin: 20px auto 0; padding: 0 0 0 30px; background: url(images/make-icon01.png) no-repeat; text-align: left; font-size: 20px; font-weight: bold; background-position: 0 5px;} .shop_tb01 {margin:20px 0 0; padding:0; width: 100%; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; } .shop_tb02_01 {margin:0; padding:5px 10px; width: 30%; border-right: 1px solid #999; border-bottom: 1px solid #999; background:#fde3b3; text-align: center; font-size: 14px;} .shop_tb02_02 {margin:0; padding:5px 10px; width: 70%; border-bottom: 1px solid #999; background:#fff; text-align: left; font-size: 14px;} /*ごあいさつ*/ .gre_txt{ margin:20px 20px 0 0; padding:0; width: 480px; text-align: left; float: left; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;} .gre_ph{ margin:20px 0 0; padding:0; width: 150px; float: right;} /*会社概要*/ .outline_tibox{ margin:10px 0 0; padding:0 0 20px; text-align: left; background: url(images/com-page-bar.png) no-repeat; background-position: center bottom} .outline_txtbox{ margin:10px 0 0; padding:0 0 15px; text-align: left; background: url(images/com-page-bar.png) no-repeat; background-position: center bottom} .outline_txt01{ margin:0; padding:0 0 0 5px; text-align: left; font-size: 14px; color: #61412e; width: 120px; float: left;} .outline_txt02{ margin:0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 520px; float: left;} .outline_txt02-01{ margin:0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 120px; float: left;} .outline_txt02-02{ margin:0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 390px; float: left;} .outline_txt02-01b{ margin:10px 0 0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 120px; float: left;} .outline_txt02-02b{ margin:10px 0 0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 390px; float: left;} .outline_txt03{ margin:0; padding:0 0 0 5px; text-align: left; font-size: 14px; color: #61412e; width: 240px; float: left;} .outline_txt04{ margin:0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 300px; float: left;} .outline_txt04-01{ margin:0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 120px; float: left;} .outline_txt04-02{ margin:0; padding:0; text-align: left; font-size: 14px; color: #61412e; width: 320px; float: left;} /*採用情報*/ .recruit_ti{ margin:10px 0 0; padding:0; text-align: center; font-weight: bold; color: #ff9900; font-size: 26px; line-height: 1.3;} .recruit_box{ margin:20px auto 0; padding:20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 550px; background:#FFF7DE;} .recruit_ti02 { margin:0 0 10px; padding:0; text-align: center; font-weight: bold; color: #61412e; font-size: 24px;} .recruit_telbox{margin: 30px auto 0; padding: 3px; text-align: center; background: #ff9900; color: #fff; font-weight: bold; width: 317px;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .recruit_table table{ margin:20px 0 0 0; padding:0; width: 100%; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; } .recruit_table table th{ background:#fde3b3; white-space:nowrap; border-right: 1px solid #999; padding: 10px; border-bottom: 1px solid #999; } .recruit_table table td{ text-align: left; padding: 10px; border-bottom: 1px solid #999; } /*通販のご案内*/ .netshop_ti01 { margin:0; padding:0 0 0 10px; font-size: 20px; font-weight: bold; text-align: left; } /*お問い合わせ*/ .info_tb01{ margin:30px auto 0; padding: 0; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; width: 500px;} .info_tb02{ margin:0; padding:10px; background: #ffecb4; border-right: 1px solid #999; border-bottom: 1px solid #999; width: 40%; text-align: center; color: #61412e; font-size: 18px;} .info_tb03{ margin:0; padding:5px 20px; background: #fff; border-bottom: 1px solid #999; width: 60%; text-align: left; font-size: 18px;} .site_ti01{ margin:20px 0 0; padding: 0 0 3px; border-bottom: 1px dotted #ff9900; font-size: 18px; font-weight: bold; color: #ff9900; text-align: left;} .or_box{ margin:40px 0 0; padding: 15px 30px; border: 1px solid #ff9900; text-align: left; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} .or_box02{ margin:40px 0 0; padding: 15px 30px; border: 1px solid #ff9900; text-align: left; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; width:530px;} /*サイドエリア*/ .sidebar_01{margin:10px 0 0; padding:0; line-height: 1;} .sidebar_02{margin:7px 0 0; padding:0; line-height: 1;} .side_c01{margin:0; padding:0; background:url(images/side-b01-on.png) no-repeat; width:200px;} .side_c01 a {display: inline-block;} .side_c01 a:hover {background-color: transparent;} .side_c01 a:hover img {visibility: hidden;} .side_c02{margin:0; padding:0; background:url(images/side-b02-on.png) no-repeat; width:200px;} .side_c02 a {display: inline-block;} .side_c02 a:hover {background-color: transparent;} .side_c02 a:hover img {visibility: hidden;} .side_c03{margin:0; padding:0; background:url(images/side-b03-on.png) no-repeat; width:200px;} .side_c03 a {display: inline-block;} .side_c03 a:hover {background-color: transparent;} .side_c03 a:hover img {visibility: hidden;} .side_c04{margin:0; padding:0; background:url(images/side-b04-on.png) no-repeat; width:200px;} .side_c04 a {display: inline-block;} .side_c04 a:hover {background-color: transparent;} .side_c04 a:hover img {visibility: hidden;} .side_c05{margin:0; padding:0; background:url(images/side-b05-on.png) no-repeat; width:200px;} .side_c05 a {display: inline-block;} .side_c05 a:hover {background-color: transparent;} .side_c05 a:hover img {visibility: hidden;} .side_c06{margin:0; padding:0; background:url(images/side-b06-on.png) no-repeat; width:200px;} .side_c06 a {display: inline-block;} .side_c06 a:hover {background-color: transparent;} .side_c06 a:hover img {visibility: hidden;} /*ページトップへ設定*/ #page-top { position: fixed; bottom: 20px; right: 10px; font-size: 77%; } #page-top a { text-decoration: none; color: #fff; width: 127px; padding:0; text-align: center; display: block; } #page-top a:hover { text-decoration: none; } /*フッター部分設定*/ #footer {margin:-50px 0 0; padding:0; width:100%; background: url(images/top-bg03.png); text-align:center;} #footer .cw { margin: 10px auto 0; padding:0 0 10px; width:960px;} #footer .cw p { margin: 10px 0 0; padding:0; font-size:14px; text-align: right;} .c_cw { margin: 10px 0 0; padding:0; font-size:14px; text-align: right;} .bnbox{ margin:0; padding: 40px 0 20px; background: #fff; width: 100%; height: 90px;} .bnbox_c{ margin:0; padding: 40px 0 20px; background: #faf8cb; width: 100%; height: 90px;} .bnbox-inn{ margin:0 auto; padding: 0; width: 960px;} .btm_bn01{ margin:0 20px 0 35px; padding: 0; float: left;} .btm_bn02{ margin:0 20px 0 0; padding: 0; float: left;} .btm_bn03{ margin:0; padding: 0; float: left;} .rwd{ margin:30px auto 0; padding:10px; background:#EDEDED; border: 1px solid #ccc; width: 450px; font-size: 24px;} /* PC版非表示設定 */ .sp_box{ display:none;} #spmainph01{ display:none;} #sp_mainbox{ display:none;} #btmmenu{ display:none;} #spfooter{ display:none;} } @media print { body { margin:0 auto; width: 1050px; -webkit-print-color-adjust: exact !important; } /* 印刷時に画面と変更するスタイルを定義 */ } /*============================= レスポンシブ用（幅が640px未満のウインドウ用） =============================*/ @media screen and (max-width: 599px) { html{font-size: 62.5%;} body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0px; padding: 0px; font-size: 1.6rem; text-align: center; line-height:1.4; } /*After要素*/ .clear_fix:after {content: ".";display: block;clear: both;height: 0px;overflow: hidden;} /*共通設定*/ a {color:#333; text-decoration:none;} a:hover {color:#ff9900; text-decoration:underline;} .sb00 img,.sb03 img,.sb05 img,.sb10 img,.sb15 img,.sb20 img,.sp_box img { width:100%; height: auto; } .text_l{ text-align:left} .text_r{ text-align:right} .text_c{ text-align:center} .text_bd{ font-weight:bold;} .red_n{ color:#FF0000; } .red_b{ color:#FF0004; font-weight:bold;} .dblue{color:#0066cc;} .or{ color:#ff9900;} .brn{color:#977658;} .gry{color:#9e9e9e;} .sb00{margin:0px auto;padding: 0px;} .sb03{margin:3% auto 0;padding: 0px;} .sb05{margin:5% auto 0;padding: 0px;} .sb10{margin:10% auto 0;padding: 0px;} .sb15{margin:15% auto 0;padding: 0px;} .sb20{margin:20% auto 0;padding: 0px;} .sptxt14{ font-size:1.4rem;} .sptxt18{ font-size:1.8rem;} .sptxt20{ font-size:2.0rem;} .sptxt22{ font-size:2.2rem;} .sptxt24{ font-size:2.4rem;} .sptxt26{ font-size:2.6rem;} .sptxt30{ font-size:3.0rem;} .sptxt34{ font-size:3.4rem;} .sptxt38{ font-size:3.8rem;} .sptxt42{ font-size:4.2rem;} .sptxt46{ font-size:4.6rem;} .sptxt50{ font-size:5.0rem;} .ph40 img { width:40%;} .ph45 img { width:45%;} .ph50 img { width:50%;} .ph60 img { width:60%;} .ph70 img { width:70%;} .ph80 img { width:80%;} .ph90 img { width:90%;} .layout_l{ float:left;} .layout_r{ float:right;} #wrapper {margin: 0px auto;padding: 0px; width:100%; overflow:hidden;} .title_01{margin:5% 0 0;padding:0; text-align:left; color: #333; font-size: 2.4rem;} .title_02{margin:7% 0 0;padding:0 0 5%; text-align:left; font-size: 2.4rem; color: #333; border-bottom: 1px solid #ccc;} .c_title_01{margin:5px 0 0;padding:15px 0; text-align:left; font-size:2.6rem; color: #0066cc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;} /*ヘッダー設定*/ #spheader { margin: 0; padding: 5px 0;} .spheadertxt{ margin: -25px 20px 5px 0; padding: 0 ; float: right; text-align: right; font-size: 12px; color:#ff9900;} #spheaderlogo { margin: 10px; padding: 0 ; float: left; text-align: left;} #spheaderlogo img{ width:80%;} /*スマホメニュー*/ /* toggle-panel */ #panel-btn { display: inline-block; position: relative; width: 40px; height: 40px; margin: -70px 20px 2px 200px; border-radius: 50%; background: #ff9900; float: right;} #panel-btn:hover { background:#ff9900; } #panel-btn-icon { display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #fff; transition: .2s; } #panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #fff; transition: .3s; } #panel-btn-icon:before { margin-top: -6px; } #panel-btn-icon:after { margin-top: 4px; } #panel-btn .close { background: transparent; } #panel-btn .close:before, #panel-btn .close:after { margin-top:0px; margin-bottom: 0px; } #panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} #panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } #panel { display: none; width: 100%; margin: 0; padding:0; background: #faf8cb; text-align: left; } .spmenu_txt01{ margin: 3% 0 0; padding: 2% 0 2% 3%; font-size: 1.6rem; color:#5f4232; border-bottom: 1px solid #a8a67d; list-style: none;} .spmenu_txt01 a { color:#5f4232; display: block;} .sp_kv01{ margin:0; padding:0 3%; background: url(images/sp/sp-main-bg01.png) no-repeat; background-size: cover;} .sp_menu01{ margin:120px 0 0; padding: 0; float: left; text-align: left;} .sp_menu01 img { width:100%;} .sp_menu02{ margin:10px 0 0; padding: 0; float: left; text-align: left;} .sp_menu02 img { width:100%;} .spbn01 img{width:31.71%; float:left; margin:0;} .spbn02 img{width:22.5%; float:left; margin:0;} .spbn03 img{width:45.78%; float:left; margin:0;} .spbn04 img{width:74.68%; float:left; margin:0;} .spbn05 img{width:25.32%; float:left; margin:0;} .spbn06 img{width:31.56%; float:left; margin:0;} .spbn07 img{width:22.81%; float:left; margin:0;} .spbn08 img{width:45.62%; float:left; margin:0;} .sp_ph01 img{width:46%;float:right;margin:3% 3% 0 3%;} .sp_ph02 img{width:46%;float:left; margin:3% 0 0;} .sp_c_menu01 img{width:47%;float:left;margin:2% 2% 0 2%;} .sp_c_menu02 img{width:47%;float:left; margin:2% 2% 0 0;} .sp_c_menu01b img{width:47%;float:left;margin:2% 2% 4% 2%;} .sp_c_menu02b img{width:47%;float:left; margin:2% 2% 4% 0;} .spcontents{ margin:0; padding:0; background:#faf8cb; } .sppage01{margin:0; padding:3% 4% 7%; background:#fff; } /*新着情報*/ .news_ti01{ margin:0; padding:3% 0 0; text-align: left;} .news_ti01 img{ width: 25%} .newbg01 {margin:2% 0 0; padding:0 2% 3%; border:1px solid #ccc; background: #fff; width:96%; height: 200px;} .new_scr { overflow:scroll; width:100%; height: 200px; overflow-x: hidden;} .new_conbox01{margin:3% 0 0; padding:0 0 8px; border-bottom:1px dashed #ccc;} .newdate{ margin:0; font-size:1.4rem; text-align:left;} .newtxt{ margin:2% 0 0 ; padding:0 ;text-align:left;} /*バナーエリア*/ .sp_bnarea{ margin:0 ; padding:2% 0 10%;text-align:center; background:#faf8cb;} /*ピーナッツサブレーのできるまで*/ .make_ti_box{margin: 8% 0 0; padding:2% 3%; background:#F0F0F0;} .make_ti {margin:0; padding:0; font-size: 22px; font-weight: bold; text-align: left; color:#ff9900; } .make_ti_k01{margin: 15px 0 0; padding:0 0 0 35px; text-align: left; background: url(images/make-icon01.png) no-repeat; background-position: 0 2px; } .make_ph{ margin: 15px 0 0; padding:0; width: 180px; float: right;} /*とみいのお菓子*/ .okashi_ph{ margin: 30px 0 0; padding:0; width: 220px; float: left;} .okashi_box02 {margin: 20px 20px 0 0; padding:0; text-align: left; width: 320px; float: left;} .okashi_ph02{ margin: 20px 0 0; padding:0; width: 220px; float: left;} .okashi_ti01 { margin:2% 0; padding:0; font-size: 2.3rem; font-weight: bold; text-align: center; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; } .okashi_ti01 a:hover{ color:#ff9900; text-decoration: none;} .sp_bar01 { margin: 6% 0 0; padding:0; line-height: 0;} .sp_bar02 { margin: 0; padding:0; line-height: 0;} .sp_bar03 { margin: 2% 0 0; padding:0; line-height: 0;} /*戸定三楽*/ .memobox{ margin: 3% 0 0; padding:3%; border: 6px solid #FFE9C8; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} .memoti{ margin: 0; padding: 0 0 3px 30px; background:url(images/icon-clip.png) no-repeat; background-position: 0 4px; border-bottom: 1px dashed #ff9900; font-size: 2.0rem; text-align: left; color: #ff9900; font-weight: bold;} .sp_tojyo_box01{ margin: 3% 0 0; padding: 0 0 3%; border-bottom: 1px dotted #ccc;} /*松戸さん*/ span.subText {font-size: 75.5%; vertical-align: bottom; position: relative; top: -0.1em;} /*水菓子*/ .marugoto_cap01{ margin: 10px 0 0; padding: 0; width: 329px; text-align: center; font-size: 14px; float: left;} .mizugashi_ti{margin: 3% 0 0; padding: 5px 10px; text-align: left; background:#FFC484; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 18px; font-weight: bold;} .mizugashi_box01{margin: 20px 0 0; padding: 0; width: 219px; text-align: left; float: left;} .ryoka_ti01{margin:5px 0 0; padding:0 0 0 25px; font-size: 1.8rem; text-align: left; color: #ff9900; font-weight: bold; background:url(images/ryoka-icon.png) no-repeat; background-position: 0 2px;} .ryoka-txt01{margin:5px 0 0; padding:0; text-align: left;} .mizugashi_box02{margin: 5% 0 0; padding:3%; text-align: left; background:#edfdff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;} .sp_mizu_box01{ margin: 3% 0; padding: 0 0 3%; border-bottom: 1px dotted #ccc;} /*店舗限定*/ .original_ti01 { margin:2% 0; padding:0; font-size: 2.3rem; font-weight: bold; text-align: center; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif; } /*お知らせ*/ .news_time01{ margin:2% 0 0; padding:0; font-size: 1.6rem; text-align: left;} .news_ti01{ margin:0 0 2%; padding:0; font-size: 2.0rem; font-weight: bold; text-align: left;} .news_txt01{background-image:url(images/dotted_brown.png); line-height: 40px; margin: 20px 0 0; text-align:left;} .news_txt01 p a{color:#ff9900; text-decoration:none;} .news_txt01 p a:hover{color:#333; text-decoration:underline;} .news_ti02{ margin:10px 0 0; padding:0; font-size: 26px; font-weight: bold; text-align: left; color:#ff9900; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;} .news_ti03{ margin:0; padding:0; font-size: 2.0rem; font-weight: bold; text-align: left;} .widgettitle {display:none;} .cat-item{ margin:10px 0 0; padding:0 0 3px 20px; border-bottom: 1px dotted #ad9075; background:url(images/news-sidecate-icon.png) no-repeat; background-position:5px 5px; text-align: left; } /*とみいの店舗*/ .shop_name{ margin:3% 0 0; padding: 0 0 3px 30px; background:url(images/make-icon01.png) no-repeat; background-position: 0 3px; font-size: 1.8rem; text-align: left; font-weight: bold;} .shop_name02{ margin:6% 0 0; padding: 0 0 3px 30px; background:url(images/make-icon01.png) no-repeat; background-position: 0 3px; font-size: 1.8rem; text-align: left; font-weight: bold;} .shop_tb01{ margin:1% 0 0; padding: 0; width: 100%; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999;} .shop_tb02{ margin:5% 0 0; padding: 0; width: 100%; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999;} .map_tb02_01 {margin:0; padding:2%; width: 26%; border-right: 1px solid #999; border-bottom: 1px solid #999; background:#fde3b3; text-align: center; font-size: 1.4rem;} .map_tb02_02 {margin:0; padding:2%; width: 66%; border-right: 1px solid #999; border-bottom: 1px solid #999; background:#fff; text-align: left; font-size: 1.4rem;} /*ごあいさつ*/ .gre_txt{ margin:3% 0 0; padding:0; text-align: left; font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;} .sp_gre_menu01 img{width:47%;float:left;margin:4% 2% 0 2%;} .sp_gre_menu02 img{width:47%;float:left; margin:4% 2% 0 0;} .sp_gre_menu03 img{width:47%;float:left;margin:4% 2%;} /*会社概要*/ .outline_tibox{ margin:5% 0 0; padding:2%; text-align: left; background:#fde3b3; color:#61412e; background-position: center bottom} .outline_txt{ margin:3% 0 0; padding:0; text-align: left; color:#61412e; font-size: 1.4rem;} .outline_txt02{ margin:3% 0 0; padding:0 0 3px; text-align: left; color:#61412e; border-bottom: 1px dotted #61412e;font-size: 1.4rem;} /*採用情報*/ .recruit_ti{ margin:3% 0 0; padding:0; text-align: left; font-weight: bold; color: #ff9900; font-size: 2.4rem; line-height: 1.3;} .recruit_box{ margin:20px auto 0; padding:3%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; width: 94%; background:#FFF7DE;} .recruit_ti02 { margin:0 0 10px; padding:0; text-align: center; font-weight: bold; color: #61412e; font-size: 2.2rem; line-height: 1.3;} .recruit_telbox{margin: 3% 0 0; padding:2% 0; text-align: center; color: #61412e; border: 1px solid #61412e; width:100%;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;} .recruit_table table{ width: 100%; } .recruit_table table th{ width: 100% ; display: block; background:#fde3b3; white-space:nowrap; text-align: center; margin-bottom: 2%; padding: 2%; } .recruit_table table td{ display: block; text-align: left; margin-bottom: 5%; } /*通販のご案内*/ .netshop_ti01 { margin:2% 0; padding:0; font-size: 1.7rem; font-weight: bold; text-align: center; } /*お問い合わせ*/ .info_tb01{ margin:20px auto 0; padding: 0; border-top: 1px solid #999; border-right: 1px solid #999; border-left: 1px solid #999; width: 100%;} .info_tb02{ margin:0; padding:3% 1%; background: #ffecb4; border-right: 1px solid #999; border-bottom: 1px solid #999; width: 30%; text-align: center; color: #61412e; font-size: 1.3rem;} .info_tb03{ margin:0; padding:3%; background: #fff; border-bottom: 1px solid #999; width: 70%; text-align: left; font-size: 1.5rem;} .info_tb03 img { width:80%;} .site_ti01{ margin:3% 0 0; padding: 0 0 2%; border-bottom: 1px dotted #ff9900; font-size: 1.8rem; font-weight: bold; color: #ff9900; text-align: left;} .or_box{ margin:5% 0 0; padding:3% ; border: 1px solid #ff9900; text-align: left; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;} /*ページトップへ設定*/ #sppage-top { position: fixed; bottom: 0px; right: 10px; } #sppage-top a { text-decoration: none; color: #fff; width: 127px; padding:0; text-align: center; display: block; } #sppage-top a:hover { text-decoration: none; } #sppage-top img{ width:100%;} .sp_btm_bg{ margin:0; padding: 0; background: #fff} .sp_btm_menu01{ margin:0; padding: 0; border-top: 1px dotted #5f4232; background:#faf8cb; width: 100%;} .sp_btm_menu01 .tb01{ margin:0; padding: 3%; border-right: 1px dotted #5f4232; border-bottom: 1px dotted #43250F; width: 50%; font-size: 1.8rem; color: #5f4232;} .sp_btm_menu01 .tb02{ margin:0; padding: 3%; border-bottom: 1px dotted #5f4232; width: 50%;font-size: 1.8rem; color: #5f4232;} .sp_btm_menu01 .tb01 a{ color: #5f4232;} .sp_btm_menu01 .tb02 a{ color: #5f4232;} #spfooter{ margin:0;padding:0px;} #spfooter .spcw { margin:0 ;padding: 5% 0;background:#fff; font-size:1.4rem;} .sp_switch{margin: 0; padding: 7% 0 12%; background: #fff;} .rwd{margin: 0 auto; padding: 2%; border: 1px solid #ccc; background:#EDEDED; width: 70%;} /* SP版　非表示 */ .pc_box{ display:none;} #gnavi{ display:none;} #mainpage{ display:none;} #fmenu{ display:none;} #page-top{ display:none;} .pagetop{ display:none;} #footer{ display:none;} .q_title{display:none;} .bnbox{display:none;} .bnbox_c{display:none;} .pcswichbox{display:none;} #pccontents{display:none;} } /** * Footer Link Box * add: 2018/07/10 */ /* PC */ .pc_footer_linkbox { display: block; box-sizing: border-box; max-width: 960px; margin: 0 auto; padding: 0 35px 20px; } @media screen and (max-width: 599px) { .pc_footer_linkbox { display: none; } } .pc_footer_linkbox > ul.menu { list-style: none; text-align: left; } .pc_footer_linkbox > ul.menu > li { display: inline-block; margin: 0; padding: 0.25em 1em; font-size: 1.4rem; line-height: 1.3334; border-left: 1px solid #ccc; } .pc_footer_linkbox > ul.menu > li:last-child { border-right: 1px solid #ccc; } /* SP */ .sp_footer_linkbox { display: none; box-sizing: border-box; padding: 20px 14%; } @media screen and (max-width: 599px) { .sp_footer_linkbox { display: block; } } .sp_footer_linkbox * { box-sizing: border-box; } .sp_footer_linkbox > ul.menu { border: solid #ccc; border-width: 1px 1px 0; font-size: 0; text-align: left; } .sp_footer_linkbox > ul.menu > li { display: inline-block; width: 100%; margin: 0; font-size: 1.4rem; line-height: 1.3334; border-bottom: 1px solid #ccc; } .sp_footer_linkbox > ul.menu > li a { display: block; padding: 10px 15px; } .sp_footer_linkbox > ul.menu > li a:before { content: '\00bb'; display: inline-block; width: 1em; text-align: center; } /* 2021.02.09追記 */ p.p-adjust { margin: 15px 0; font-size: 14px; text-align: left; } @media screen and (max-width: 599px) { } /*-------------------------------- New 202405 -------------------------------- */ /*header-new*/ #header-new { background: #fff; /*font-weight: 600; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */ } #header-new a:hover { text-decoration: none; } #header-new .header-top { width: 960px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 10px 0; } #header-new .header-top .logo { } #header-new .header-top .h-tel { pointer-events: none; } #header-new .header-top .h-tel img { width: 360px; } #header-new .header-top .h-contact { display: inline-block; border-radius: 10px; border: #f99a0c solid 1px; padding: 10px 30px 10px 20px; transition: all 0.5s ease; } #header-new .header-top .h-contact:before { content: ''; display: inline-block; width: 16px; height: 16px; background: #f99a0c; mask-image: url('images/envelope-solid.svg'); position: relative; top: 2px; margin: 0 15px 0 0; transition: all 0.5s ease; } #header-new .header-top .h-contact:hover { background: #f99a0c; color: #fff; } #header-new .header-top .h-contact:hover:before { background: #fff; } #header-new .nav-new { background: #faf8cb; } #header-new .nav-new ul { width: 960px; margin: 0 auto; background: #faf8cb; padding: 3px 0; display: flex; justify-content: space-between; align-items: center; font-weight: bold; } #header-new .nav-new ul li { display: inline-block; } #header-new .nav-new ul li a { display: inline-block; position: relative; color: #643f2d; padding: 20px 16px; } #header-new .nav-new ul li a:hover { color: #f99a0c; } #header-new .nav-new ul li a:after { content: ''; display: block; width: 6px; height: 6px; border-radius: 10px; background: #f99a0c; position: absolute; left: -3px; top: 0; bottom: 0; margin: auto; } #header-new .nav-new ul li:first-child a:after, #header-new .nav-new ul li.btn-cta a:after { display: none; } #header-new .nav-new ul li.btn-cta a { border-radius: 10px; padding: 10px 15px 10px 10px; transition: all 0.5s ease; } #header-new .nav-new ul li.btn-shop a { background: #643f2d; color: #fff; } #header-new .nav-new ul li.btn-shop a:before { content: ''; display: inline-block; width: 16px; height: 16px; background: #ffffff; mask-image: url('images/store-solid.svg'); margin: 0 10px 0 5px; position: relative; top: 3px; } #header-new .nav-new ul li.btn-ec a { background: #f99a0c; margin-left: 4px; color: #643f2d; } #header-new .nav-new ul li.btn-ec a:before { content: ''; display: inline-block; width: 16px; height: 16px; background: #643f2d; mask-image: url('images/shopping-cart-solid.svg'); margin: 0 10px 0 5px; position: relative; top: 3px; } #header-new .nav-new ul li.btn-shop a:hover, #header-new .nav-new ul li.btn-ec a:hover { opacity: 0.5; } @media screen and (max-width: 599px) { #header-new { display: none; } #panel.panel-new .spmenu_txt01 { margin: 0; padding: 3% 0 3% 3%; font-weight: bold; } #panel.panel-new .spmenu_txt01.sp-nav_shop { background: #643f2d; } #panel.panel-new .spmenu_txt01.sp-nav_shop a { color: #fff; } #panel.panel-new .spmenu_txt01.sp-nav_shop a:before { content: ''; display: inline-block; width: 16px; height: 16px; background: #ffffff; mask-image: url('images/store-solid.svg'); margin: 0 10px 0 5px; position: relative; top: 3px; } #panel.panel-new .spmenu_txt01.sp-nav_ec { background: #f99a0c; color: #643f2d; } #panel.panel-new .spmenu_txt01.sp-nav_ec a:before { content: ''; display: inline-block; width: 16px; height: 16px; background: #643f2d; mask-image: url('images/shopping-cart-solid.svg'); margin: 0 10px 0 5px; position: relative; top: 3px; } #panel.panel-new .spmenu_txt01.sp-nav_contact a:before { content: ''; display: inline-block; width: 16px; height: 16px; background: #f99a0c; mask-image: url('images/envelope-solid.svg'); margin: 0 10px 0 5px; position: relative; top: 3px; } } .title-orange { font-size: 30px; color: #f99a0c; font-weight: bold; text-align: left; padding: 20px 0 10px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; } .title-line { background: url(images/side-bar.png) repeat-x top; position: relative; text-align: left; padding: 18px 0 0; margin: 25px 0 20px; font-size: 20px; } .title-line:after { display: block; content: ''; width: 100%; height: 12px; background: url(images/side-bar.png) repeat-x bottom; } .table-orange { border: #999 solid 1px; margin: 32px 0; } .table-orange th, .table-orange td { font-size: 18px; padding: 15px; border: #999 solid 1px; text-align: left; } .table-orange th { background: #ffecb4; text-align: center; width: 200px; font-weight: normal; } .table-min { width: 100%; margin: 32px auto; max-width: 500px; } @media screen and (max-width: 599px) { .table-orange th { width: auto; } } .form-contact { background: #ffecb4; padding: 20px 40px; border-radius: 10px; margin: 20px 0; } .form-contact p { font-size: 15px; font-weight: bold; text-align: left; padding: 6px 0 2px; } .form-contact p i { display: inline-block; border-radius: 4px; font-weight: normal; font-size: 80%; background: #00a224; color: #fff; padding: 4px 10px 2px 10px; margin-left: 15px; font-style: normal; } .form-contact input[type="text"], .form-contact input[type="email"], .form-contact input[type="tel"], .form-contact textarea { background: #fff; padding: 10px; font-size: 20px; border-radius: 10px; width: 100%; box-sizing: border-box; border: none; } .form-contact input[type="submit"] { background: #f99a0c; padding: 10px; width: 320px; font-size: 20px; display: block; margin: 20px auto 0; color: #fff; border-radius: 20px; border: none; cursor: pointer; transition: all 0.5s ease; } .form-contact input[type="submit"]:hover { background: #643f2d; } .footer-banner-sns { overflow: hidden; clear: both; width: 960px; margin: 60px auto 80px; } .footer-banner-sns a { float: right; } .footer-banner-sns a.banner-ec { float: left; border-radius: 20px; overflow: hidden; display: flex; background: #f99a0c; align-items: center; } .footer-banner-sns a.banner-ec p { width: 340px; font-weight: bold; color: #fff; text-align: center; font-size: 20px; } .footer-banner-sns a.banner-ec img { transition: all 0.5s ease; } .footer-banner-sns a.banner-ec p span:after { content: ''; display: inline-block; width: 20px; height: 20px; background: #fff; mask-image: url('images/arrow-circle-right-solid.svg'); margin: 0 0 0 35px; position: relative; top: 3px; } .footer-banner-sns a.sns-x, .footer-banner-sns a.sns-fb { width: 55px; height: 55px; border-radius: 50px; display: block; text-align: center; position: relative; top: 30px; } .footer-banner-sns a.sns-x img, .footer-banner-sns a.sns-fb img{ position: relative; top: 10px; } .footer-banner-sns a.sns-x { background: #000; } .footer-banner-sns a.sns-fb { background: #1877f2; margin-left: 24px; } @media screen and (max-width: 599px) { .form-contact { padding: 20px 6%; } .footer-banner-sns { text-align: center; padding: 0 4% 80px; width: 100%; box-sizing: border-box; margin: 0; } .footer-banner-sns a.banner-ec { float: none; width: 100%; margin-bottom: 20px; display: block; } .footer-banner-sns a.banner-ec p { width: 100%; padding: 22px 0; display: block; } .footer-banner-sns a.banner-ec img { display: block; width: 100%; height: 110px; object-fit: cover; } .footer-banner-sns a.sns-x, .footer-banner-sns a.sns-fb { display: inline-block; float: none; margin-left: 0px; display: none; } .footer-banner-sns a.sns-x { margin-left: 120px; } } .top-main-new { background: url(images/top-main.jpg) no-repeat center center; } .top-main-new .text-box { max-width: 1080px; margin: 0 auto; height: 460px; padding: 100px 0 0 0; box-sizing: border-box; text-align: left; } .top-main-new .text-box .text { width: 545px; text-align: center; font-weight: bold; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; } .top-main-new .text-box .text h1 { font-size: 32px; letter-spacing: 3px; } .top-main-new .text-box .text p { font-size: 20px; padding: 20px 0px 30px; } .top-content-new { max-width: 960px; margin: 0 auto; padding: 50px 0; } .top-content-new .top-btn { display: flex; justify-content: space-between; margin-bottom: 50px; } .top-content-new .top-btn a { display: flex; width: 48%; background: #333; border-radius: 12px; overflow: hidden; padding: 40px 0; font-weight: bold; transition: all 0.5s ease; } .top-content-new .top-btn a:hover { text-decoration: none; opacity: 0.5; } .top-content-new .top-btn a.btn-shop { background: url(images/top-shop.jpg) no-repeat; background-size: cover; } .top-content-new .top-btn a.btn-ec { background: url(images/top-ec.jpg) no-repeat; background-size: cover; } .top-content-new .top-btn a.btn-shop h2 { background: #643f2d; color: #fff; } .top-content-new .top-btn a.btn-ec h2 { background: #f99a0c; color: #643f2d; } .top-content-new .top-btn a h2 { display: flex; width: 50%; height: 120px; align-items: center; background: #555; box-sizing: border-box; padding-left: 8%; line-height: 1.2; border-radius: 0 20px 20px 0; position: relative; } .top-content-new .top-btn a h2:after { content: ''; display: block; width: 20px; height: 20px; background: #fff; mask-image: url('images/arrow-circle-right-solid.svg'); position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; } .top-content-new .top-btn a.btn-ec h2:after { background: #643f2d; } .top-title-news { color: #f99a0c; text-align: left; } .top-news-new { width: 100%; overflow-y: scroll; box-sizing: border-box; } .top-news-new .new_conbox01 { margin: 0; padding: 10px 0; height: all; overflow: hidden; } @media screen and (max-width: 599px) { .top-main-new { background: url(images/top-main-sp.jpg) no-repeat right bottom; background-size: cover; } .top-main-new .text-box { padding: 40px 0 0 0; } .top-main-new .text-box .text { width: 90%; margin: 0 auto; } .top-main-new .text-box .text h1 { font-size: 25px; letter-spacing: 0px; } .top-main-new .text-box .text p { font-size: 15px; } .top-main-new .text-box .text img { display: block; width: 100%; } .top-content-new { padding: 36px 4%; } .top-content-new .top-btn { display: block; } .top-content-new .top-btn a { display: block; width: 100%; padding: 30px 0; margin-bottom: 20px; } .top-content-new .top-btn a h2 { height: 100px; font-size: 20px; } } .footer-top-sns-bg { background: #fff; display: none; } .footer-top-sns-bg .footer-top-sns { max-width: 960px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 30px 0; } .footer-top-sns-bg .footer-top-sns .top-sns-link { display: flex; justify-content: space-between; width: 140px; } .footer-top-sns .top-sns-link a.sns-x, .footer-top-sns .top-sns-link a.sns-fb { width: 55px; height: 55px; border-radius: 50px; display: block; text-align: center; position: relative; top: 4px; } .footer-top-sns .top-sns-link a.sns-x img, .footer-top-sns .top-sns-link a.sns-fb img{ position: relative; top: 10px; } .footer-top-sns .top-sns-link a.sns-x { background: #000; } .footer-top-sns .top-sns-link a.sns-fb { background: #1877f2; margin-left: 24px; } .footer-top-sns .other-text .text_r { margin-bottom: 12px; } @media screen and (max-width: 599px) { .footer-top-sns-bg { display: block; } .footer-top-sns .other-text { font-size: 12px; padding-right: 8px; text-align: right; } .footer-top-sns .top-sns-link a.sns-fb { margin-left: 0; } .footer-top-sns-bg .footer-top-sns .top-sns-link { width: 120px; padding-left: 5px; } } .grecaptcha-badge { visibility: hidden !important; }