@charset "utf-8";
/* CSS Document */

/*-----*/

.marTop20{
	margin-top: 20px;
}

a{transition: .6s all ease 0s;}

a:hover{opacity: 0.6;}

input[type=submit]{font-family: FontAwesome;}

input[type=submit],
input[type=button] {
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

/*-----*/

@media screen and (max-width:1000px){
input[type="text"],
input[type="password"],
textarea,
select {
	width:100% !important;
	box-sizing:border-box;
	font-size:16px !important;
	padding:3px !important;
}
input[type="file"] {
	width:100% !important;
	box-sizing:border-box;
}
}

@media screen and (min-width:769px){
	.pcHide {display:none!important;}
	.smpHide {display:block!important;}
}
@media screen and (max-width:768px){
	.pcHide {display:block;}
	.smpHide {display:none;}
}
@media screen and (max-width:926px){/*商品検索・商品詳細用*/
	.sideHide {display:none!important;}
	.searchHide{display:block!important;}
}
@media screen and (min-width:926px){
	.sideHide {display:block!important;}
	.searchHide{display:none!important;}
}

.newIcn{
	display: inline-block;
}

.newIcn .icn {
	color:#FF0000;
	display:none;
}

.newIcn .K_GOODS_NEWKBN,
.newIcn .K_GOODS_NEWDATE {
	display:none;
}

.align_right{
	text-align: right;
}

.mar_block{
	display: block;
	margin: 0 auto;
}

/*
 トップページ 
----------------------------------------------------------- */
#idxSlider {
	width: 100vw;
	min-width:100%;
    position: relative;
    left: 50%;
	transform: translateX(-50%);
	margin-top:20px;
	padding:0;
	list-style-type:none;
	margin-bottom:80px;
}
#idxSlider .slick-slide {
	margin:0;
}
#idxSlider .slick-dots {
	bottom: -40px;
}
#idxSlider .slick-dots li.slick-active button:before {
	color:#e34969;
}
@media screen and (max-width:1000px){
#idxSlider {
	margin-top:0;
}
#idxSlider li img {
	width:auto;
	height:300px;
}
}

.cb-slideshow,
.cb-slideshow:after {
    width: 100vw;
	min-width:100%;
    left: 50%;
	transform: translateX(-50%);
    height: calc(100vh - 106px);
	position:relative;
	overflow: hidden;
}

.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
	background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 24s linear infinite 0s;
    -moz-animation: imageAnimation 24s linear infinite 0s;
    -o-animation: imageAnimation 24s linear infinite 0s;
    -ms-animation: imageAnimation 24s linear infinite 0s;
    animation: imageAnimation 24s linear infinite 0s;
}

.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	top:0;
    bottom: 0;
    left: 0;
	right:0;
	margin:auto;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 18s linear infinite 0s;
    -moz-animation: titleAnimation 18s linear infinite 0s;
    -o-animation: titleAnimation 18s linear infinite 0s;
    -ms-animation: titleAnimation 18s linear infinite 0s;
    animation: titleAnimation 18s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) span { background-image: url(../img/idxSlide1.jpg?version=20251006) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../img/idxSlide2.jpg?version=20251006);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../img/idxSlide3.jpg?version=20251006);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) span {
    background-image: url(../img/idxSlide4.jpg?version=20251006);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}

.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}

.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
	    /* transform: scale(1.2); */
	}
	8% {
	    opacity: 1;
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    /*transform: scale(1.15) rotate(1deg);*/
	}
	40% {
	    opacity: 0;
	    /*transform: scale(1.05) rotate(3deg);*/
	}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {
	    opacity: 0;
	    transform: translateY(-5%);
	}
	8% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	17% {
	    opacity: 1;
	    transform: translateY(0%);
	}
	19% {
	    opacity: 0;
	    transform: translateY(5%);
	}
	25% { opacity: 0 }
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
.cb-slideshow a.topnewsScrl {
    position:absolute;
	z-index:1000;
	bottom:10px;
	left:50%;
	margin-left:-25px;
	opacity:0.5;
	color:#FFF;
	font-size:60px;
	border:1px solid #FFF;
	width:50px;
	height:50px;
	line-height:50px;
	vertical-align: middle;
	overflow: hidden;
	text-align:center;
}
.cb-slideshow a.topnewsScrl i {
	line-height:0;
}

@media screen and (max-width:1000px){
.cb-slideshow,.cb-slideshow:after {
    height: 40vh;
	margin-top:0;
}
}

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

	.cb-slideshow li span {
		background-size: contain;
	}
	
	.cb-slideshow,.cb-slideshow:after {
    height: calc(40vh - 60px);/*元々40vh*/
	margin-top:0;
	}
}

@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 img { 
		max-width:80%;
		height:auto;
	}
}


#idx_house {
	float:left;
	width:470px;
}
#idx_out {
	float:left;
	width:470px;
}


#topnews {
	padding:60px 0 0 0;
}
#topnews h2 {
	font-size:2em;
	text-align:center;
	margin:0 0 1em;
}
#topnews table {
	max-width:500px;
	margin:0 auto 40px auto;
}
#topnews table td {
	display:flex;
	padding:0 0 1.5em;
}
#topnews .date {
	white-space: nowrap;
	width:8em;
	font-size:1.2em;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#topnews .detail {
	width:80%;
	font-size:1.2em;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
@media screen and (max-width:1000px){
#topnews table {
	width:92%;
	max-width:500px;
	margin:0 auto 40px auto;
}
}

.bnrbox,
.btn-box {
	padding:0 0 20px 0;
	clear: both;
	max-width:877px;
	margin:0 auto;
}
@media screen and (max-width:1000px){
.bnrbox,
.btn-box {
	width:92%;
	margin:0 auto;
}
}

/* 240625_公式ショップ・オンラインパーツショップバナー用 */

