@charset "UTF-8";
/*-------------------------------------- common ---------------------------------------*/
/*-------------------------------------- font system [ver:2018.10.11] --------------------------------------*/
body { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; -webkit-text-size-adjust: 100%; }

.ffg, #footer #copyright { font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; }

.ffm { font-family: 'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',Meiryo,'メイリオ',serif; }

#footer #copyright { font-size: 0.625rem; line-height: 100%; font-weight: 300; }

#block1.form_order .block_right textarea, #block1.form_contact .block_right textarea { font-size: 0.875rem; line-height: 149.4%; font-weight: 300; }

#block1.form_order .block_right span.error, #block1.form_contact .block_right span.error { font-size: 0.9375rem; line-height: 177.8%; font-weight: 300; }

#cmp_message a { font-size: 1rem; line-height: 100%; font-weight: 300; }

#block1.form_order .block_right .odr_items .vertical-item label { font-size: 1.0625rem; line-height: 143.922%; font-weight: 300; }

#footer #footer_body #footer_left #footer_linkset a, #header #main_navi #main_navi_body a { font-size: 1.125rem; line-height: 100%; font-weight: 300; }

#footer { font-size: 1.125rem; line-height: 171.2%; font-weight: 300; }

#block1.form_order .block_right input[type="submit"], #block1.form_order .block_right input[type="text"], #block1.form_order .block_right input[type="email"], #block1.form_order .block_right h4, #block1.form_contact .block_right input[type="submit"], #block1.form_contact .block_right input[type="text"], #block1.form_contact .block_right input[type="email"], #block1.form_contact .block_right h4 { font-size: 1.25rem; line-height: 100%; font-weight: 300; }

#cmp_message p { font-size: 1.25rem; line-height: 166.8%; font-weight: 300; }

/*-------------------------------------- common ---------------------------------------*/
.for_pc { display: none; }

* { margin: 0; padding: 0; }

