/* start site-bone */

.pc{
display:block;
}
.sp{
display:none;
}
.spnavi{
display:none;
}
#gnavi{
display:block;
}
#menuBtn{
display:none;
}
@media screen and (max-width : 768px){
 .pc{
 display:none;
 }
 .sp{
 display:block;
 }
 img{
 width:100%;
 height:auto;
 }
 .spnavi{
 display:none;
 }
 ul.spnavi li{
 border-top:1px solid #ccc;
 padding:10px;
 }
 ul.spnavi li:last-child{
 border-bottom:1px solid #ccc;
 }
 #gnavi{
 display:none;
 }
 #header{
 position:relative;
 }
 #menuBtn{
 display:block;
 position:absolute;
 top:10px;
 right:10px;
 width:36px;
 height:36px;
 line-height:36px;
 text-align:center;
 border:2px solid #ccc;
 }
 #header_left{
 float:none !important;
 }
 #header_left img{
 display:block;
 width:50%;
 }

}

#container {
width: 950px;
margin: 0 auto;
}

#content {
padding: 10px;
}

#content_left {
width: 611px;
float: left;
}

#content_right {
width: 260px;
float: right;
}

@media screen and (max-width : 768px){
 #container {
 width: 100%;
 margin: 0 auto;
 }
 #content_left {
 width: 100%;
 float: none;
 }
 #content_right {
 width: 100%;
 float: none;
 }
 #content_left iframe{
 width:98% !important;
 }
 .list_btn .margin_r10{
 margin-right:0;
 }
 .float_right{
 float:none;
 width:100% !important;
 }
 .float_left{
 float:none;
 width:100% !important;
 }
 .syokai_left{
 float:none;
 width:100% !important;
 }
 .syokai_right{
 float:none;
 width:100% !important;
 }
 .small_recipe_left{
 float:none;
 width:100% !important;
 padding-right:0 !important;
 }
 .small_recipe_left img{
 width:100% !important;
 }
 .small_recipe_right{
 float:none;
 width:100% !important;
 }
 .padding_l10{
 padding-left:0 !important;
 }
 .syosai_left{
 float:none;
 width:100% !important;
 }
 .syosai_right{
 float:none;
 width:100% !important;
 }
 .large_recipe{
 float:none;
 margin:20px auto;
 width:100% !important;
 }
}


#footer {
	background-image:url(../img/tokushoku_90_90.jpg);
	background-repeat:no-repeat;
	padding-top: 90px;
	height: 85px;
}
@media screen and (max-width : 768px){
 #footer {
 background-position:center center;
 }
}
/* end site-bone */

/* start header */

#header_left {
padding-top: 15px;
padding-bottom: 15px;
float: left;
}

#header_right {
float: right;
}

#header_right ul {
float: left;
}

#header_right li {
float: left;
}

.header_search {
padding-top: 35px;
padding-left:20px;
}

/* end header */

/* start gnavi */

#gnavi ul {
float: left;
}

#gnavi li {
float: left;
}

/* end gnavi */

/* start content */
h2 {
padding-bottom: 15px;
}
/* end content */

/* start content_left */

/* end content_left */

/* start content_right */
.right_content_box_inner {
background-image: url(../img/tokushoku_46.jpg);
background-repeat: repeat-y;
}

.right_content_box_inner ul li {
	list-style-image: url(../img/arrrow.png);
}
@media screen and (max-width : 768px){
.right_content_box_inner {
 background-image: none;
 background-repeat: repeat-y;
}

 .right_content_box_inner ul li {
 list-style-image: url(../img/arrrow.png);
 border-top:1px solid #aacf34;
 }
}

.right_content_box_inner img {
padding-top: 15px;
padding-left: 5px;
padding-bottom: 5px;
}

.right_content_box_inner li {
margin-left: 25px;
padding-top: 4px;
padding-bottom: 4px;
}

/* end content_right */

/* start footer */