.bnrbox.store-bnr > a:first-child {
    margin-bottom: 10px;
    display: inline-block;
}
/* 241018_法人・大口顧客お問合わせボタン */
.cc-contact-btn {
    border: 1px solid #282828;
    text-align: center;
    display: block;
    padding: 20px;
	font-size: 16px;
	font-weight: bold;
    color: #282828 !important;
}
.cc-contact-btn:hover {
	background-color: #282828;
	color: #fff!important;
	opacity: 1;
}
@media screen and (min-width:679px) {
	.sp-br {
		display: none;
		font-size: 20px;
	}
}
/* 230802_製品紹介バナー用 */
.bnr-sp {
	display: none;
}
@media screen and (max-width:500px){
.bnr-sp {
	display: block;
}
.bnr-pc {
	display: none;
}
}
/* 230802_製品紹介バナー用_END */
.idxtopic {
}
.idxtopic h2 {
	font-size:2em;
	text-align:center;
	margin:20px 0 1em;
}
.idxtopic ul {
	padding: 0;
	display:flex;
	width:96%;
	margin:0 auto;
}
.idxtopic ul li {
	width:33.3%;
	border:0;
	box-sizing:border-box;
	padding:10px;
	margin:0 0 10px;
}
.idxtopic dl {
	padding:0;
}
.idxtopic dd.ttl h2 {
	padding:5px 0 5px 0;
	line-height: 150%;
	display: block;
	font-weight: bold;
}
.idxtopic dd {
	line-height: 150%;
}
.idxtopic img {
	max-width:100%;
	height:auto;
}
.idxtopic img:hover {
	opacity:0.6;
}

@media screen and (max-width:500px){
	.cb-slideshow a.topnewsScrl{display: none;}
	.idxtopic ul {flex-flow: column;}
	.idxtopic ul li{width: 100%;}
}

.image_box{
	display: block;
	text-align: center;
	padding-top: 60px;
}

.image_box img {max-width: 550px;}

@media screen and (max-width:450px){
	.image_box img {width: 95%;}
}

/*-- デリッシュバナー用 --*/
.delish_box {
	background-color: #f5d21e;
 	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
	margin-bottom: 4em;
}

.delish_inner {
	margin: 0 -9%;
}

.delish_inner img {
	transform: translate(20%,7px);
}

/*
 NEWS 
----------------------------------------------------------- */
#newsRight {
	width:235px;
	float:right;
}
#newsLeft {
	width:670px;
	float:left;
}
#newsLeft h2.ttl {
	border-bottom:1px dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
	margin-bottom: 15px;
	padding: 0 0 10px 0;
	font-weight: bold;
}

#newsLeft li {
	border-bottom:1px dotted;
	border-bottom-color: #CCC;
	clear:both;
	padding: 20px 0 5px;
}
#newsLeft dl {
	clear:both;
}
#newsLeft dt {
	float: left;
	padding:0 0 0 50px;
	position:relative;
}
#newsLeft dt img {
	float: left;
	position:relative;
	top:-10px;
	left:-30px;
}
#newsLeft dd {
	padding:0 0 0 180px;
}

#newsRight .box {
	background-image: url(../img/newsLeft_box_bd.gif);
	background-repeat: repeat-y;
}
#newsRight .box dt {
	
}
#newsRight .box dd {
	background-image: url(../img/newsLeft_box_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px 10px 10px 10px;
}

@media screen and (max-width:1000px){
#newsRight {
	width:92%;
	float:none;
	margin:0 auto;
}
#newsLeft {
	width:92%;
	float:none;
	margin:0 auto 30px auto;
}
#newsLeft dt {
	padding:0 0 0 30px;
	float:none;
}
#newsLeft dt img {
	top:-10px;
	left:-30px;
}
#newsLeft dd {
	padding:0 0 0 70px;
}
}




/*
 会社案内 
----------------------------------------------------------- */
#comLeft {
	float:left;
	width:670px;
}
#comRight {
	float:right;
	width:235px;
}

#comMenu {
	background-image: url(../img/comMenu_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 6px 0;
}
#comMenu li {
	background-image: url(../img/comMenu_bg.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}
#comMenu li a {
	padding:5px 10px 5px 40px;
	display:block;
	background-image: url(../img/icn1.gif);
	background-repeat: no-repeat;
	background-position: 15px 8px;
}
#comMenu li.ttl {
	background-image: url(../img/comMenu_ttl.gif);
	background-repeat: no-repeat;
	line-height: 33px;
	padding:5px 10px 10px 10px;
	font-size: 14px;
	font-weight: bold;
}



#com_butsuryu_map {
	background-image: url(../img/com_butsuryu_map.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 670px;
	height: 666px;
	clear: both;
}
#com_butsuryu_map .txt {
	width:330px;
}
#com_butsuryu_map .txt ul {
	margin:30px 0 0 30px;
}
#com_butsuryu_map .photo {
	padding:180px 0 0 0;
	text-align: right;
}

.com_kikaku_flow {
	background-image: url(../img/com_kikaku_flow_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	
}
.com_kikaku_flow span {
	background-image: url(../img/com_kikaku_flow_ft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	display:block;
}

.com_kikaku_flow dl {
	float:left;
	width:167px;
}
.com_kikaku_flow dt {
	padding:15px 15px 5px 20px;
	font-size: 14px;
	color: #06C;
}
.com_kikaku_flow dd {
	padding:0 15px 15px 20px;
}

.telfax dt {
	float:left;
	width:40px;
}
.telfax dd {
	float:left;
	width:180px;
	color: #000;
	font-size: 14px;
}

.com_kikaku_box1 {
	background-color: #DAEDFE;
	padding:15px;
	border: 1px solid;
	border-color: #9FC7EE;
}
.com_kikaku_box1 dt {
	float:left;
	width:200px;
}
.com_kikaku_box1 dd {
	float:right;
	width:420px;
}

#com_jigyou_pearl {
	
}
#com_jigyou_pearl dt {
	font-size: 16px;
	line-height: 100%;
	color: #000;
}
#com_jigyou_pearl dd {
	background-image: url(../img/com_jigyou_pearl_bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 15px 0 0 30px;
}

#com_jigyou_captainstag dt {
	font-size: 16px;
	line-height: 100%;
	color: #000;
}
#com_jigyou_captainstag dd {
	background-image: url(../img/com_jigyou_captainstag_bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 15px 0 0 30px;
}

