@media only screen and (max-width: 768px) {

	

.sp {display:block !important;}

.pc {display:none !important;}



/* sp-CONTENTS

------------------------------------- */

.logo {

    padding: 0;

}







/* PC  Layout  Reset

------------------------------------- */











/* table-form

------------------------------------- */

.table-form {

}

.table-form th {

    width: 100%;

	display:block;

}

.table-form td {

    width: 100%;

	display:block;

	padding-left:8px;

	padding-right:8px;

}

.offset-left-24 {

	margin-left: 0;

}

.offset-left-24 .btn {

	width: 70%;

	display:block;

	margin-left:auto !important;

	margin-right:auto !important;

}

.table-form td input,

.table-form td textarea {

	width: 100%;

}

.table-form td h6 img {

	max-width:500px !important;

	width:100% !important;

	height:auto !important;

}

.table-form td input.dio {

    margin: 0 8px;

    max-width: 60%;

}

label.mail {

	display:block;

	margin-bottom:8px;

}

/* table

------------------------------------- */

.wrap.sp1000 {

	width:1000px !important;

	padding:0 8px;

}

table{

width:100%;

}

.scroll{

overflow: auto;　　　　/*tableをスクロールさせる*/

white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/

}

.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/

 height: 5px;

}

.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/

 background: #F1F1F1;

}

.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/

 background: #BCBCBC;

}







/* header-bar

------------------------------------- */

.utt_area {

    width: 50%;

	padding-left:8px;

}

#nav_area {

    width: 50%;

}

.nav_area ul {

	width:100%;

}

.nav_area ul li {

	height:100% !important;

}

.nav_area ul li img {

	height:17px;

}





.nav_area .wrap {

	display:none;

}

.dropdown {

    display: block;

	position:static !important;

}

.dropdown-menu {

	position: absolute;

	/*top: 88%;*/

	left: 0;

	padding-left: 16px !important;

	padding-right: 16px !important;

	padding-bottom: 210.25% !important;

    z-index: 2147483647;

	font-size:1em;

	background:rgba(255,255,255,0.95);

	border:none;

	box-shadow:none;

	width:100%;

	opacity:1;

	float:none;

	padding-top:16px !important;

}

.dropdown-menu li {

    margin: 0 auto;

	display:block;

	text-align:left;

}

.nav_area li:first-child,

.nav_area li:first-child +li,

.nav_area li:first-child +li +li,

.nav_area li:first-child +li +li +li,

.nav_area li:first-child +li +li +li +li,

.nav_area li:first-child +li +li +li +li +li{

	width:100%;

}

.dropdown-menu li a {

	padding-top:15px !important;

	padding-bottom:10px !important;

	border-bottom: 1px solid #bababa;

}

.dropdown-menu li a:hover {

	background:none !important;

	color:#bcbcbc;

}

.dropdown-menu li a img {

	position:absolute;

	top:7px;

	left:16px !important;

	transform:translate(0,0) !important;

}

.dropdown .btn-default {

	border:none;

	position:absolute;

    top: 50%;

    transform: translate(0px, -50%);

	right:8px;

	padding:0 !important;

}

.sp-nav {

}



/* sp-contact

------------------------------------- */

.sp-contact {

	position:absolute;

	top:50%;

	right:12px;

	transform: translate(0px, -50%);

}





/* header-copy

------------------------------------- */

#index .header-copy {

	padding: 12px 0;

}

.header-copy p:before {

	display:none;

}

.header-copy p {

    height: auto;

    width: 90%;

}

#index .header-copy.fixed {

	position: absolute;

	height:auto;

	top:initial;

	bottom:0;

}



/* icon_area

------------------------------------- */





/* content

------------------------------------- */

#content {

    padding-top: 0;

	padding-bottom:3em;

}

#toppage #content {

    padding-top: 16px;

}

.wrap {

    width: 100% !important;

}  

#content .wrap,

#main3,

#rside1 {

    width: 100%;

	float:none;

}

#toppage #main3 {

	padding-bottom:0;

}

#main3 {

	padding-bottom:24px;

}

.title {

    border-radius: 0;

}

#sct01 {

    padding-top: 8px;

	padding-bottom:8px;

}

#sct01 h2 {

    margin-bottom: 8px;

	padding-bottom:0;

}

#sct06 ul.two  {

	display:table;

	list-style:none;

	margin:0;

	width:100%;

}

#sct06  ul.two  li {

	display:table-cell;

	vertical-align:top;

	text-align:center;

	width:50%;

}

#sct06 ul li:first-child {

    border-right: none;

}



h3.large {

    font-size: 1.2em;

    margin-top: 24px;

    margin-bottom: 0px;

	background:none;

	color:#000;

}

section .wrap .img {margin-bottom: 24px;}

#sct06 {padding-bottom: 56px;}





.parts04 {

    width: 100%;

	padding:0 2px;

}

.parts04 .kiji_contents {

    width: 50%;

	background:#FAFAFA;

	margin:0;

	padding: 16px 0;

	border:2px solid #fff;

}



.more {

	width:126px !important;

	margin-right:0;

	margin-left:auto;

}

.btn-right:after {

    right: -8px;

}

