@charset "utf-8";

/*
Theme Name: Twenty Twelve
Description: Used to style the TinyMCE editor.
*/

/*
html {
	font-size: 87.5%;
}
.blog_content 
html .mceContentBody {
	max-width: 625px;
}
.blog_content 
body {
	color: #444;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1;
	text-rendering: optimizeLegibility;
	vertical-align: baseline;
}
*/

/* =Headings
-------------------------------------------------------------- */

.blog_content h1,
.blog_content h2,
.blog_content h3,
.blog_content h4,
.blog_content h5,
.blog_content h6 {
	clear: both;
	line-height: 1.846153846;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.blog_content 
h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.blog_content 
h2 {
	font-size: 18px;
	font-size: 1.285714286rem;
	line-height: 1.6;
}
.blog_content 
h3 {
	font-size: 16px;
	font-size: 1.142857143rem;
}
.blog_content 
h4 {
	font-size: 14px;
	font-size: 1rem;
}
.blog_content 
h5 {
	font-size: 13px;
	font-size: 0.928571429rem;
}
.blog_content 
h6 {
	font-size: 12px;
	font-size: 0.857142857rem;
}
.blog_content 
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}


/* =Text elements
-------------------------------------------------------------- */

.blog_content p {
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	font-size: 14px;
}
.blog_content 
ul,
ol {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
	padding: 0;
}
.blog_content 
ul {
	list-style: disc outside;
}
.blog_content 
ol {
	list-style: decimal outside;
}
.blog_content ul ul,
.blog_content ol ol,
.blog_content ul ol,
.blog_content ol ul {
	margin-bottom: 0;
}
.blog_content 
li {
	margin: 0 0 0 24px;
	margin: 0 0 0 1.714285714rem;
}
.blog_content 
dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.blog_content 
dt {
	font-weight: bold;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.blog_content 
dd {
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.blog_content 
strong {
	font-weight: bold;
}
.blog_content 
cite,
.blog_content em,
.blog_content i {
	font-style: italic;
}
.blog_content 
cite {
	border: none;
}
.blog_content 
big {
	font-size: 128.571429%;
}
.blog_content 
.mceContentBody blockquote {
	font-style: italic !important;
	font-weight: normal;
	margin: 0;
	padding: 24px;
	padding: 1.714285714rem;
}
.blog_content 
pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.blog_content code,
.blog_content kbd,
.blog_content samp,
.blog_content var {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.blog_content abbr,
.blog_content acronym,
.blog_content dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.blog_content 
address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.blog_content 
del {
	color: #333;
}
.blog_content 
ins {
	background: #fff9c0;
	border: none;
	color: #333;
	text-decoration: none;
}
.blog_content 
sup,
.blog_content sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.blog_content 
sup {
	top: -0.5em;
}
.blog_content 
sub {
	bottom: -0.25em;
}
.blog_content 
input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
.blog_content 
textarea {
	border: 1px solid #d5d2ca;
	border-radius: 3px;
	font-family: inherit;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 96%;
}


/* =Links
-------------------------------------------------------------- */
/*
a,
a em,
a strong {
	color: #21759b;
	outline: none;
}
.blog_content 
a:focus,
a:active,
a:hover {
	color: #0f3647;
}
*/


/* =Alignment
-------------------------------------------------------------- */

.blog_content .alignleft {
	display: inline;
	float: left;
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
.blog_content 
.alignright {
	display: inline;
	float: right;
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
.blog_content 
.aligncenter {
	clear: both;
	display: block;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}


/* =Tables
-------------------------------------------------------------- */

.blog_content table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.blog_content 
tr th {
	color: #636363;
	font-size: 11px;
	font-size: 0.785714286rem;
	font-weight: bold;
	line-height: 2.181818182;
	text-align: left;
	text-transform: uppercase;
}
.blog_content 
td {
	border-top: 1px solid #ededed !important;
	color: #757575;
	font-size: inherit;
	font-weight: normal;
	padding: 6px 10px 6px 0;
	text-align: left;
}


/* =Images
-------------------------------------------------------------- */

.blog_content img,
.editor-attachment {
	border: 0;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	max-width: 100%;
}
.blog_content 
img.size-full {
	width: auto/9; /* Prevent stretching of full-size images in IE8 */
}
.blog_content 
img[class*="wp-image-"] {
	height: auto;
	max-width: 100%;
}
.blog_content 
img[class*="align"],
.blog_content img[class*="wp-image-"],
.blog_content img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.blog_content 
img.mceWPnextpage {
	border-radius: 0;
	box-shadow: none;
}
.blog_content 
img.wp-smiley {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.blog_content 
.wp-caption {
	background: transparent;
	border: none;
	margin: 0;
	padding: 4px;
	text-align: left;
}
.blog_content 
.wp-caption-dt {
	margin: 0;
}
.blog_content .wp-caption .wp-caption-text,
.blog_content .wp-caption-dd {
	color: #757575;
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.71429rem;
}


/* ----------------------- */
/*                         */
/* answer                  */
/* ‚æ‚­‚ ‚鎿–â            */
/*                         */
/* ----------------------- */

ul#answer_cat_list{
	padding-left: 10px;
}
li.cat-item {
	list-style-type: none;
}
li.cat-item a {
	background:url(https://www.maitre-francais.com/images/answer/answer_index_h4.gif) 0 0 no-repeat;
	width:562px;
	height:51px;
	font-size:16px;
	line-height:41px;
	color:#961E23;
	text-indent:68px;
	margin:10px 0 15px;
	display:block;
}
li.cat-item {
}

ul.children{
	/*margin-top: 30px;*/
}
ul.children li.cat-item a{
	width:512px;
}

/* 20191205 wmw追加 レシピカテゴリー一覧 */

.categoryArea ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 10px;
}

.categoryArea ul li {
	width: 32.5%;
	margin: 0 1.25% 15px 0;
	list-style-type: none;
}

.categoryArea ul li:nth-child(3n) {
	margin: 0 0 15px;
}

.categoryArea ul li a {
	display: flex;
	justify-content: space-between;
}

.categoryArea ul li a:link,
.categoryArea ul li a:visited {
	color: #401c00;
	text-decoration: none;
}

.categoryArea ul li a p {
	margin: 0;
	padding: 0;
}

.categoryArea ul li a > p {
	width: 48px;
}

.categoryArea ul li a > p img {
	width: 100% !important;
	height: auto !important;
}

.categoryArea ul li a > div {
	width: 126px;
}

.categoryArea ul li a > div .categoryTitle {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 0 5px;
}

.categoryArea ul li a > div .number {
	font-size: 11px;
	color: #999;
}


.recipebox {
	background:#F7ECEC;
	padding: 15px 15px;
	margin:0 0 15px;
}

.recipebox a {
	color:#003B96;
	font-size:18px;
}

.recipebox a:hover {
	color:#F00;
}

.recipebox p {
	line-height:1.4em;
}

.recipebox2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.recipebox2 div:nth-child(1) {
	width: 120px;
}

.recipebox2 div:nth-child(1) .img {
	margin: 0;
	padding: 0;
}

.recipebox2 div:nth-child(1) .img img {
	max-width: 100%;
	height: auto !important;
}

.recipebox2 div:nth-child(2) {
	width: 410px;
}