#footer_box {
	margin: 5px 0;
	position: relative;
	overflow: hidden;
}
#footer ul {
	position: relative;
	left: 50%;
	float: left;
}
#footer li {
	display: block;
	float: left;
	border-right: 1px #666666 solid;
	padding: 0 5px 0 5px;
	border:5px auto;
	position:relative;
	left:-50%;
}

.border_1 {
	border: 1px solid #666666;
	background-color: #f2f2f2;
	paddig: 20px 10px 15px 10px;
}

#footer address {
	text-align:center;
	margin-top: 20px;
}

/* end footer */


/* start top-page */

.width_390 {
width: 390px;
}

.width_201 {
width: 201px;
}

.padding_b15 {
padding-bottom: 15px;
}


.list_btn ul {
float: left;
overflow: hidden;
}

.list_btn li {
float: left;
}

@media screen and (max-width : 768px){
 .list_btn ul {
 float: none;
 }
 .list_btn li {
   width: 48.5%;
   padding-bottom:3% !important;
 }
 .list_btn a:nth-child(2n) li {
   float:right;
 }
 .list_btn li:nth-child(2n) {
   float:right;
 }
}

.padding_t20 {
padding-top: 20px;
}

.padding_r13 {
padding-right: 13px;
}
@media screen and (max-width : 768px){
 .padding_r13 {
 padding-right: 0;
 }
}
.padding_b15 {
padding-bottom: 15px;
}

.ichiran {
	z-index:1;
	position:relative;
	top: -25px;
	left: 570px;
}
@media screen and (max-width : 768px){
 .ichiran {
 display:none;
 }
 .ichiran img {
 width:25%;
 }
}
.info dt {
	clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  padding-left: 5px;
}

.info dd {
	margin-bottom: 0.8em;
  margin-left: 7.5em;
}

@media screen and (max-width : 768px){
 #content_left h1,
 #content_left h2{
 width:100% !important;
 padding-right:0 !important;
 box-sizing:border-box;
 }
 .aboutwrap{
 width:100% !important;
 padding:0 !important;
 }
 .aboutright{
 width:95% !important;
 padding:0 !important;
 margin:auto auto !important;
 float:none !important;
 }
 .aboutleft{
 width:95% !important;
 padding:0 !important;
 margin:auto auto !important;
 float:none !important;
 }
 .aboutleft p,
 .aboutright p {
 padding:0 !important;
 margin-right:auto;
 margin-left:auto;
 }
}
/* end top-page */

/* start ichiran-page */

hr {
margin-top: 20px;
margin-bottom: 10px;
border-width: 2px 0px 0px 0px; /* 太さ */
border-style: dotted; /* 線種 */
border-color: #666666; /* 線色 */
height: 2px; /* 高さ */
}

.large_recipe {
width: 290px;
text-align: left;
float: right;
}

.font_24 {
font-size: 24px;
font-weight: bold;
padding-bottom: 15px;
text-align: left;
}

.font_16 {
font-size: 16px;
padding-bottom: 10px;
text-align: left;
}

.padding_b10 {
padding-bottom: 10px;
text-align: left;
}

.padding_l10 {
padding-left: 10px;
}

.padding_r10 {
padding-right: 10px;
}

.small_recipe {
padding-top: 10px;
}

.small_recipe_new{
 width:100% ;
 margin:0 auto;
}

.small_recipe_left_n1{
 width:50% ;
 margin-right:2%;
 float:left;
}
.small_recipe_left_n1 iframe{
 width:100%;
}
.small_recipe_right_n2{
 width:21%;
 margin-right:2%;
 float:left;
}
.small_recipe_right_n3{
 width:21%;
 margin-right:2%;
 float:left;
}
.small_recipe_right_n3 img{
 width:100%;
}
@media screen and (max-width : 768px){
 .small_recipe_left_n1{
 width:100% ;
 margin-right:0;
 float:none;
 }
 .small_recipe_left_n1 iframe{
 width:100%;
 }
 .small_recipe_right_n2{
 width:100%;
 margin-right:0;
 float:none;
 margin:20px auto;
 }
 .small_recipe_right_n3{
 width:100%;
 margin-right:0;
 float:none;
 }
}

