#kids-contents {
 font: normal arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
 line-height: 1.9;
 color: #5c3516;  
 text-align: center;
 margin: 0 auto;
 width: 460px;
}

#kids-contents a {
 color: #2088bf;
 text-decoration: none;
}

#kids-contents a img {
 border-style:none;
}

#kids-contents h3 {
 width: 460px;
 background: #FB8700;
 border-radius: 5px;
 font-size: 20px;
 color: #ffffff;
 font-weight: bold;
 margin-bottom: 20px;
 padding: 12px 0 10px;
 text-align: center;
 position: relative;
 box-shadow: 0px 3px 0px rgb(223,99,58);
}
#kids-contents h3::after {
 content: "";
 position: absolute;
 bottom: -20px;
 left: 10%;
 border: 8px solid transparent;
 border-top: 14px solid #FB8700;
}
#kids-contents h3::before {
 content: "";
 position: absolute;
 bottom: -25px;
 left: 10%;
 border: 8px solid transparent;
 border-top: 14px solid #eb6538;
}
#kids-contents p {
font-size: 16px;
}
#kids-contents #toppage-h1 {
display:none;
}
#kids-contents #toppage-h2 {
 font-size: 23px;
 background: url(../images/h2-bg.gif) no-repeat;
 background-position: center;
 text-align: center;
 margin: 30px auto 0;
 padding: 0 0 50px 0;
 border: none;
 
}

/*------------------------------- トップページ ---------------------------------------*/

/* kids-top */
#kids-top {
 width: 460px;
 height: auto;
 margin: 20px auto 0px;
 background: none;
}
#kids-top img {
 width: 460px;
 height: auto;
}
#kids-top .top-right {
 display: none;
}


/* main-menu */
#main-menu {
 display: flex;
 justify-content: space-between;
 width: 460px;
 margin: 0 auto 10px;
}
#main-menu #blue,#pink {
 font-size: 18px;
 font-weight: bold;
 padding: 5px 10px 2px;
 height: 30px;
 width: 130px;
 margin: 0 auto 15px;
}
#main-menu .menu-btn {
 position: relative;
 padding: 7px 30px 7px 15px;
 color: #53392B;
 border-radius: 20px;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 10px;
 display: block;
}
#main-menu .menu-btn::after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #53392B;
 border-right: solid 2px #53392B;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 right: 15px;
 margin-top: -4px;
}

#menu1 {
 gap: 15px;
 justify-content: left;
　width: 225px
}
#menu1 #blue {
 border-bottom: dashed 3px #009fe8;
 color: #53392B;
}
#menu1 .btn-blue {
 background: #b2e2f8;
}

#menu2 {
 gap: 15px;
 justify-content: right;
 width: 225px;
}
#menu2 #pink {
 border-bottom: dashed 3px #ea6da4;
 color: #53392B;
}
#menu2 .btn-pink {
 background: #f9d3e4;
}


/* topbanner */
#topbanner {
width: 460px;
height: 187px;
background-image: url(../images/topbanner-bg.gif);
background-repeat: repeat-x;
display: block;
overflow : hidden;
hasLayout : true;
margin-bottom: 15px;
}
#topbanner img {
 width: 460px;
 height: auto;
}


/* category */
#category a {
 color: #333;
 text-decoration: none;
 font-size: 18px;
 width: 460px;
 padding: 10px;
}
#category ul {
 text-align: left;
 list-style: none;
 margin-bottom: 40px;
}
#category li {
 margin: 5px;
 padding: 5px 5px 5px 25px;
 position: relative;
}
#category li::before {
 content: '';
 border-top: solid 12px #FB8700;
 border-right: solid 8px transparent;
 border-left: solid 8px transparent;
 position: absolute;
 top: 15px;
 left: 10px;
 transform: rotate(-90deg);
}



/*------------------------------- 各ページ ---------------------------------------*/

/*main-contens*/
#main-contens {
 margin: 30px auto;
 width: 460px;
}
#main-contens h1 {
 font-size: 23px;
 line-height: 1.4;
 background: url(../images/h1-bg.gif) no-repeat;
 background-position: 0 10px;
 background-size: 800px auto;
 text-align: left;
 padding-bottom: 30px;
 margin: 20px 0 10px;
}
#main-contens h1::after {
 
}
#main-contens h2 {
 font-size: 20px;
 background: url(../images/h2-bg.gif) no-repeat;
 text-align: left;
 padding: 0 0 15px 0;
 margin-bottom: 10px;
 border: none;
 overflow: hidden;
}
#main-contens h3 {
 width: 300px;
}
#main-contens .contents-box {
 margin-bottom: 70px;
}

