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

	Theme Name: dresscode_sp
    Text Domain: hoffman
	Theme URI: http://www.andersnoren.se/teman/hoffman-wordpress-theme/
	Version: 1.20
	Description: Hoffman is a beautifully minimal, responsive and retina-ready theme for bloggers. It features a social icon menu, Jetpack support for infinite scroll, five custom widgets, two page templates, editor styling, translation-ready code, custom accent color support, custom background support, support for the gallery post format and much more. Included translations: Swedish/svenska. Demo: http://www.andersnoren.se/themes/hoffman/
	Tags: blog, one-column, custom-colors, custom-menu, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
	Author: Anders Norén
	Author URI: http://www.andersnoren.se
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Blog
	6.	Post Formats
	7.  Single Post
	8.	Post Content
	9.	Post Meta
	10.	Comments
	11.	Respond
	12.	Pagination
	13.	Page & Page Templates
	14.	Footer
	15.	Credits
	16. Responsive

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


/* -------------------------------------------------------------------------------- */
/*	0. CSS Reset
/* -------------------------------------------------------------------------------- */


html, body { margin:0 !important; padding:0;}

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
}

tr {
	margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 0.95em;
    line-height: 1;
    font-family: inherit;
    text-align: left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul {
	list-style:none;
}

blockquote:before, blockquote:after {
	content:"";
}

a { outline:none; }

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


/* -------------------------------------------------------------------------------- */
/*	1. Document setup
/* -------------------------------------------------------------------------------- */


body {
	margin: 0;
	padding: 0;
	border: none;
	color: #333;
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
}

body a {
	color: #333;
	text-decoration: none;
}

body a:hover {
	color: #118582;
	text-decoration: none;
}

* { 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
}

img {
	max-width: 100%;
	height: auto;
}

.hidden { display: none; }
.ninja { visibility: hidden; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.fleft { float: left; }
.fright { float: right; }

::selection {
	background: #222;
	color: #FFF;
}

::-webkit-input-placeholder { color: #A9A9A9; }
:-ms-input-placeholder { color: #A9A9A9; }


/* Transitions --------------------------------------- */


body a,
.tagcloud a:after {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.post-title a,
.more-link,
.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"],
.post-quote cite,
.search-button,
.search-field,
.comment-form input,
.comment-form textarea,
.flex-direction-nav a,
.flex-direction-nav a:before,
.flex-direction-nav a:after,
.post-nav a h5,
.widget_hoffman_recent_posts a .title,
.widget_hoffman_recent_comments a .title span,
.widget_hoffman_recent_posts a .genericon,
.widget_hoffman_recent_comments a .genericon,
#infinite-handle span,
.flickr_badge_image a,
.sticky .is-sticky,
.sticky .is-sticky:before,
.sticky .is-sticky:after,
.main-menu ul > .menu-item-has-children::after,
.main-menu ul > .page_item_has_children::after {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.header .blog-title,
.header .blog-description,
.nav-toggle .bar,
.nav-toggle p {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/* Screen Reader Text --------------------------------------- */


.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


/* -------------------------------------------------------------------------------- */
/*	2.	Structure
/* -------------------------------------------------------------------------------- */


/* sections */


.section {
	width: 100%;
	padding: 80px 0;
	position: relative;
}

.section-inner {
	display: block;
	margin: 0 auto;
	position: relative;
	margin-top: 70px;
}

.section-inner.thin {  }

.medium-padding { padding: 60px 0; }
.small-padding { padding: 45px 0; }
.tiny-padding { padding: 30px 0; }

.bg-light { background: #fafafa; }
.bg-dark { background: #EFEFEF; }
.bg-gold { background: #928452; }


/* site specific */


.wrapper {
	background: #fff;
	width: 1200px;
	max-width: 95%;
	margin: 2.5% auto 0;
	position: relative;
	left: 0;
}

/*.wrapper:after {
	content: "";
	display: block;
	border: 20px solid transparent;
	border-top-color: #f9f9f9;
	border-right-color: #f9f9f9;
	border-bottom-color: #eee;
	border-left-color: #eee;
	position: absolute;
	z-index: 1001;
	top: 0;
	right: 0;
}*/


/* gridiriffic */


.one-half,
.one-third,
.two-thirds { 
	float: left; 
	margin-left: 5%;
}

.one-half { width: 47.5%; }
.one-third { width: 30%; }
.two-thirds { width: 65%; }

.one-half:first-child,
.one-third:first-child,
.two-thirds:first-child { 
	margin-left: 0;
}


/* -------------------------------------------------------------------------------- */
/*	3.	Header
/* -------------------------------------------------------------------------------- */


.header { 
	padding: 0;
	margin: 0 auto;
	border-bottom: 1px solid #eee;
	background: #fff;
	z-index: 1000;
	-webkit-transition: padding 0.4s ease-in-out;
	-moz-transition: padding 0.4s ease-in-out;
	-ms-transition: padding 0.4s ease-in-out;
	-o-transition: padding 0.4s ease-in-out;
	transition: padding 0.4s ease-in-out;
}

.header {
position: fixed;
z-index: 9999;
top: 0;
width: 100%;
background-color: white;
}
.header-cnt {
position: relative;
}

.blog-title {
	font-size: 2em;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	height: 50px;
}

h1.blog-title {
	height: 50px;
}

.blog-title img {
	height: 53px;
    margin-left: -95px;
    margin-right: 0px;
    margin-top: 20px;
}

.blog-title a { 
	color: #928452;
	display: flex;
    justify-content: center;
     }

.blog-description {
	color: #666;
	margin-top: 15px;
	text-align: center;
}

.blog-logo img {
	display: block;
	margin: 0 auto;
	max-height: 80px;
}


/* Nav toggle --------------------------------------- */


.nav-toggle { 
	display: none;
    padding: 20px 0;
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -25px;
}

.nav-toggle.show-desktop { display: block; }

.nav-toggle .bars {
	height: 10px;
	width: 15px;
	position: absolute;
	left: 0;
	margin-top: -5px;
}

.nav-toggle .bar {
	width: 25px;
	height: 3px;
	background: #333;
	position: absolute;
	left: 0;
	top: 0;
}

.nav-toggle .bar:nth-child(2) { 
	top: 10px;
    width: 20px;
    height: 3px;
    background: #333;
    position: absolute;
    left: 0;
	 }

.nav-toggle .bar:nth-child(3) { 
	top: 20px;
    width: 15px;
    height: 3px;
    background: #333;
    position: absolute;
    left: 0;
	 }

.nav-toggle p {
	float: left;
	margin-left: 24px;
	font-size: 14px;
	line-height: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
}

.nav-toggle .close { display: none; }

.nav-toggle:hover { cursor: pointer; }


/* active state */


.nav-toggle.active p { color: #159594; }
.nav-toggle.active .bar { background-color: #159594; }

.nav-toggle.active .bar:nth-child(1),
.nav-toggle.active .bar:nth-child(3) { 
	top: 8px;
    width: 30px;
 }

.nav-toggle.active .bar:nth-child(2) { opacity: 0; }

.nav-toggle.active .bar:nth-child(1) {
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg);  
	-ms-transform: rotate(45deg);  
	-o-transform: rotate(45deg);  
	transform: rotate(45deg); 
}

.nav-toggle.active .bar:nth-child(3) { 
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg);  
	-ms-transform: rotate(-45deg);  
	-o-transform: rotate(-45deg);  
	transform: rotate(-45deg); 
}

.nav-toggle.active .menu { display: none; }
.nav-toggle.active .close { display: block; }


/* Social menu --------------------------------------- */


.header .menu-social {
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -16px;
}

.menu-social li { 
	float: left;
	margin-left: 6px; 
}

.menu-social li:first-child { margin-left: 0; }

.screen-reader-text {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

.menu-social a {
	display: block;
	width: 32px;
	height: 32px;
	background: #333;
	color: #fff;
	border-radius: 999px;
	position: relative;
}

.menu-social a:hover { 
	background-color: #928452; 
	color: #fff;
}

.menu-social li a::before {
	content: '\f408';
	display: inline-block;
	font-family: 'Genericons';
	font-size: 16px;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
	-webkit-font-smoothing: antialiased;
}

.menu-social li a[href*="codepen.io"]::before { content: '\f216'; }
.menu-social li a[href*="dribbble.com"]::before { content: '\f201'; }
.menu-social li a[href*="facebook.com"]::before { content: '\f204'; }
.menu-social li a[href*="flickr.com"]::before { content: '\f211'; }
.menu-social li a[href*="github.com"]::before { content: '\f200'; }
.menu-social li a[href*="instagram.com"]::before { content: '\f215'; }
.menu-social li a[href*="linkedin.com"]::before { content: '\f207'; }
.menu-social li a[href*="pinterest.com"]::before { content: '\f210'; }
.menu-social li a[href*="plus.google.com"]::before { content: '\f206'; }
.menu-social li a[href*="tumblr.com"]::before { content: '\f214'; }
.menu-social li a[href*="twitter.com"]::before { content: '\f202'; }
.menu-social li a[href*="vimeo.com"]::before { content: '\f212'; }
.menu-social li a[href*="wordpress.org"]::before,
.menu-social li a[href*="wordpress.com"]::before { content: '\f205'; }
.menu-social li a[href*="youtube.com"]::before { content: '\f213'; }


/* Nojs --------------------------------------- */


.no-js .nav-toggle { display: none; }
.no-js .navigation { display: block; }


/* -------------------------------------------------------------------------------- */
/*	4.	Navigation
/* -------------------------------------------------------------------------------- */


.navigation { font-size: 0.85em; }

.main-menu li { position: relative; }
.main-menu > li { float: left;  }

.main-menu > li:before { 
	content: "/"; 
	display: inline-block;
	color: #444;
}

.main-menu > li:first-child:before { content: none; }

.main-menu > li > a {
	display: inline-block;
	padding: 28px 18px;
	text-transform: uppercase;
	font-weight: 600;
	color: #999;
}

.main-menu > li:first-child > a { padding-left: 0; }

.main-menu > .has-children > a,
.main-menu > .menu-item-has-children > a { padding-right: 36px; position: relative; }

.main-menu > .has-children > a::after,
.main-menu > .menu-item-has-children > a::after {
	content: "";
	display: block;
	border: 5px solid transparent;
	border-top-color: #999;
	position: absolute;
	z-index: 1001;
	right: 16px;
	top: 50%;
	margin-top: -3px;
}

.main-menu > .has-children:hover > a::after,
.main-menu > .menu-item-has-children:hover > a::after { border-top-color: #fff; }

.main-menu .active a,
.main-menu li:hover > a { color: #fff; }


/* Sub menus --------------------------------------- */


.main-menu ul { 
	padding-top: 20px;
	margin-left: -110px;
	position: absolute;
	z-index: 150;
	opacity: 0;
	top: 61px;
	left: -9999px;
	-webkit-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
}

.main-menu ul li { 
	display: block; 
	width: 240px;
	text-align: center;
	background: #928452;
}

.main-menu ul li:first-child { border-top: none; } 

.main-menu > li > ul:before {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-bottom-color: #928452;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
}

.main-menu ul > .menu-item-has-children::after,
.main-menu ul > .page_item_has_children::after {
	content: "";
	display: block;
	border: 8px solid transparent;
	border-left-color: rgba(0,0,0,0.25);
	position: absolute;
	z-index: 1001;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.main-menu ul > .menu-item-has-children:hover::after,
.main-menu ul > .page_item_has_children:hover::after {
	border-left-color: #928452;
	right: -16px;
}

.main-menu ul a {
	display: block;
	padding: 20px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	line-height: 130%;
}

.main-menu > li:hover > ul { 
	opacity: 1;
	top: 51px; 
	left: 50%;
}

.main-menu ul li:hover > a { background: rgba(0,0,0,0.1); }


/* Deep down --------------------------------------- */


.main-menu ul ul { top: 5px; }

.main-menu ul li:hover > ul {
	top: 0;
	left: 240px;
	padding: 0 0 0 18px;
	margin: 0;
	opacity: 1;
}


/* -------------------------------------------------------------------------------- */
/*	5.	Blog 
/* -------------------------------------------------------------------------------- */


.post { 
	background: #fff; 
	position: relative;
}

.post + .post,
.page + .page,
.post + .page,
.page + .post,
.infinite-wrap .post:first-child { 
	border-top: 1px solid #eee;
	margin-top: 0px;
	 }

.post-inner { padding: 70px 0; }


/* Featured media --------------------------------------- */


.featured-media a,
.featured-media img { display: block; }

.featured-media img { 
	margin: 0 auto; 
    }

.caption {
	display: block;
	padding: 25px 0 0;
	margin: 0 5%;
	font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	color: #999;
}


/* Sticky post --------------------------------------- */


.sticky .is-sticky {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 40px;
	width: 48px;
	height: 44px;
	background: #333;
	color: #fff;
}

.sticky .is-sticky:before,
.sticky .is-sticky:after {
	content: "";
	display: block;
	border: 11px solid transparent;
	position: absolute;
	right: -22px;
}

.sticky.sticky .is-sticky:before {
	top: 0;
	border-top-color: #333;
	border-left-color: #333;
}

.sticky .is-sticky:after {
	bottom: 0;
	border-left-color: #333;
	border-bottom-color: #333;
}

.sticky .is-sticky .genericon {
	font-size: 32px;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 8px;
	left: 8px;
}

.sticky .is-sticky:hover { 
	cursor: pointer;
	background: #928452; 
	color: #fff;
}

.sticky .is-sticky:hover:before {
	border-top-color: #928452;
	border-left-color: #928452;
}

.sticky .is-sticky:hover:after {
	border-left-color: #928452;
	border-bottom-color: #928452;
}


/* Post header --------------------------------------- */


.post-header:after {
	content: "";
	display: block;
	margin: 40px auto;
}

.post-header {
	width: 88%;
	margin: 0px 10px 10px 0px;
    background-color: white;
    padding: 16px 14px;
}

.post-title {
	line-height: 125%;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 115%;
    text-align: left;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
}

.post-title a { color: #222; }
.post-title a:hover { color: #118582; }

.post-content a.more-link {
	display: inline-block;
	padding: 15px 15px 14px;
	border: 3px solid #928452;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content a.more-link:hover { background: #928452; color: #fff; }


/* post meta top */


.post-meta.top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 105%;
    color: #333;
    margin-right: 3px;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
}

.post-meta.top a { color: #999; }
.post-meta.top a:hover { color: #333; }

.post-meta.top .sep {
	font-family: 'Helvetica';
	font-weight: 300;
	color: #ddd;
	margin: 0 8px;
}


/* Page links --------------------------------------- */


.page-links {
	display: inline-block;
    margin-top: 0px !important;
    background: #fafafa;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
    font-size: 100% !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
    margin-left: 50px;
}

.page-links span.title + span.sep { display: none; }

.post-content .page-links a {
	display: block;
    padding: 10px 17px;
    float: left;
    border: none;
    font-size: 115%;
}

.page-links > span {
    display: block;
    float: left;
    padding: 10px 17px;
    font-size: 115%;
}

.page-links > span { background: #ddd; color: #444; }
.page-links span.title { background: none; color: #666; }

.post-content .page-links a:hover { 
	background: #928452; 
	color: #fff;
}


/* -------------------------------------------------------------------------------- */
/*	6.	Post formats
/* -------------------------------------------------------------------------------- */


/* Format gallery --------------------------------------- */


.flexslider { 
	position: relative; 
	overflow: hidden;
}

.flexslider .slides li { position: relative; }

.flexslider .slides li img {
	display: block;
	margin: 0 auto;
}

.flex-direction-nav {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -32px;
}

.flex-direction-nav a {
	display: block;
	width: 48px;
	height: 48px;
	background: #333 no-repeat center;
	background-size: auto 16px;
	position: absolute;
}

.flex-direction-nav .flex-prev {
	background-image: url(images/icons/chevron-left-w_1x.png);
	left: 0;
}

.flex-direction-nav .flex-next { 
	background-image: url(images/icons/chevron-right-w_1x.png);
	right: 0; 
}

.flex-direction-nav a:hover { background-color: #928452; }

.flexslider-caption {
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}

.flexslider-caption p {
	display: inline-block;
	padding: 12px 14px 10px;
	background: #333;
	background: rgba(0,0,0,0.5);
	border-radius: 3px 3px 0 0;
	font-family: 'Vollkorn', serif;
	font-style: italic;
	font-size: 0.9em;
	line-height: 1;
	color: #fff;
	position: relative;
	z-index: 1000;
}


/* -------------------------------------------------------------------------------- */
/*	7.	Post content
/* -------------------------------------------------------------------------------- */


.post-content {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	font-size: inherit;
	padding: 0px 30px;
}

.post-content a { text-decoration: underline; }
.post-content a:hover { border-bottom-color: #928452; }

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ol,
.post-content li,
.post-content address,
.post-content dl,
.post-content .wp-caption,
.post-content pre {
line-height: 1.8em;
    margin-bottom: 1.2em;
    margin-top: 1.1em;
    font-size: 15.2px;
}

.post-content > *:first-child {}
.post-content *:last-child { margin-bottom: 0; }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	margin: 60px 0 30px;
	font-family: 'Raleway', sans-serif;
	line-height: 120%;
}

.post-content h1 { 
	font-size: 1.75em; 
	font-weight: 800;
	letter-spacing: 1px;
}

.post-content h2 { 
	font-size: 1.5em; 
	font-weight: 800;
	letter-spacing: 1px;
}

.post-content h3 { 
	font-size: 1.25em; 
	font-weight: 700;
}

.post-content h4 { 
	font-size: 1.1em; 
	font-weight: 700;
}

.post-content h5 { 
	font-size: 1em; 
	font-weight: 600;
}

.post-content h6 {
	font-size: 0.8em;
	font-weight: 600;
	letter-spacing: 1px;
	color: #666;
	margin-bottom: 20px;
}

.post-content h1+h1, .post-content h1+h2, .post-content h1+h3, .post-content h1+h4, .post-content h1+h5, .post-content h1+h6,
.post-content h2+h1, .post-content h2+h2, .post-content h2+h3, .post-content h2+h4, .post-content h2+h5, .post-content h2+h6,
.post-content h3+h1, .post-content h3+h2, .post-content h3+h3, .post-content h3+h4, .post-content h3+h5, .post-content h3+h6,
.post-content h4+h1, .post-content h4+h2, .post-content h4+h3, .post-content h4+h4, .post-content h4+h5, .post-content h4+h6,
.post-content h5+h1, .post-content h5+h2, .post-content h5+h3, .post-content h5+h4, .post-content h5+h5, .post-content h5+h6,
.post-content h6+h1, .post-content h6+h2, .post-content h6+h3, .post-content h6+h4, .post-content h6+h5, .post-content h6+h6 {
	margin-top: 20px;
}

.post-content blockquote {
	padding: 30px 30px 30px 90px;
	background: #F6F6F6;
	background: rgba(0,0,0,0.05);
	position: relative;
}

.post-content blockquote:before {
	content: '”';
	display: block;
	width: 90px;
	font-family: 'Georgia', 'Times New Roman', serif;
	font-size: 72px;
	line-height: 72px;
	font-weight: 700;
	color: #AAA;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	top: 32px;
	left: 0px;
}

.post-content blockquote p { 
	color: #666;
	font-style: italic;
}

.post-content cite {
	font-family: 'Raleway', sans-serif;
	font-size: 1rem;
	line-height: 140%;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content cite:before { content: "— "; }

.post-content blockquote cite {
	display: block;
	margin-top: 30px;
	color: #666;
}

.post-content blockquote cite em { font-style: italic; font-weight: bold; }

em, q {  font-style: italic;  }

.post-content strong em,
.post-content em strong {
	font-weight: bold;
	font-style: italic;
}

.post-content big { font-size: 1.25em; }

abbr, acronym { cursor: help; }

.post-content code, 
.post-content kbd,
.post-content pre,
.post-content tt {
	font-size: 15px;
	background: #EEE;
	font-family: Menlo, Monaco, monospace;
}

.post-content kbd,
.post-content code,
.post-content tt {
	padding: 5px;
	border-radius: 3px;
}

.post-content dl { line-height: 160%; }

.post-content dl dt { 
	font-size: 0.8em;
	font-weight: 700; 
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content dd + dt { margin-top: 0.5em; }

.post-content hr {
	display: block;
	width: 96px;
	height: 3px;
	background: #ddd;
	background: rgba(0,0,0,0.1);
	margin: 40px auto;
	border: none;
}

.post-content ul,
.post-content ol {
	margin-left: 1.5em;
    margin-top: 30px;
    margin-bottom: 30px;
}

.post-content ul { list-style: disc; }
.post-content ul ul { list-style: circle; }
.post-content ul ul ul { list-style: square; }

.post-content ol { list-style: decimal; }
.post-content ol ol { list-style: lower-alpha; }
.post-content ol ol ol { list-style: lower-roman; }

.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {
	margin-bottom: 0;
}

.post-content li ul li:first-child,
.post-content li ol li:first-child { margin-top: 0.5em; }

.post-content li {
    margin-bottom: 0em;
    line-height: 150%;
}

.post-content ol > li:last-child,
.post-content ul > li:last-child {
	margin-bottom: 0;
}

.post-content address {
	padding: 3% 3.5%;
	background: #f1f1f1;
	font-family: 'Raleway', sans-serif;
	font-size: 0.85em;
	line-height: 200%;
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.post-content pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	line-height: 140%;
	padding: 2% 2.5%;
	background: #FAFAFA;
	border: 1px solid #DDD;
	color: #333;
	font-size: 0.7em;
}

.post-content abbr,
.post-content acronym { 
	border-bottom: 1px dashed #ccc; 
}


/* Post Media --------------------------------------- */


.post-content img {
	max-width: 100vw !important;
    margin-left: -30px !important;
}

.wp-caption img {
	max-width: 100vw !important;
	margin-left: -30px !important;
}

.wp-caption {
	width: 100% !important;
}

.post-content .alignleft,
.post-content .alignright {
	margin-bottom: 0.5em;
	max-width: 400px;
}

.post-content .wp-caption img { display: block; }

.post-content .wp-caption .alignleft,
.post-content .wp-caption .alignright {
	margin-bottom: 0;
}

.post-content .alignleft {
	float: left;
	margin-left: -100px;
	margin-right: 1.5em;
}

.post-content .alignright {
	float: right;
	margin-right: -100px;
	margin-left: 1.5em;
}

.post-content img.aligncenter,
.post-content img.alignnone,
.post-content .aligncenter img,
.post-content .alignnone img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.post-content .wp-caption-text,
.post-content .gallery-caption {
	font-size: 0.8em;
    font-style: italic;
    color: #999;
    text-align: center;
    width: 100vw;
    margin-top: 5px;
    margin-left: -30px !important;
    margin-bottom: -5px;
}

.post-content .gallery-caption {
	font-size: 16px;
	line-height: 24px;
}

/* jetpack tiled gallery */

.tiled-gallery .tiled-gallery-caption {
	font-family: 'Raleway', sans-serif;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	color: #666;
	padding: 10px;
}


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


.post-content table {
	border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 0.75em;
    width: 100vw;
    margin-left: -30px;
}

.post-content tbody { 
	border-top: 1px solid #eee; 
	border-top-color: rgba(0,0,0,0.075);
    border-bottom: 1px solid #eee;
	border-bottom-color: rgba(0,0,0,0.075);
}

.post-content th,
.post-content td {
	padding: 2%;
	margin: 0;
	overflow: visible;
	line-height: 130%;
	border-bottom: 1px solid #eee;
	border-bottom-color: rgba(0,0,0,0.075);
	border: 1px solid #eee;
}

.post-content tr:last-child td { border-bottom: none; }

.post-content caption {
	color: #444;
	text-align: center;
	padding: 2%;
}

.post-content thead {
	vertical-align: bottom;
	white-space: nowrap;
}

.post-content th {
	font-family: inherit;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 1px;
    color: #666;
}

.post-content table tbody > tr:nth-child(odd) > td { 
	background: #f9f9f9; 
	background: rgba(0,0,0,0.05);
}


/* Forms --------------------------------------- */

.post-content fieldset {
	padding: 25px;
	border: 2px solid #eee;
	margin-bottom: 1em;
}

.post-content fieldset legend {
	font-family: 'Raleway', sans-serif;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #666;
	padding: 10px;
	background: #928452;
	color: #fff;
}

.post-content label {
	font-family: 'Raleway', sans-serif;
	font-size: 0.9rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

.post-content input { font-family: 'Raleway', sans-serif; }

.post-content input[type="file"] {
	padding: 12px;
	background: #FAFAFA;
	border: 1px solid #eee;
	border-radius: 3px;
}

.post-content input[type="text"],
.post-content input[type="tel"],
.post-content input[type="url"],
.post-content input[type="password"],
.post-content textarea {
	width: 100%;
	padding: 20px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.85em;
	border: none;
	color: #444;
	background: #FAFAFA;
	border: 2px solid #ddd;
        -webkit-transition: border 0.1s ease-in-out;
        -moz-transition: border 0.1s ease-in-out;
        -ms-transition: border 0.1s ease-in-out;
        -o-transition: border 0.1s ease-in-out;
	transition: border 0.1s ease-in-out;
	-webkit-appearance: none;
	border-radius: 0;
}

.post-content textarea { 
	height: 180px; 
	line-height: 140%;
}

.post-content input[type="text"]:focus,
.post-content input[type="tel"]:focus,
.post-content input[type="url"]:focus,
.post-content input[type="password"]:focus,
.post-content textarea:focus {
	border-color: #aaa;
	outline: none;
}

.post-content input[type="submit"],
.post-content input[type="reset"],
.post-content input[type="button"] {
	padding: 12px 16px;
	margin: 0;
	border: none;
	border-radius: 3px;
	background: #333;
	font-size: 0.9rem;
	line-height: 1;
	color: #fff;
	-webkit-appearance: none;
}

.post-content input[type="submit"] + input[type="reset"],
.post-content input[type="submit"] + input[type="reset"],
.post-content input[type="reset"] + input[type="submit"],
.post-content input[type="reset"] + input[type="button"],
.post-content input[type="button"] + input[type="button"],
.post-content input[type="button"] + input[type="reset"],
.post-content input[type="button"] + input[type="submit"] {
	margin-left: 8px;
}

.post-content input[type="submit"]:hover,
.post-content input[type="reset"]:hover,
.post-content input[type="button"]:hover {
	cursor: pointer;
	background: #928452;
	color: #fff;
}


/* -------------------------------------------------------------------------------- */
/*	9. Post meta
/* -------------------------------------------------------------------------------- */


.tab-selector { border-bottom: 2px solid #eee; }

.tab-selector li {
	float: left;
	position: relative;
	bottom: -2px;
}

.tab-selector a {
	display: block;
	padding: 16px;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	border-top: 2px solid #eee;
	border-right: 2px solid #eee;
}

.tab-selector li:first-child a { border-left: 2px solid #eee; }

.tab-selector a:hover { color: #666; }

.tab-selector a.active { 
	background: #fff; 
	color: #928452;
}

.tab-selector span,
.tab-selector .genericon { 
	display: inline;
	vertical-align: middle; 
}


/* tabs */


.post-meta-tabs { padding: 70px 0; }

.post-meta-tabs .tab { display: none; }
.post-meta-tabs .tab-comments { display: block; }


/* Post meta --------------------------------------- */


.post-meta-item {
	padding-top: 20px;
	border-top: 1px solid #eee;
	margin-top: 20px;
	font-size: 0.85em;
	line-height: 120%;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}

.post-meta-item a { color: #666; }
.post-meta-item a:hover { color: #928452; }

.post-meta-item:first-child {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}

.post-meta-item .genericon { 
	color: #928452; 
	margin-right: 5px;
}


/* Post nav --------------------------------------- */


.post-nav a { display: block; }

.post-nav p {
	font-size: 0.7em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	margin-bottom: 4px;
}

.post-nav h5 {
	line-height: 120%;
	font-weight: 800;
	text-transform: uppercase;
	color: #333;
}

.post-nav a:hover h5 { color: #928452; }

.post-nav hr {
	display: block;
	border: none;
	width: 100%;
	height: 1px;
	background: #eee;
	margin: 20px 0;
}


/* Author meta --------------------------------------- */


.tab-author-meta { position: relative; }

.author-meta-aside {
	width: 120px;
	position: absolute;
	top: 0;
	left: 0;
}

.author-meta-aside .author-avatar,
.author-meta-aside .author-avatar img {
	display: block;
}

.author-meta-aside .author-avatar img {
	width: 100%;
	height: auto;
	border-radius: 999px;
}

.author-meta-count {
	display: block;
	padding: 8px;
	background: #eee;
	color: #666;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.author-meta-count + .author-meta-count { border-top: 1px solid #ddd; }


/* author inner */


.author-meta-inner { 
	min-height: 183px;
	margin-left: 150px; 
}

.author-name {
	font-size: 1.1em;
	line-height: 110%;
	font-weight: 800;
	text-transform: uppercase;
}

.author-name a { color: #333; }
.author-name a:hover { color: #928452; }

.author-position {
	margin: 8px 0 16px;
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

.author-description p {
	line-height: 140%;
	color: #666;
}


/* author meta social */


.author-meta-social { margin-top: 20px; }

.author-meta-social a {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 5px 5px 0;
	float: left;
	border-radius: 999px;
	background: #333;
	color: #fff;
	position: relative;
}

.author-meta-social .genericon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.author-meta-social .genericon-home {
	width: 26px;
	height: 26px;
	font-size: 26px; 
	top: 11px;
	left: 11px;
}

.author-meta-social a:hover {
	background: #928452;
	color: #fff;
}


/* Nojs --------------------------------------- */


.no-js .tab-selector ul { display: none; }

.no-js .post-meta-tabs .tab { display: block; }

.no-js .post-meta-tabs .tab:after { 
	content: "";
	height: 4px;
	width: 100%;
	background: #ddd;
	display: block;
	margin: 10% 0;
}

.no-js .post-meta-tabs .tab:last-child:after { display: none; }


/* -------------------------------------------------------------------------------- */
/*	10. Comments
/* -------------------------------------------------------------------------------- */


.comments-container { border-top: 1px solid #eee; }

.comments-inner { padding: 70px 0; }

.comments-title-container { 
	position: relative;
	margin-bottom: 60px; 
	padding-bottom: 30px;
	border-bottom: 2px solid #eee;
}

.comments-title {
	font-size: 1.5em;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #222;
}

.comments-subtitle {
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
	position: absolute;
	bottom: 32px;
	right: 0;
}

.comments-title-container a:hover { text-decoration: underline; }

/* no comments */

.no-comments {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	text-align: center;
	color: #666;
}

/* comments list */

div.comment { 
	margin-bottom: 40px;
	position: relative;
}

.commentlist .children { padding-left: 60px; }

.comment .avatar {
	width: 70px;
	height: 70px;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
}

.bypostauthor .by-post-author {
	display: block;
	position: absolute;
	z-index: 100;
	top: -10px;
	left: -10px;
	width: 32px;
	height: 32px;
	background: #928452;
	border-radius: 999px;
	text-align: center;
}

.bypostauthor .by-post-author:before {
	content: '\f304';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 32px/1 'Genericons';
    color: #fff;
    vertical-align: middle;
}

.comment-inner { 
	margin-left: 90px; 
	padding: 25px;
	background: #f1f1f1;
	border-radius: 3px;
	position: relative;
}

.comment-inner:before {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-right-color: #f1f1f1;
	position: absolute;
	top: 25px;
	left: -20px;
}

.comment-header { margin-bottom: 25px; }

.comment-header h4 {
	text-transform: uppercase;
	font-weight: 800;
	color: #333;
}

.comment-header a { color: #333; }
.comment-header a:hover { color: #928452; }

.comment-header span {
	margin-left: 4px;
	font-size: 0.9rem;
	font-weight: 600;
	color: #999;
}


/* comment actions */


.comment-actions { margin-top: 25px; }

.comment-actions p { display: inline-block; }

.comment-actions p + p { margin-left: 12px; }

.comment-actions a:before {
	font: 16px/1 'Genericons';
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #999;
	margin-right: 3px;
	-webkit-font-smoothing: antialiased;
}

.comment-actions a.comment-date-link:before { content: '\f107'; }
.comment-actions a.comment-edit-link:before { content: '\f411'; }
.comment-actions a.comment-reply-link:before { content: '\f412'; }

.comment-actions a { 
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	color: #AAA; 
}
.comment-actions a:hover,
.comment-actions a:hover:before { color: #928452; }


/* comment content */


.comment-content { font-size: 1.05em; }

.comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
	margin: 40px 0 20px;
}


/* comment nav */


.comments-nav {
	margin-top: 70px;
	padding: 30px 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.comments-nav a { color: #999; }
.comments-nav a:hover { color: #928452; }


/* -------------------------------------------------------------------------------- */
/*	11. Respond
/* -------------------------------------------------------------------------------- */


.comments + .comment-respond { margin-top: 70px; }

.commentlist .comment-respond { margin-bottom: 40px; }

.commentlist > li:last-child .comment-respond:last-child { margin-top: 40px; }

.comment-reply-title {
	font-size: 1.5em;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #222;
	margin-bottom: 40px;
}

#cancel-comment-reply-link {
	margin-left: 5px;
	font-size: 1rem;
	letter-spacing: 1px;
	font-weight: 600;
	color: #999;
}

#cancel-comment-reply-link:hover { color: #928452; }

.comment-notes,
.logged-in-as {
	margin: 0 0 40px;
	color: #666;
}

.logged-in-as a:hover { text-decoration: underline; }


/* comment form */


.comment-form {
	padding: 25px;
	background: #F1F1F1;
	border-radius: 3px;
}

.comment-form-comment + .comment-form-author,
.comment-form-comment + .comment-form-author + .comment-form-email {
    margin-top: 25px;
}

.comment-form p + p { margin-top: 25px; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea,
.comment-form input[type="submit"] {
	padding: 0;
	border: none;
	margin: 0;
	background: none;
	font-family: 'Raleway', sans-serif;
	font-size: 1em;
	-webkit-appearance: none;
	border-radius: 0;
}

.comment-form label {
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #666;
	margin-bottom: 10px;
}

.comment-form .required { 
	color: red; 
	margin-left: 2px;
}

.comment-form-author,
.comment-form-email {
	width: 47.5%;
	float: left;
	margin-top: 0;
	margin-bottom: 25px;
}

.comment-form-author + .comment-form-email { margin-top: 0; }

.comment-form-email { margin-left: 5%; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	padding: 15px;
	background: #fff;
	border: 2px solid #ddd;
	color: #444;
}

.comment-form textarea { line-height: 150%; }

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form textarea:focus {
	border-color: #928452;
	color: #666;
	outline: none;
}

.comment-form .form-allowed-tags {
	font-size: 0.8em;
	line-height: 140%;
	color: #999;
}

.comment-form input[type="submit"] {
	display: inline-block;
	padding: 14px 15px 13px;
	background: #fff;
	border: 2px solid #928452;
	font-family: 'Raleway', sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #928452;
}

.comment-form input[type="submit"]:hover,
.comment-form input[type="submit"]:focus { 
	background: #928452; 
	color: #fff;
	cursor: pointer;
}

.comment-subscription-form { margin-top: 20px; }
.comment-subscription-form + .comment-subscription-form { margin-top: 10px; }



/* -------------------------------------------------------------------------------- */
/*	12.	Pagination
/* -------------------------------------------------------------------------------- */


/* page title */


.page-title { 
	padding: 35px 0;
	background: #EFEFEF; 
}

.page-title h4 {
    font-size: 140%;
    line-height: 120%;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    color: #333;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    margin-top: 0px;
}

.page-title span { 
	display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 75%;
    letter-spacing: 1px;
    color: #727171;
}

.tag-meta p {
	font-family: 'Vollkorn', serif;
	font-style: italic;
	text-align: center;
	color: #999;
	margin-top: 20px;
}


/* Jetpack infinite scroll button */


.infinite-loader,
#infinite-handle { 
	text-align: center; 
	margin-bottom: 70px;
}

#infinite-handle span {
	display: inline-block;
	padding: 14px 15px;
	border: 3px solid #928452;
	background: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #928452;
}

#infinite-handle span:hover {
	cursor: pointer;
	background: #928452;
	color: #fff;
}

.infinite-loader .spinner {
	display: block;
	margin: 0 auto;
}


/* archive nav */


.infinite-scroll .archive-nav { display: none; }

.archive-nav {
	padding: 35px 0;
	border-top: 1px solid #eee;
}

.archive-nav a {
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: 700;
	color: #666;
}

.archive-nav .post-nav-newer { float: right; }

.archive-nav a:hover { color: #928452; }


/* -------------------------------------------------------------------------------- */
/*	13.	Page & Page Templates
/* -------------------------------------------------------------------------------- */


/* Archive template --------------------------------------- */


.posts-archive-list span {
	margin-left: 5px;
	font-family: 'Raleway', sans-serif;
	font-size: 0.7em;
	font-weight: 600;
	text-transform: uppercase;
	color: #999;
}


/* -------------------------------------------------------------------------------- */
/*	14.	Footer
/* -------------------------------------------------------------------------------- */


.footer {
	padding: 70px 0;
	border-top: 1px solid #eee;
}

.widget + .widget { margin-top: 40px; }

.widget-title {
	font-family: 'Raleway', sans-serif;
	font-size: 0.95em;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 20px;
}

.widget-content { 
	font-family: 'Raleway', sans-serif;
	font-size: 0.9rem; 
	color: #555;
}

.widget-content a:hover { text-decoration: underline; }

.widget-content li {
	line-height: 140%;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.widget-content ul ul { margin-left: 1em; }

.widget-content ul ul li:first-child { 
	margin-top: 0.5em; 
	border-top: 1px solid #eee;
}

.widget-content > ul > li:first-child { padding-top: 0; }

.widget-content li:last-child { 
	padding-bottom: 0;
	border-bottom: none; 
}


/* Widget text --------------------------------------- */


.textwidget { line-height: 160%; }

.textwidget > * { margin-top: 1em; }
.textwidget *:first-child { margin-top: 0; }
.textwidget *:last-child { margin-bottom: 0; }

.textwidget p { line-height: 160%; }


/* Widget calendar --------------------------------------- */


#wp-calendar {
	width: 100%;
	max-width: 100%;
	font-family: 'Raleway', sans-serif;
	color: #888;
	text-align: center;
}

#wp-calendar,
#wp-calendar caption,
#wp-calendar tr,
#wp-calendar td,
#wp-calendar th {
	text-align: center;
}

#wp-calendar th,
#wp-calendar td {
	padding: 4% 2%;
}

#wp-calendar caption,
#wp-calendar thead {
	color: #666;
	border-bottom: 1px solid #eee;
}

#wp-calendar caption {
	font-size: 0.9em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
	padding-bottom: 4%;
}

#wp-calendar thead {
	color: #928452;
}

#wp-calendar thead th {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}

#wp-calendar tfoot { border-top: 1px solid #EEE; }
#wp-calendar tfoot td { padding: 0; }
#wp-calendar tfoot #prev { text-align: left; }
#wp-calendar tfoot #next { text-align: right; }

#wp-calendar tfoot a {
	display: block;
	margin-top: 10px;
	font-size: 0.8em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #999;
}

#wp-calendar tfoot a:hover {
	text-decoration: none;
	color: #333;
}


/* Widget tag cloud --------------------------------------- */


.widget_tag_cloud .tagcloud a { font-size: 13px !important; }

.tagcloud a {
	display: block;
	float: left;
	padding: 8px 8px;
	background: #eee;
	border-radius: 3px;
	font-family: 'Raleway', sans-serif;
	line-height: 1;
	margin: 0 5px 5px 0;
	color: #666;
}

.tagcloud a:hover {
	background: #928452;
	color: #FFF;
	text-decoration: none;
}


/* Widget icons --------------------------------------- */


.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li { color: #999; }

.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.widget_nav_menu li a { color: #333; }

.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.widget_nav_menu li a:hover { 
	color: #928452; 
	text-decoration: none;
}

.widget_archive li:before,
.widget_categories li:before,
.widget_meta li:before,
.widget_nav_menu li:before {
	font: 16px/1 'Genericons';
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #999;
	margin-right: 8px;
	-webkit-font-smoothing: antialiased;
}

.widget_archive li:before { content: '\f307'; }
.widget_categories li:before { content: '\f301'; }
.widget_meta li:before { content: '\f445'; }
.widget_nav_menu li:before { content: '\f429'; }


/* Widget archive --------------------------------------- */


.widget_archive li { text-transform: capitalize; }


/* Widget search form --------------------------------------- */


.search-form { position: relative; }

.search-field {
    display: block;
    width: 100%;
    padding: 3% 17.5% 3% 5%;
    margin: 0;
    border: 3px solid;
    border-color: #333;
    font-family: 'Raleway', sans-serif;
    font-size: 1rem;
    color: #444;
    -webkit-appearance: none;
}

.search-field:focus { 
	outline: none; 
	background: #333;
	color: #fff;
}

a.search-button {
	display: block;
	width: 15%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	-webkit-appearance: none;
	position: absolute;
	top: 0;
	right: 0;
}

.search-button:before {
	content: '\f400';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 32px/1 'Genericons';
    vertical-align: middle;
    color: #333;
	position: absolute;
	top: 50%;
	right: 50%;
	margin-top: -16px;
	margin-right: -16px;
}

a.search-button:hover { 
	cursor: pointer; 
	border: none; 
}

a.search-button:hover:before { color: #928452; }


/* Widget recent posts & widget recent comments --------------------------------------- */


.hoffman-widget-list a {
	display: block;
	position: relative;
	min-height: 50px;
}

.hoffman-widget-list .post-icon {
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #eee;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;	
}

.hoffman-widget-list .post-icon img {
	display: block;
}

.hoffman-widget-list .genericon {
	position: absolute;
	z-index: 1;
	font-size: 32px;
	height: 32px;
	width: 32px;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -16px;
	color: #ccc;
}

.hoffman-widget-list .inner { margin-left: 60px; }
.widget_hoffman_recent_posts .inner { padding-top: 8px; }

.hoffman-widget-list .title {
	font-size: 1em;
	line-height: 110%;
	font-weight: 700;
	color: #333;
}

.hoffman-widget-list .meta,
.hoffman-widget-list .excerpt {
	font-size: 0.9em;
	line-height: 140%;
	font-weight: 400;
	color: #999;
	margin-top: 4px;
}

.hoffman-widget-list .sep {
	margin: 0 3px;
	color: #ddd;
}

.hoffman-widget-list a:hover { text-decoration: none; }

.hoffman-widget-list a:hover .title { 
	color: #928452; 
	text-decoration: underline;
}

.hoffman-widget-list a:hover .genericon { color: #928452; }


/* Widget Flickr --------------------------------------- */


.flickr-container {  margin: -5px 0 0 -5px; }

.flickr_badge_image {
	display: inline-block;
	margin: 5px 5px 2px 5px;
}

.flickr_badge_image {
	height: 75px;
	width: auto;
}

.flickr_badge_image a,
.flickr_badge_image img {
	display: block;
}

.flickr_badge_image a:hover { 
	opacity: 0.8; 
}


/* -------------------------------------------------------------------------------- */
/*	15.	Credits
/* -------------------------------------------------------------------------------- */


.credits {
	padding: 40px 0;
	background: #222;
	border-top: 1px solid #eee;
}

img#wpstats { display: none !important; } /* silly wp stats */

.credits .fleft { max-width: 80%; }

.credits-menu { margin-bottom: 50px; }

.credits-menu li { 
	float: left; 
	font-size: 0.85em;
	font-weight: 600;
}

.credits-menu li:before {
	content: "/";
	font-family: 'Helvetica', sans-serif;
	font-weight: 300;
	color: #444;
	margin: 0 15px;
}

.credits-menu li:first-child:before { content: none; }

.credits-menu a:hover { text-decoration: underline; }


/* Menu social --------------------------------------- */


.credits .menu-social {
	position: absolute;
	right: 0;
	top: 0;
}

.credits .menu-social a { background: #393939; }
.credits .menu-social a:hover { background-color: #928452; }


/* Credits text --------------------------------------- */


.credits p {
	font-size: 0.8em;
	color: #666;
}

.credits p + p { margin-top: 8px; }

.credits p a { 
	color: #666; 
	font-weight: 600;
}
.credits p a:hover { color: #928452; }

p.midashi {
    font-size: 180%;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.8px;
}

.midashi-hr {
	width: 18%;
	border-bottom: 4px solid;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

p.concept-tag {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 130%;
    margin: 60px 0px 6px 0px;
    text-align: center;
    font-weight: bold;
}

.concept-area1 {
	text-align: center;
    margin-top: -25px;
}

.concept-area1 img {
	width: 90%;
    height: 80%;
}

.concept-area3 {
	display: flex;
	justify-content: flex-end;
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	font-size: 90%;
	padding-bottom: 40px;
}

.concept-area3 a {
	font-weight: bold;
}

.hr {
	width: 15%;
	border-bottom: 1px solid;
}

p.concept-message {
    padding: 20px 40px 15px 40px;
    letter-spacing: 2px;
    line-height: 1.8em;
    font-size: 90%;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    text-align: center;
}

p.concept-message2 {
    padding: 0px 40px 15px 40px;
    letter-spacing: 2px;
    line-height: 1.8em;
    font-size: 90%;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	font-weight: bold;
	text-align: center;
}

p.concept-message3 {
    padding: 0px 40px 50px 40px;
    letter-spacing: 2px;
    line-height: 1.8em;
    font-size: 90%;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    text-align: center;
}

.sptopics-area {
	background-color: #EFEFEF;
    padding-top: 1px;
    padding-bottom: 1px;
}

.sptopics-area1 {
	width: 92%;
    margin-left: auto;
    margin-right: auto;
}

.sptopics-area2 {
	width: 92%;
    margin-left: auto;
    margin-right: auto;
}

p.sptopics {
	font-size: 150%;
    text-align: center;
    font-family: 'Lora', serif;
    margin-top: 40px;
    margin-bottom: 8px;
    font-weight: bold;
    font-style: italic;
}

dl.sptopics-content {
	margin-top: 8px;
}

dd.sptopics-date {
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    background-color: #118582;
    border-radius: 40px;
    min-width: 60px;
    min-height: 60px;
    margin-top: -28px;
    padding-top: 18px;
    padding-left: 3px;
    font-size: 130%;
    color: white;
    margin-left: 5px;
}

.sptopics-date-flex {
	display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}

.sptopics-date-flex p {
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    font-size: 95%;
    margin-top: -1px;
    color: #118582;
}

dd.sptopics-title {
    margin-left: auto;
    margin-right: auto;
    padding: 0px 10px 10px 10px;
    margin-top: -1px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

dt.sptopics-th {
	width: 100vw;
    margin-left: -17px !important;
}

.sptopics-title a {
    color: black;
    font-weight: bold;
    font-size: 130%;
    line-height: 1.4em;
}

.pickupcategory {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

.pickupcategory-flex {
	    display: flex;
}

dt.pickupcategory-th {
	width: 55%;
}

dd.pickupcategory-title {
    margin-left: -65px;
    font-size: 83%;
    width: 60%;
    padding: 5px 2px 4px 8px;
    margin-bottom: 20px;
    margin-top: auto;
    background-color: white;
    line-height: 1.4em;
    font-weight: bold;
    letter-spacing: 0.2px;
}

dd.pickupcategory-date {
	text-align: right;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-top: -15px;
    font-size: 70%;
	font-family: 'Fira Sans', sans-serif;
    font-style: italic;
}

.pickupcategory-title a {
	color: black;
}

p.pickupcategory-p {
    text-align: center;
    font-size: 85%;
    color: #727171;
    margin-top: -16px;
    margin-bottom: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

.pickupcategory-more {
	width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 100%;
    background-color: #118582;
    padding: 18px 10px;
    letter-spacing: 0.03em;
    margin-top: 20px;
}

.pickupcategory-more a {
	text-align: center;
    color: white;
    font-weight: bold;
}

.pickupcategory-more a:hover {
	color: black;
}

p.post-meta-cat {
	font-family: 'Fira Sans', sans-serif;
	font-size: 110%;
	text-transform: uppercase;
	font-style: italic;
	color: #404040;
}

p.post-meta-date {
	font-family: 'Fira Sans', sans-serif;
	font-size: 85%;
	color: #404040;
	font-style: italic;
}

/*Pagenation*/
.pagenation {
    margin: 1em 0 4em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: -15px 0 0 0;
    display: flex;
    justify-content: center;
}
.pagenation li {
    list-style: none outside none;
    margin: 0px 2px;
    background-color: white;
    border: 3px solid #404040;
    color: #404040;
    font-weight: bold;
    cursor: not-allowed;
}
.pagenation li:first-child {
    margin-left: 4px;
}
.pagenation li.active {
    background-color: #EFEFEF;
    border: 3px solid #404040;
    font-weight: bold;
    cursor: not-allowed;
    padding: 8px 12px;
    margin: 0px 2px;
    font-size: 100%;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
}
.pagenation li a {
    background: white;
    color: #404040;
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 100%;
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    font-style: italic;
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

a.prev {
	padding: 8px;
}

a.next {
	padding: 8px;
}

/* PickUp Featureデザイン */

.pnav {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 5px;
    background-color: #EFEFEF;
}

.pnav img {
    height: 298px;
    width: auto;
    margin-top: 8px;
    box-shadow: 1px 1px 4px 0px #9FA0A0;
}

.pnav ul {
    width: 1346px;　/*289px × 要素数 + 30px（firstchildのマージン）+ 40px * 要素数（2つ目以降の右マージン）*/ 
    margin: 15px auto 2px auto;
    list-style: none;
    display: flex;
    padding-bottom: 10px;
    background-color: white;
}

.pnav ul li {
    text-align: center;
    margin-right: 40px;
    width: 90%;
    margin-top: 20px;
}

.pnav ul li:last-child {
    margin-right: 40px;
}

.pnav ul li:first-child {
    margin-left: 30px;
}

.pnav a {
	font-size: 120%;
    color: #333;
    font-weight: bold;
    font-family: 'Lora', serif;
    font-style: italic;
}

.pnav ul li a,
.pnav ul li a:link,
.pnav ul li a:visited {
    color:#333;
}

.pnav ul li a:hover,
.pnav ul li a:active {
	color:#333;
}

.pnav li {display: flex;}

.pnav {
    -webkit-overflow-scrolling: touch;
}

p.p-lr {
    writing-mode: vertical-rl;
    margin: 10px 0px 0px 3px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 200%;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 0.5px;
}

p.p-feature {
    background-color: #118582;
    border-radius: 40px;
    min-width: 70px;
    min-height: 70px;
    padding-top: 30px;
    padding-left: 5px;
    font-size: 75%;
    color: white;
    margin-left: -15px;
    margin-top: -20px;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: 0.5px;
    font-weight: 500;
    transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
}

p.pickupfeatures {
    padding: 35px 0px 88px 0px;
    font-size: 180%;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    margin-top: 35px;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.8px;
    margin-left: auto;
    margin-right: auto;
}

p.pickupfeatures-p {
    text-align: center;
    font-size: 85%;
    color: #727171;
    margin-top: -73px;
    margin-bottom: 24px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

p.feature-title {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 95%;
    font-weight: 700;
    padding: 2px 0px 5px 3px;
    line-height: 1.3em;
}

p.feature-lead {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 50%;
    font-weight: 700;
    padding: 10px 0px 3px 3px;
    width: 120%;
}

.pickupfeatures-hr {
    width: 18%;
    border-top: 4px solid;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-bottom: 30px;
}

p.pickupfeatures {
    padding: 35px 0px 88px 0px;
    font-size: 180%;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    margin-top: 35px;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.8px;
    margin-left: auto;
    margin-right: auto;
}

p.pickupfeatures-p {
    text-align: center;
    font-size: 85%;
    color: #727171;
    margin-top: -73px;
    margin-bottom: 24px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

.gnav {
    width: 100%;
    overflow-x: auto;
    background-color: #EFEFEF;
    padding-bottom: 10px;
}

.gnav img {
    height: 298px;
    width: auto;
    margin-top: 8px;
    box-shadow: 1px 1px 4px 0px #9FA0A0;
}

.gnav ul {
    width: 3154px;　/*264px（229 + 35） × 要素数 + 30px（firstchildのマージン）+ 20px * 要素数（2つ目以降の右マージン）*/  
    margin: 15px auto 2px auto;
    list-style: none;
    display: flex;
}

.gnav li {
	display: flex;
}

.gnav ul li {
    text-align: center;
    margin-right: 20px;
    width: 90%;
}

.gnav ul li:last-child {
    margin-right: 20px;
}

.gnav ul li:first-child {
    margin-left: 30px;
}

.gnav a {
	font-size: 120%;
    color: #333;
    font-weight: bold;
    font-family: 'Lora', serif;
    font-style: italic;
}

.gnav ul li a,
.gnav ul li a:link,
.gnav ul li a:visited {
    color:#333;
}

.gnav ul li a:hover,
.gnav ul li a:active {
	color:#333;
}
.gnav {
    -webkit-overflow-scrolling: touch;
}

/*footer*/

.footer-title-flex {
	    display: flex;
}

p.footer_profile_title {
    font-size: 220%;
    text-align: left;
    padding: 35px 0px 5px 5px;
    color: #333;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    letter-spacing: 2px;
    border-bottom: 5px solid;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 70%;
}

p.footer_profile_subtitle {
    padding: 52px 0px 5px 0px;
    margin-left: -150px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    font-size: 90%;
}

p.footer_profile_p {
    margin-top: -5px;
    font-size: 85%;
    line-height: 1.7em;
    padding: 8px 35px 8px 18px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    letter-spacing: 0.4px;
}

p.profile_name {
    margin-top: 0px;
    font-size: 140%;
    text-align: left;
    padding: 0px 0px 10px 18px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
}

p.social_accounts_title {
    font-size: 220%;
    text-align: left;
    padding: 35px 0px 5px 5px;
    color: #333;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    letter-spacing: 1px;
    border-bottom: 5px solid;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 75%;
}

p.social_accounts_subtitle {
    padding: 52px 0px 5px 0px;
    margin-left: -102px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    font-size: 90%;
}

p.footer-message_title{
	font-size: 220%;
    text-align: left;
    padding: 35px 0px 5px 5px;
    color: #333;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    letter-spacing: 1px;
    border-bottom: 5px solid;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 75%;
}

p.footer-message_subtitle {
	padding: 52px 0px 5px 0px;
    margin-left: -143px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    font-size: 90%;
}

div.footer_category {
    margin-top: 10px;
}

div.footer-feature {
	display:none;
}

div.social_accounts {
	display:none;
}

p.footer_category_title {
	font-size: 220%;
    text-align: left;
    padding: 35px 0px 5px 5px;
    color: #333;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    letter-spacing: 1px;
    border-bottom: 5px solid;
    margin-bottom: 15px;
    margin-left: 10px;
    width: 75%;
}

p.footer_category_subtitle {
	padding: 52px 0px 5px 0px;
    margin-left: -122px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    font-size: 90%;
}

.follow ul {
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-top: 15px;
}

.follow li {

}

/* ツイッター */
.sns .twitter-follow a {
    background:#55acee;
}
.sns .twitter-follow a:hover {
    background:#4892cb;
}

.sns .fa-twitter-follow {
    border-right:1px solid #9ACFF4;
    padding-right:15px;
}

.follow ul .twitter-follow a{
    line-height: 25px;
    text-transform: uppercase;
    color: white !important;
    font-size: 130%;
    letter-spacing: 0.8px;
    font-style: italic;
    font-family: 'Fira Sans', sans-serif;
    }

    
.follow .twitter-follow a:hover,.follow .twitter-follow a:hover::before{
    color:#00aced;
    }

li.twitter-follow {
    width: 50%;
    background-color: #00aced;
    border:2px solid #00aced;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

    /* line@ */
.sns .line-follow a {
    background:#00c300;
}
.sns .line-follow a:hover {
    background:#00c300;
}

.sns .fa-line {
    border-right:1px solid #607BB2;
    padding-right:15px;
}

.follow .line-follow a{
    line-height: 25px;
    text-transform: uppercase;
    color: white !important;
    font-size: 130%;
    letter-spacing: 0.8px;
    font-style: italic;
    font-family: 'Fira Sans', sans-serif;
    }
    
.follow .line-follow a:hover,.follow .line-follow a:hover::before{
    color:#00c300;
    }

li.line-follow {
    width: 50%;
    background-color: #00c300;
    border:2px solid #00c300;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

    /* Facebook */
.sns .facebook-follow a {
    background:#3c5a98;
}
.sns .facebook-follow a:hover {
    background:#324c81;
}

.sns .fa-facebook {
    border-right:1px solid #607BB2;
    padding-right:15px;
}

.follow .facebook-follow a{
    line-height: 25px;
    text-transform: uppercase;
    color: white !important;
    font-size: 130%;
    letter-spacing: 0.8px;
    font-style: italic;
    font-family: 'Fira Sans', sans-serif;
    }
    
.follow .facebook-follow a:hover,.follow .facebook-follow a:hover::before{
    color:#3c5a98;
    }

li.facebook-follow {
    width: 50%;
    background-color: #3c5a98;
    border:2px solid #3c5a98;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

    /* feedly */
    .follow ul .feedly-follow a{
    line-height: 25px;
    text-transform: uppercase;
    color: white !important;
    font-size: 130%;
    letter-spacing: 0.8px;
    font-style: italic;
    font-family: 'Fira Sans', sans-serif;
    }

.follow ul .feedly-follow a:hover,.follow ul
 .feedly-follow a:hover::before{
     color:#87c040;
     }

li.feedly-follow {
    width: 50%;
    background-color: #87c040;
    border:2px solid #87c040;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

div.category_list {
    margin-left: 15px;
    list-style: none;
}

.category_list a {
    padding: 6px 10px 6px 10px;
    color: #333 !important;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 130%;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.category_list a:hover {
    color: #159594;
}

ul.children {
    margin: 20px 30px;
    list-style: disc;
}

.children li {
	margin: 10px 0px;
}

ul.children a {
	padding: 6px 10px 6px 10px;
    color: #666666 !important;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 95%;
    font-weight: bold;
    letter-spacing: 0.5px;
}

li.cat-item {
    margin: 10px 35px 10px 0px;
    padding-bottom: 3px;
}

li.cat-item-5 {
    border-bottom: 2px solid;
    margin-bottom: 20px;
}

li.cat-item-30 {
    border-bottom: 2px solid;
    margin-bottom: 20px;
}

li.cat-item-23 {
    border-bottom: 2px solid;
    margin-bottom: 20px;
}

li.cat-item-299 {
    border-bottom: 2px solid;
    margin-bottom: 20px;
}

li.cat-item-41 {
    border-bottom: 2px solid;
    margin-bottom: 20px;
}

div.ad_contact {
    background-color:#fff;
    padding: 35px 0px 10px 0px;
    position:relative;
    text-align: center;
    margin-top: 35px;
}

.ad_contact a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size: 100%;
    line-height: 70px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #404040 !important;
}

.ad_contact p {
    margin-top: 65px;
    font-weight: bold;
    padding-bottom: 0px;
    color: #404040;
    text-align:center;
}

.ad_contact img {
    margin-top: 10px;
    width: 50%;
}

div.footer_logo {
    text-align: center;
}

.footer_logo img {
    width: 75%;
    margin-top: 35px;
    margin-left: 25px;
    margin-bottom: 30px;
}

span.alignleft {
	font-family: 'Fira Sans', sans-serif;
    letter-spacing: 0.2px;
}

p.vsmall {
	text-align: center;
}

#footer-copyright {
	margin-bottom: 30px;
}

p.feature-archives {
    padding: 35px 0px 88px 0px;
    color: #333;
    background-color: #EFEFEF;
    font-size: 180%;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    margin-top: 5px;
    font-weight: bold;
    font-style: italic;
}

.monthly-archive-hr {
    width: 18%;
    border-top: 4px solid;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding-bottom: 30px;
    background-color: #EFEFEF;
}

p.monthly-archive-p {
    text-align: center;
    font-size: 85%;
    color: #727171;
    margin-top: -73px;
    margin-bottom: 24px;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
}

.seasonal{
    margin: 4em 1em 2em 1em;
    position: relative;
    padding: 1em 2em;
    border-top: solid 4px #118582;
    border-bottom: solid 4px #118582;
}
.seasonal:before, .seasonal:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 4px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #118582;
}
.seasonal:before {left: 10px;}
.seasonal:after {right: 10px;}
.seasonal p {
    margin: 0; 
    padding: 0;
}

p.seasonal-title {
	text-align: center;
    background-color: white;
    margin-top: -38px;
    margin-bottom: 15px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    font-size: 140%;
    font-family: 'Lora', serif;
    font-weight: bold;
    font-style: italic;
}

.tag_list li {
	background-color: #118582;
    display: inline-block;
    padding: 8px 14px;
    border-radius: 3px;
    margin: 5px;
}

.tag_list a {
	color: white;
    font-family: 'Lora', serif;
    font-size: 100%;
}

.shoptitle {
	margin-top: 0px;
}

.tagline {
	    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
	    color: #595757;
	    font-size: 85%;
	    margin-bottom: 0px !important;
}

.shop-message {
	margin-left: 20px;
}

.shop-message p {
	padding-top: 5px;
    margin-bottom: 20px;
    color: #595757;
}

.singletop-area {
	background-color: #EFEFEF;
	margin-top: 60px;
}

.singletop-flex {
	display: flex;
	padding: 25px 10px 15px 10px;
	box-shadow: 0px -3px 6px 0px #9fa0a0b0 inset;
}

.shop-header {
	margin-top: 50px;
}

.singletop-th {
	width: 45%;
}

.singletop-meta {
	width: 55%;
	padding: 2px 4px 2px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

p.singletop-title {
    font-size: 84%;
    line-height: 1.3em;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    font-weight: bold;
    letter-spacing: 0.3px;
}

.singletop-pr {
    font-family: 'Fira Sans', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 105%;
}

/*-----------------------------------
内部リンクをショートコードでブログカード化
------------------------------------*/
.blog-card {
    word-wrap: break-word;
    border-radius: 0px;
    margin-bottom: 30px;
    font-size: 1.2em;
    position: relative;
    margin-left: -30px !important;
    width: 100vw;
}
.blog-card:hover{
 box-shadow: 0px 0px 0px #666;
}
 
.blog-card a {
	color: #333;
    background: #EFEFEF;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    padding: 0px;
    text-decoration: underline;
    text-underline-position: under;
}
 
.blog-card-thumbnail{
	float: left;
    padding: 15px 12px;
}
 
.blog-card-thumbnail img {
 display: block;
 padding: 0;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 margin-top: 0!important;
}
 
.blog-card-content{
	line-height: 120%;
    background-color: #EFEFEF;
}
.blog-card-title{
 padding: 13px 10px 10px 0;
 font-size: 90%;
}
 
.blog-card-title::before {
 content: '> 続きを読む';
 font-size: 0.8em;
 font-weight: bold;
 color: #fff;
 background: #118582;
 width: 7em;
 display: inline-block;
 padding: 0.2em;
 position: absolute;
 text-align: center;
 margin-right: 1em;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 3px;
 bottom: 10px;
 right: 0px;
}
 
.blog-card-date{
 color:#333;
 font-size: 90%;
 margin-right:10px;
 font-family: GillSans;
}

.single-tag {
	border-top: 3px solid;
    border-bottom: 3px solid;
    padding: 12px 14px;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.single-tag ul {
	display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.single-tag li {
	padding: 12px 5px;
}

.single-tag a {
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    background-color: #EFEFEF;
    padding: 4px 6px;
    font-size: 95%;
    letter-spacing: 0.2px;
    font-weight: bold;
}

.single-tag a:before {
	content: '#';
}

.single-tag-p {
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: white;
    margin-top: -21px;
    width: 80%;
}

.single-tag-p p {
	text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    letter-spacing: 0.2px;
    font-size: 108%;
}

/*--------------------プレリー特設サイト-----------------*/

.footer-feature-prairie {
	padding: 4px 15px;
}

.footer-feature-prairie img {
	box-shadow: 1px 1px 2px 0px #9fa0a069;
}

p.feature-prairie-p {
	line-height: 1.8em;
    margin-bottom: 0.5em;
    font-size: 13.5px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    padding: 15px 30px 10px 30px;
}

.feature-prairie {
	text-align: center;
}

.feature-prairie img {
	max-width: 90%;
}

p.feature-prairie-title {
	text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 155%;
    padding-top: 40px;
    letter-spacing: 0.7px;
}


/*-- ポチればデザイン --*/

.pochireba {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 1px 1px 3px 1px #ddd;
  padding: 15px !important;
  margin-bottom: 20px;
  text-align: center;
}
.pochireba .pochi_img {
  box-shadow: 0 0 1px 1px #ccc;
  margin: 0px auto 0px !important;
}
.pochireba .pochi_info {
  margin-left: 5px;
}
.pochireba .pochi_name {
  text-align: center;
}
.pochireba .pochi_name a {
  display: block;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  margin: 0 10px 10px;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 8px;
  line-height: 26px;
  background: -moz-linear-gradient(top,#FFF 0%,#EEE);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
}
.pochireba .pochi_seller {
  margin-bottom: 5px;
  text-align: left;
  font-size: 85%;
  margin-left: 5px;
}
.pochireba .pochi_name a::after {
  content: 'AppStoreで見る';
  display: block;
  font-size: 14px;
  color: #555;
}

.pochi_price {
	text-align: left;
	font-size: 85%;
    margin-left: 5px;
}

.pochi_time {
	text-align: left;
	font-size: 85%;
    margin-left: 5px;
}

.pochi_post {
	display: none;
}

/*-- ポチればデザインおわり --*/

/*-- Rinkerデザイン --*/

div.yyi-rinker-contents img {
    margin-bottom: 0;
    max-width: 100% !important;
    margin-left: 0px !important;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
    margin: 4px 5px;
    padding: 2px 0px;
}

div.yyi-rinker-title a {
    text-decoration: underline !important;
    font-size: 95%;
}

div.yyi-rinker-title p {
    line-height: 1.5em;
}

.credit {
    font-size: 75%;
    display: none;
}

/*-- today関連記事デザイン --*/

p.other-today-title {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    line-height: 1.2em;
    padding-bottom: 15px;
    text-transform: none;
    text-align: center;
    padding-top: 20px;
    margin-top: 25px;
    font-size: 125%;
    background-color: #EFEFEF;
}

.other-today {
	font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
    overflow-y: hidden;
    background-color: #EFEFEF;
}

ul.other-today-content {
	display: flex;
    width: 1500px;
    justify-content: space-between;
    padding-bottom: 5px;
}

li.other-today-flex {
	width: 19%;
}

dt.other-today-th {
    width: 100%;
}

dd.other-today-title {
    margin-left: 0px;
    font-size: 85%;
    width: 100%;
    padding: 5px 6px 4px 6px;
    margin-top: auto;
    line-height: 1.4em;
    font-weight: bold;
}

.other-today-title a {
    color: black;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 95%;
}

p.other-today-p {
    text-align: center;
    font-size: 85%;
    color: #727171;
    margin-top: -16px;
    margin-bottom: 20px;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
}

.single-content img {
}

.post-content h2 {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    line-height: 1.3em;
    margin-left: -15px !important;
    margin-bottom: 25px;
    margin-top: -10px;
    text-transform: none;
    border-bottom: 4px solid;
    padding-bottom: 8px;
    font-size: 1.2em;
}

.post-content h3 {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    line-height: 1.2em;
    padding: 5px 0;
    text-transform: none;
    margin-left: -15px;
    margin-top: 35px;
}

.single-content div.post-header {
	width: 92%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
    background-color: white;
    padding: 12px 10px;
}

.single-post-meta {
	display: flex;
	justify-content:space-between;
	margin: 17px 2px 6px 2px;
}

.single-content-cat {
    font-family: 'Fira Sans', sans-serif;
	font-size: 110%;
	text-transform: uppercase;
	font-style: italic;
}

.single-content-date {
    font-family: 'Fira Sans', sans-serif;
	font-size: 85%;
	padding-top: 2px;
	font-style: italic;
}

.single-content h1.post-title {
	line-height: 125%;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 140%;
    text-align: left;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

.post-content p {
	line-height: 1.8em;
    margin-bottom: 1.2em;
    margin-top: 1.1em;
    font-size: 15px;
	}

	p.footer_profile_subtitle {
    margin-left: -200px;
    font-size: 80%;
}

p.footer_profile_title {
    font-size: 200%;
    width: 80%;
}

p.social_accounts_title {
    font-size: 200%;
    width: 85%;
}

p.social_accounts_subtitle {
    margin-left: -160px;
    font-size: 80%;
}

p.footer-message_title {
    font-size: 200%;
    width: 85%;
}

p.footer-message_subtitle {
    margin-left: -200px;
    font-size: 80%;
}

p.footer-feature-ipad-p {
    font-size: 90%;
}

p.footer_category_title {
    font-size: 200%;
    width: 84%;
}

p.footer_category_subtitle {
    margin-left: -180px;
    font-size: 80%;
}

p.footer-feature-ipad-p {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    margin-top: 20px;
    padding: 5px 20px 5px 0px;
    letter-spacing: 0.2px;
    line-height: 1.4em;
    font-size: 95%;
}

.footer-feature-ipad a {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #666666;
    color: #f8f8f8;
    padding: 10px 12px;
    box-shadow: 1px 1px 2px 0px #9fa0a069;
}

/*--------------------Onlineショップページ-----------------*/

.shoptitle p {
    font-family: 'Fira Sans', sans-serif;
    color: #333;
    font-weight: bold;
    font-size: 170%;
    margin-bottom: 15px;
    padding: 25px 0px 0px 20px;
    font-style: italic;
}

.shop-flex {
	width: 48%;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 15px;
}

.shop-entry-title a {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 88%;
}

p.shop-lead-text {
    text-align: center;
    margin: 12px 6px 12px 6px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #595757;
    font-size: 84%;
    line-height: 1.3em;
    font-style: italic;
}

a.shop-lead-text-button {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid;
    border-radius: 2px;
    padding: 3px 40px;
    letter-spacing: 0.08em;
    background-color: #f8f8f8;
    font-size: 85%;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

a.shop-lead-text-button:hover {
	background-color: #333;
	color: #f8f8f8;
	border: 2px solid #333;
    border-radius: 2px;
}

.shop-entry-th img {
	margin-top: 25px;
}

.shop-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 7px;
}

p.footer-feature-title {
    font-family: 'Lora', serif;
    font-size: 220%;
    text-align: left;
    padding: 35px 0px 5px 15px;
    color: #333;
}

.footer-feature {
	margin-top: 15px;
}

.footer-feature-ipad {
	text-align: left;
    margin-left: 15px;
    margin-top: 12px;
    margin-bottom: 10px;
}

.headerhyoushi {
	margin-top: 60px;
	padding-bottom: 5px;
    background-color: #EFEFEF;
}

div#toc_container ul li {
    font-size: 85% !important;
    letter-spacing: 0.05em;
    line-height: 1.7em;
}

div#toc_container {
    width: 100% !important;
}

.ipad-module {
	background-color: #efefef;
    padding: 25px 18px;
    width: 100vw;
    margin-left: -30px;
}

p.ipad-module-title {
	color: #333;
    font-size: 150%;
    font-weight: bold;
    text-align: center;
}

p.ipad-module-h {
    color: #333;
    font-size: 105%;
    margin-bottom: 3px;
    font-weight: bold;
    margin-top: 0px;
}

ul.ipad-module-ul {
list-style-type: disc;
    padding: 2px 10px 5px 15px;
    margin: -16px 0px 15px 0px;
    color: #333;
    border: none;
}

.ipad-module-ul li {
	margin-bottom: -0.6em;
    line-height: 115%;
}

.ipad-module-ul a {
	    color: #333;
    font-weight: normal;
    text-underline-position: inherit;
    font-size: 95%;
}

a.ipad-module-feature {
color: #333;
    font-weight: normal;
    text-underline-position: inherit;
    font-size: 90%;
}

h2.ipad-module-h2 {
	    margin-top: 0px;
    margin-bottom: 15px;
}

.relate-link img {
	display: inline;
    width: 0;
}

img.a8img {
	width: 0;
    margin-left: 0px !important;
}

div.wpappbox div.appicon img {
    margin-left: 0px !important;
}

.articleinner_pr_area {
	margin-top: -40px;
    margin-bottom: 40px;
}

.articleinner_pr_area p {
	text-align: center;
    font-size: 70%;
    margin-bottom: 8px;
}

.shop-text {
	background-color: whitesmoke;
}

p.shop-text-1 {
text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    font-size: 85%;
    padding: 20px 15px 5px 15px;
    margin: 30px 10px 0px 10px;
    line-height: 2em;
}

p.shop-text-2 {
text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    font-size: 85%;
    padding: 10px 15px 20px 15px;
    margin: 0px 10px 20px 15px;
    line-height: 2em;
}

div.shop-post-header {
	width: 92%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    padding: 30px 12px;
}

h1.shop-post-title {
    line-height: 140%;
    font-weight: bold;
    letter-spacing: 0.7px;
    font-size: 130%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    margin-top: 10px;
}

div.shop-single-post-meta {
	    margin: 15px 2px 6px 2px;
}

p.shopsingle-lead-text {
    text-align: center;
    font-size: 95%;
    color: #666;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    font-weight: bold;
    margin-top: 0px;
    letter-spacing: 1px;
}

div.shopiteminfo-title {
    border-top: 4px double #404040;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    text-align: center;
    font-size: 110%;
    margin-top: 20px;
    padding-top: 12px;
    font-weight: bold;
    background-color: #efefef;
    width: 100vw;
    margin-left: -30px !important;
}

ul.shopiteminfo {
    list-style-type: none;
    background-color: #efefef;
    border-bottom: 4px double #404040;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-top: 1px;
    font-size: 105% !important;
    width: 100vw;
    margin-left: -30px !important;
}

.shopiteminfo li {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 76%;
    line-height: 1em !important;
    list-style-type: none !important;
    text-align: center;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}

.margin {
	margin-top: 60px;
}

.instashow-area {
	    margin-top: 40px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding-bottom: 6px;
}

p.instashow-p {
font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
    text-align: center;
    font-size: 115%;
    margin-top: -10px;
    background-color: white;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 0.4px;
}

/* -------------------------------------------------------------------------------- */
/*	16.	Media queries
/* -------------------------------------------------------------------------------- */


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

	/* 2X images */

	.flex-direction-nav .flex-prev { background-image: url(images/icons/chevron-left-w_2x.png); }
	.flex-direction-nav .flex-next { background-image: url(images/icons/chevron-right-w_2x.png); }
	
}


@media (max-width: 1100px) {
	
	
	/* Navigation --------------------------------------- */
	
	/* fix submenu hover on touch */
	
	.main-menu ul {
		opacity: 1;
		display: none;
	}

	.main-menu > li:hover > ul,
	.main-menu ul li:hover > ul { 
		display: block;
	}
	
	
}


@media (max-width: 1030px) {


	/* Post content --------------------------------------- */
	
	/* post media */
	
	.post-content .alignleft,
	.post-content .alignright {
		max-width: 40%;
	}
	
	.post-content .alignleft { margin-left: auto; }
	.post-content .alignright { margin-right: auto; }


}


@media (max-width: 800px) {


	/* Structure --------------------------------------- */
	
	
	.wrapper:after { border-width: 16px; }
	
	
	/* Footer --------------------------------------- */


	.footer .column { width: 47.5%; }
	.footer .column:nth-child(3) { display: none; }

	
	/* Credits --------------------------------------- */

	
	.credits .fleft { max-width: none; }  
	
	.credits-menu { display: none; }
	
	.credits .menu-social {
		top: 50%;
		margin-top: -16px;
	}


}

@media (max-width: 750px) {
	
	
	/* Header --------------------------------------- */
	
	
	.header { padding:0; }
	
	.blog-title,
	.blog-description { 
	}
	
	.blog-title { font-size: 1.5em; }
	
	.blog-description {
		margin-top: 10px;
		font-size: 0.9em;
	}
	
	.blog-logo { float: left; }
	
	.blog-logo img { max-height: 60px; }
	
	.header .menu-social { display: none; }
	
	.nav-toggle { 
        display: block;
		left: auto; 
		right: 5%;
	}
	
	.nav-toggle .bars { 
		left: auto; 
		right: 15px;
	}
	
	.nav-toggle p { 
    float: left;
    margin: 2px 38px 0 0;
    text-align: center;
    font-size: 12px;
    font-family: 'Fira Sans', sans-serif;
	}
    
    
    /* Navigation --------------------------------------- */
	
	
    .navigation,
	.main-menu { 
        display: none; 
    }
	
.mobile-menu {
    display: block;
    padding: 15px 10px 10px 10px;
    margin-top: -70px;
}
	
	.mobile-menu li { 
		margin-top: 5px;
    	font-size: 95%;
    	line-height: 1.7em;
	}

	.mobile-menu > li:first-child { 
	margin-top: 5px;
    font-size: 95%;
     }
	
.mobile-menu a {
    display: block;
    padding: 7px 0;
    font-weight: 800;
    letter-spacing: 0.07em;
    color: #333;
    margin-left: 20px;
    font-size: 110%;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}
	
	.mobile-menu .current_menu_item a,
	.mobile-menu .current_page_item a,
	.mobile-menu a:hover { color: #fff; }
	
	.mobile-menu li li { margin-left: 30px; }
	
	
}


@media (max-width: 600px) {


	body { font-size: 16px; }
		
	
	/* Structure --------------------------------------- */
	
	
	.wrapper {
		max-width: 100%;
		margin-top: 4px; 
	}
	
	.has-custom-background .wrapper { margin-top: 0; }
	
	.wrapper:after { border-width: 0px; }
	
	.section { padding: 45px 0; }
	
	
	/* Blog --------------------------------------- */
	
	
.post-inner {
    padding: 0px 0;
    margin-top: 0px;
}
	
	.sticky .is-sticky {
		top: 10px;
		width: 24px;
		height: 22px;
	}
	
	.sticky .is-sticky:before,
	.sticky .is-sticky:after {
		content: "";
		display: block;
		border-width: 6px;
		position: absolute;
		right: -12px;
	}
	
	.sticky .is-sticky .genericon {
		font-size: 16px;
		width: 16px;
		height: 16px;
		top: 4px;
		left: 4px;
	}
	
	.caption { padding: 18px 0 0; }
	
	.post-content a.more-link { padding: 12px; }
	
	/* post header */
	
	.post-header:after { margin: 25px auto; }
	
	.post-title {
    line-height: 135%;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 120%;
    text-align: left;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}
	
	.post-meta.top { 
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    margin-top: 15px;
    color: #333;
    margin-right: 3px;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
	}
	
	.post-meta.top .sep { margin: 0 5px; }
	
	/* tabs */
	
	.tab-selector span { display: none; }
	
	.tab-selector a { padding: 12px; }
		
	.tab-selector .genericon {
		font-size: 32px;
		height: 32px;
		width: 32px;
	}
	
	.post-meta-tabs { padding: 45px 0; }
	
.blog-card-title {
    font-size: 62%;
}
.blog-card-title::before {
    font-size: 0.8em;
}

.blog-card-thumbnail img {
    max-width: 100%;
    margin-left: 0px!important;
    margin-bottom: 0!important;
}

.shopiteminfo li {
    font-size: 74%;
}

p.shopsingle-lead-text {
    font-size: 90%;
}

h1.shop-post-title {
    font-size: 120%;
}

}

	/* Post formats --------------------------------------- */
	
	
	/* format gallery */
	
	.flex-direction-nav { margin-top: -16px; }
	
	.flex-direction-nav a {
		width: 32px;
		height: 32px;
		background-size: auto 12px;
	}
	
	.flexslider-caption p { 
		padding: 8px 9px 6px; 
		border-radius: 2px 2px 0 0;
	}
	

	/* Post content --------------------------------------- */
	
	
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	}
	
	.post-content h1 { font-size: 1.4em; }
	.post-content h2 { font-size: 1.3em; }
	.post-content h3 { font-size: 1em; }
	.post-content h4 { font-size: 1em; font-family: inherit; }
	.post-content h5 { font-size: 1em; }
	.post-content h6 { font-size: 0.8em; }
		
	.post-content blockquote cite { 
		margin-top: 20px; 
		font-size: 0.9rem; 
	}
	
	
	/* Comments --------------------------------------- */
	
	
	.comments-inner { padding: 40px 0; }
	
	.comments-title-container {
		padding-bottom: 15px;
		margin-bottom: 30px;
	}
	
	.comments-subtitle { bottom: 17px; }
	
	div.comment { margin-bottom: 30px; }
	
	.commentlist .children { padding-left: 30px; }
	
	.comment .avatar { display: none; }
	
	.comment-inner { margin-left: 0; }
	
	.comment-inner:before { content: none; }
	
	.comment-actions .comment-date-link span { display: none; }
	
	.comments-nav { 
		padding: 20px 0; 
		margin-top: 45px;
	}
	
	
	/* Respond --------------------------------------- */
	
	
	.comments + .comment-respond { margin-top: 45px; }
	
	.comment-reply-title { margin-bottom: 30px; }
	
	.comment-notes, .logged-in-as { margin-bottom: 25px; }
	
	
	/* Post meta --------------------------------------- */
	
	
	.tab-post-meta .two-thirds,
	.tab-post-meta .one-third {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	
	.post-meta-item {
		padding-top: 14px;
		margin-top: 14px;
	}
	
	.tab-post-meta .post-nav {
		margin-top: 28px;
		border-top: 4px solid #eee;
		padding-top: 28px;
	}
	
	.post-nav hr { margin: 14px 0; }
	
	.tab-post-meta .post-nav p { font-size: 0.8em; }
	
	
	/* Author meta --------------------------------------- */
	
	.author-meta-aside { width: 60px; }
	
	.author-meta-inner { margin-left: 80px; }
	
	.author-description { font-size: 0.9em; }
	
	
	/* Pagination --------------------------------------- */
	
	
	.page-title,
	.archive-nav { padding: 28px 0; }
	
	.tag-meta p { margin-top: 15px; }
	
	/* Jetpack infinite scroll */
	
	.infinite-loader,
	#infinite-handle { margin-bottom: 45px; }
	
	
	/* Footer --------------------------------------- */
	
	
	.footer { padding: 45px 0; }
	
	.footer .column,
	.footer .column:nth-child(3) {
		display: block;
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	.footer .column + .column { margin-top: 40px; }
	
	
	/* Credits --------------------------------------- */
	
	
	.credits { padding: 30px 0; }
	

@media (max-width: 400px) {

/*------------ iPHone 6/7/8サイズの指定 --------------------------------------- */

	/* Single post --------------------------------------- */
	
	.post-header:after { width: 64px; }
	
	.post-title {
    line-height: 130%;
    font-weight: bold;
    letter-spacing: 0.5px;
    font-size: 115%;
    text-align: left;
    font-family: 'Fira Sans', sans-serif;
	}

	 	.blog-title img {
	height: 46px;
    margin-left: -100px;
    margin-right: 0px;
    margin-top: 25px;
}

.concept-area {
	margin-top: -10px;
}

p.concept-message3 {
    padding: 0px 20px 45px 20px;
}

.concept-area3 {
    font-size: 80%;
}

.pnav ul {
    width: 1316px;　/*289px × 要素数 + 20px（firstchildのマージン）+ 35px * 要素数（2つ目以降の右マージン）*/ 
    margin: 15px auto 2px auto;
    list-style: none;
    display: flex;
    padding-bottom: 10px;
    background-color: white;
}

.pnav ul li {
    text-align: center;
    margin-right: 35px;
}

.pnav ul li:first-child {
    margin-left: 20px;
}

p.footer-feature_title {
    width: 85%;
}

p.social_accounts_title {
    width: 85%;
}

p.social_accounts_subtitle {
    margin-left: -130px;
    font-size: 80%;
}

p.footer_profile_title {
    width: 78%;
}

p.footer_profile_subtitle {
    margin-left: -165px;
    font-size: 80%;
}

p.footer-message_title {
    width: 80%;
}

p.footer-message_subtitle {
    margin-left: -145px;
    font-size: 80%;
}

p.footer_category_title {
    width: 82%;
}

p.footer_category_subtitle {
    margin-left: -140px;
    font-size: 80%;
}

	li.cat-item {
    margin: 10px 20px 10px 0px;
    padding-bottom: 3px;
	}

	.single-tag a {
    font-size: 85%;
}

.single-tag-p {
    width: 82%;
}

.single-tag-p p {
    font-size: 100%;
}

.single-content h1.post-title {
    line-height: 130%;
    font-size: 130%;
 }
	
	/* Post content --------------------------------------- */
	
	.post-content blockquote { padding-left: 72px; }
	
	.post-content blockquote:before {
		font-size: 48px;
		width: 72px;
		top: 22px;
	}
	
	/* post media */
	
	.post-content .alignleft,
	.post-content .alignright {
		float: none;
		display: block;
		max-width: 100%;
		margin: 1.5em auto 1.25em;
	}
	
	.post-content .alignleft img,
	.post-content .alignright img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Respond --------------------------------------- */
	
    .comment-form-comment + .comment-form-author,
    .comment-form-comment + .comment-form-author + .comment-form-email,
	.comment-form p + p { 
        margin-top: 20px; 
    }
		
	.comment-form-author, 
	.comment-form-email {
		margin-bottom: 0;
		width: 100%;
		float: none;
		margin-left: 0;
	}
	
	.comment-form-author + .comment-form-email { margin-top: 20px; }
	
	/* Pagination --------------------------------------- */
	
	.page-title span {
    display: block;
    margin-top: 8px;
    text-align: center;
    font-size: 75%;
    letter-spacing: 0px;
	}

	/* Credits --------------------------------------- */

	.credits .menu-social {
		position: static;
		right: auto;
		top: auto;
		margin: 0 0 20px 0;
	}
	
	.credits .menu-social ul { text-align: center; }
	
	.credits .menu-social li {
		display: inline-block;
		float: none;
	}
	
	.credits .fleft { float: none; }
	
	.credits p { text-align: center; }
}

@media (max-width: 320px) {
	

/* -------- iPhone SEサイズ指定 --------------------------------------- */

	/* Structure --------------------------------------- */
	
	
	.wrapper:after { border-width: 10px; }
	
	/* Header --------------------------------------- */
	
	
	.header { padding: 0; }
	
	.blog-description { display: none; }
	
	.blog-logo img { max-height: 40px; }

		.blog-title img {
    height: 43px;
    margin-left: -75px;
    margin-right: 0px;
    margin-top: 27px;
}

	.nav-toggle { 
        display: block;
		left: auto; 
		right: 2%;
	}

	.nav-toggle p {
    float: left;
    margin: 2px 38px 0 0;
    text-align: center;
    font-size: 9px;
    font-family: 'Fira Sans', sans-serif;
}

	p.concept-tag {
    font-size: 120%;
	}

	p.concept-message{
		letter-spacing: 1.5px;
		font-size: 80%;
	}

	p.concept-message2{
		letter-spacing: 1.5px;
		font-size: 80%;
	}

	p.concept-message3 {
    padding: 0px 15px 40px 15px;
    letter-spacing: 1.5px;
    line-height: 1.8em;
    font-size: 80%;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    text-align: center;
	}

	.concept-area {
	margin-top: -10px;
	}

	.concept-area3 {
    font-size: 75%;
}

.blog-card {
    word-wrap: break-word;
    border-radius: 0px;
    margin-bottom: 30px;
    font-size: 1.2em;
    position: relative;
    margin-left: -30px !important;
    width: 100vw;
}

.blog-card a {
    color: #333;
    background: #EFEFEF;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    padding: 0px;
    text-decoration: underline;
    text-underline-position: under;
}

.blog-card-thumbnail {
    float: left;
    padding: 20px 8px;
}

.blog-card-content {
    line-height: 98%;
    background-color: #EFEFEF;
}

.blog-card-title {
    font-size: 52%;
}

.single-tag li {
    padding: 10px 4px;
}

.single-tag ul {
    margin-top: 8px;
}

.single-tag-p p {
    font-size: 85%;
}

.single-tag-p {
    width: 84%;
    margin-top: -20px;
}

p.feature-prairie-title {
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 138%;
    padding-top: 40px;
}

.single-content h1.post-title {
    font-size: 120%;
}

p.footer_profile_subtitle {
    margin-left: -120px;
    font-size: 80%;
}

p.social_accounts_subtitle {
    margin-left: -85px;
    font-size: 80%;
}

p.footer-message_title {
    width: 85%;
}

p.footer-message_subtitle {
    margin-left: -120px;
    font-size: 80%;
}

p.footer_category_title {
    width: 85%;
}

p.footer_category_subtitle {
    margin-left: -105px;
    font-size: 80%;
}

p.footer-feature-ipad-p {
    font-size: 85%;
}

.mobile-menu li {
    margin-top: 5px;
    font-size: 90%;
    line-height: 1.5em;
}

.mobile-menu > li:first-child {
    margin-top: 5px;
    font-size: 90%;
}

p.singletop-title {
    font-size: 75%;
    line-height: 1.3em;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    font-weight: bold;
    letter-spacing: 0.3px;
}

dd.pickupcategory-title {
    margin-left: -55px;
    font-size: 70%;
    width: 60%;
    padding: 5px 2px 4px 8px;
    margin-bottom: 20px;
    margin-top: auto;
    background-color: white;
    line-height: 1.4em;
    font-weight: bold;
    letter-spacing: 0.2px;
}

p.feature-lead {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 5px;
    font-weight: 600;
    padding: 10px 0px 3px 2px;
}

p.feature-title {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 95%;
    font-weight: 700;
    padding: 2px 0px 5px 2px;
    line-height: 1.4em;
}

.pickupcategory-more {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 80%;
    background-color: #118582;
    padding: 18px 10px;
    letter-spacing: 0.03em;
    margin-top: 20px;
}

p.other-today-title {
    font-size: 110%;
}

.single-tag a {
    font-size: 82%;
}

.pnav ul {
    width: 1095px;　/*250px(200 50) × 要素数 + 15px（firstchildのマージン）+ 20px * 要素数（2つ目以降の右マージン）*/ 
    margin: 15px auto 2px auto;
    list-style: none;
    display: flex;
    padding-bottom: 10px;
    background-color: white;
}

p.p-feature {
    background-color: #118582;
    border-radius: 40px;
    min-width: 65px;
    min-height: 65px;
    padding-top: 28px;
    padding-left: 6px;
    font-size: 55%;
    color: white;
    margin-left: -15px;
    margin-top: -20px;
    font-family: 'Fira Sans', sans-serif;
    letter-spacing: 0.6px;
    font-weight: 500;
    transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
}

a.shop-lead-text-button {
    padding: 3px 25px;
    font-size: 82%;
}

.shop-entry-title a {
    font-size: 82%;
}

h1.shop-post-title {
    font-size: 105%;
}

p.shopsingle-lead-text {
    font-size: 75%;
    letter-spacing: 0.8px;
}

.shopiteminfo li {
    font-size: 62%;
}

p.instashow-p {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 800;
    font-style: italic;
    text-align: center;
    font-size: 105%;
    margin-top: -10px;
    background-color: white;
    width: 54%;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 0.4px;
}
}

/* -------- mediaquery終了 --------------------------------------- */

p.midashi {
    font-size: 155%;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    margin-top: 55px;
    margin-bottom: 30px;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.5px;
}

dd.sptopics-title {
    padding: 0px 6px 5px 6px;
}

.sptopics-title a {
    font-size: 120%;
}

.pnav img {
    height: 260px;
    width: auto;
    margin-top: 8px;
    box-shadow: 1px 1px 4px 0px #9FA0A0;
}

.pnav ul li:first-child {
    margin-left: 15px;
}

p.p-lr {
    writing-mode: vertical-rl;
    margin: 10px 0px 0px 3px;
    font-family: 'Fira Sans', sans-serif;
    font-size: 180%;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 0.7px;
}

p.pickupcategory-p {
    text-align: center;
    font-size: 75%;
    color: #727171;
    margin-top: -16px;
    margin-bottom: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
}

p.post-meta-cat {
    font-family: 'Fira Sans', sans-serif;
    font-size: 95%;
    text-transform: uppercase;
    font-style: italic;
    color: #404040;
}

p.post-meta-date {
    font-family: 'Fira Sans', sans-serif;
    font-size: 78%;
    color: #404040;
    font-style: italic;
}

.post-header {
    width: 85%;
    margin: 0px 10px 10px 0px;
    background-color: white;
    padding: 16px 11px 16px 11px;
}

.gnav ul li:first-child {
    margin-left: 15px;
}

ul.children a {
    padding: 6px 10px 6px 10px;
    color: #666666 !important;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 85%;
    font-weight: bold;
    letter-spacing: 0px;
}

li.cat-item {
    margin: 10px 15px 10px 0px;
    padding-bottom: 3px;
}

.singletop-pr {
    font-family: 'Fira Sans', sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 100%;
}

	/* Blog --------------------------------------- */
	
	
	.author-meta-aside { width: 40px; }
	
	.author-meta-inner { margin-left: 55px; }
	
	
	/* Post content --------------------------------------- */
	
	
	.post-content blockquote { padding: 20px; }
	.post-content blockquote:before { content: none; }
	
	.post-content input[type="text"],
	.post-content input[type="tel"],
	.post-content input[type="url"],
	.post-content input[type="password"],
	.post-content textarea {
		padding: 10px;
	}
	
	
	/* Respond --------------------------------------- */
	
	
	.comment-form { padding: 15px; }
	
	.comment-form input[type="text"],
	.comment-form input[type="email"],
	.comment-form input[type="url"],
	.comment-form textarea {
		padding: 10px;
	}
	
	
	/* Pagination --------------------------------------- */
	
	
	.archive-nav span { display: none; }
	
}

.onlineshop-list {
	display: flex;
    justify-content: center;
}

.onlineshop-item {
	width: 33%;
    border: 1px solid;
    padding: 2px;
}

p.onlineshop-name {
	font-size: 80%;
    font-weight: bold;
    padding: 2px;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
    line-height: 1.3em;
}

p.onlineshop-price {
	font-size: 85%;
    padding: 2px;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
}

p.onlineshop-p {
	text-align: center;
    font-size: 85%;
    color: #727171;
    margin-top: 5px;
    margin-bottom: 25px;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
}

p.onlineshop-more {
	font-size: 95%;
    font-family: 'Lora', serif;
    margin-top: -57px;
    font-weight: bold;
    margin-right: 15px;
    padding: 10px 10px 10px 10px;
    background-color: #118582;
    width: 16%;
    margin-left: auto;
    color: white;
    text-align: center;
}

ul.other-category {
	display: flex;
    flex-wrap: wrap;
    padding: 0px 20px;
}

ul.other-category li {
	padding: 6px;
    margin: 4px 5px;
    background-color: #666666;
    border-radius: 2px;
}

ul.other-category a {
    color: white;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 80%;
    font-weight: bold;
    letter-spacing: 0.3px;
}

p.other-category {
    text-align: center;
    margin-top: 25px;
    font-size: 110%;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    margin-bottom: 15px;
}

p.deep-category {
	text-align: center;
    margin-top: 15px;
    font-size: 110%;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
    font-weight: bold;
    margin-bottom: 15px;
}

.parentCategory {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
}

.parentCategory a {
    color: white;
    padding: 6px 8px;
    background-color: #666666;
    border-radius: 3px;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 90%;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.kaerebalink-image img {
	max-width: 100% !important;
	margin-left: 0 !important;
}

.kaerebalink-image {
	max-width: 50% !important;
}

.kaerebalink-info {
	overflow: visible;
}

.kaerebalink-link1 {
	display: flex;
    flex-direction: column;
}

.shoplinkamazon {
	display: inline-block !important;
    padding: 5px 3px 10px 3px;
    margin: 10px 0px;
}

.shoplinkamazon a {
    background-color: #118582;
    padding: 11px 12px 14px 12px;
    margin-top: 10px;
    color: white;
    font-size: 110%;
}

.shoplinkrakuten {
 	display: inline-block !important;
    padding: 5px 3px 9px 3px;
    margin: 10px 0px;
}

.shoplinkrakuten a {
	background-color: #118582;
    padding: 11px 10px 10px 10px;
    margin-top: 10px;
    color: white;
    font-size: 110%;
}

.kaerebalink-name a {
	color: black;
    font-size: 1.1em;
}

.wrapper {
	margin-top: -10px !important;
}

.search {
	margin: 12px 15px;
}

input.search-field {
    font-family: 'Fira Sans', sans-serif;
    text-transform: uppercase;
    font-style: italic;
    padding-top: 15px;
    font-size: 125%;
}

h1.page-post-title {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    font-size: 160%;
    padding-left: 5px;
    padding-top: 10px;
    line-height: 1.4em;
    margin-bottom: -20px;
}

.relate-page {
	display: flex;
    margin-left: -30px !important;
    margin-top: 5px;
    margin-bottom: 35px;
    width: 100vw;
    background-color: #EFEFEF;
}

.relate-page p:first-child {
    width: 15%;
    padding: 14px 10px 10px 10px;
    text-align: center;
    color: white;
    line-height: 1.5em;
    font-weight: bold;
    font-size: 80%;
    letter-spacing: 2px;
    margin: 0px;
    background-color: #118582;
    text-decoration: none;
}

.relate-page p {
	width: 85%;
    padding-right: 15px;
    padding-left: 15px;
    color: white;
    line-height: 1.3em;
    font-weight: bold;
    font-size: 76%;
    letter-spacing: 2px;
    padding-top: 5px;
    text-decoration: underline;
    text-underline-position: under;
    margin-top: auto;
    margin-bottom: auto !important;
}

.sticky-itslink img {
	border-style: none;
    float: left;
    margin: 5px 15px 5px -5px !important;
    max-width: 30% !important;
}

.sticky-itslinktext {
	font-size: 80%;
}

.sticky-itslinktext a {
	margin-top: -10px !important;
}

.sticky-itslink p {
	margin-top: -10px;
}

.snsShareArea {
    margin-top:20px;
    margin-bottom:20px;
}

.snsShareArea:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.snsShareArea a{
	box-sizing: border-box;
    display: block;
    float: left;
    width: 31.3%;
    margin: 1%;
    padding: .5em 0 0.4em 0;
    border-radius: 2px;
    color: white;
    text-decoration: none;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-style: italic;
    letter-spacing: 0.7px;
}

.btn--twitter{
  background: #55acee;
}
.btn--facebook{
  background: #3b5998;
}
.btn--google{
  background: #dd4b39;
}
.btn--hatena{
  background: #008FDE;
}
.btn--pocket{
  background: #ee4056;
}

/*コーデアイテムのデザイン */

div.coordinate-item-title
{
	font-weight: bold;
    background-color: #eee;
    margin: -10px 0px 0px -30px !important;
    text-align: center;
    font-size: 130%;
    color: #333;
    padding: 14px 0px 2px 0px;
    width: 100vw;
}

ul.coordinate-item
{
	margin: 0px 0px 15px -30px;
    padding: 0px 0px 3px 0px;
    border: 2px solid #eee;
    background-color: #eee;
    width: 100vw;
}

.coordinate-item li {
	margin-bottom: 8px;
    padding-bottom: 3px;
    padding-left: 30px;
    position: relative;
    list-style: none !important;
    border-bottom: 1px dashed silver;
    margin-top: 8px;
    font-size: 90%;
}

.coordinate-item li:last-child {
  margin-bottom: 0px;
  padding-bottom: 8px;
  padding-left: 30px;
  position: relative;
  list-style: none !important;
  border-bottom: none;
  font-size: 90%;
}

/*SHOPPING JOURNALのデザイン*/

div.shopjournal-title {
    border-top: 4px double #404040;
    font-family: 'Caveat', cursive;
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
    padding-top: 12px;
    font-weight: bold;
}

ul.shopjournal {
    list-style-type: none;
    background-color: white;
    border-bottom: 4px double #404040;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 8px;
    padding-bottom: 10px;
    font-size: 110% !important;
}

.shopjournal li {
    font-family: 'Caveat', 'Lora', serif !important;
    font-size: 85%;
    line-height: 1em !important;
    list-style-type: none !important;
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.shopjournal li a {
	font-family: 'Caveat', 'Lora', serif;
    font-size: 17px !important;
}

.rich-ul-title {
    font-size: 120%;
    font-weight: bold;
    padding-left: 5px;
    margin-bottom: 15px;
    border-bottom: 3px solid;
    padding-bottom: 0px;
    width: 90%;
}

ul.rich-ul {
	list-style: disc;
    line-height: 0.8em;
    margin-left: 1.5em;
    margin-top: 0px;
}

.rich-ul li {
	margin-bottom: 0em;
    margin-top: 0.6em;
    line-height: 170%;
}

.relate-link {
	text-align: center;
    background-color: #EFEFEF;
    padding: 20px 10px;
    width: 100vw;
    margin-left: -30px !important;
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px !important;
}

.footer_profile a {
	font-weight: bold;
    text-decoration: underline;
    text-underline-position: under;
}

.more_pr_area {
	text-align: center;
    margin-bottom: 30px;
}

.more_pr_area p {
	text-align: center;
    margin-bottom: 0px;
    font-size: 80%;
}

p.article-footer-adspace-p {
    font-size: 200%;
    text-align: center;
    font-family: 'Lora', serif;
    font-style: italic;
    font-weight: bold;
    padding: 25px 0px 5px 0px;
}

.article-footer-adspace {
	margin-top: 20px;
}

.twenty20 {
	width: 100vw !important;
    margin-left: -30px;
}

img.twentytwenty-before {
	width: 100vw !important;
    margin-left: 0px !important;
}

img.twentytwenty-after {
	width: 100vw !important;
    margin-left: 0px !important;
}

.article-header-adspace {
	margin-bottom: 15px;
}

.single-border {
	border: 6px double #333;
    padding: 8px 10px 20px 15px;
    margin-bottom: 15px;
}

.gray-back {
	border-style: none;
    border-width: 1px;
    padding: 10px 10px 10px 20px;
    background-color: whitesmoke;
    width: 100vw;
    margin-left: -30px;
}

/*--------------------ipad特集ページ-----------------*/

.feature-ipad_thumbnail img {
	margin-top: -387px;
    max-width: 100vw !important;
    margin-bottom: 0px;
}

.feature-ipad_thumbnail {
	width: 100vw;
}

h1.feature-title {
    z-index: 999;
    position: relative;
    margin: 0;
    padding: 0;
    color: white;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.7);
    margin-top: 200px;
    font-size: 170%;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    text-align: center;
    line-height: 1.3em;
    font-weight: bold;
    letter-spacing: 1px;
}

p.feature-text {
    position: relative;
    text-align: center;
    color: white;
    letter-spacing: 5px;
    font-size: 95%;
    text-shadow: 1px 1px 8px rgba(0,0,0,0.42);
    font-family: 'Fira Sans', sans-serif;
    padding-top: 20px;
    font-style: italic;
}

.feature-ipad-lead p {
    padding: 60px 15px 10px 15px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    font-size: 85%;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    letter-spacing: 0.07em;
    line-height: 1.7em;
}

.feature-ipad-lead {
    background-color: #f8f8f8;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-top: -5px;
}

.sns-feature {
    width: 45%;
    margin: auto;
    text-align: left;
    padding-bottom: 15px;
}

.wideslim-ad {
	padding-bottom: 30px;
}

.ipad-category-entry {
	display: flex;
    flex-wrap: wrap;
}

.ipad-category-entry-content {
}

.ipad-category-entry-flex {
	background-color: #f8f8f8;
    border: 1px solid #eee;
    padding: 20px 25px 30px 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.ipad-category-entry-content {
    display: flex;
    flex-wrap: wrap;
}

.ipad-category-entry-th {
}

.ipad-category-entry-title {
    margin: 5px 5px;
    text-align: center;
}

.ipad-category-entry-title a {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
    letter-spacing: 0.02em;
}

p.lead-text {
	font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-size: 85%;
    margin-top: 15px;
    letter-spacing: 0.05em;
    color: #595757;
    margin-bottom: 25px;
    text-align: center;
    line-height: 1.5em;
}

a.lead-text-button {
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    font-size: 85%;
    border: 2px solid #333;
    border-radius: 4px;
    background-color: #f8f8f8;
    padding: 8px 13px;
    letter-spacing: 0.05em;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

a.lead-text-button:hover {
	background-color: #333;
	color: #f8f8f8;
}

p.rich-index-text {
    color: #595757;
    margin-top: 10px;
    font-size: 82%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.08em;
    line-height: 1.9em;
}

p.rich-index-title {
	color: #333;
    margin-top: 35px;
    font-size: 170%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    padding: 20px 5px;
    line-height: 1.4em;
}

.rich-index-pic {
	display: flex;
    justify-content: space-around;
}

.rich-index-pic img {
	width: 20%;
    height: 15%;
    margin: 5px 10px;
}

img.resize {
	width: 18%;
}

.rich-index {
	    margin-bottom: 20px;
}

.jump-index {
	background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
}

p.jump-index-title {
	color: #595757;
    padding-top: 30px;
    font-size: 120%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.03em;
    margin-bottom: 25px;
}

.index-link {
	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.index-link a {
    margin: 0px auto;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    color: #169594;
    text-decoration: none;
    font-weight: bold;
    font-size: 85%;
    border: 3px solid #169594;
    border-radius: 4px;
    background-color: #f8f8f8;
    padding: 7px 8px;
    letter-spacing: 0.05em;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    margin-bottom: 12px;
    width: 55%;
}

.index-link a:hover {
	background-color: #169594;
	color: #f8f8f8;
}

.wideslim-ad2 {
	text-align: center;
    margin-bottom: 25px;
}

.category-lead1 {
	display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.category-lead2 {
	display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.category-lead3 {
	display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.category-lead4 {
	display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.category-lead1 img {
	width: 50%;
    height: 15%;
    margin: 10px auto 0px auto;
}

.category-lead2 img {
	width: 40%;
    height: 15%;
    margin: 25px auto 20px auto;
}

.category-lead3 img {
    width: 45%;
    height: 15%;
    margin: 30px auto 0px auto;
}

.category-lead4 img {
	width: 40%;
    height: 15%;
    margin: 30px auto 15px auto;
}

.category-lead-midashi {
	margin-top: auto;
    margin-bottom: auto;
}

p.category-lead-title {
    color: #333;
    font-size: 180%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
}

p.category-lead-text {
    color: #595757;
    margin-top: 15px;
    font-size: 82%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    letter-spacing: 0.05em;
    width: 90%;
    line-height: 1.5em;
}

.st-aside div.kanren {
	background-color: white;
}

.jump-index-bellow {
	background-color: white;
}

p.jump-index-bellow-title {
    color: #595757;
    padding-top: 30px;
    font-size: 120%;
    text-align: center;
    font-family: 'Vollkorn', 'Times New Roman', 'Times', serif;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
}

p.feature-ipad-bellow {
    color: #595757;
    margin-top: 10px;
    font-size: 82%;
    text-align: center;
    font-family: "Helvetica Neue",Helvetica,Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo,"MS ゴシック","MS Gothic",sans-serif;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.08em;
    line-height: 1.9em;
}

.feature-ad {
	margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
}