#com_jigyou_showroom dt {
	font-size: 16px;
	line-height: 100%;
	color: #000;
}
#com_jigyou_showroom dd {
	background-image: url(../img/com_jigyou_showroom_bg.gif);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 15px 0 0 30px;
}


/*
 お問い合わせ 
----------------------------------------------------------- */
#askRight {
	float:right;
	width:235px;
}
#askLeft {
	float:left;
	width:670px;
}
#askForm {
	
}
#askForm li {
	padding:10px 0;
	border-bottom: 1px solid;
	border-bottom-color: #DFDFDF;
}

#askForm dt {float:left;}
#askForm dd {
	margin:0 0 0 130px;
	border-left: 2px solid;
	padding:0 0 0 20px;
	border-left-color: #999;
}
#askForm dd.red {border-left-color: #F00;}

#caution {
	background-image: url(../img/askLeft_caution_bg.gif);
	background-repeat: repeat-y;
}

#caution dd {
	background-image: url(../img/askLeft_caution_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
}


/*
 リクルート 
----------------------------------------------------------- */
#recruitRight {
	float:right;
	width:235px;
}
#recruitLeft {
	float:left;
	width:670px;
}
#recruitRight .box {
	background-image: url(../img/recruitLeft_box_bd.gif);
	background-repeat: repeat-y;
}
#recruitRight .box dd {
	background-image: url(../img/recruitLeft_box_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
}


/*
 レシピ 
----------------------------------------------------------- */
#recipeRight {
	float:right;
	width:235px;
}
#recipeRight .recipe_search {
	padding:15px;
	margin: 0 0 10px;
	line-height: 140%;
	border:1px solid #dcdcdc;
	border-radius:10px;
	background-color:#fff3e0;
	box-sizing:border-box;
	box-shadow: 5px 0px 0px -1px rgba(0,0,0,0.1);	
}
#recipeRight .recipe_search dd {
	padding:0;
}
#recipeRight .recipe_search .searchbox {
	line-height:23px;
	height:23px;
	padding:0;
}

#recipeRight .recipe_genre {
	padding:15px;
	margin: 0;
	line-height: 140%;
	border:1px solid #dcdcdc;
	border-radius:10px;
	background-color:#f4ffe5;
	box-sizing:border-box;
	box-shadow: 5px 0px 0px -1px rgba(0,0,0,0.1);	
}
#recipeRight .recipe_genre dd {
	padding:0;
}
#recipeRight .recipe_genre li {
	background-image: url(../img/recipe_genre_icn.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	padding:2px 0 2px 25px;
	line-height: 130%;
}


#recipeRight .recipe_bosyu {
	padding:15px;
	margin: 0 0 10px;
	line-height: 140%;
	border:1px solid #dcdcdc;
	border-radius:10px;
	background-color:#fff0f0;
	box-sizing:border-box;
	box-shadow: 5px 0px 0px -1px rgba(0,0,0,0.1);	
}
#recipeRight .recipe_bosyu dd {
	padding:0;
}
@media screen and (max-width:1000px){
#recipeRight {
	float:none;
	width:92%;
	margin:0 auto;
}
#recipeRight .recipe_search dt {
	text-align:center;
}
#recipeRight .recipe_search dd {
	text-align:center;
}
#recipeRight .recipe_search .searchbox {
	width:70%;
}
#recipeRight .recipe_genre dt {
	text-align:center;
}
#recipeRight .recipe_bosyu dt {
	text-align:center;
}
#recipeRight .recipe_bosyu form input {
	margin:0 auto !important;
	display:block;
}
}
#recipeLeft {
	float:left;
	width:670px;
	font-size: 14px;
}

@media screen and (max-width:1000px){
#recipeLeft {
	float:none;
	width:92%;
	margin:0 auto 30px;
}
}


.recipeboxList {
	padding:0 0 20px 0;
	line-height: 150%;
	clear: both;
	border-bottom: 1px dashed;
	border-bottom-color: #DDC58C;
}
.recipeboxList li.photo {
	padding:5px;
	float: left;
	border: 1px solid;
	border-color: #999;
}
.recipeboxList li.detail {
	padding:0;
	width: 490px;
	float: right;
}
.recipeboxList dt.name {
	padding:0 0 5px 0;
	font-size: 22px;
	font-weight: bold;
}
.recipeboxList dt.name h2 {
	font-weight: bold;
}

