@font-face{
    font-family: 'ipa-mincho';
    src: local('ipaexm'),
         url('./fonts/ipaexm.eot') format('eot'),
         url('./fonts/ipaexm.woff') format('woff'),
         url('./fonts/ipaexm.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Colors */

a:hover,.body1 a:hover, .scrollTo_top a:hover,#main-nav>li>a:hover{color:#bdb7b7}
.meta_more a:hover{background-color:#bdb7b7}
.meta_more a:hover{border-color:#bdb7b7 !important}

#topnav,.sequence-pagination,.nav-previous a:hover, .nav>li ul,.wrapper.container,#infscr-loading,#serinfo-nav li.current,
.imgwrap,.overrating,span.score,.flexslider a.flex-prev,.flexslider a.flex-next,.sequence-next,.sequence-prev,#sidebar p input[type=submit],span.ribbon,a#triggernav,a#triggernav-sec,a.fromhome,a.mainbutton,.nav_item a,.page-numbers.current,a.comment-reply-link,#submit,#comments .navigation a,.tagssingle a,.contact-form .submit,.intro,li.main 
,.plan-bottom a,.scrollTo_top a,.gallery-item,.searchSubmit,submit,input[type=submit]{
    background-color:#fff !important}

/*-----------------------------------------------------------------------------------*/
/* Typography Styling */
/*-----------------------------------------------------------------------------------*/

body,input, textarea,input checkbox,input radio,select, file,h3.sd-title {
        font-size:14px;
        word-wrap: break-word;
        font-family: MuseoSans-300, 'Noto Sans Japanese',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight:300;
        color:#444;
}

.body2,#footer .searchform input.s { font-size:13px !important;}

h1{
	font-family:'Vidaloka',"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3", 'ipa-mincho', "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:36px;
	font-weight:100;
	letter-spacing:-.04em;
	line-height:1em;
}

h1.post{
	font-size:24px;
	line-height:1.4em;
	margin: 1% 0 2% 0 !important;
}

h2 {
	font-family:'Vidaloka',"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3", 'ipa-mincho', "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:30px;
	letter-spacing:-.02em;
	font-weight:100;
	position: relative;
	text-align: center;
	margin:10px auto !important;
}
h2.widget {
	line-height:0.5em;
}
h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 0.5em;
	background-color: #fff;
	-webkit-text-stroke: 0.05px;
	-webkit-text-stroke-color: white;
}
h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: black;
}

h2.no-border {
	text-align:left;
	padding:10px;
	font-size:20px;
}
h2.no-border::before {
	height:0;
	background-color:none !important;
}

h3 ,#content .entry h3 { 
	font-family:'Vidaloka',"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3", 'ipa-mincho', "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 24px;
	font-weight:400;
	-webkit-text-stroke: 0.18px;
	letter-spacing: -.03em;
	padding:0;
	margin: 10px auto;
}
#content .entry h3{ color: #ef2673;}

.cats_small h3 { font-size: 13px; margin: 5px auto;}
h3.post { font-size:15px; margin:0 auto 10px auto;}
h3.post_big { font-size:15px; margin:10px auto;}
.blogger h3 { font-size: 12px; }

h4 {
	font-family: MuseoSans-300, 'Noto Sans Japanese',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	letter-spacing: -.03em;
	font-weight:600;
}		

.entry h4{
    padding-left: 10px;
    border-left: 5px solid #ef2673;
	margin: 10px 0;
}

h5{
	font-size: 16px ;
	font-weight:400;
	color:#999;
}

h6 {font:100 16px/1.5em 'Vidaloka';color:#282828;margin:8px 0 ;}

/*-----------------------------------------------------------------------------------
POST
-----------------------------------------------------------------------------------*/  

/* lead, aside, info */
div.lead, aside, .info { font-size: 12px; margin: 20px auto !important; padding: 3%; line-height: 1.8em !important; }

p.lead_text, div.lead p, .authorDesc p, .aq-block-aq_ads_block p, aside p, .info p { font-size:12px; color: #50545f; margin:0 auto !important;  line-height: 1.8em; }


div.lead { background: #edefee; margin-bottom:27px !important; }
aside { border: 2px solid #ddd; }
.info { background-color: #FFFEE5; }

@media handheld, only screen and (max-width: 740px){

	div.lead, aside, .info { padding: 5% !important; font-size:12px; }
	div.lead { margin-top:0 !important; }
	p.lead_text, div.lead p, aside p, .info p { font-size:12px; }

}

.entry p sup{line-height:1em;}
.entry em { font-style:normal; font-weight:600;}
ruby br, ruby p {display:none;}

.post_block .imgwrap ul{
	width: 100%;
	position: relative;
	margin-bottom:0;
}
.post_block .imgwrap ul li{
}

.post_block .imgwrap:hover{
	opacity:0.6;
	transition-duration:.3s;
	-ms-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-webkittransition-duration:.3s;
	-o-transition-duration:.3s;
}

.post_block .imgwrap img,
.post_block .imgwrap iframe{
	width: 100%;
	height: auto;
}

.imgwrap .meta, .imgwrap .meta a,
.post_category a,.tab-post .meta_cat a {
	color: #ef2673 !important;
}

.post_category a:hover{
	color:#9b9b9b !important;
}

.format-link span.ribbon_icon,.format-audio span.ribbon_icon,.format-quote span.ribbon_icon,.format-image span.ribbon_icon{
	display:none;
}
.page-id-29925 .post_category , .page-id-29925 .post_date , .page-id-29925 .post_format{
	text-indent:0;
	letter-spacing: 0;
	margin:0;
}

/*-----------------------------------------------------------------------------------
Custom Fields
-----------------------------------------------------------------------------------*/  

/* Remarks */
.remark.event{
	font-size:.85em;
	color:#ef2673;
	line-height:1.3em !important;
	margin:0 auto 15px auto !important;
	text-indent:0 !important;
}

/* Credit */
div.content_more{
	font-size:11px;
	line-height: 1.85em;
	margin: 0 auto;
}

div.content_more h3{
	font-family: MuseoSans-300, 'Noto Sans Japanese',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:600;
	font-size: 20px;
	line-height: 1.7em;
}

div.content_more p, .VIABOX p { margin:0 0 10px 1em; color: #50545f;}

/* Additional Information */

.credit {
	background-color:#edefee;
	margin:20px auto;
	padding: 3%;
}

h4.information_headline{
	color:#ef2673 !important;
	font-weight:600;
	font-size: 15px !important;
	line-height:1.3em !important;
	margin:20px 0 5px 0 !important;
}

/*viabox*/
div.VIABOX{ margin:20px auto; border:2px solid #eee; padding:3%;}
.VIABOX p.agree{ text-align:right; }

/*mall*/
div.mall_information{
	padding:20px;
	margin:20px;
	background-color: #f4f3f0;
}
p.content_label{
	margin: 0 0 8px 0 !important;
	padding: 2px 6px;
	border: 1px solid rgba(0,0,0,0.5);
	-moz-border: 1px solid rgba(0,0,0,0.5);
	-webkit-border: 1px solid rgba(0,0,0,0.5);
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	display: inline-block;
	font-size:10px !important;
}
p.content_label a {
	border-bottom:none !important;
}

div.mall_information img{
	float:left;
	margin-right:20px;
}

div.mall_content .mall_link{
	float:right;
}

div.mall_content .mall_link i{
	margin-right:5px;
}

div.mall_content .mall_link p{
	margin:0 !important;
	padding-left: 1.25em !important;
}

div.mall_content p.mall_text{
	min-height:70px;
	margin-bottom:0;
}

/*promotionbox*/
div.promotionbox{
}
div.promotionbox img{
	width:100%;
}
div.promotionbox a{
	border-bottom:none !important;
}

/* post_supplement */
div.supplement{
	border-top: 1px dotted #bbb;
	padding:5px 0;
	margin:5px auto 0 auto;
	width:95%;
}

.supplement p{
	margin:0 !important;
	font-size: 11px;
	text-align:right;
}

@media (max-width: 740px){
	div.credit, div.VIABOX { width: 80%; padding:5%; }
	div.content_more p{ font-size:.9em;margin: 0 !important;}

	div.VIABOX h3 {font-size:1.2em;}
	div.content_more .VIABOX p, div.content_more .supplement p {margin:0 !important; }
}

/*-----------------------------------------------------------------------------------
SLIDER
-----------------------------------------------------------------------------------*/  
.meteor-slides{
	margin:0 0 26px !important;
	padding:0 8px !important;
	width:auto !important;
	float:left;
}

div#meteor-buttons{
	padding:0 8px;
}

/*-----------------------------------------------------------------------------------
SIDEBAR
-----------------------------------------------------------------------------------*/  
#sidebar div.images_bar{
	width: 100%;
	padding-top: 167.5%;
	position: relative;
	overflow: hidden;
}

.images_bar li{
	position: absolute;
	list-style: none;
}
.images_bar li:nth-child(1){
	width:100%;
	top: 0;
	height: 13%;
	overflow: hidden;
}
.images_bar li:nth-child(1) img{
	width:100%;
}
.images_bar li:nth-child(2){
	bottom: 43.5%;
}
.images_bar li:nth-child(3){
	bottom: 0;
}
#sidebar div.images_bar a img:hover{
	opacity:0.6;
	transition-duration:.3s;
	-ms-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-webkittransition-duration:.3s;
	-o-transition-duration:.3s;
}

/* Category */

@media (max-width: 770px){
	.menu-sidebar-menu-container {
		width:80%;margin:0 auto;
	}
	#menu-sidebar-menu .menu-item{
		font-size:90% !important;
		padding:0 !important;
	}
	#menu-sidebar-menu .menu-item span{
		font-size:60% !important;
		letter-spacing:-.05em !important;
	}
}

#menu-sidebar-menu .menu-item{
	width: 100%;
	padding: 12px 8px !important;
	margin: -1px 0 0 !important;
	border-bottom: 1px solid #bbb;
	-moz-border-bottom: 1px solid #bbb;
	-webkit-border-bottom: 1px solid #bbb;
	border-top:1px solid #bbb;
	font-size: 15px;
}

#menu-sidebar-menu .menu-item span {
	padding-right:15px;
	font-size: 11px;
	letter-spacing: -0.03em;
	float:right;
}

@media (max-width: 1167px){
	#menu-sidebar-menu title { display:none;}
}

#menu-sidebar-menu:hover{ 
        transition-duration:.1s;
        -ms-transition-duration:.1s;
        -moz-transition-duration:.1s;
        -webkittransition-duration:.1s;
        -o-transition-duration:.1s;
}

#menu-sidebar-menu .menu-item a{
	display:block;
}

