/* PC */
header {display: none;}

.kadomarubox {
    background-color: transparent;
    border: none;
    box-shadow:none;
}

.bt002 { background-color: #fff; }
.bt002:hover { opacity: 0.8; }

.bt03 { background-color: #f0ba2e; border-color: #f0b00b;}
.bt03 a { color:#f0b00b; }
.bt03:hover { opacity: 0.8; border-color: #f0b00b; color:#f0b00b!important; }


/* contact */
.example_text {color: #000!important; margin-top: 5px!important;}


.pc-hidden_sp-none {
	visibility:hidden;
}

.pc-none_sp-hidden {
	display:none;
}

@media screen and (max-width:690px) {
	.pc-hidden_sp-none {
		display:none;
	}
	
.pc-none_sp-hidden {
	display:block;
	visibility:hidden;
}

}







/* br */
/************************************************************************/
.br_tablet{ display:none;}
.br_sp{ display:none;}
.br_pc{ display:inline-block;}

@media only screen and (min-width:691px) and (max-width:1024px) {
.br_pc{ display:none;}
.br_sp{ display:none;}
.br_tablet{ display:inline-block;}
}

@media only screen and (max-width: 690px) {
.br_pc{ display:none;}
.br_tablet{ display:none;}
.br_sp{ display:inline-block;}
}

@media only screen and (max-width:690px) {
td {height: auto!important;}
img {margin: 10px 0;}
}

/* text_align */
/************************************************************************/

.txt_l, *.txt_l, .txt_l *{ text-align:left;}
.txt_r, *.txt_r, .txt_r *{ text-align:right;}
.txt_c, *.txt_c, .txt_c *{ text-align:center;}

@media only screen and (min-width:691px) and (max-width:1024px) {
.txt_l_tablet, *.txt_l_tablet, .txt_l_tablet *{ text-align:left;}
.txt_r_tablet, *.txt_r_tablet, .txt_r_tablet *{ text-align:right;}
.txt_c_tablet, *.txt_c_tablet, .txt_c_tablet *{ text-align:center;}
}

@media only screen and (max-width: 690px) {
.txt_l_sp, *.txt_l_sp, .txt_l_sp *{ text-align:left;}
.txt_r_sp, *.txt_r_sp, .txt_r_sp *{ text-align:right;}
.txt_c_sp, *.txt_c_sp, .txt_c_sp *{ text-align:center;}
}


@media only screen and (max-width:690px) {
td {height: auto!important;}
img {margin: 0;}

.flex li {
	padding:0 0.5em;
	margin-bottom:1em;
}

.spmenu_close img {
    position:
}


#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #333;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
    bottom: -8px;
}
#nav-open span:after {
    bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5) url(../image/sp_close.png);
    /* opacity: 0; */
    transition: .3s ease-in-out;
    background-repeat: no-repeat;
    /* background-position: 330px 30px; */
background-position: 95% 30px;
    background-size: 40px;
}


/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;/*最前面に*/
    width: 75%;/*右側に隙間を作る*/
    max-width: 330px;/*最大幅*/
    height: 100%;
    background: #fff;/*背景色*/
    transition: .3s ease-in-out;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
    opacity: .5;
}

#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}



.wrap1 li:nth-child(1) a{ color: #fff; }
.wrap1 li p { margin-top: 10px; }

  /* layout */
#dcms_layoutPageBlock { padding: 2em 15px 0; }

#header-aisatujo {
width: 100% !important;
background: url(../image/sp_1a-header.png) no-repeat !important;
    background-size: contain!important;
    background-position: 50% 50%;
    height: 0px!important;
    margin: 0!important;
    position: relative;
background-image: none!important;

}
#header-aisatujo img {width: 100%; height: auto;}
#header-aisatujo .headertitle {width: 100% !important;}
.headersubt {display: none;}
.headertitle {display: none;}

header {
  position: relative;
  display: block;
  width: 100%;
  border-top:1px solid #F00;
}

#header_image img {width: 100%; height: auto;}

header .header_ttt {
	position:absolute;
	display:block !important;
	width:100% !important;
	height:50px !important;
	font-size: 18px !important;
	padding:1em 0 1em 1em !important;
	background: rgb(227,228,191);
	background: linear-gradient(337deg, rgba(227,228,191,1) 0%, rgba(206,217,86,1) 40%, rgba(255,255,186,1) 100%);
	z-index:0;
}

.headermenu {
	display:block;
}

.headermenu ul {
	position:absolute;
	display:flex;
	width:100%;
	top:50px;
	align-items: stretch;
}

.headermenu ul li {
	background-color:#efa20e;
	padding:0.3em 1em 0.2em;
	text-align:center;
	border-radius:0 0 12px 12px;
}

.headermenu ul li:nth-of-type(2) {
	background-color:#ed756f;
}

.headermenu ul li:nth-of-type(3) {
	background-color:#6faa70;
}

.headermenu ul li:nth-of-type(4) {
	background-color:#4372c8;
}

.headermenu li a {
	color:#fff;
}

#nav-drawer{
display: block;
    position: absolute;
    bottom: -30px;
    right: 1%;
}

#greeting_globalnav3 {width: 100%; display: none;}

#nav-content li{width: 100%; text-align: center; border-bottom: 1px;}
#nav-content li a {display: block; border-bottom: 1px solid #666666; padding: 10px 0; }


#wrapper {
    width: 100%;
    min-width: 100% !important;
	overflow:hidden;
}

