/*
Theme Name:maruyanagi
Description: マルヤナギコーポレートサイト用テンプレート
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*  基本設定 ================================== */
* {	padding:0;margin:0;border:0;}
html,body,ul,li { margin: 0;padding: 0;}
body { 
	color:#333333;
	font-size:11.5pt; 
	line-height:160%;
    font-family:'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: 100%;
	vertical-align:middle;}	
img {vertical-align:middle;}

/* レイアウト */
#wrapper { width: 1000px; margin: 0 auto; }
#content { width: 690px; margin:10px 0 60px 0 ; padding-right:39px;border-right:dotted 1px #ababab; float: left;}
#sidebar { width: 240px; margin:10px 0 40px 0 ; padding-left :20px; float: left;}
#page-narrow{ width: 690px; margin: 0 auto; }/* 固定ページ・モニター用 */

/* link */
a:link,a:visited{ color: #19548C; text-decoration:none;}
a:active,a:hover{ color: #3C79B3;text-decoration:none;}
a img{ border: none; transition: all .3s;}
a img:active, a img:hover{
	opacity:0.8;}

/* 全ページ共通 ======================= */
/* 見出し */
h1{
	padding:15px 10px;
	margin-bottom:30px;
	font-size:25px;
	line-height:32px;
	border-bottom:solid 2px #333;
}
h2{
	background:#F9F3E9;
	padding:15px 10px;
	margin-bottom:25px;
	font-size:21px;
	font-weight:600;
	line-height:29px;
}
h3{
	padding:12px 15px ;
	margin-bottom:25px;
	font-size:19px;
	font-weight:600;
	line-height:23px;
	border-left:solid 3px #C90915;
	border-bottom:dotted 1px #ababab; 
}
h4{
	margin-bottom:20px;}
h5{
	margin-bottom:20px;}

/* ボタン */
.button{
	display:inline-block;
	background:#333;
	font-size:17px;
	font-weight:bold;
	border-radius:30px;
	margin-top:20px;
	margin-bottom:20px;
	padding:15px 40px;}

a.button:hover,a.button:link,a.button:visited{color:#FFF;}
a.button{ transition: all .3s;}
a.button:hover{background:#424242;}

/* テーブル */
th,td{
	border-bottom:dotted 1px #ccc;
	padding:5px;}

th{text-align:left;}

.table-100{
	width:100%;
	table-layout: fixed;
}

/* リスト */
li,ul,ol,dl {list-style:none;}
ol.list li,
ul.list li{
	list-style:disc;
	margin:0 0 0 20px;
	padding:0 0 0 0px;}


/* 画像 */
img {border:0;}

/* ページトップへ */
#page-top {
	background:#C3BEB7;
	border-radius:3px;
	position: fixed;
	padding:10px 10px 5px 10px;
	right:5%;
	bottom:7%;
	z-index:100;}

/* 背景 */
.back-gara{
	background:url(http://mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/back-gara.png);}


/* 配置 ********************/
.br-sp {display:none;}
.no_display{ display:none;}

.clearfix:after{clear: both; content: "."; display: block; height: 0; visibility: hidden}
.clear {clear:both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.floatleft { float: left; }
.floatleft-ma { float: left; margin-right:15px; }
.floatleft-sp { float: left; }
.floatleft-ma-sp { float: left; margin-right:15px; }

.floatright{ float: right; }
.floatright-ma{ float: right; margin-left:15px; }
.floatright-sp{ float: right; }
.floatright-ma-sp{ float: right; margin-left:15px;}

.center { text-align:center;}
.right { text-align:right;} 
.left { text-align:left;}

.middle { vertical-align:middle; }
.bottom{ vertical-align:bottom}

/* テキスト ********************/
.font-10 {font-size:10px;}
.font-11 {font-size:11px;}
.font-12 {font-size:12px;}
.font-13 {font-size:13px;}
.font-14 {font-size:14px;}
.font-15 {font-size:15px;}
.font-16 {font-size:16px;}
.font-18 {font-size:18px;}
.font-20 {font-size:20px;}
.font-22 {font-size:22px;}

.bold { font-weight:bold;}
.red { color:#ff0000; }
.gray {color:#777;}
.black{color:#000;}
.underline{text-decoration: underline;}
.bg-yellow{ background-color:#ffff00;}

.line-l { line-height:150%;}
.line-s { line-height:130%; }
p{padding-bottom:30px; }

/* 空白用 */
.ma_5{margin:5px;}
.ma_10{margin:10px;}

.pa_top0{padding-top:0; }
.pa_top5{padding-top:5px; }
.pa_top10{padding-top:10px; }
.pa_top20{padding-top:20px; }
.pa_top30{padding-top:30px; }
.pa_top40{padding-top:40px; }

.pa_btm0{padding-bottom:0; }
.pa_btm5{padding-bottom:5px; }
.pa_btm10{padding-bottom:10px; }
.pa_btm20{padding-bottom:20px; }
.pa_btm30{padding-bottom:30px; }
.pa_btm40{padding-bottom:40px; }

.pa_l0{padding-left:0; }
.pa_l10{padding-left:10px; }
.pa_l20{padding-left:20px; }
.pa_l30{padding-left:30px; }

.pa_r0{padding-right:0; }
.pa_r10{padding-right:10px; }
.pa_r20{padding-right:20px; }
.pa_r30{padding-right:30px; }

.ma_top0{margin-top:0; }
.ma_top10{margin-top:10px; }
.ma_top20{margin-top:20px; }
.ma_top30{margin-top:30px; }
.ma_top40{margin-top:40px; }

.ma_btm0{margin-bottom:0; }
.ma_btm10{margin-bottom:10px; }
.ma_btm20{margin-bottom:20px; }
.ma_btm30{margin-bottom:30px; }
.ma_btm40{margin-bottom:40px; }

.ma_l0{margin-left:0; }
.ma_l10{margin-left:10px; }
.ma_l20{margin-left:20px; }
.ma_l30{margin-left:30px; }

.ma_r0{margin-right:0; }
.ma_r10{margin-right:10px; }
.ma_r20{margin-right:20px; }
.ma_r30{margin-right:30px; }


/* ぱんくず */
.breadcrumbs {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	font-size:12px;
	line-height:130%;}

.breadcrumbs ul { 
	padding:0; 
	margin:0; 
	list-style:none;}

.breadcrumbs ul li{
	display: inline; 
	padding:0; 
	margin:0;}

.archive-k .breadcrumbs{
	position:absolute;}

/* ヘッダー ======================= */
header { width:100%; border-bottom:solid 1px #ccc; }
.logo { 
	width:232px ; float:left; 
	padding:30px 0 10px 0; margin-right:35px;}
	
.header-right { 
	width:733px;
	float:left; }

.header-menu {
	padding:0 0 16px 0;
	text-align:right;}

.header-menu a{
	display:inline-block;
	height:27px;
	padding:2px 10px 2px 0;
	border-radius:3px;}

a.header-onlineshop,
a.header-faq{
	padding:0;}

/* グローバルナビ */
ul#g_nav { list-style:none; }
	
ul#g_nav li{ 
	float:left; 
	border-left:solid 1px #ababab;
	padding:0 2px;}

ul#g_nav li:last-child{ 
	border-right:solid 1px #ababab;}

ul#g_nav li a {
	display:block;
	padding:2px 19px 6px 19px;
	-webkit-transition: background-color .3s ease-in;
	transition: background-color .3s ease-in;
	background-color: rgba(246,238,228,0);}

ul#g_nav li a:hover {
	background-color: rgba(246,238,228,0.7);}


/* フッター ======================= */
footer{width:100%;}

.fotter-faq{
	border-top:solid 1px #ababab;
	padding:15px 0;
	margin-bottom:30px;}

.fotter-faq-in{
	width:750px;
	margin:0 auto;
	font-size:18px;}

.fotter-faq-left{
	width:440px;
	padding:15px 0 0 0 ;
	float:left;}

.fotter-faq a{
	display:block;
	color:#fff;
	border-radius:3px;
	background:#1BB8CE;
	padding:10px 40px;
	float:right;
	transition: all .3s;}

.fotter-faq a:hover{
	background:#5DC2D0;}

.footer-sitemap{
	width:1000px;
	margin:0 auto;}

.footer-sitemap article{
	width:210px;
	margin:20px;
	float:left;
	font-size:13px;
	line-height:120%;}

.footer-sitemap article a,
.fotter-sitemap-title{
	color:#333;
	padding:5px 0;
	display:block;}

.footer-sitemap article a:hover{
	color:#3C79B3;}

.footer-menu{
	border-top:solid 1px #ababab;
	padding:25px 0;
	margin:40px 0 0 0 ;}

.footer-menu a{
	display:inline-block;
	padding:0 15px;
}
.footer-logo{
	float:right;
	width:242px;
	padding-top:15px;
}
.copyright{
	width:100%;
	background:#E5090E;
	color:#fff;
	text-align:center;
	font-size:10px;
	padding:2px 0 0 0;}


/* サイドバー ======================= */
#sidebar h1 {
	margin-bottom:10px;
	padding:15px 0;
	font-size:19px;}

.sidebar-term-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-bottom:dotted 1px #ababab;}

.sidebar-term-box input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.sidebar-term-box label {
	font-weight: bold;
	position: relative;
	display: block;
	padding:15px 30px 15px 0;
	margin: 0;
	cursor: pointer;
	color:#19548C;}

.sidebar-term-box .sidebar-single {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
.sidebar-term-box .sidebar-single a {
	display:block;
	padding:10px 0 5px 15px;
	border-top:dotted 1px #ababab;
	font-size:13px;
}

#wrapper .sidebar-term-box .sidebar-single p {
	margin:0 ;}

/* :checked */
.sidebar-term-box input:checked ~ .sidebar-single {
	max-height: 30em;
}
/* Icon */
.sidebar-term-box label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.sidebar-term-box input[type=checkbox] + label::after {
	content: '+';
	color:#333;
}
.sidebar-term-box input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);}

/* 展開無し用 */
#sidebar ul li{
	font-weight: bold;
	border-bottom:dotted 1px #ababab;}
#sidebar ul li a{
	display:block;
	padding:15px 0 ;}

/* インデックス ======================= */
.index h1 {
	text-align:center;
	margin-bottom:20px;
	border:none;}

/* トップイメージ */
.topimage-index {
	background:url(http://mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/back-gara.png);}

.topimage-index-video {
    height: 650px;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
	box-shadow:0 3px 3px 0 rgba(0, 0, 0, .2);
}
.topimage-index-video article {
	width:100%;
    height: 550px;
	background: linear-gradient(to bottom, rgba(132, 210, 255, 0.4), transparent);
    z-index: 2;
    position: absolute;
    margin: 0 auto;
} 
.topimage-index-textback{
	width:950px;
	margin:0 auto;
} 
.topimage-index-text{
	width:318px;
    height: 450px;
	background-color:rgba(255, 255, 255, 0.8);	
	padding:100px 40px 0 40px;
	margin-top:40px;
} 

.topimage-index-video video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}

/* トップ各コンテンツ */
.index article a:link,
.index article a:visited,
.index article a:active,
.index article a:hover{
	color:#333;}

.index article img{
	margin-bottom:7px;}

.index-pickup article img,
.index-action article img,
.index-monozukuri article img{
	border:solid 1px #787878;}

.index-pickup,.index-action{
	background:url(http://mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/back-gara.png);
	width:100%;
	padding:80px 0;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, .3);}

.index-pickup-in,.index-action-in{
	width:950px;
	margin:0 auto;}

.index-pickup article{
	font-size:12px;
	line-height:150%;
	width:210px;
	margin:10px 10px;
	display:inline-block;
	vertical-align:top;}

.index-pickup article h2{
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:5px 0 7px 0;
	border-bottom:solid 1px #D10412;
	background:none;
}
.index-pickup a.button {background:#D10412;}
.index-pickup a.button:hover{background:#E1362E;}

.index-products{
	width:100%;
	padding:80px 0;
	background:url(http://mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/index-products-back.jpg) no-repeat right bottom;}

.index-products-in {
	width:960px;
	margin:0 auto;
}

.index-products article{
	font-size:13px;
	width:150px;
	margin:5px;
	float:left;}

.index-products article img{
	width:150px;
	margin-bottom:10px;
}
.index-products article div{
	width:100%;
	border-top:solid 1px #007E8D;
	border-bottom:solid 1px #007E8D;
	padding:8px 0;}

.index-products-group {
	padding:20px 0 10px 0;}

.index-products-group article{
	width:320px;
	margin:10px;
	display:inline-block;
	float:none;}

.index-products-group article img{
	width:320px;}

.index-products a.button {background:#007E8D;}
.index-products a.button:hover{background:#0092A4;}

.index-action article{
	width:235px;
	margin:7px;
	float:left;}

.index-action article:first-child{
	width:370px;}

.index-action article h2{
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	background:none;
}

.index-action article:first-child  h2{
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:5px 0 7px 0;
	border-bottom:solid 1px #ED6D42;
	background:none;}

.index-action a.button {background:#ED6D42;}
.index-action a.button:hover{background:#F18F49;}

.index-monozukuri{
	width:960px;
	margin:0 auto;
	padding:80px 0;}

.index-monozukuri article{
	display:inline-block;
	margin:5px;}

.index-monozukuri a.button {background:#91B122;}
.index-monozukuri a.button:hover{background:#ABBD10;}

.index-recipe{
	background:url(//mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/index-recipe-back.jpg) no-repeat center;
	background-size:cover;
	padding:80px 0;
	box-shadow:0 0 7px 0 rgba(0, 0, 0, .4);}

.index-recipe article{
	display:inline-block;
	vertical-align:top;
	width:220px;
	margin:10px;}

.index-recipe article img{
	border:solid 2px #fff}

.index-recipe article a:hover,
.index-recipe article a:link,
.index-recipe article a:visited
	{color:#333;}

.index-recipe a.button {background:#EC6D75;}
.index-recipe a.button:hover{background:#EF857F;}

.index-news{
	width:900px;
	margin:0 auto;
	padding:80px 0;
	font-size:13px;
	line-height:150%;}

.index-news h2{
	background:url(http://mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/back-gara.png);
	padding:10px;
	margin:5px 0;}

.index-news table{
	width:100%;}

.index-news th, .index-news td{
	padding:7px 5px;
	border-bottom:dotted 1px #ababab;
	font-weight:normal;
	vertical-align:top;
	color:#D10412;}

.index-news table.topnews{
	width:860px;
	margin:0 auto;
	margin-bottom:20px;}

.index-news article{
	width:410px;
	margin:20px;
	float:left;}

.index-news p{padding:0;}

/* =============== アーカイブ ================ */
.topmessage{
	width:100%;
	height:300px;
	background:#f7f7f7;
}
.topmessage-in{
	width:1000px;
	margin:0 auto;
	position:relative;
}
.topmessage-in h1{
	width:auto;
	margin:0 0 0 40px;
	padding:0;
	border:none;
	float:left;
}
.topmessage-text{
	width:400px;
	background-color:rgba(255, 255, 255, 0.8);	
	padding:0;
	margin:0 auto;
}
.archive-k article{
	display:inline-block;
	vertical-align:top;
	width:310px;
	margin:15px 9px;
}
.archive-k article img{
	width:310px;
	height:150px;
	border:solid 1px #ccc;
	margin-bottom:5px;
}
.archive-k article li{
	list-style:disc;
	margin-left:20px;
}
div.archive-title-img {
	position:relative;
}
.archive-title-img p{
	position:absolute;
	top:50%;
	-webkit-transform : translateY(-50%) ;
	transform : translateY(-50%);
	padding:0 0 0 20px;
	font-size:19px;
	font-weight:bold;
	text-shadow: 0 0 15px #fff,0 0 10px #fff,0 0 10px #fff;
}
.archive-title-img p a:link,
.archive-title-img p a:hover,
.archive-title-img p a:visited{
	color:#333;	
}

/*=============== タクソノミー ===============*/
.tax li.tax-postlist{
	display:inline-block;
	width:310px;
	margin:0 30px 0 0 ;
	padding:8px 0;
	border-bottom:dotted 1px #ccc;
}
.tax .tax-img{

}
.tax .tax_description {
	position:relative;
	width:100%;
	height:300px;
	margin-bottom:30px;
}

.tax .tax_description article {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	margin-left:30px;
	font-size:22px;
	font-weight:bold;
	line-height:150%;
	color:white;
}

#wrapper .tax_description article p{
	padding-bottom:0;
}

.tax .tax_description_overseas article,
.tax .tax_description_syokuiku article,
.tax .tax_description_kenkokeiei article,
.tax .tax_description_other article,
.tax .tax_description_ansin article,
.tax .tax_description_history article {
	color:#333333;
	text-shadow: 0 0 15px #fff,0 0 10px #fff,0 0 10px #fff;
}


/* =============== 取り組み ================ */
.torikumi-archive .topmessage {
	background:url(//mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/topmessage-torikumi.jpg) no-repeat center;
	background-size:cover;}


/* =============== ものづくり ================ */
.monozukuri-archive .topmessage {
	background:url(//mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/topmessage-monozukuri.jpg) no-repeat center;
	background-size:cover;}

/* =============== レシピ ================ */
/* レシピarchive */	
.recipe-archive .topmessage {
	background:url(//mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/topmessage-recipe.jpg) no-repeat center;
	background-size:cover;}
.recipe-archive h2{
	background:none;
	margin-bottom:0;}
#recipeSearchInput{
	border:solid 1px #f7f7f7;
	background:#f7f7f7;
	border-radius: 20px 0 0 20px;
	height:20px;
	font-size:16px;
	padding:10px;
	width:300px;}
#recipeSearchInput:hover{
	border-color:#ccc;}
#recipeSearchSubmit{
	border:solid 1px #F10000;
	border-radius: 0 20px 20px 0;
	height:40px;
	color:#fff;
	font-size:16px;
	background:#F10000;
	padding:10px 30px;}
.recipeSearchWord{
	
}
.recipe-archive-border,
.recipe-products{
	width:100%;
	padding:50px 0;
}
.recipe-archive-in{
	width:1000px;
	margin:0 auto;
}
.recipe-archive-in article {
	display:inline-block;
	margin:10px 5px 10px 5px;
}
.recipe-archive-in article img{
	width:160px;
	margin-bottom:5px;
}
.recipe-products article{
	width:300px;
	display:inline-block;
	margin:5px;
	text-align:left;}

.recipe-products a{
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	width:155px;
	height:90px;
	padding-left:130px;
	padding-right:15px;
	border-radius:5px;
	position:relative;
	font-size:18px;
	background:#fff;
	-webkit-transition: box-shadow .2s ease-in;
	transition: box-shadow .2s ease-in;
	box-shadow: 0px 0px 5px rgba(217,217,217,0);}

.recipe-products a:hover{
	box-shadow: 0px 0px 5px rgba(217,217,217,1);}

.recipe-products span.r-img{
	width:100px;
	display:block;
	position:absolute;
	left:15px;
	top:0;}

.recipe-products span.r-img img{
	width:100px;}

.recipe-ranking{
	width:100%;
	margin-top:50px;
	padding:50px 0 80px 0;
}
.recipe-ranking article{
	width:210px;
	margin:10px 8px;
	padding-top:15px;
	vertical-align:top;
}
.recipe-ranking article img{
	width:210px;
	border:solid 1px #adadad;
}


/* レシピsingle */	
.recipe-single .r-left{
	width:300px;
	float:left;
	font-size:12px;
	line-height:140%;
	margin:0 30px 20px 0;}

.recipe-single  .r-left img {
	margin-bottom:10px;}

.recipe-single  .r-right{
	float:left;
	width:350px;}

.recipe-single  table {
	background: url(//www.maruyanagi.co.jp/images/recipe/zairyou.gif) no-repeat left 5px ;
	width:100%;}

.recipe-single  table th,.recipe table td {
	padding : 5px 0 ;
	border-bottom:dashed 1px #ccc ;
	vertical-align:top;}	

.recipe-single  table th {
	font-weight:normal;}

.recipe-single  table td{
	text-align:right;}

/* 作り方 */	
.recipe-single  li{
	margin:0;
	padding:7px 0 7px 45px ;}

.recipe-single  li:nth-child(1) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make1.gif) no-repeat left center ;}
.recipe-single  li:nth-child(2) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make2.gif) no-repeat left center ;}
.recipe-single  li:nth-child(3) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make3.gif) no-repeat left center ;}
.recipe-single  li:nth-child(4) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make4.gif) no-repeat left center ;}
.recipe-single  li:nth-child(5) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make5.gif) no-repeat left center ;}
.recipe-single  li:nth-child(6) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make6.gif) no-repeat left center ;}
.recipe-single  li:nth-child(7) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make7.gif) no-repeat left center ;}
.recipe-single  li:nth-child(8) {
	background:url(//www.maruyanagi.co.jp/images/recipe/make8.gif) no-repeat left center ;}

.recipe-recommend article{
	text-align:left;
	width:152.5px;
	margin:0 8px 20px 8px;
	display:inline-block;
	font-size:12px;
	line-height:125%;
	vertical-align:top;
}
.recipe-recommend article img{
	width:152.5px;
	margin-bottom:7px;
}

/* レシピtax */
.recipe-tax article{
	text-align:left;
	width:210px;
	margin:0 8px 20px 8px;
	display:inline-block;
	line-height:130%;
	vertical-align:top;
}
.recipe-tax article img{
	width:210px;
	margin-bottom:7px;
}

/* ページ送り */
.wp-pagenavi {
	text-align:center;}

.wp-pagenavi a,
.wp-pagenavi span{
	display:inline-block;
	background:#fff;
	border:solid 1px #F9F3E9;
	padding:7px 15px;
	margin:2px;
	border-radius:18px;}

.wp-pagenavi a:hover,
.wp-pagenavi span:hover{
	background:#F9F3E9;}

.wp-pagenavi .current{
	background:#F9F3E9;}

/* =============== 商品情報 ================*/
/* 商品情報トップ */
.products-archive .topmessage {
	background:url(//mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/topmessage-products.jpg) no-repeat center;
	background-size:cover;
}
.products-archive h2{
	background:none;
	margin-bottom:0;	
}
.products-category{
	width:100%;
	padding:60px 0;		
}

.products-category a{
	width:200px;
	display:inline-block;
	vertical-align:middle;
	padding:30px 10px 20px 10px;
	margin:5px;
	background:#fff;
	border-radius:5px;
	-webkit-transition: box-shadow .2s ease-in;
	transition: box-shadow .2s ease-in;
	box-shadow: 0px 0px 5px rgba(217,217,217,0);}

.products-category a:hover{
	box-shadow: 0px 0px 5px rgba(217,217,217,1);}

.products-category img{
	width:85px;
	margin-bottom:10px;}

.recipe-archive-border{
	width:100%;
	padding:50px 0;
}
.products-archive-in{
	width:1000px;
	margin:0 auto;
}

.products-pickup{
	width:100%;
	padding:50px 0;
}
.products-pickup article{
	display:inline-block;
	vertical-align:top;
	width:140px;
	margin:10px 8px;
	padding-top:15px;
}
.products-pickup article img{
	width:140px;
	border:solid 1px #adadad;
}
.products-archive-bland{
	width:100%;
	border-top:solid 1px #efefef;
	padding:50px 0 70px 0;
	text-align:left;
}
.products-archive-bland a{
	display:inline-block;
	margin:5px;
	text-align:center;	
}

/* カテゴリ内一覧 */
.products-tax li{
	display:inline-block;
	vertical-align:top;
	width:116px;
	margin:5px;
	font-size:13px;
	line-height:130%;
}
.products-tax li img {
	margin-bottom:7px;
}
.products-tax article {
	width:678px;
	padding:5px 5px 25px 5px;
	margin-bottom:30px;
	border:solid 1px #E0D8D4;
	border-radius:5px;
}
.products-tax-description{
	width:95%;
	margin:0 auto;
}
.products-tax article h2{
	border-radius:5px 5px 0 0 ;
}
.products-tax article p {
	padding-bottom:15px;
}
.products-tax-banner {
	margin-top:20px;
}

/* 商品詳細ページ */
.products-left{
	float:left;
	margin-right:30px;
}
.products-left img{
	border:solid 1px #efefef;
}
.products-right{
	float:left;
	width:378px;
}
.products-right h2{
	background:none;
	border-bottom:solid 1px #ccc;
	padding:0 10px 10px 10px;
	margin:0 0 5px 0;
	font-size:17px;
	font-weight:600;
	line-height:23px;
}
.products-right table{
	width:100%;
}
.products-right table th{
	width:130px;
	padding:8px;
	border-bottom:dotted 1px #ccc;
}
.products-right table td{
	padding:8px;
	border-bottom:dotted 1px #ccc;
}

.products-recipe,
.products-bland{
	display: inline-block;
	width: 360px;
	height:44px;
	text-align: center;
	font-size: 16px;
	line-height: 46px;
	font-weight: bold;
	border-radius:5px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.products-recipe{
	background-color: #9ec34b;
	border: 2px solid #9ec34b;
}
.products-bland{
	background-color: #f10000;
	border: 2px solid #f10000;
}

.products-recipe:after,
.products-bland:after{
	width: 100%;
	height: 0;
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	background : #FFF;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: .2s;
	z-index: -1;
}
.products-recipe:hover:after,
.products-bland:hover:after{
	height: 540%;
	opacity: 1;
}
.products-recipe:active:after,
.products-bland:active:after{
	height: 640%;
	opacity: 1;
}
a.products-recipe:link,a.products-recipe:visited{ color:#fff;}
a.products-recipe:active,a.products-recipe:hover{ color:#9ec34b;}

a.products-bland:link,a.products-bland:visited{ color:#fff;}
a.products-bland:active,a.products-bland:hover{ color:#f10000;}

.products-single h3 {
	padding:8px ;
	margin-bottom:15px;
	font-size:17px;
	line-height:17px;}

table.eiyou{
	width:210px;
	margin:0 10px;
	float:left;
	font-size:13px;
}

table.eiyou th{
	padding:5px;
	text-align:left;
	border-bottom:dotted 1px #ccc;
}

table.eiyou td{
	border-bottom:dotted 1px #ccc;
	padding:5px;
	text-align:right;
}
table.eiyou th.border-bottom-double,
table.eiyou td.border-bottom-double{
	border-bottom:double 3px #ccc;
}

/* =============== 企業情報 ================ */
.company-archive .topmessage {
	background:url(//mushidaizu.sakura.ne.jp/maruyanagi.co.jp-test2/wp-content/uploads/topmessage-company.jpg) no-repeat center;
	background-size:cover;}

/* リリース・掲載実績 =============================== */
.release table,.keisai table {
	width : 100% ; 
	margin:20px 0;}

.release table th,.keisai table th { 
	width : 100px ; 
	text-align: left ; 
	padding:7px ; 
	color: #8B4343 ; 
	font-weight:normal;
	vertical-align:top;
	border-bottom: dotted 1px #CCC;}

.release table td,.keisai table td { 
	padding:7px ; 
	border-bottom: dotted 1px #CCC; }

/* お客様相談室 =============================== */
.faq-toiawase{
	width:295px;
	float:left;
	margin:10px;
	background:#F9F3E9;
	padding:0 15px;
}
.faq-toiawase h2{
	border-bottom:solid 1px #333;
}

.faq-box {
	position: relative;
	overflow: hidden;
	width: 100%;}

.faq-box input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.faq-box label {
	font-weight: bold;
	position: relative;
	display: block;
	padding: 10px 40px 10px 10px;
	margin: 0 0 10px 0;
	cursor: pointer;
	color:#19548C;
	background:#EFEFEF;}

.faq-box .faq-a {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
}
.faq-box .faq-a p {
	padding:10px 0 30px 15px;}

#wrapper .faq-box .faq-a p {
	margin:0 ;}

/* :checked */
.faq-box input:checked ~ .faq-a {
	max-height: 20em;
}
/* Icon */
.faq-box label::after {
	line-height: 3;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.faq-box input[type=checkbox] + label::after {
	content: '+';
	color:#333;
}
.faq-box input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

/* =============== モニターページ================ */
/* モニター募集ページ */
.monitor table{width:100%;}
.monitor th {background:#EFEFEF; width:30%; padding:10px;}
.monitor td {border-bottom:solid 1px #efefef; padding:10px;}
.monitor input{margin:4px 0; padding:5px; display:inline-block; border:solid 1px #ccc;}
.monitor select{margin:4px 0; padding:5px; border:solid 1px #ccc;}

/* モニター規約ページ */
dl.monitor-rule {width:93%; margin:0 auto; height:300px; padding:0 20px 20px 20px; overflow: scroll; border:1px #333333 solid;}
dl.monitor-rule dt {font-weight:bold; padding:20px 0 0 0;}
dl.monitor-rule ol li{ padding:7px 0 0 0; margin: 0 0 0 30px; list-style-type: decimal;}

/* アンケートページ */
dl.monitor-anq dt { font-weight:bold; font-size:16px; border:solid 1px #ccc; padding:8px; margin:20px 0;}
dl.monitor-anq dt:first-child { margin:0 0 20px 0;}
dl.monitor-anq dd{ padding:0 0 20px 10px;}
dl.monitor-anq textarea{ border: solid 1px #ccc; padding:5px;}

/*確認・送信ボタン*/
#monitor-btn{ padding: 15px 0;}

#monitor-btn .confbtn,
#monitor-btn .backbtn {
	border: 1px solid #DDD;
	color: #FFF;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	width: 200px;
	padding: 10px 0;
	cursor: pointer;
	font-size:125%;}

#monitor-btn .confbtn {	background: #0099CC;}
#monitor-btn .backbtn { background: #FF6633;}


/* =============== 企業情報 ================*/
/* 事業所 */

.zigyousyo table {
	width:100%;}

.zigyousyo th,
.zigyousyo td{
	border-bottom:dotted 1px #ccc;
	padding:10px;
}
.zigyousyo th{
	width:25%;
	vertical-align:top;
	background:#f5f5f5;
}
/* 沿革 */
.enkaku table {
	width:100%;}

.enkaku th,
.enkaku td{
	border-bottom:dotted 1px #ccc;
	padding:10px;
}
.enkaku th{
	width:10%;
	vertical-align:top;
	background:#f5f5f5;
}

/* 企業理念 */
h2.rinen-h2{
	background-color:#ed1c24; 
	padding:10px 10px 8px 10px;
	margin:20px 0;
	text-align:center;
	color:#fff;}

.rinen dt { 
	color : #080;
	font-size:16px;
	font-weight:bold;}

.rinen dd {
	padding:0 0 25px;}

dl.koudou { 
	float:left ;
	width : 321px;
	margin:0 12px}

/* 優良申告法人 */
.hojin_image p{ float:left; width:200px; margin:0 10px; text-align:center;}


/* ============== プライバシーポリシー ============== */

.privacy {
	width:90%;
	margin:0 auto;
}
.privacy dt{
	font-weight:bold;	
}
.privacy dd{
	padding:0 0 20px 15px;
}
.privacy li{
	list-style:disc;
	margin-left:10px;	
}

/* =============== サイトマップ ================*/
.sitemap article{
	display:inline-block;
	width:300px;
	vertical-align:top;
	margin:15px;
}
.sitemap h2{
	font-size:16px;
	padding:8px;
	margin:0 0 10px 0;
}
.sitemap h3 {
	font-size:15px;
	padding:8px;
	margin:5px 0 10px 0;
	border-left:none;
}
.sitemap ul{
	margin-bottom:30px;
}
.sitemap li{
	list-style:disc;
	margin-left:20px;
}


/* =============== ★採用ここから ================ */
#wrapper-recruit{
	width:900px;
	margin: 0 auto;
}
#wrapper-recruit #content{
	border:none;
	padding-right:0;
	width:660px;
}

.challeange-nengou{
	border:solid 1px #000000;
}

/* TOPスライド */
.recruit-slide {
    height: 680px;
    overflow: hidden;
    position: relative;
	margin-bottom:15px;}

.recruit-slide_img {
    z-index:2;
    opacity: 0;
    width: 100%;
    height: 680px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 18s 0s infinite;
    animation: anime 18s 0s infinite; }


.recruit-slide_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

.recruit-slide_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

@keyframes anime {
  0% {
        opacity: 0;
    }
    11% {
        opacity: 1;
    }
    33% {
        opacity: 1;
    }
    44% {
        opacity: 0;
        transform: scale(1.1) ;
         z-index:1;
    }
    100% { opacity: 0 }
}
.recruit-slide-text{
	z-index:5;
	text-align:center;
	position:absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size:25px;
	font-weight:bold;
	line-height:175%;
	background:rgba(255,255,255,0.8);
	padding:40px 60px;
	border:solid 2px #222;
}
/* TOP丸型メニュー */
.recruit-top-menu{
	position:absolute;
	z-index:5;
    top: 72%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.recruit-top-menu a{
	display:inline-block;
	background:#fff;
	border-radius:50%;
	width:140px;
	height:125px;
	margin:15px;
	padding:55px 20px 0 20px;
	border:solid 2px #222;
	font-size:12px;
	line-height:125%;
	box-shadow: 0 5px 0 #333;
	transition: .3s;
}
.recruit-top-menu span{
	font-size:22px;
	font-weight:bold;
	line-height:170%;
}
.recruit-top-menu a:link,
.recruit-top-menu a:visited
{
	color:#222;
}
.recruit-top-menu a:hover{
	transform: translateY(5px);
	box-shadow: 0 0 0 #333;
	background: #333;
	color:#fff;
}
/* 採用サイド */
.recruit-side {
	float: left;
	width: 210px;
	margin-left:30px;
	margin-bottom:50px;
}
.recruit-side ul {
	width:210px;
}
.recruit-side li {
	padding:0; 
	margin-top:7px; 
	font-size:14px;
	background:#fff;
	border-left:solid 2px #D61719;
	border-bottom:dotted 1px #333;
	transition: .3s;
}
.recruit-side li a {
	display:block; 
	width:178px; 
	padding:15px; 
	position:relative; 
	color:#222;
}
.recruit-side li:hover {
	background:#f7f3f2;
}
.entry-button {
	border:solid 3px red;
	width:204px; 
	padding:10px 0;
	margin:10px 0;
	border-radius:5px; 
	font-size:18px; 
	line-height:150%;
}
.entry-button button { 
	margin-top:5px; 
	cursor:pointer; 
	animation: button1 2.5s ease infinite;
}
	@keyframes button1 {
	  0% { transform:translateY(0) }
	  60% { transform:translateY(0) }
	  75% { transform:translateY(-3px) }
	  90% { transform:translateY(2px) }
	  100% { transform:translateY(0) }}

.float-enrty {
	position:fixed;
	right:130px;
	bottom:0;
}
.recruit h1 {
	border-top:solid 2px #333;
	padding:25px 0;
	text-align:center;
}
.recruit h2 {
	background:#f7f3f2;
	border-left:solid 3px #D61719;
	border-right:solid 3px #D61719;
	font-size:16px; 
	margin-bottom: 20px; 
	padding:11px 0 11px 20px;
}
.recruit h3 {
	border-bottom:solid 1px #D61719 ; 
	margin:10px 0 15px 0 ; 
	padding:8px 5px 8px 20px
}
.recruit h4 {
	background:#F6F3F2; 
	font-weight:normal; 
	font-size:18px; 
	border:none; 
	padding:10px; 
	margin-top:20px;
}

/* 応募要項ボタン */
ul.recruitment-list{
	margin-bottom:5em;
	text-align:center;
}
ul.recruitment-list li {
	display:inline-block;
	width:210px;
}
ul.recruitment-list li a{ 
	display:block;
	padding:10px 2%;
	margin:0 2%;
	cursor:pointer;
	background:linear-gradient(#ff8080, #cc0000);
	border-radius:5px;
	border: solid 1px #fcbaba;
	color:#ffffff;
	text-align:center;
}
ul.recruitment-other li {
	width:80%;
}

.recruit table {
	width:100%;
}
.recruit td{
	border-bottom:solid 1px #ccc;
}
.recruit th,
.recruit td{ 
	padding:13px;
}
.recruit th {
	border-bottom:solid 2px #ccc;
	width:120px;
	vertical-align:top;
	text-align:left;
}

/* エントリーフォーム */
.entry-form th{
	width:150px;
	border-bottom:solid 1px #ccc;
}
.entry-form input,
.entry-form textarea {
	border:solid 1px #ccc;
	padding:8px;
}
.entry-form textarea { 
	width:460px; 
	height:250px; 
	margin-bottom:30px;
}
.bgred {
	background:red; 
	color:white;
	padding:0 3px; 
	line-height:120%; 
	border-radius:3px; 
	font-size:12px;
}
#kakure{
	display:none;
}

/* エントリーフォーム送信ボタン */
.sou{margin:20px; width:250px; height:50px; background: linear-gradient(red, #D90000); -webkit-background:linear-gradient(red, #D90000); color:white; font-size:18px; border-radius:8px; }
.sou:hover{ background: linear-gradient(#FF5353, #FF4242); -webkit-background: linear-gradient(#FF5353, #FF4242); }

/* 採用各コンテンツ */
.recruit-zinzai div{
	border:solid 1px #D61719;
	background:#f7f3f2;
	padding:25px 15px;
	margin:5px;
	width:123px;
	float:left;
}
.recruit-zinzai div span{
	font-size:20px;
}

.recruit-syain-archive li{
	border-bottom:solid 1px #ccc;
	padding:15px 0 ;
}
.recruit-syain-archive img{
	width:180px;
	margin-right:20px;
}
.recruit-syain-archive article{
	display:inline-block;
	width:450px;
}
.recruit-syain-archive div{
	display:inline-block;
	vertical-align:top;
	width:200px;
}
.recruit-syain-archive li h2{
	background:none;
	border:none;
	border-bottom:dotted 1px #D61719;
	margin:0 0 15px 0;
	padding: 0 0 10px 0;
}

.recruit-syain-single-l{
	float:left;
	margin-right:20px;
}
.recruit-syain-single-r{
	float:left;
	width:380px;
}
.recruit-syain-single-r article{
	border:solid 2px #D61719;
	border-radius:5px;
	padding:15px;
	position:relative;
}
.recruit-syain-single-r article span{
	position:absolute;
	top:-15px;
	left:10px;
	color:#D61719;
	background:#fff;
	padding:0 10px;
}
.recruit-syain-single-r article div{
	margin-top:-30px;
}
/* =============== ★採用ここまで ================ */