.recipeboxList dd.comment {
	font-size: 14px;
}
.recipeboxList dd.food {
	font-size: 12px;
	color: #960;
}
.recipeboxList dd.food .zairyoopt {
	padding-left:8px;
	background-image: url(../img/icn_zairyoopt.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-position: 0 13px; /*ie6,7用*/
}

.recipeboxList dd.nickname {
	float:left;
	padding: 0 15px 0 0;
	font-size: 12px;
}
.recipeboxList dd.date {
	padding: 0;
	font-size: 12px;
}
.recipeboxList dd.number {
	padding: 0 15px 0 0;
	font-size: 12px;
}
.recipeboxList dd.number .box {
	display:inline-block;
}
.recipeboxList dd.number .box:nth-child(2n) {
	margin-left:20px;
}
.recipeboxList dd.number span.ttl,
.recipeboxList dd.date span.ttl {
	color:#E03458;
}
@media screen and (max-width:1000px){
	.recipeboxList li.detail {
		width: auto;
		float: none;
		margin-left:180px;
	}
}
@media screen and (max-width:600px){
	.recipeboxList li.photo {
		float: none;
		border:0;
		text-align:center;
	}
	.recipeboxList li.detail {
		width: 100%;
		float: none;
		margin-left:0;
	}
	.recipeboxList dd.number .box {
		display:block;
	}
	.recipeboxList dd.number .box:nth-child(2n) {
		margin-left:0;
	}
}

.recipeboxDetail {
	padding:0;
	line-height: 150%;
}
.recipeboxDetail li.name {
	padding:0 0 20px 0;
	font-size: 28px;
	font-weight: bold;
	color: #000;
	border-bottom: 1px solid;
	border-bottom-color: #DDC7BD;
	margin: 0 0 10px 0;
}
.recipeboxDetail li.name h2 {
	font-weight: bold;
}

.recipeboxDetail li.name h1 {
	font-weight: bold;
}
.recipeboxDetail li.info {
	float:left;
}
.recipeboxDetail li.info:nth-of-type(3),
.recipeboxDetail li.info:nth-of-type(5) {
	margin-left:20px;
}
.recipeboxDetail li.info:nth-of-type(4) {
	clear:both;
}
.recipeboxDetail li.info img {
	margin:5px;
}

.recipeboxDetail li.photo {
	padding:5px;
	float: left;
	border: 1px solid;
	border-color: #999;
	box-sizing:border-box;
	text-align:center;
}
.recipeboxDetail li.comment {
	float: right;
	width: 340px;
}
.recipeboxDetail li.food {
	color: #960;
	float: right;
	width: 340px;
}
.recipeboxDetail li.food dl {
	padding:0;
	clear: both;
	background-color: #FFF7E1;
}
.recipeboxDetail li.food dd {
	padding:3px 10px;
	clear: both;
	border-bottom: 1px solid;
	border-bottom-color: #FFE493;	
}
.recipeboxDetail li.detail {
	padding:0;
	width: 550px;
	float: right;
}
.recipeboxDetail li.detail dl {
	clear:both;
	padding: 0 0 20px 0;
}
.recipeboxDetail li.detail div.flow1 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step1.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow2 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step2.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow3 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step3.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow4 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step4.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow5 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step5.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow6 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step6.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow7 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step7.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow8 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step8.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow9 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step9.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow10 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step10.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow11 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step11.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow12 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step12.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow13 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step13.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow14 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step14.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow15 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step15.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow16 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step16.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow17 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step17.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow18 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step18.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow19 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step19.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
.recipeboxDetail li.detail div.flow20 {
	clear:both;
	padding: 0 0 15px 105px;
	background-image: url(../img/recipe_icn_step20.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-size:95px;
}
@media screen and (max-width:1000px){
.recipeboxDetail {
	width:100%;
}
.recipeboxDetail li.name {
	font-size: 18px;
}
.recipeboxDetail li.info {
	float:none;
}
.recipeboxDetail li.info:nth-of-type(3),
.recipeboxDetail li.info:nth-of-type(5) {
	margin-left:0;
}
.recipeboxDetail li.info:nth-of-type(4) {
	clear:both;
}
.recipeboxDetail li.photo {
	float: none;
	border:0;
}
.recipeboxDetail li.photo img {
	max-width:100%;
	height:auto;
}
.recipeboxDetail li.comment {
	float: none;
	width: 100%;
}
.recipeboxDetail li.food {
	float: none;
	width: 100%;
}
.recipeboxDetail li.food dd {
	padding:3px 10px;
	clear: both;
	border-bottom: 1px solid;
	border-bottom-color: #FFE493;	
}
.recipeboxDetail li.detail {
	float: none;
	width: 100%;
}
}

.recipe_pagenavi {
	text-align:center;
}
.recipe_pagenavi a {
	font-size:16px;
	margin:0 5px;
}
.recipe_pagenavi strong {
	font-size:18px;
	margin:0 10px;
}
@media screen and (max-width: 767px){
.recipe_pagenavi {
	text-align:center;
}
.recipe_pagenavi a,
.recipe_pagenavi strong {
	display:inline-block;
	border:1px solid #CCCCCC;
	padding:2px 10px;
	margin:0 3px 3px 0;
	text-decoration:none;
}

}


/*
 その他コンテンツ 
----------------------------------------------------------- */
#sitemapRight,
#linkRight,
#privacyRight,
#snsRight,
#corporate-customerRight{
	float:right;
	width:235px;
}
#sitemapLeft,
#linkLeft,
#privacyLeft,
#snsLeft,
#corporate-customerLeft {
	float:left;
	width:670px;
}

#sitemapLeft .box,
#linkLeft .box,
#privacyLeft .box,
#snsLeft .box {
	background-image: url(../img/sitemapLeft_box_bd.gif);
	background-repeat: repeat-y;
}
#sitemapLeft .box dt,
#linkLeft .box dt,
#privacyLeft .box dt, 
#snsLeft .box dt {
	
}
#sitemapLeft .box dd,
#linkLeft .box dd,
#privacyLeft .box dd, 
#snsLeft .box dd { 	
	background-image: url(../img/sitemapLeft_box_ft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
}
.contact-btn {
    display: block;
    width: 50%;
    margin: 0 auto;
    border: 1px solid #282828;
    text-align: center;
    padding: 10px;
    color: #282828!important;
	font-weight: bold;
    background-color: #fff;
	margin-top: 30px;
}
.contact-btn:hover {
    color: #fff!important;
    background-color: #282828;
	opacity: 1;
}
@media screen and (max-width:1000px){
#sitemapRight,
#linkRight,
#privacyRight,
#snsRight,
#corporate-customerRight {
	float:none;
	width:92%;
	margin:0 auto;
}
#sitemapLeft,
#linkLeft,
#privacyLeft,
#snsLeft,
#corporate-customerLeft {
	float:none;
	width:92%;
	margin:0 auto 30px;
}
.contact-btn {
	width: 100%;
}
}


/*
 会員ページ 
----------------------------------------------------------- */
#member_loginLeft {
	float:left;
	width:450px;
}
#member_loginRight {
	float:right;
	width:450px;
}
#member_loginRight .login {
	padding: 0px;
}
#member_loginRight .login dt {
	height: 30px;
}
#member_loginRight .login dd {
	width:300px;
}
#member_loginBox {
	border:10px solid #dfdfdf;
	background-color:#fafafa;
	border-radius:10px;
	padding:30px;
	box-sizing:border-box;	
}
#member_loginBox .bd .txtbox {
	margin: 0 0 10px 0;
	padding:5px;
	font-size:1.1em;
}
@media screen and (max-width:1000px){
#member_loginLeft {
	float:none;
	width:92%;
	margin:0 auto;
}
#member_loginRight {
	float:none;
	width:92%;
	margin:0 auto 30px;
}
#member_loginRight .login dd {
	width:100%;
}
#member_loginBox {
	padding:15px;
}
#member_loginBox .w300 {
	width:100% !important;
}
}