/*-----------------------------------------------------------------------------------
 posts & pages titles
-----------------------------------------------------------------------------------*/  

.sp{
	font-style: italic;
    color: #ffffff;
    font-size: 13px !important;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
    background-color: #ef2673;
    padding: 10px 20px !important;
}

#post-header .sp {
	font-size:14px !important;
    color: #ef2673 !important;
    background-color: white !important;
    text-shadow:none;
    margin:10px 0 0 0;
    padding: 0  !important;
    display:block;
}

@media (max-width: 790px){
	.sp {margin:5px auto -10px 5px;}
}

.sub-series{
	display:block;
	font-size:12px;
	text-align:left;
		margin-top:-30px;
}

.entry div.video-container{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom:27px;
}
.entry div.video-container iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.flexinside h2{
	font-weight:300;
	font-size:1.5em;
	margin:0;
    font-family: MuseoSans-300, 'Noto Sans Japanese',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    }

/*-----------------------------------------------------------------------------------
 pages
-----------------------------------------------------------------------------------*/  

.category p.page_description,
.page_description p{
	font-size: .85em;
	line-height:1.4em;
}

/* Series */
.latest-post{border-bottom:none!important; margin-bottom:20px !important;}
.tax-series .pagination{float:left;}

.cats_big.series .imgwrap {width:30%; display:inline-block; vertical-align: top; margin: 0 25px 20px 0;}
.cats_big.series .post-content { width:65%; display:inline-block;}
.cats_small.series {width: 100%; margin: 0 auto;}
#series-title.cats_small {padding: 20px 0 !important;}

