@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
html {
}
body {  
text-align:center;
background: #eaedee;
}
h1, h2, h3 {
font-size:100%;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
h1 span{
color: #dd0000;
}
a img {
border:none;
}


.menu .hea li img{
max-width: 133px;
width: 72.5%;
margin: 37px 0 10px 34px;
}


.menu .hea{
line-height: 62px;
}

@media screen and (max-width: 1200px) {
.menu .hea li img{
max-width: 133px;

width: 72.5%;
margin: 25px 0 7px 34px;
}

.menu .hea{
line-height: 50px;
}
}


.container{
max-width: 700px;
margin: auto;
margin-bottom: 70px;
}
.contain{
margin-top: 65px;
margin-left: 30px;
margin-right: 30px;
}

#wrapper{
width: 100%;  
text-align: left;
}
#formbox{
width: auto;
margin: auto;
}

.description{
font-size: 16px;
margin-left: 20px;
margin-right: 20px;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif; 
color: gray;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.5;
}
.descriptionsss{
font-size: 16px;
margin-left: 20px;
margin-right: 20px;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif; 
color: #ff6c27;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.5;
text-align: center;
margin-bottom: 20px;
}

.descriptionsss2{
font-size: 16px;
margin-left: 20px;
margin-right: 20px;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif; 
color: red;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.5;
text-align: center;
margin-bottom: 20px;
}
.descriptionsss0{
width: auto; 
font-size: 18px;
color: red;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.5;
text-align: center;	
padding: 20px 0 20px 0;
margin-top: 40px;
margin-bottom: 40px;
font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,Osaka,"ms pgothic",sans-serif;
background-color: white;
border-radius: 6px;
margin-left: 30px;
margin-right: 30px;
}

.description_kojin{
font-size: 14px;
margin-left: 26px;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif; 
color: black;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.5;
}
.policy{
color: #ff6c27;
text-decoration: none;
font-weight: bold;
}


.wrapper p.description br.top_catalog{
display: none;
}
.pdf-ate{
font-size: 20px;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
color: black;
padding-left: 10px;
padding-top: 2px;
padding-bottom: 10px;
margin-left: 32px;
margin-right: 30px;
margin-bottom: 35px;
letter-spacing: 0.5px;
font-feature-settings: "palt";
text-align: left;
border-left: 10px solid black;
border-bottom: 3px solid black;
}
.pdf-ate span{
font-weight: bold;
letter-spacing: 1px;
}

.pdf-ate span{
color: black;
font-weight: bold;
}
br.pdf-ate_br{
display: none;
}
@media screen and (max-width: 570px) {
.pdf-ate{
padding-right: 10px;
}
br.pdf-ate_br{
display: inline;
}
}

@media screen and (max-width: 375px) {
.pdf-ate{
font-size: 18px;
margin-left: 16px;
margin-right: 20px;
}
.descriptionsss0{
margin-left: 20px;
margin-right: 20px;
}
}
@media screen and (max-width: 320px) {
.pdf-ate{
margin-left: 12px;
margin-right: 13px;
padding-right: 5px;
}
.descriptionsss0{
margin-left: 10px;
margin-right: 20px;
}
}

h1{  /*帯の所*/
font-size: 20px;
margin-bottom: 30px;
border-left:5px solid #0086c1;  /*左の線*/
padding:9px 10px 7px 15px;
text-align:left;
background:#c3daf2;
color: 020003;  /*文字の色*/
}
#formbox br.top-moji{
display: none;
}
.pdf-bottan{
text-align: center;
margin-bottom: 20px;
}
.pdf-bottan p{
font-size: 18px;
font-weight: bold;
color: white;
background-color: orange;
margin: 0 20px 20px;
padding: 15px 20px 15px 20px;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif; 
border: none; 
border-radius: 5px;
width: 35%;
margin: auto;
}
.pdf-bottan a{
text-decoration: none;
}
.pdf-bottan p:hover{
opacity: 50%;
}
@media screen and (max-width: 545px) {
.pdf-bottan p{
font-size: 16px;
}
}
@media screen and (max-width: 430px) {
.pdf-bottan p{
font-size: 15px;
padding: 10px 15px 10px 15px;
width: 45%;
}
}
.attention{
text-align: left;
font-size: 12px;
font-family: 'ヒラギノ角ゴシック','Hiragino Sans',游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif; 
color: black;
font-feature-settings: "palt";
letter-spacing: 1px;
line-height: 1.5;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px;
border-bottom: 1px solid gray;
padding-bottom: 10px;
}


h2{  /*入力項目*/ /*アンケートにお答えください。*/
font-size: 17px;  /*120%;*/
margin: 30px 20px 10px 20px;
color: #0086c1;
}

h3{  /*※印の付いているところは、*/
font-size:80%;
margin:0 20px 10px;
}

.red {
color: #FF0000;
font-size: 70%;
}
.black {
color: black;
font-size: 70%;
}

.list-catalog{
width: auto;
margin-left: 30px;
margin-right: 30px;
padding-right: 30px; 
}
table.hanbai{
margin-right: 30px;
border-spacing: 0px 20px;
width: 105%;
}