/*
 会員新規登録ページ 
----------------------------------------------------------- */
#member_registRight {
	float:right;
	width:235px;
}
#member_registLeft {
	width:670px;
	font-size: 14px;
	margin: 0;
	float: left;
}
#member_registBox {
	padding:0;
}
#member_registBox .hd {
	padding:20px 30px 10px 30px;
	background-image: url(../img/member_registBox_hd.gif);
}
#member_registBox .bd {
	padding:0;
}
#member_registBox .bd2 {
	padding:0 30px;
	background-image: url(../img/member_registBox_bd2.gif);
	background-repeat: repeat-y;
}

#member_registBox .ft {
	padding:20px 50px 40px 50px;
	background-image: url(../img/member_registBox_ft.gif);
	background-position: left bottom;
	text-align: center;
}
@media screen and (max-width:1000px){
#member_registRight {
	float:none;
	width:92%;
	margin:0 auto;
}
#member_registLeft {
	float:none;
	width:92%;
	margin:0 auto 30px;
}
}


/*
 会員メニューページ 
----------------------------------------------------------- */

#usrMenuRight {
	float:right;
	width:235px;
}
#usrMenuLeft {
	width:670px;
	margin: 0;
	float: left;
}
.usrMenuList {
	margin: 0;
	clear: both;
	padding: 0;
}
.usrMenuList li {
	border: 0;
}
.usrMenuList li.lft {
	float:left;
	width:320px;
}

.usrMenuList li.rgt {
	float:right;
	width:320px;
}
.usrMenuList li.lft p,
.usrMenuList li.rgt p {
	padding:5px 0 30px 20px;
	line-height:130%;
}
@media screen and (max-width:1000px){
#usrMenuRight {
	float:none;
	width:92%;
	margin:0 auto;
}
#usrMenuLeft {
	float:none;
	width:92%;
	margin:0 auto 30px;
}
.usrMenuList {
}
.usrMenuList li {
}
.usrMenuList li.lft {
	float:none;
	width:100%;
	text-align:center;
}
.usrMenuList li.rgt {
	float:none;
	width:100%;
	text-align:center;
}
}


/*
 レシピ投稿ページ 
----------------------------------------------------------- */
#memberRecipeLeft {
	padding:0;
	float: left;
	width: 670px;
}
#memberRecipeRight {
	padding:0;
	float: right;
	width: 235px;
}
body#memberRecipePreview {
    background-color: #FFFFFF;
    width: 730px !important;
    min-width: 730px;
    margin: 0 auto;
	box-sizing:border-box;
	padding:30px;
}
@media screen and (max-width:1000px){
body#memberRecipePreview {
    width: 100% !important;
    min-width: 100%;
	padding:30px 15px;
	-webkit-overflow-scrolling:touch;
}
.mfp-iframe {
	height:85% !important;
	max-height: 500px;
	-webkit-overflow-scrolling:touch;
}
}

#memberRecipePreview .inner {
	width:670px;
	font-size: 14px;
}

#tblRecipe1 {
	border-collapse:collapse;
	border-top:1px solid #c8c8c8;
	width:100%;
	box-sizing:border-box;
}
#tblRecipe1 tr {
	border-bottom:1px solid #c8c8c8;
	background-color:#fff0f0;
}
#tblRecipe1 th {
	font-weight: bold;
	padding:10px 5px 10px 20px;
	box-sizing:border-box;
}
#tblRecipe1 td {
	padding:10px 20px 10px 5px;
	box-sizing:border-box;
}
@media screen and (max-width:1000px){
#tblRecipe1 {
	width:100%;
}
#tblRecipe1 th {
	display:list-item;
	width:100%;
	text-align:left;
	border-bottom:0;
	border-right:0;
	padding:10px 10px 0 10px;
}
#tblRecipe1 td {
	display:list-item;
	width:100%;
	border-top:0;
	border-left:0;
	border-bottom:0;
}
#tblRecipe1 td label {
	padding:0;
}
}


#tblRecipe2 {
	border-collapse:collapse;
	width:100%;
	box-sizing:border-box;
}
#tblRecipe2 th {
	font-weight: bold;
	padding:10px 5px 10px 20px;
	border:1px solid #c8c8c8;
	border-left:0;
	border-right:0;
	background-color:#fff6df;
	box-sizing:border-box;
}
#tblRecipe2 td {
	padding:10px 20px 10px 5px;
	border:1px solid #c8c8c8;
	border-left:0;
	border-right:0;
	background-color:#fff6df;
	box-sizing:border-box;
}
@media screen and (max-width:1000px){
#memberRecipePreview {
	padding:15px;
}
#memberRecipePreview .inner {
	width:100%;
}
#tblRecipe2 {
	width:100%;
	border-bottom:1px solid #c8c8c8;
}
#tblRecipe2 th {
	display:list-item;
	width:100%;
	text-align:left;
	border-bottom:0;
	border-right:0;
	padding:10px 10px 0 10px;
}
#tblRecipe2 td {
	display:list-item;
	width:100%;
	border-top:0;
	border-left:0;
	border-bottom:0;
}
#tblRecipe2 td label {
	padding:0;
}
}


#designBox1 {
	padding:0;
	border:1px solid #c8c8c8;
}
#designBox1 .hd {
	padding:0;
}
#designBox1 .hd img {
	margin:-10px 0 0 20px;
}
#designBox1 .bd {
	padding-left: 30px;
	padding-right: 30px;
}
#designBox1 .ft {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 80px;
}
@media screen and (max-width:1000px){
#designBox1 .hd img {
	height:55px;
	width:auto;
}
}