body { color: #444661; font-family: TsukuOldMinPro-R,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; background: url(../images/common_bg_sp.png) center top; background-size: 240px 120px; }

a, a:visited { color: #444661; text-decoration: none; }

ul { list-style: none; }

img { border-style: none; vertical-align: top; }

.cf:after { content: ""; display: block; width: 0; height: 0; clear: both; overflow: hidden; }

.cf_node { clear: both; width: 0; height: 0; overflow: hidden; }

#wholepage { position: relative; }

/*-------------------------------------- header ---------------------------------------*/
#header { position: relative; padding: 0 0 50px; }

#header #main_navi { height: 0; background: url(../images/common_deco_roughline.png) no-repeat center bottom; background-size: 856px 1px; background-color: rgba(255, 255, 255, 0.5); overflow: hidden; }

#header #main_navi #main_navi_body { padding: 15px 0; text-align: center; }

#header #main_navi #main_navi_body a { display: inline-block; padding: 13px 0 13px; letter-spacing: 1px; }

#header #main_navi #main_navi_body a.thispage { background: url(../images/common_deco_naviline_pc.png) no-repeat center 30px; background-size: 174px 4px; }

#header #menubtn_sp { position: absolute; top: 18px; left: 17px; }

#header h1 { padding: 20px 0 0; text-align: center; }

#header h1 img { width: auto; height: 115px; }

/*-------------------------------------- body ---------------------------------------*/
/*-------------------------------------- footer ---------------------------------------*/
#footer { margin-top: 75px; padding: 0 0 24px; color: #7a7a85; background: #e1e1e3; }

#footer #footer_body { position: relative; width: 198px; margin: 0 auto 0; padding: 280px 0 0; }

#footer #footer_body #footer_left #footer_linkset { font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; border-top: 1px solid #ccccd0; }

#footer #footer_body #footer_left #footer_linkset a { display: block; padding: 15px 0 16px; color: #7a7a85; letter-spacing: 1px; border-bottom: 1px solid #ccccd0; }

#footer #footer_body #footer_logo { position: absolute; top: 150px; left: 0; width: 100%; text-align: center; }

#footer #footer_body #footer_logo a img { width: 108px; height: auto; }

#footer #footer_body #footer_right a { position: absolute; top: 50px; left: 74px; display: block; width: 50px; height: 50px; background: url(../images/common_btn_pagetop_sp.png) no-repeat; background-size: 50px 50px; }

#footer #copyright { padding: 50px 0 0; color: #c3c3c8; text-align: center; }

/*-------------------------------------- お問い合わせ・ご注文フォーム・送信完了で 共通使用するCSS ---------------------------------------*/
/*-------------------------------------- お問い合わせ：contact ---------------------------------------*/
#block1.form_contact { position: relative; }

#block1.form_contact .block_left { position: relative; width: 224px; margin: 0 auto; }

#block1.form_contact .block_left #bird1 { position: absolute; top: -18px; left: -12px; width: 37px; height: 34px; background: url(../images/common_fig_bird_right.png) no-repeat; background-size: 37px 34px; }

#block1.form_contact .block_right { margin: 0 20px; padding: 50px 0 0; }

#block1.form_contact .block_right h4 { margin-top: 40px; padding-bottom: 10px; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; }

#block1.form_contact .block_right > div:nth-child(1) h4 { margin-top: 0; }

#block1.form_contact .block_right textarea { display: block; width: 90%; max-width: 90%; min-width: 90%; height: 230px; min-height: 230px; max-height: 400px; margin: 0 auto 5px; padding: 10px 12px; color: #444661; border: 1px solid #ddd; border-radius: 5px; }

#block1.form_contact .block_right input[type="text"], #block1.form_contact .block_right input[type="email"] { display: block; width: 90%; margin: 0 auto 5px; padding: 13px 12px; color: #444661; text-align: center; border: 1px solid #ddd; border-radius: 5px; }

#block1.form_contact .block_right input[type="submit"] { display: block; width: 200px; margin: 50px auto 0; padding: 15px 0; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; color: #444661; text-align: center; letter-spacing: 2px; background: rgba(252, 249, 247, 0.6); border: 1px solid #afafb3; border-radius: 5px; }

#block1.form_contact .block_right span.error { display: block; color: #b70000; text-align: center; }

/*-------------------------------------- ご注文フォーム：order ---------------------------------------*/
#block1.form_order { position: relative; }

#block1.form_order .block_left { position: relative; width: 234px; margin: 0 auto; }

#block1.form_order .block_left #bird1 { position: absolute; top: -17px; left: -18px; width: 37px; height: 34px; background: url(../images/common_fig_bird_right.png) no-repeat; background-size: 37px 34px; }

#block1.form_order .block_right { margin: 0 20px; padding: 50px 0 0; }

#block1.form_order .block_right h4 { margin-top: 40px; padding-bottom: 10px; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; text-align: center; }

#block1.form_order .block_right > div:nth-child(1) h4 { margin-top: 0; }

#block1.form_order .block_right input[type="text"], #block1.form_order .block_right input[type="email"] { display: block; width: 90%; margin: 0 auto 5px; padding: 13px 12px; color: #444661; text-align: center; border: 1px solid #ddd; border-radius: 5px; }

#block1.form_order .block_right textarea { display: block; width: 90%; max-width: 90%; min-width: 90%; height: 80px; min-height: 80px; max-height: 200px; margin: 0 auto 5px; padding: 10px 12px; color: #444661; border: 1px solid #ddd; border-radius: 5px; }

#block1.form_order .block_right .odr_items { width: 94%; margin: 0 auto 35px; }

#block1.form_order .block_right .odr_items .vertical-item { display: block; margin: 15px 0 20px; }

#block1.form_order .block_right .odr_items .vertical-item label { position: relative; display: block; margin: 10px auto 0; padding: 0 0 0 32px; background: url(../images/odr_ctrl_checkbox_off.png) no-repeat left top; background-size: 24px 24px; }

#block1.form_order .block_right .odr_items .vertical-item label.checked { background-image: url(../images/odr_ctrl_checkbox_on.png); }

#block1.form_order .block_right .odr_items .vertical-item label input { position: absolute; left: -9999px; }

#block1.form_order .block_right input[type="submit"] { display: block; width: 200px; margin: 50px auto 0; padding: 15px 0; font-family: TsukuAOldMinPr6-M,'Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','HG明朝E',serif; color: #444661; text-align: center; letter-spacing: 2px; background: rgba(252, 249, 247, 0.6); border: 1px solid #afafb3; border-radius: 5px; }

#block1.form_order .block_right span.error { display: block; color: #b70000; text-align: center; }

/*-------------------------------------- 送信完了：complete ---------------------------------------*/
#block1.form_complete { position: relative; width: 154px; margin: 0 auto; text-align: center; }

#block1.form_complete #bird1 { position: absolute; top: -20px; left: 135px; width: 37px; height: 34px; background: url(../images/common_fig_bird_left.png) no-repeat; background-size: 37px 34px; }

#cmp_message { text-align: center; }

#cmp_message p { padding: 70px 0; }

#cmp_message a { display: inline-block; width: 160px; padding: 15px 0; text-align: center; background: rgba(252, 249, 247, 0.6); border: 1px solid #afafb3; border-radius: 5px; }


/*--------------------------------------
	Contat Form 7
---------------------------------------*/

.wpcf7 .wpcf7-response-output {
	width: 80% !important;
	margin: 20px auto 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.wpcf7 .wpcf7-validation-errors {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-not-valid-tip {
	color: #B94A48;
	font-size: 0.8125rem;
	line-height: 182.2%;
	font-weight: 300;
}

.wpcf7 .wpcf7-mail-sent-ok {
	color: #3A87AD;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
}