table.hanbai th{ 
width: 120px;
font-size: 14px; 
padding: 8px 15px 8px 5px;
font-feature-settings: "palt";
letter-spacing: 0.5px;
color: dimgray;
}
table.hanbai th.nigyou{
line-height: 1.5;
padding: 13px 15px 13px 18px;
}
table.hanbai td{
width: auto; 
font-size: 14px; 
padding: 5px 20px 5px 15px;
border: 1px solid rgba(0,0,0,0.15);
font-feature-settings: "palt";
letter-spacing: 0.5px;
background-color: white;
border-radius: 4px;
}

/*文字を打つスペース*/
input.text{
}
table.hanbai td.small input.text{
font-size: 80%;
border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
border-style: solid;
border-width: 1px;
width: 250px;
}
table.hanbai td.smaller input.text{
font-size: 80%;
border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
border-style: solid;
border-width: 1px;
/*padding: 2px;*/
width: 100px;
}
textarea{
font-size: 100%;
border-color:#A1A1A1 #E5E5E5 #E5E5E5 #A1A1A1;
border-style:solid;
border-width:1px;
width: 100%;
}

@media screen and (max-width: 550px) {
.top_catalog{
display: none;
}
}
@media screen and (max-width: 540px) {
table.hanbai th{ 
width: 110px;
font-size: 11px;
padding: 7px 7px 7px 10px;
}
table.hanbai th.nigyou{
padding: 7px 7px 7px 10px;
}
}
@media screen and (max-width: 520px) {
table.hanbai td.small input.text{
width: 100%;
}
}
@media screen and (max-width: 490px) {
.contain{
margin-left: 15px;
margin-right: 15px;
}
}
@media screen and (max-width: 450px) {
.contain{
margin-left: 0px;
margin-right: 0px;
}
}
@media screen and (max-width: 440px) {
#formbox br.top-moji{
display: inline;
}
h1{
line-height: 1.3;
}
}
@media screen and (max-width: 410px) {
table.hanbai th{ 
width: 100px;
}
}

@media screen and (max-width: 375px) {
.list-catalog{
width: auto;
margin-left: 15px;
margin-right: 15px;
padding-right: 30px; 
}
}
@media screen and (max-width: 362px) {
.formSubmitButton {
margin: 0 0 0;
padding: 0 0;
}
}
@media screen and (max-width: 360px) {
.formSubmitButton {
margin-left: 0;
}
}
@media screen and (max-width: 320px) {
.list-catalog{
width: auto;
margin-left: 10px;
margin-right: 20px;
padding-right: 15px; 
}
}


.commodity{
}
.commodity table.hanbai{
width: 100%; 
border-collapse:collapse;
border-spacing:0;
}

.commodity table.hanbai td{  /*文字前の四角と文字*/
font-size: 12px;
padding:7px;
border: 1.5px solid #c3daf2;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}


.unquet table.hanbai th{  /*アンケート帯*/
font-size: 100%;
padding:10px;
text-align:left;
background:#e2f0f9;
}
.unquet table.hanbai td{  /*アンケート項目*/
font-size: 80%;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}


.formSubmitButton{  /*送信内容を確認の帯*/
margin-left: 30px;
text-align:center;
}
.formSubmitButton input:hover{ 
opacity: 75%;
position: relative;
top: 1.5px;
bottom: 1.5px;
}
.formSubmitButton2{  /*送信内容を確認の帯*/
margin: 40px 20px 0 20px;
text-align:center;
padding: 20px;
background:#e2f0f9;
border:1.5px solid #c3daf2;
}
.formSubmitButton2 input:hover{ 
opacity: 75%;
position: relative;
top: 1.5px;
bottom: 1.5px;
}

input:focus {
background-color: #FFFFCC;
}

.doui_check{
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
font-size: 14px;
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
border: 1px solid rgba(0, 0, 0, 0.15);
margin-right: -30px;
background-color: white;
border-radius: 4px;
}

.doui2_check .label-mei{
text-align: center;
}

/*エラーページ*/
table.hanbai0{
width:100%;
}
table.hanbai0 th,
table.hanbai0 td{
width:100%;
display:block;
}
table.hanbai0 th{
word-wrap: break-word;
display: block;
margin-top: 1em;
margin-left: 2px;
margin-bottom: 8px;
color: black; 
font-size: 15px;
font-weight: bold;
line-height: 1;
overflow-wrap: anywhere;
letter-spacing: 0.5px;
font-feature-settings: "palt";
font-family: 游ゴシック体, 游ゴシック, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, メイリオ, Verdana, Arial, sans-serif;
}
table.hanbai0 td{
display: block;
width: 100%;
margin: 0;
margin-bottom: 7px;
padding: 9px 0.95em;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
outline: none;
background-clip: border-box;
background-color: white;
color: var(--tayori-theme_input_font_color);
font-size: 15px;
font-weight: 400;
line-height: 1.5;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
font-family: 'lucida grande',tahoma,verdana,arial,"hiragino kaku gothic pro",meiryo,Osaka,"ms pgothic",sans-serif;
}
span.msg {
padding-top: 15px;
}


//カレンダー
//labelタグ
.date-edit {
position: relative;
}

//ボタン部分
.date-edit::before {
background:  url(../img/now.png) no-repeat center center / cover #F7D94C;
border: solid 5px #cdcdcd;
content: "";
position: absolute;
top: -15px;
right: -65px;
border-radius: 28px;
height: 50px;
width: 50px;
}

//ボックス部分
input[type="date"] {
padding: 10px;
text-align: center;
}