#tblUsrRegist1 {
	border-collapse:collapse;
	width:100%;
}
#tblUsrRegist1 th {
	font-weight: bold;
	padding:10px;
	border:1px solid #c8c8c8;
	border-left:0;
	background-color:#f9ffdb;
	box-sizing:border-box;
}
#tblUsrRegist1 td {
	padding:10px;
	border:1px solid #c8c8c8;
	border-right:0;
	background-color:#f9ffdb;
	box-sizing:border-box;
}
@media screen and (max-width:1000px){
#memberRecipeLeft {
	float: none;
	width: 92%;
	margin:0 auto 30px;
}
#memberRecipeRight {
	float: none;
	width: 92%;
	margin:0 auto;
}
#tblUsrRegist1 {
	width:100%;
	border-bottom:1px solid #c8c8c8;
}
#tblUsrRegist1 th {
	display:list-item;
	width:100%;
	text-align:left;
	border-bottom:0;
	border-right:0;
	padding:10px 10px 0 10px;
}
#tblUsrRegist1 td {
	display:list-item;
	width:100%;
	border-top:0;
	border-left:0;
	border-bottom:0;
}
}


/*
 レシピ編集ページ 
----------------------------------------------------------- */
.usrRecipeListbox {
	padding:0 0 20px 0;
	line-height: 150%;
	clear: both;
	border-bottom: 1px dashed;
	border-bottom-color: #DDC58C;
}
.usrRecipeListbox li.photo {
	padding:5px;
	float: left;
	border: 1px solid;
	border-color: #CCCCCC;
}
.usrRecipeListbox li.detail {
	padding:0;
	width: 480px;
	float: right;
}
.usrRecipeListbox dt.name {
	padding:0 0 5px 0;
	font-size: 18px;
	font-weight: bold;
}
.usrRecipeListbox dd.detail {
	float:left;
	width:330px;
	line-height: 180%;
	font-size: 14px;
}
.usrRecipeListbox dd.btn {
	float:right;
	width:120px;
	padding: 30px 0 0 0;
}
.usrRecipeListbox dd.food {
	font-size: 12px;
	color: #960;
}
.usrRecipeListbox dd.nickname {
	float:left;
	padding: 0 15px 0 0;
	font-size: 12px;
}
.usrRecipeListbox dd.date {
	float:left;
	padding: 0;
	font-size: 12px;
}
.usrRecipeListbox dd.number {
	float:left;
	padding: 0 15px 0 0;
	font-size: 12px;
}
@media screen and (max-width:1000px){
.usrRecipeListbox li.photo {
}
.usrRecipeListbox li.detail {
	float: none;
	width:auto;
	margin:0 0 0 180px;
}
.usrRecipeListbox dd.detail {
	float:none;
	width:100%;
}
.usrRecipeListbox dd.btn {
	float:none;
	width:100%;
	padding: 10px 0 0 0;
}
}
@media screen and (max-width:500px){
.usrRecipeListbox li.photo {
	float: none;
	margin:0 auto 10px auto;
	width:150px;
}
.usrRecipeListbox li.detail {
	width: 100%;
	float: none;
	margin:0;
}
.usrRecipeListbox dd.detail {
	float:none;
	width:100%;
}
.usrRecipeListbox dd.btn {
	float:none;
	width:100%;
	padding: 10px 0 0 0;
}
}


/*
 アンケート 
----------------------------------------------------------- */
#questionRight {
	float:right;
	width:235px;
}
#questionLeft {
	width:670px;
	font-size: 14px;
	margin:0;
	float: left;
}
@media screen and (max-width:1000px){
#questionRight {
	float:none;
	width:92%;
	margin:0 auto;
}
#questionLeft {
	width:92%;
	float: none;
	margin:0 auto;
}
}

.questionTtl {padding: 15px 15px 5px 15px;}
#questionList li.q {
	padding: 10px 15px 10px 15px;
	border-left: 3px solid;
	border-left-color: #E03458;
	background-color: #FFF0F0;
}
#questionList li.a {
	padding: 10px 15px 10px 15px;
	margin:0 0 20px 0;
}