.top_meta.series { color:#ef2673 !important;}
#series-title h3 {margin: 0 !important;}
#series-title .top_meta {margin: 0 0 10px 0 !important;}

#series-title a.mainbutton {margin:0;}
.series-desc .sp {
	font-family: MuseoSans-300 !important;
	margin-right:10px;
	padding:7px 10px !important;
}

.series-lead{
	background: #edefee;
	margin: 10px auto;
	padding: 3%;
}
.series-lead {font-size:.85em;color:#50545f;　display: block;}

ul#button{ margin:10px 0 0; float: right;}
ul#button li{
	display:inline-block;
	font-size:.85em;
}
ul#button li:first-child{margin:0 10px 0 0}

ul#button li a{
	margin:0;
	padding:12px 5px;
	font-size:12px;
	width: 130px;
}

.nav-previous.fl.series { margin-top:10px;max-width:500px;}
.read-this a.morebutton { max-width:400px;}

.columnbutton {
	margin: 1em auto;
    width: 48%;
    float:left;
    text-align: center;
    background: #white-space !important;
    border-bottom: none !important;
    border-radius: 5px;
    box-shadow: 0px -3px 0px 0px rgba(0, 0, 0, 0.1) inset;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    font-weight: bold;
    color: #fff;
    padding: 20px 0;
    margin:0 1%;
    display: block;
}

@media (max-width: 740px){

	/* series list */
	#series-title {width: 95% !important; }
	#series-title.cats_small {padding: 20px 0 10px 0 !important;}
	#series-title .imgwrap {width: 100%;margin: 0 0 10px 0 !important;}
	#series-title .post-content {width:100%; display: block; }
	#series-title .post-content p {margin: 10px 0;}
	#series-title .top_meta p {margin: 0 10px}

	/* inside series */
	.series-lead { width: 90%;}
	.latest-post{float:none !important}
	#series-title ul#button { display:block; text-align:center; margin:0; float:none; }

	#series-title h3 { font-size: 15px !important; margin: 0 auto;}
	.series-desc .sp {margin:0 10px 0 0;}

	.cats_big.series .post-content,
	.cats_big.series .imgwrap {width:100%; margin: 0 auto;}
	.cats_small.series .imgwrap {vertical-align: top; }

	#series-title .post-content { display:inline-block; margin: 0 auto;}
	.series-desc ul#button {text-align: center;}
	.series-lead,.series_description{ margin: 10px auto; width: 94%; font-size: 12px; padding: 3%; line-height:1.85em; }
	.read-this a.morebutton {width:80%}
	ul#button li { margin:10px 0;}
	ul#button li a { width: 100px; font-size:10px; margin: 0; padding:12px 10px;}

	a.columnbutton {font-size:0.85em;margin: 0 3px;}

}