.small_recipe_left {
width: 130px;
float: left;
padding-right: 5px;
}

.small_recipe2 p{
	border:1px solid #ccc;
	text-align:center;
	margin-bottom:5px;
}

.small_recipe2,
.small_recipe_left2 {
	width:288px;
}
.small_recipe2 img,
.small_recipe_left2 img {
	width:100%;
}
.small_recipe_right {
width: 158px;
float: right;
}

.small_recipe_right h4 {
font-size: 14px;
}

.small_recipe_right p {
font-size: 10px;
}

.next {
font-size: 20px;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

/* end ichiran-page */

/* start syosai-page */


.syosai_left {
width: 390px;
padding-right: 10px;
float: left;
}

.syosai_right {
float: right;
width: 210px;
}

.syosai_right h3 {
font-size: 14px;
padding-bottom: 10px;
}

.syosai_right p {
padding-bottom: 20px;
}

#zairyo {
	padding-bottom: 15px;
}

#zairyo dt {
	clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 13em;
  padding-left: 5px;
}

#zairyo dd {
	margin-bottom: 0.8em;
  margin-left: 13em;
}

#zairyo ol {
	padding-left: 2em;
	padding-top: 10px;
}

#zairyo ol li {
	list-style-type: decimal;
	padding-top: 5px;
	padding-bottom: 5px;
}



#zairyo table {
width: 100%;
border: 1px solid #666666;
border-collapse: collapse;
margin-top: 20px;
}

#zairyo table p {
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 14px;
}

#zairyo td {
border: 1px solid #666666;
padding: 10px;
}

#zairyo table ul {
padding-left: 2em;
}

#zairyo table ul li {
list-style-type: disc;
}





.syokai {
border: 1px solid #666666;
background-color: #f2f2f2;
padding: 10px;
}

.syokai h3 {
padding-bottom: 10px;
}

.syokai_left {
width: 200px;
float: left;
padding-right: 20px;
}

.syokai_right {
float: right;
width: 355px;
}

.syokai_right h3 {
font-size: 18px;
}

.syokai_right p {
font-size: 10px;
line-height: 160%;
}

/* end syosai-page */

/* start riyokiyaku-page */

#riyokiyaku{
	line-height:1.8;
}

#riyokiyaku > .riyokiyaku_item{
	margin-bottom:30px;
}

#riyokiyaku > .riyokiyaku_item ul li{
	margin-left:40px;
	list-style:disc;
	line-height:1.8;
}

/* end riyokiyaku-page */

/* sidebar */

.search_box{
	text-align:center;
	margin-bottom:30px;
}

.right_content_box_inner ul ul{
	padding-bottom:10px;
}

.right_content_box_inner ul li.outer{
	font-size:16px;
	list-style:none;
	font-weight:bold;
	background-image:url(../img/side.png);
	background-repeat:no-repeat;
	margin-left:10px;
	padding-left:25px;
	padding-top:7px;
	height:30px;
}

.right_content_box_inner ul ul li.inner{
	margin-left:40px;
}

/* single-recipe */
.comment-recipe{
	background-image:url(../img/comment_bg.jpg);
	background-repeat:no-repeat;
	width:446px;
	height:112px;
	padding:25px 25px 25px 140px;
	overflow:scroll;
}

@media screen and (max-width : 768px){
 .comment-recipe-table td.comment{
 background-size:contain;
 }
}

.listimage{
	float:right;
	width:45%;
}
.newsMore{
	float:left;
	width:45%;
}

@media screen and (max-width : 768px){
.listimage{
	float:none;
	width:100% !important;
}
.newsMore{
	float:none;
	width:100% !important;
}
}

@media screen and (max-width : 768px){
  a.pagetop{
    display: block;
    width:94px;
    margin:0 auto 10px;
  }
}