.enqueteBox_hd {
	padding:70px 30px 20px 30px;
	background-image: url(../img/enqueteBox_hd.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	color: #E03458;
}
.enqueteBox_bd {
	padding:0 30px 10px 30px;
	background-image: url(../img/enqueteBox_ft.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
.enqueteBox_ft {
	padding:0 30px 70px 30px;
	background-image: url(../img/enqueteBox_ft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: center;
}
@media screen and (max-width:1000px){
.enqueteBox_hd {
	background-image: none;
	padding:0 0 20px 0;
}
.enqueteBox_bd {
	background-image: none;
	padding:0;
}
.enqueteBox_ft {
	background-image: none;
	padding:0 0 20px 0;
}
}


/*
 デザインボックス 
----------------------------------------------------------- */
.designBox2 {
	width:235px;
	border:1px solid #dcdcdc;
	border-radius:6px;
	padding:15px;
	box-sizing:border-box;
}
.designBox2_hd div.ttl {
	background-position:top left;
	padding:10px 0 5px 15px;
}
@media screen and (max-width:1000px){
.designBox2 {
	width:100%;
}
}


/*
 ボタン 
----------------------------------------------------------- */
.btnbox1 {
	padding:50px 0 0 0;
	text-align: center;
	clear: both;
}
.btn1 {
	background-image: url(../img/btn1.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 0 0 0 25px;
	line-height: 20px;
	display: inline-block;
	color:#09C;
	text-decoration: none;
	cursor: pointer;
}
.btn1:hover {text-decoration: underline;}
.btn2 {
	padding: 2px 4px;
	text-decoration: none;
	cursor: pointer;
}
.btn3 {
	background: #282828;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
}

.btn3 a{color: #fff;}

.btn3 a:hover{
	text-decoration: none;
	color: #fff;
}

.btn3 a:visited{color: #fff;}
.btn3:hover {
	opacity:0.8;
	vertical-align:baseline;
	top:1px;
	position: relative;
}
@media screen and (max-width:1000px){
.btn3:hover {
	opacity:1;
}
}

.btn4 {
	width:180px;
	height:30px;
}
.btn5 {
	width:120px;
	height:30px;
}

.btn_back,
.btn_cancel {
	background:url(../img/btn_f_back.png);
	background-size:180px;
	padding:0;
	margin:5px;
	width:180px;
	height:30px;
	text-decoration:none;
	border: 1px solid #d0d0d0;
	cursor: pointer;
	vertical-align:middle;
	border-radius:20px;
	display:inline-block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	line-height:30px;
}
.btn_back:hover,
.btn_cancel:hover {
    background-position:0 -30px;
}
.btn_cancel {
	background:url(../img/btn_f_cancel.png);
	background-size:180px;
}

.btn_enq,
.btn_kakunin,
.btn_regist,
.btn_save,
.btn_withdrawal {
	background:url(../img/btn_f_enq.png);
	background-size:180px;
	padding:0;
	margin:5px;
	width:180px;
	height:30px;
	text-decoration:none;
	color:#FFFFFF;
	border: 1px solid #dd284f;
	cursor: pointer;
	vertical-align:middle;
	border-radius:20px;
	display:inline-block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	line-height:30px;
}
.btn_enq:hover,
.btn_kakunin:hover,
.btn_regist:hover,
.btn_save:hover,
.btn_withdrawal:hover {
    background-position:0 -30px;
}
.btn_kakunin {
	background:url(../img/btn_f_kakunin.png);
	background-size:180px;
}
.btn_regist {
	background:url(../img/btn_f_regist.png);
	background-size:180px;
}
.btn_save {
	background:url(../img/btn_f_save.png);
	background-size:180px;
}
.btn_withdrawal {
	background:url(../img/btn_f_withdrawal.png);
	background-size:180px;
}


.btn_preview {
	background:url(../img/btn_f_preview.png);
	background-size:180px;
	padding:0;
	margin:5px;
	width:180px;
	height:30px;
	text-decoration:none;
	color:#FFFFFF;
	border: 1px solid #fd861a;
	cursor: pointer;
	vertical-align:middle;
	border-radius:20px;
	display:inline-block;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	line-height:30px;
}
.btn_preview:hover {
    background-position:0 -30px;
}

input.submit1 {
	padding:0;
	width:184px;
	height:30px;
	text-decoration:none;
	background-image: url(../img/btn_inputkakunin.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	background-color: transparent;
}
input.submit1:hover {
    background-position:0 -30px;
    text-decoration:none;
}
input.submit2 {
	padding:0;
	width:149px;
	height:30px;
	text-decoration:none;
	background-image: url(../img/btn_back.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	vertical-align:middle;
}
input.submit2:hover {
    background-position:0 -30px;
    text-decoration:none;
}
input.submit3 {
	padding:0;
	width:122px;
	height:30px;
	text-decoration:none;
	background-image: url(../img/btn_send.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	background-color: transparent;
}
input.submit3:hover {
    background-position:0 -30px;
    text-decoration:none;
}
input.submit4 {
	padding:0;
	width:184px;
	height:30px;
	text-decoration:none;
	background-image: url(../img/btn_enquete.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	text-indent:-9999px;
	vertical-align:middle;
}
input.submit4:hover {
    background-position:0 -30px;
    text-decoration:none;
}
input.submit5 {
	padding:0;
	width:122px;
	height:30px;
	text-decoration:none;
	background-image: url(../img/btn_regist.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	background-color: transparent;
}
input.submit5:hover {
    background-position:0 -30px;
    text-decoration:none;
}
input.submit6 {
	padding:0;
	width:122px;
	height:30px;
	text-decoration:none;
	background-image: url(../img/btn_preview.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	background-color: transparent;
}
input.submit6:hover {
    background-position:0 -30px;
    text-decoration:none;
}
input.submit7 {
	padding:0;
	width:162px;
	height:30px;
	text-decoration:none;
	background-image: url(../img/btn_save.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	background-color: transparent;
}
input.submit7:hover {
    background-position:0 -30px;
    text-decoration:none;
}


/*
 主にジャンルページで使用 
----------------------------------------------------------- */
.genrebox1 {
	padding:0;
}
.genrebox1 div.lft {
	float: left;
	width: 460px;
}
.genrebox1 div.rgt {
	float: right;
	width: 460px;
}
@media screen and (max-width:1000px){
.genrebox1 div.lft {
	float: none;
	width: 100%;
	margin:0 auto 10px auto;
}
.genrebox1 div.rgt {
	float: none;
	width: 100%;
	margin:0 auto 10px auto;
}
}


/*
 動画ページで使用 
----------------------------------------------------------- */
#movie_tbl {
	padding:0;	
}
#movie_tbl tr {
	background-image: url(../img/movie_line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#movie_tbl td {
	padding: 0;
}
#movie_tbl td.lft {
	padding: 0 0 50px 0;
	width: 450px;
}
#movie_tbl td.rgt {
	padding: 0 0 50px 0;
}
#movie_tbl h2 {
	padding:8px 10px 8px 40px;
	font-size: 16px;
	line-height:1.3em;
	font-weight: bold;
	background-repeat: repeat-y;
	background-position: top left;
	background-image: url(../img/movie_tbl_h2_bg.gif);
	color: #000;
}
@media screen and (max-width:1000px){
#movie_tbl {
	width:92%;
	margin:0 auto;
}
#movie_tbl td {
	display:list-item;
	list-style-type:none;
}

#movie_tbl td.lft {
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
#movie_tbl td.lft iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#movie_tbl td.rgt {
	padding: 10px 0 50px 0;
}
}

.video{
	width:100%;
	padding-bottom: 56.25%;
	height:0px;
	position: relative;
}

.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
 サイトマップ 
----------------------------------------------------------- */
.sitemapAlphaBlock {
	border-bottom: 1px dotted;
	border-bottom-color: #999;
	display: block;
	padding: 5px 0;
}
.sitemapLeftBlock {
	float: left;
	width:200px;
}
.sitemapLeftBlock h2 {
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	font-weight: bold;
}
.sitemapRightBlock {
	float: right;
	width: 470px;
}
.sitemapRightBlock ul li {
	padding: 0 0 5px 0;
}
.sitemapRightBlock ul li h3 {
	padding: 0 0 0 20px;
	background-image: url(../img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
@media screen and (max-width:1000px){
.sitemapLeftBlock {
	float: none;
	width:auto;
}
.sitemapRightBlock {
	float:none;
	width:auto;
	margin-left:40px;
}
}


/*
 退会 
----------------------------------------------------------- */

#taikai {
	width:670px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
@media screen and (max-width:1000px){
#taikai {
	width:92%;
}
}

/*
 SNSガイドライン用 
----------------------------------------------------------- */
.guide_sns1 ul {
	margin-top:5px;
}
.guide_sns1 li {
	list-style-type:decimal;
	font-size:14px;
	margin-left:16px;
	margin-top:0.5em;
	margin-bottom:0.8em;
}

.guide_sns2 ul {
	margin-top:5px;
}
.guide_sns2 li {
	list-style-type:disc;
	font-size:14px;
	margin-left:16px;
	margin-top:0.5em;
	margin-bottom:0.5em;
}	

	
/*--------------------- product ---------------------------*/

#category_wrap a{color: #282828;}

#category_wrap .c_header{
	display: flex;
	align-items: center;
	vertical-align: middle;
	padding: 10px;
	margin-bottom: 2%;
}

#category_wrap .c_header h2{
	font-size: 18px;
	width: 50%;
}

#category_wrap .cateTtl2{
	font-size: 150%;
	padding-bottom: 10px;
}

#category_wrap .more {
    border: 2px solid #282828;
    padding: 5px 8px;
    text-align: center;
    width: 260px;
    margin-bottom: 15px;
	transition: all .2s ease-out;
	color: #282828;
}

#category_wrap .more:hover {
	border-radius: 10px;
	transition: .2s;
	background: #282828;
}

#category_wrap .more:hover{
	color: #fff;
	opacity: 1;
}

#category_wrap .category_list{
	width: 100%;
	letter-spacing: -5px;
	margin-bottom: 30px;
}

#category_wrap .category_list > div{
	display: inline-block;
    width: 32.3%;
    margin:  0.5% 0.5% 1.4% 0.5%;
}