.btn-right {

    display: inline-block;

    width: auto;

	margin-right:auto !important;

}

.to-shop {

    margin-top: 24px !important;

    margin-bottom: 40px !important;

}

.sct01 {

    margin-bottom: 48px;

}

.wrapp .wrap {

	padding:0 6px;

}

.wrapp .left {

	width:50%;

}

.wrapp .right {

    width: 30%;

	padding-left: 40px;

}

.parts4 {

	margin:0;

	width:100%;

}

.parts4 .kiji_contents {

    padding-left: 0;

}

.btn_news .btn-right {

    width: auto;

}







/* footer

------------------------------------- */

#footer .wrap {

    display: block;

	padding:16px 0;

}

#footer .wrap p {

    width:40%;

}

#footer p img {

	max-width:200px;

	min-width:180px;

	width:100%;

}



#up_area {

    margin: 0 auto;

    position: relative;

    width: 100%;

    z-index: 999;

}

.up {

	top:-16px;

    right: 16px;

}

.up img {

	width:38px;

}

.mob{display:block;}

section .wrap .txt { text-align: left;}

#totop_area {

    height: 40px;

}

#footer .wrap p {

    height: 92px;

}

#footer .wrap {

    padding: 0;

}

#pagetop {

    bottom: 0px;

}

#footer .copyright {

    padding: 8px 0;

}

#footer .copyright span {

	display:inline-block;

}

.counter9 {

    padding: 8px 0;

}

} 



@media only screen and (max-width: 650px) {

#index #header .wrap {padding-bottom: 61.25%;}

#sct01 .large ,#sct04 .large{display: block;}

.left_box {

    float: none;

    margin: 0;

    width: 100%;

}

.tb_blue th,

.tb_pink th {

	width:34%;

}

.tb_blue td,

.tb_pink td {

	width:66%;

}

.tb_blue td span,

.tb_pink td span {

	display:inline-block;

}

ul, ol {

    margin-left: 1.3em;

}

#footer .logo {

	text-align:center;

}

#footer .logo img {

	width:180px;

}

}

@media only screen and (max-width: 420px) {

.slide_area li img {

	display:none;

}



.recipe_box{

	background-color:#ffeeef;

	padding:10px;

	margin:10px 0;

	font-size:90%;

	

}

.recipe_box .font_ll{

	font-size:120%;

	text-align:center;

	border-bottom:2px solid #921717;

}

dl.recipe_dl{

	margin:0 0 0 0;

	padding:0;

	width:100%;

	font-size:90%;

}

dl.recipe_dl dt{

	margin:0;

	padding:3px 0;

	width:14em;

	float:left;

	font-weight:normal;

	font-size:90%;

}

dl.recipe_dl dd{

	padding:3px 0 3px 14em;

	text-align:right;

}



.slide_area {

}

.slide_area li span {

	display:block;

	height:454px;

	max-width:1000px;

}

.slide_area li:first-child span {

	background:url("aac1410ac7d16b198a57e84d.jpg") no-repeat center 0;

	background-size:cover;

}

.slide_area li:first-child +li span {

	background:url("5ea1371032a8205e2179f0a9.jpg") no-repeat center 0;

	background-size:cover;

}

.slide_area li:first-child +li +li span {

	background:url("280324a55c7ca5dbaff5ff14.jpg") no-repeat center 0;

	background-size:cover;

}

.slide_area li:first-child +li +li +li span {

	background:url("937a745e9666c91c1d60f6ff.jpg") no-repeat center 0;

	background-size:cover;

}

.bx-viewport {

    padding-bottom: 454px;

}





.parts04 .kiji_contents {

	display:block;

    width: 100%;

}



.parts04 h2{

	width:100%;

	margin:0px auto;

}



#footer .f_logo{

	margin:10px 0;

}



#footer .copyright{

}

.counter9{

	display:none;

}

.parts04 h2.mtop50{

	margin-top:0px;

}

.to-shop {

    width: 80%;

}

p.btn img {

    width: 100%;

}

.two li {

    display: block;

    width: 100%;

}



.wrapp .left {

    width: 100%;

	display:block;

	margin-bottom: 32px;

}

.parts4 {

    margin: 0 0 8px;

    width: 100%;

}

.parts4 .kiji_contents {

	margin-bottom:0;

	padding-top:8px;

    padding-left: 0;

}

.parts4 .kiji_image {

	height:76px;

}

.parts4 .kiji_body {

	padding-left:144px;

	height:76px;

}

.wrapp .right {

	display:block;

    padding-left: 0;

    width: 100%;

}

h2.ttl {

    margin-bottom: 16px;

}

#totop_area {

    margin-top: 0;

}

.bt a:link,

.bt a:visited,

.bt a:active{

	width:100%;

	margin:0;

}

.wrap {

	padding:10px 8px;

}

.font_ll_center{

	margin-bottom:0;

}

h3 {

  line-height: 1.3;

  font-size: 122%;

  margin-top: 20px;

  margin-bottom:5px;

	padding:5px 0 5px 1em;

}

}



@media only screen and (max-width: 375px) {

.parts4 .kiji_body {

/*	padding-left:116px;*/

}

.parts4 p {

    display: none;

}

}