@charset "utf-8";
/* CSS Document */
.msg {
 color: #DD0000;
 font-size: 100%;
 font-weight:bold;
 text-align:left;
 margin-top:10px;
 margin-bottom:10px;
}
.header_exp {
 margin: 20px 10px 0px 60px;
 color: #333;
 font-size: 130%;
 font-weight:bold;
 text-align:left;
 list-style-type:decimal!important;
 }
 .header_exp li {
 margin-top: 1rem;
 }
.header_exp span{ font-size: 80%;}
 @media only screen and (max-width:768px){.header_exp {
  margin: 10px 0px 0px 30px;
    font-size: 110%;}}
 .header_exp2 {
 background:#f2f2f2; padding:10px;margin: 0px 10px 0px 50px;
 }@media only screen and (max-width:768px){.header_exp2 {
 margin:0;
 }}
.header_rmesg {
 margin: 20px 20px 0px 20px;
 color: #555555;
 font-size: 100%;
 font-weight:normal;
 text-align:left;
}

.header_emesg {
 margin: 20px 60px 0px 60px;
 color: #DD0000;
 font-size: 100%;
 font-weight:bold;
 text-align:left;
}

.newuser_img{width:41px;height:41px}
.check_img{position:relative;
top:-5px; left:-15px;
width:20px;height:20px}



#SMP_STYLE .spiralSeal {
 width: 100%;
 overflow: hidden;
 margin: 0;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
}

#SMP_STYLE .spiralSeal tr td.description {
 display: table-cell;
 text-align: left;
 overflow: auto;
width:85%;	
	vertical-align: top;
	padding:1rem 1rem 1rem 2rem;
	font-size:1.2rem;
}

#SMP_STYLE .spiralSeal tr td.img {
 display: table-cell;
 margin-left: 0px;
 margin-right: 0px;
 overflow: auto;
 text-align: center;
width:15%;	
vertical-align: top;	
padding:1.5rem 2rem 1rem 1rem;	
}



@media only screen and (min-width: 769px) {
    .header_logo {
        width: 257px;
    }

    .header_logo_text {
        width: 257px;
        height: 24px;
        margin-bottom: 4px;
        background-position: 0;
        background-size: auto;
    }

 #SMP_STYLE .spiralSeal {
  /*width: 85%;
  font-size:120%;*/
  overflow: hidden;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;

  margin:40px auto;
 }

 #SMP_STYLE .spiralSeal tr td.description {
  display: table-cell;
  text-align: left;
  overflow: auto;
	 font-size:1.2rem;
 }

 #SMP_STYLE .spiralSeal tr td.img {
  display: table-cell;
  margin-left: 0px;
  margin-right: 0px;
  overflow: auto;
  text-align: center;
 }


}

@media only screen and (max-width: 768px) {
    .header_logo h1 a {
        width: auto;
    }
    .header_logo_text {
        width: auto;
        height: 22px;
        margin-bottom: 5px;
        background-image: url("https://www.asahikei.co.jp/recipe/assets/images/svg/header_copy_sp.svg");
    }



 #SMP_STYLE .spiralSeal {
  width: 100%;
  overflow: hidden;
  
  margin:40px auto;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
 }


 #SMP_STYLE .spiralSeal tr td.description {
  /*display: block;
  text-align: left;
  overflow: auto;*/
	 
width:60%;	 
	 font-size:1.1rem;
	 line-height:140%;
 }

 #SMP_STYLE .spiralSeal tr td.img {
width:40%; }

	#SMP_STYLE .spiralSeal tr td.img img{width:100%;}
	
 #SMP_STYLE .footer_text {
  width: 90%;
  font-size: 85%;
  margin: 30px 0 0 0;
  font-weight:normal;
  text-align:left;
 }
 }