#category_wrap .search_list > div{
	display: inline-block;
	width:24.5%;
}

#category_wrap .category_list img,
#category_wrap .search_list img {
	width:100%;
	height: auto;
}

#category_wrap .category_list img:hover,
#category_wrap .search_list img:hover{
	opacity:0.6;
}

@media screen and (max-width:1000px){
#category_wrap{
	padding: 3% 2%;
}
}

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

#category_wrap .category_list > div{
	width:49%!important;
	margin:  0.5% 0.5% 5% 0.5%;
}
	
#category_wrap .search_list > div{
	width:49.1%!important;
	margin-bottom: 5%;
}
	
	#category_wrap .more{
	padding: 10px 20px!important;
	margin-top: 20px;
	width: 100%!important;
}
}

@media screen and (max-width:414px){
#category_wrap .more{padding: 10px 20px!important;}
}

.searchBox{width:92%;margin:0 auto 30px auto;}
.p-search {
	width:50%;
	padding:0;
	margin: 0;
	text-align: right;
}

.p-search .txtbox {
	width:100%;
	max-width: 180px;
	vertical-align: middle;
	box-sizing:border-box;
}
.p-search.b-search {
	width: 100%;
    text-align: left;
}
.p-search.b-search .txtbox {
    max-width: 100%;
    width: calc(100% - 45px)!important;
}

.p-search .btn {
	padding:0;
	margin: 0 0 0 5px;
	vertical-align: middle;
	border:0;
	width:24px;
	height:24px;
	cursor:pointer;
}

@media screen and (max-width:768px){
	.p-search .txtbox{
		min-width: 120px;
	}
	
	.p-search .btn{
		padding:0;
		margin: 0 0 0 5px;
		vertical-align: middle;
		border:0;
		width:34px;
		height:34px;
		cursor:pointer;
	}
	
	input[type=submit]{
    font-family: FontAwesome;
	font-size: 16px;
}
.p-search{
	display: none;
}
}

@media screen and (max-width:414px){
	.p-search .txtbox{
		max-width: 120px;
	}
}

.btnBox {
	text-align:right;
}

/*仕様・関連商品・PDF*/
.shiyou,.kanren,.download {
	padding-top: 20px;
	width: 100%;
}

.kouri,
.shiyou h2,
.kanren h2,
.download h2{
	font-size: 1.3em;
}

.kanrenitem .box {
	width:33.3%;
	/*text-align: center;*/
	padding: 15px 10px 0 10px ;
	line-height: 135%;
}

.kanrenitem .box img{
	width: 100%;
	height: auto;
}

.slider4{
	width: 100%;
	display: flex;
}

.download div::before {
	content: "\f101";
	font-family: "FontAwesome";
	margin-right:5px;
}

@media screen and (max-width: 600px){
.kanrenitem .box {
	width:50%;
	/*text-align: center;*/
	padding: 15px 0;
	line-height: 130%;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
	border-radius:4px;
}
}


.menu1 {
	padding:0;	
}

.menu1 .oya2 {
	padding:3px;
	background-image: url(../img/icon.gif);
	background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 6px;
}

.menu1 .oya2 a, .menu1 .oya2 strong {
    padding: 3px 0 3px 25px;
    display: block;
}


.pagenavi{
	text-align: center;
	margin-top: 30px;
	font-size: 1.2em;
}

.pagenavi strong {
    margin-right: 5px;
    font-size: 1.3em;
}
.pagenavi a {
    margin: 10px;
}

#category_wrap .result{
	width: 100%;
}
.kanren {
	
}


/* ---------------------- genre ------------------------ */

.wrapper2 .genre_list{
	width: 100%;
	letter-spacing: -5px;
	margin-bottom: 30px;
}

.wrapper2 .genre_list > div{
	display: inline-block;
    width: 24%;
    margin:  0.5% 0.5% 1.4% 0.5%;
}
.wrapper2 .genre_list .K_GOODS_IMAGE1 {
    width: 100%;
    height: auto;
}

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

.wrapper2 .genre_list > div{
	width:49%!important;
	margin:  0.5% 0.5% 5% 0.5%;
}
	
}