@charset "utf-8";
/*
Theme Name: 鎌倉商工会議所
Description: 会員様向けメールアドレス登録フォーム用CSS
Theme URI: https://www.kamakura-cci.or.jp/email/
Version: 1.0
License: (C)鎌倉商工会議所 All Rights Reserved.
License URI: https://www.kamakura-cci.or.jp/
*/

/* *********************************
000:RESET
001:BASIC
002:COMMON
003:TOPPAGE
004:PAGES
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */
/* BASIC */
body{margin:0 auto;text-align:center;background: #F5F5F5; font-size:14px;font-family: "Noto Sans JP", serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;color:#444;padding:0;line-height: 1;-webkit-text-size-adjust: 100%;}
input,textarea,select{font-family: "Noto Sans JP", serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
input[type="radio"],input[type="checkbox"]{position: relative;top: 2px;margin-right: 2px;}
input[type="checkbox"]{all: revert;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;border-radius: 0;}
input[type="date"],input[type="time"]{appearance: none;-webkit-appearance: none;-moz-appearance: none;height: 2.6em;}
input[type="date"]::-webkit-date-and-time-value,input[type="time"]::-webkit-date-and-time-value{text-align: left;}
input[type="text"],input[type="date"],input[type="password"],select,textarea{border: 1px solid #CCC; background: #FFF;box-shadow: none;transition: all 0.5s;}
label{cursor: pointer; margin-right: 1em; display: inline-block;}
input[type="text"]:focus,input[type="date"]:focus,input[type="password"]:focus,
select:focus,textarea:focus{border: 1px solid #4C8674;box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);outline: none;}
input::placeholder{color: #DDD;}
select::-ms-expand {display: block;}
select{-moz-appearance: menulist;-webkit-appearance: menulist;}
strong{font-weight:700;}
em{color:#F86C6B;font-style:normal;font-weight:700;}
a{text-decoration: none;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
a:hover img{filter: alpha(opacity=70);opacity: 0.7;}
.error{color:#FF0000;}

/* *********************************
/* 002:COMMON
*********************************** */
#header{padding: 24px 4px; margin-bottom: 8px;}
#header .logo{width: 100%; max-width: 220px; margin: 0 auto 8px;}
#header .logo img{width: 100%; height: auto;}
#header h1{display: inline-block; background: #113473; padding: 4px 8px 5px;color: #FFF; font-size: 12px;}
#article .box{width: 96%; max-width: 980px; margin: 0 auto 24px;}
#article .stage{width: 96%; max-width: 980px; padding:24px 16px 16px;margin: 0 auto 16px;background: #FFF;border-radius: 8px;box-shadow: 0 0px 8px rgba(0,0,0,0.1); }
#article .ttl01{color: #113473;font-size: 18px; margin-bottom: 14px;font-weight: 700;text-shadow: 1px 1px 0 #FFF;}
#article .ttl02{color: #D0181B;font-size: 16px; margin-bottom: 10px;font-weight: 700;}
#article .entry .ttl02{margin-bottom: 24px;}
#article .txt01{line-height: 1.5; margin-bottom: 8px;text-align: left;font-weight: 700;}
#article .box .txt01{text-shadow: 1px 1px 0 #FFF;}
#article .stage .txt01{margin-bottom: 16px;color: #666;}
#article .stage .form table{border-top:1px solid #DDD;width: 100%;margin-bottom: 16px;text-align: left;}
#article .stage .form table th{display: block;padding: 8px 4px 4px;font-size: 13px;}
#article .stage .form table th .p{float: left;font-weight: 700;}
#article .stage .form table th .hss{float: right;display: inline-block; font-weight: 700; color: #FFF; background: #FF4D4D;font-size: 11px; padding: 3px 6px 4px; border-radius: 4px;}
#article .stage .form table th .nni{float: right;display: inline-block; font-weight: 700; color: #FFF; background: #888;font-size: 11px; padding: 3px 6px 4px; border-radius: 4px;}
#article .stage .form table td{display: block;border-bottom:1px solid #DDD;padding: 2px 4px 8px;}
#article .stage .form table td strong{font-weight: 500;display: inline-block;padding: 8px 0;font-size: 16px;}
#article .stage .form table td ul li dl{display: table;width: 100%;}
#article .stage .form table td ul li dl dt{display: table-cell;padding-right: 4px;}
#article .stage .form table td ul li dl dd{display: table-cell;}
#article .stage .form table td ul li:first-child{margin-bottom: 8px;}
#article .stage .form .iptL{width: 100%; padding: 8px; font-size: 16px;}
#article .stage .form .btnBox{margin-bottom: 32px;}
#article .stage .form .btnBox .btn{display: inline-block;padding: 8px 40px; font-weight: 700; color: #FFF; background: #FF9326; border: none; border-bottom: 3px solid #B35900; border-radius: 8px; cursor: pointer; text-shadow: -1px -1px 0 #B35900;}
#article .stage .attBox{border: 1px solid #DDD; background: #F6F6F6; padding: 16px 8px;}
#article .stage .attBox dl dt{color: #D01819;font-size: 13px;font-weight: 700; line-height: 1.4; margin-bottom: 8px;}
#article .stage .attBox dl dd{text-align: left; line-height: 1.4; font-size: 13px;}
#article .stage .attBox dl dd ul{margin-left:1em;}
#article .stage .attBox dl dd ul li{margin-bottom: 4px;}
#article .stage .attBox dl dd ul li:before {content: '・';margin-left:-1em;}
.copy{font-size: 11px; color: #888;font-weight: 500; display: inline-block; padding-bottom: 16px;}

/* *********************************
/* 100:RESPONSIVE
*********************************** */
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 640px) {

}

@media screen and (min-width: 768px) {
body{font-size:16px;}
#header{padding: 48px 0 32px; margin-bottom: 8px;}
#header .logo{max-width: 288px; margin: 0 auto 14px;}
#header h1{padding: 4px 12px 5px;font-size: 14px;}
#article .box{margin: 0 auto 36px;}
#article .stage{padding:40px 24px 24px;margin: 0 auto 16px;background: #FFF;border-radius: 8px;box-shadow: 0 0px 8px rgba(0,0,0,0.1); }
#article .ttl01{font-size: 24px; margin-bottom: 20px;}
#article .ttl02{font-size: 22px; margin-bottom: 18px;}
#article .txt01{line-height: 1.8; margin-bottom: 8px;text-align: center;}
#article .stage .txt01{margin-bottom: 24px;}
#article .stage .form table th{display: table-cell;padding: 8px ;font-size: 15px;vertical-align: middle;border-bottom:1px solid #DDD;width: 17em;}
#article .stage.entry .form table th{width: 12em;}
#article .stage .form table th .hss{font-size: 12px;}
#article .stage .form table td{display: table-cell;padding: 8px;}
#article .stage .form table td strong{padding: 12px 0;font-size: 18px;}
#article .stage .form table td ul{display: table;}
#article .stage .form table td ul li{display: table-cell;vertical-align: middle; padding-right: 8px;}
#article .stage .form .btnBox .btn{padding: 12px 56px; font-size: 15px;}
#article .stage .attBox dl dt{font-size: 15px;margin-bottom: 10px;}
#article .stage .attBox dl dt br{display: none;}
#article .stage .attBox dl dd{font-size: 15px;}
#article .stage .attBox dl dd ul li{margin-bottom: 6px;}


}

@media screen and (min-width:980px) {

}

/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}