/* left-menu */
#left-menu {
 display: none;
}

/*contents-right*/
#contents-right {
 line-height: 1.9;
 width: 460px;
 margin: 10px 0 45px;
 position: relative;
 text-align: left;
}
#contents-right .red{
 color: red;
 display: block;
}
/*#contents-right ul {
 background-color: #fffce9;  
 font-size: 11px;
 line-height: 1.3;
 text-align: left;
 list-style: none;
 padding: 8px 8px 8px 12px;
 margin: 5px 0px 0px 0px;
 border-right: 1px solid #e2d99f;
 border-bottom: 1px solid #e2d99f;
 display:block;
 overflow : hidden;
}*/
#contents-right .inqImg{
 width:200px;
 height:40px;
 border:none;
 cursor:pointer;
 background:url(../images/inquirySousin.png) 0 0 no-repeat;
}
#contents-right #inqsyuusei{
 background-position:0 -80px;
 margin:0 80px;
}
#contents-right #inqSousin{
 background-position:0 -40px;
}
#contents-right .ph-left {
 padding: 0px;
 margin: 0px 25px 15px 0px;
 float: left;
 display: inline;
 overflow : hidden;
}
#contents-right .ph-right {
 display: block;
 margin: 10px auto;
 text-align: center;
}
#contents-right .sm-center {
 float: right;
}
#contents-right p {
 margin-bottom: 20px;
}
#contents-right .play-idea {
 width: 320px;
 margin: 0 auto;
 background: none;
 border: none;
}
#contents-right #fb-root  {
 margin-top: -2px;
}
#contents-right .img-sm {
 width: 460px;
 height: auto;
}
#contents-right .img-sm2 {
 width: 225px;
 height: auto;
}
#contents-right iframe {
 width: 460px;
 height: 260px;
}
#contents-right .img-line-up {
 width: 460px;
 display: flex;
 justify-content: space-between;
}
#contents-right .img-line-up img {
 width: 225px;
 height: auto;
}
#contents-right .facebook-page {
 display: block;
 text-align: right;
 margin: 30px 0;
}
#contents-right .facebook-page::before {
 content: url(/img/common/footer_box_fb.png);
 vertical-align: middle;
 width: 35px;
 height: 35px;
 display: inline-block;
 padding-right: 5px;
}
#contents-right .download-page {
 display: block;
}
#contents-right #download-box .download-page {
 margin-bottom: 15px;
}
#contents-right #download-box {
 margin: 30px 0;
}
#contents-right .download-page::before {
 content: url(../images/download-pdf.png);
 vertical-align: middle;
 width: 25px;
 height: 25px;
 display: inline-block;
}
#contents-right #recipe-list {
 display: flex;
 width: 460px;
 flex-wrap: wrap;
 gap: 15px 5px;
 margin-top: -10px;
}
#contents-right #recipe-list .recipe {
 width: 150px;
}
#contents-right .hinto-h2 {
  margin: 10px 0 10px;
}
#contents-right #sheet-download {
  margin: 30px 0;
}

/*ボタン*/
#contents-right .btn-box {
 width: 320px;
 margin: 50px auto 0;
}
#contents-right .item-page {
 width: 260px;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
 background: transparent linear-gradient(180deg, #FFD750 0%, #FB8700 100%) 0% 0% no-repeat padding-box;
 border-radius: 5px;
 border: 1px solid #D59416;
 padding: 12px 30px;
 position: relative;
 display: block;
 margin: 20px auto;
 box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
}
#contents-right .btn-box .item-page {
 margin-bottom: 15px;
}
#contents-right .item-page::after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #FFF;
 border-right: solid 2px #FFF;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 right: 30px;
 margin-top: -4px;
}
#contents-right .contact-page {
 width: 260px;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
 background: transparent linear-gradient(180deg, #d2ed5f 0%, #85bf41 100%) 0% 0% no-repeat padding-box;
 border-radius: 5px;
 border: 1px solid #a5c16f;
 padding: 12px 30px;
 position: relative;
 display: block;
 margin: 20px auto;
 box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
}
#contents-right .contact-page::after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #FFF;
 border-right: solid 2px #FFF;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 right: 30px;
 margin-top: -4px;
}
#contents-right .page-top {
 display: block;
 color: #A5A5A5;
 font-size: 16px;
 text-align: right;
 background: url(../images/page-top.png) no-repeat;
 background-position: 270px 3px;
 margin: 60px 0 0;
}