/* media partners */
#media_content {width:98%;margin:0 auto;}
#media_content .imgwrap {border: 2px solid #eee;}

/* ----------------------------------------
    PLUGIN
---------------------------------------- */
div.tiled-gallery-caption{
	word-wrap: break-word !important;
	white-space: normal;
	width:96%;
	padding:10px 2%;
	line-height:1.7em;
	font-size:.85em;
}
/* ----------------------------------------
    SHORTCODES
---------------------------------------- */

.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0px;
    line-height: 0;
    overflow: hidden;
    width: 100%;
}

/* ----- DIVIDERS ----- */

.hr {
    border-top: 1px dotted #bbb;
    margin: 20px 0;
}

.hr.thick {
    border-top: 4px solid #bbb;
    margin: 20px 0;
}

.divider.top {
    background: none;
    border-top: 1px dotted #bbb;
    height: auto;
    clear: both;
    margin: 40px 0;
}

.top {
    font-size: 0.85em;
    line-height: 10px;
    position: relative;
    text-align: right;
    width: 92%;
}

    .top a {
        color: #282828 !important;
        display: block;
        height: 20px;
        padding-left: 17px;
        position: absolute;
        right: -40px;
        top: -5px;
        width: 20px;
    }

    .top a:hover {    color: #666 !important }

/

/* ----- COLUMNS ----- */

.row-holder {
    clear: both;
    overflow: hidden;
}

.third,
.half {
    float: left;
    margin-right: 5%;
}

.third {    width:32%; }

.half {    width: 45%; }

.two-thirds {    width:65%; position: relative; margin-left: 35%; }

.end {    margin: 0 }


.profile_en{
	display:none;
}

/* ----- Table.Recipe ----- */

.recipe {
	display:table;
	width:99.8%;
	font-size:12px;
	margin:0 0 20px 0;
}

.rdetail{
	display:table-row;
}
p.recipetd{
	display:table-cell;
	padding:1% 2%;
    text-indent: 0 !important;
    border-left: 2px solid #f4f4f4;
    border-top: 2px solid #f4f4f4;
}
p.recipetd:nth-child(3){
	border-right: 2px solid #f4f4f4;
}

p.ingre, 
p.amount {
	display:table-cell;
	background-color:#eee !important;
	margin:0 !important;
	padding: 0 5px;
	font-weight:600;
	text-indent: 0 !important;
	border-top:2px solid #f4f4f4;
	border-left:2px solid #f4f4f4;
}
p.ingre{
	width:30%;
}
p.prep{
	display:none;
}
p.recipetd:nth-child(2){
	border-right:2px solid #f4f4f4;
}
p.recipetd:nth-child(3){
	display:none;
}
.pcprep {
	display:block;
	margin:20px 0;
}


@media handheld, only screen and (max-width: 740px){

	.recipe {
		width:95%;
		margin:0 auto;
	}
	.recipe p{
		display:none;
	}
	p.ingre,
	p.amount{
		width:49.5% !important;
		margin:0 !important;
		display:inline-block;
		border:0;
		padding:5px 0
	}
	p.recipetd:nth-child(2) {
		border-right:0 !important;
	}
	p.amount{
		text-align:right !important;
	}
	p.prep {
		display:none;
	}

	p.recipetd{
		display:inline-block;
		width: 45% !important;
		border:0;
		margin:0 !important;
		line-height:1.5em !important;
	}
	p.recipetd:nth-child(2){
		text-align:right;
	}
	p.recipetd.prepar {
		display: block;
		width: 95% !important;
		margin: 0 auto 5px auto!important;
		border:0;
		border-bottom:2px solid #f4f4f4;
		font-size:0.85em;
	}
	.pcprep {
		display:none;
	}

}

/* ----- Series.hr ----- */

hr.araki {
	padding: 0;
    border: none;
    border-top: medium dotted #333;
    color: #333;
    text-align: right;
    margin-top:50px;
}

hr.araki:after {
	content: url(/wp-content/themes/resolute/images/kuma_aida.png);
	display: inline-block;
	position: relative;
	top: -30px;
	padding: 0 25px 0 0;
	color: #8c8b8b;
}