.sp_form #wrapper {
	margin-top:0 !important;
	padding-top:0 !important;
}

#locator {
    width: 85%;
    margin: 100px auto 0.5em 0 !important;
	padding-left:1em;
}

#container {
    width: 100%!important;
    margin: 0 auto;
    text-align: left;
}

#contents {
    width: 100%!important;
    margin: 0 auto 60px auto !important;
}

  #contents_left {
      width: 100%!important;
      min-height: 300px;
      float: none;
	  background-color:#eee8dc;
	  padding:0 1em 2em 0;
  }

  #contents_right {
    width: 100%;
    float: none;
	padding:0 1em;
  }

.kadomarubox table td { float: left; width: 100%!important; margin-bottom: 10px;}
.kadomarubox table td:nth-child(3) { margin-bottom: 0px;}

.voice_box table { width: 100%!important; }
.voice_box table td { float: left; width: 100%!important; }
.voice_box img { display:block; width: auto; height: auto; max-width:100%; margin-left:auto !important; margin-right:auto !important;}

.subtitle02,.subtitle02_2 {
	box-sizing:border-box;display:flex; align-items: center;
	width: 100%;
	margin-top: 0px;
	font-size:18px; overflow:visible !important;white-space:normal !important; line-height:1.2em; text-indent:0; padding-left:50px;
}
.subtitle02 span,.subtitle02_2 span {font-size:14px !important;}
.subtitle03,.subtitle03_2 { display:flex; align-items: center; width: 100%; margin-top: 60px; font-size:14px; overflow:visible !important;white-space:normal !important; line-height:1.2em; text-indent:0; padding-left:50px;}

#subnav {width: 100%; margin: 2em auto 0;}
#subnav_title a{ background-image:none;}
.subnav_title02 {width: 100%;
background-image:none;}
#subnav3, #subnav4 { padding: 0 20px;}
#subnav ul {background-image:none; width:100%; margin:0;}
#subnav-nenga li {width: 100%;
border-bottom:1px solid #ccc;}
#subnav-nenga a {font-size:18px;}
.subnav2 li {
	text-align:center;
}
#subnav2_gre li a{width: 100%;}
#subnav2_blu li {width: 100%;}
#subnav2_blu li a{width: 100%;}
#subnav2_ye li {width: 100%;}
#subnav2_ye li a{width: 100%;}

.sp_table {width: 100%!important;}

/*#footer_wrapper {display: none;}*/
#footer_wrapper {
	height:auto;
}
#footer {width: 100%; height:auto;}
#footnav01, #footnav02, #footnav05 {
    position: static;
    width: 90%;
    padding: 0;
    text-align: center;
    margin: 0 auto;
	display:none;
}
#footnav01 ul {display: none;}
#footnav02 ul {display: none;}
#footnav05 ul {display: none;}

#copyright {
    position: static;
    text-align: center;
}

#footnav {
    color: #666666;
    position: absolute;
    bottom: 9px;
    left: 0;
    display: block;
    margin: 0 auto 1em;
    text-align: center;
    margin-left: 70px;
}

/*  */
.ta_c {text-align: center!important;}
.w100 {width: 100%!important;}
.sp_pb_15 {padding-bottom: 15px;}




/* form */
#form_contact_main{overflow:visible !important;}
.sp_form #form_intro {width: 100%;}
.sp_form #form_intro img{width: 100%; height: auto;}
#form_contact_main dt{
	font-size:15px;
	line-height:1.4 !important;
	font-weight:bold;
}
#form_contact_main dl{
	padding:0 !important;
}
#form_plibacy{
	margin:0 !important;
}
#submit_button{
	margin-bottom:50px !important;
}

.img_max100 img{ width:auto; max-width:100%; height:auto;}

#topcontrol{
	right:10px !important;
	bottom:20px !important;
}

.pagetop{
	padding-top:90px;
	width:75px;
	background-size:contain;
	background-position:center center;
}



.sp_close_btn {

}



.sp_cv_btn {
    background-color: #f0b00b;
    border-radius: 7px;
    width: 80%;
    margin: 5px auto;
}

.postcard_table {height: auto!important; margin-bottom: 20px;}
.postcard_table_td {display: flex;}
.postcard_table_td p {width: 50%;}
.txt_c_sp a {width: 250px;}

.tb_sp th, .tb_sp td {
	display:block;
	width:100%;
}

.displayblock {
	display:block;
	width:100%;
}

}