/*メッセージ囲み*/
.message {
margin: 20px 0;
padding: 15px;
background-color: #fffbf2;
border: 1px dotted #ffaec9;
}



/*------------------------------- ボタン・画像 ---------------------------------------*/

#wrap {
text-align: center;
}

.form-button {
width: 100%;
margin-left : auto;
margin-right : auto;
}

.form-button a {
border-bottom: 0px;
}

.image {
width: 100%;
margin-left : auto;
margin-right : auto;
}

.image a {
text-decoration: none;
}

/*------------------------------- フォームテーブル ---------------------------------------*/

.table-form { 
font-size: 13px;
line-height: 1.6;
width: 660px;  
border-collapse: collapse;  
border: 1px #FFFFFF solid; 
margin: 0px 0px 15px 0px;
} 
.table-form td { 
background-color: #fafafa;
border: 2px #FFFFFF solid;  
padding: 6px 6px 6px 12px;
} 



/*------------------------------- kids-end ---------------------------------------*/

#kids-end ul {
 display: flex;
 justify-content: space-between;
 width: 460px;
 margin: 60px auto 30px;
}

#kids-end a {
 background-color: #fff8b0;
 border-radius: 10px;
 font-size: 16px;
 font-weight: bold;
 padding: 15px 45px;
 color: #333;
}





/*------------------------------- jquery-cycle-nav ---------------------------------------*/

#mina {
 position:absolute;
 top:490px;
 left:770px;
 z-index:999999;
}
#jquery-cycle-nav {
 width: 300px;
 text-align: center;
 margin: 0 auto;
}
#jquery-cycle-nav a {
 background:#8bc83c;
 color: #fff;
 padding: 0 15px;
 margin: 0 6px;
 border: 1px solid #8bc83c;
 /**border: 1px solid gray;**/
 border-radius: 3px;
 text-align: center;
 text-decoration: none;
}


/*------------------------------- あいさつページ ---------------------------------------*/
.message-contents {
 margin-top: -40px!important;
}
h1.co {
padding-top: 60px;
}

.cf::after {
 content: "";
 display: block;
 clear: both;
}

/*------------------------------- お問い合わせページ ---------------------------------------*/
#contents-right .hissu {
 display: inline-block;
}
#contents-right dl{
 font-size:14px;
 margin: 0px 0px 15px 0px;
 background:#fafafa;
}
#contents-right dt{
 text-indent:10px;
 position:absolute;
 line-height:3em;
 font-size: 15px;
}
#contents-right dd{
 border-bottom: solid 3px #fff;
 padding:10px 0 10px 200px;
 margin:2px 0;
 background:#fafafa;
}
#contents-right input{
 width:245px;
}
#contents-right textarea {
 width: 245px;
}
#contents-right .contact-btn {
 width: 320px;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 border-radius: 5px;
 padding: 15px 30px;
 position: relative;
 display: block;
 box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
}
#contents-right .inqkakunin {
 margin: 0 auto;
 background: transparent linear-gradient(180deg, #d2ed5f 0%, #85bf41 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #a5c16f;
 color: #fff;
}
#contents-right .inqsyuusei {
 background: transparent linear-gradient(180deg, #fff 0%, #dedede 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #c4c4c4;
 color: #6C6C6C;
 margin-bottom: 15px;
}
#contents-right .inqsousin {
 background: transparent linear-gradient(180deg, #d2ed5f 0%, #85bf41 100%) 0% 0% no-repeat padding-box;
 border: 1px solid #a5c16f;
 color: #fff;
}
#contents-right .top-page-btn {
 width: 320px;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 color: #fff;
 background: transparent linear-gradient(180deg, #d2ed5f 0%, #85bf41 100%) 0% 0% no-repeat padding-box;
 border-radius: 5px;
 border: 1px solid #a5c16f;
 padding: 15px 30px;
 position: relative;
 display: block;
 margin: 20px auto;
 box-shadow: 0 2px 3px rgb(0 0 0 / 15%);
}