/*
Theme Name: Simply Read
Theme URI: http://wpsimplyread.com/about
Author: http://wpsimplyread.com
Author URI: http://wpsimplyread.com
Text Domain: simplyread
Domain Path: /library/translation
Description: Simply Read is a minimalist blog theme with a huge home page slider and a masonry style layout for latest posts. It also has a full width static page template, separate widget areas for pages and posts, social media links, optional author bios and simple color scheme options to make customizing the theme very easy.
Version: 2.1
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, sticky-post, microformats, translation-ready, full-width-template, post-formats

*/

/*******************************************************************************************/

/*globals*/
a{color: #000;text-decoration: underline;}
a:hover{text-decoration: underline;}
iframe{width: 100%;}
.comment_content ul li:before,.entry-content ul li:before{ content: "\203A \020 \020";font-family: 'Raleway-Heavy',sans-serif,arial;font-size: 20px; }
.comment_content ol,.entry-content  ol{counter-reset: my-counter;}
.comment_content ol > li:before,.entry-content  ol > li:before {content: counter(my-counter) ". \020";counter-increment: my-counter;font-family: 'Raleway-Heavy',sans-serif,arial;font-size: 20px; }
.comment_content ul, .comment_content ol,.entry-content ul,.entry-content ol{margin:0 30px;}
.widget li:before,nav[role="navigation"] li:before{content: "";}
.clear{clear:both;}
.front-wrapper #content{margin-top: 0;}
.divider-title{padding: 40px 0 5px;}
.divider-title:before {content: "";display: block;border-top: solid 1px black;width: 100%;height: 1px;position: absolute;z-index: 1;}
.divider-title span {font-size:24px;letter-spacing:10px;font-family: 'Raleway-Regular',sans-serif,arial;text-transform:uppercase;background: none repeat scroll 0 0 #fff;display: block;margin: 0 auto;padding: 0 20px;position: relative;text-align: center;top: -18px;width: 200px;z-index: 5;color: #000;}
.table {display: table;height: 100%;margin: 0 auto;width: 100%;}
.table-cell {display: table-cell;text-align: center;vertical-align: middle;width: 100%;}
.tagcloud a{border: 1px solid #ddd;font-size: 14px !important;padding: 10px;display: inline-block;margin-bottom: 5px;}
.full.d-5of7{width: 100%;}



/*header*/
.top-area{min-height: 55px;background: #ececec;}
.social-icons{float: left;width: auto;max-width: 100%;padding: 14px 0;font-family: 'Raleway-Regular',sans-serif,arial;font-size: 14px;}
.social-icons a{margin-right: 10px;text-decoration: none;text-transform: uppercase;color: #000;display: inline-block;width: auto;}
.footer-social a span{display: none;}
.social-icons a:hover{border-bottom: 1px solid #000;}
.search-bar{float: right!important;padding: 5px 0 0;}
.search-bar form{margin: 0;}
.search-bar:hover{background: none!important;}
.search-bar input.search-field[type="search"] {background: url(images/search.png);background-position: 5px center;background-repeat: no-repeat;background-size: 18px auto;border: none;cursor: pointer;height: 40px;margin: 3px 0;padding: 0 0 0 34px;position: relative;-webkit-transition: width 400ms ease, background 400ms ease;transition: width 400ms ease, background 400ms ease;width: 0;}
.search-bar input.search-field[type="search"]:focus {background-color: #fff;border: 1px solid #000;cursor: text;outline: 0;width: 230px;}
.search-form .search-submit { display:none;}





/*required css*/
.sticky{}
.gallery-caption{}
.bypostauthor{}

#logo{width: auto;float: left;}
#logo a{text-transform: uppercase;letter-spacing: 8px;font-family: 'Raleway-Regular',sans-serif,arial;}
nav[role="navigation"]{float: right;width: auto;margin: 1.5em 0;}
nav[role="navigation"] .nav{float: none;}
nav[role="navigation"] .nav li{padding: 10px;float: left;display: block;position: relative;}
nav[role="navigation"] > .nav > li:first-child{padding-left: 0;}
nav[role="navigation"] .nav li a{color: #000;font-family: 'Raleway-Regular',sans-serif,arial;text-align: left;padding: 0;text-transform: uppercase;}
nav[role="navigation"] .nav li.current_page_item a{font-family: 'Raleway-Bold',sans-serif,arial;border-bottom: 1px solid #000;}
nav[role="navigation"] .nav li ul {margin: 0;padding: 0;position: absolute;top: 100%;z-index: 1;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);}
nav[role="navigation"] .nav li ul ul {top: 0;left: 100%;}
nav[role="navigation"] .nav li ul ul ul ul{left: -100%;}
nav[role="navigation"]  ul li:hover > ul,
nav[role="navigation"]  ul li:focus > ul{border-left: 0;clip: inherit;overflow: inherit;height: inherit;width: inherit;}
nav[role="navigation"] .nav li ul li a {background: #000;border: 1px solid #000;display: block;font-size: 14px;line-height: 2.181818182;padding: 8px 10px;padding: 0.571428571rem 0.714285714rem;width: 150px;white-space: normal;color: #fff;}
nav[role="navigation"] .nav li ul li a:hover,
nav[role="navigation"] .nav li ul li a:focus {background: #000;color: #fff;}
.nav-show{display: block!important;}
/*slider*/
.captions{position: absolute;bottom: 0;background-image:url(images/trans.png);padding: 10px 40px;width: 60%;box-sizing:border-box;}
.captions a{text-decoration: none;}
.captions h1{font-size: 24px;text-transform: uppercase;color: #fff;font-family: 'Raleway-Bold',sans-serif,arial;margin-top: 0;}
.captions h1:hover{color: #ddd;}
.captions p{color: #fff;font-size: 15px;margin: 0;font-family:'Helvetica',sans-serif,arial;letter-spacing: 1px;font-weight: 300;}
.captions p a{font-size: 18px;color: #fff;text-transform: uppercase;font-family: 'Raleway-Regular',sans-serif,arial;}






/*blog list*/
.gutter-sizer{width: 60px;}
.blog-list .item{width:  30%;float: left;margin-bottom:50px;list-style:none;box-sizing:border-box;}
.blog-list li:before{content: "";}
.blog-list .item h2{font-size: 24px;margin: 10px 0 0;text-transform: uppercase;font-family: 'Raleway-Bold',sans-serif,arial}
.blog-list .item a{text-decoration: none;position: relative;display: block;}
.blog-list .item a iframe{width: 100%;height: 250px;}
.blog-list .item time{color: #333;font-size: 14px;}
.blog-list .item blockquote{margin: 0;}
.blog-list .item .excerpt p{font-family: 'Raleway-Regular',sans-serif,arial;}
.blog-list .item .excerpt p a{display: none;}
p.format-link a{display: block!important;text-align: center;background: #ECECEC;color: #000;padding: 10px;}
p.format-link a:hover{text-decoration: underline;}
.blog-list .item img{width: 100%;height: auto;}

/*formats*/
.blog-list .item a:hover span.fa{color: #adadad;}
.blog-list .item.format span.fa{ bottom: 20px;color: #fff;display: block;font-size: 30px;left: 0;padding-right: 20px;position: absolute;text-align: right;text-shadow: 1px 2px 4px #000;width: 100%;}
body.home .pagination,body.blog .pagination{background:#F1F4F5;}
body .pagination{margin: 0; }
body .pagination ul{background: none;border-radius: 0;}
body .pagination li:before{content:"";}
body .pagination li{border:none;}
body .pagination li span{font-family: 'Raleway-Bold',sans-serif,arial;font-size: 30px;background: none;border: 2px solid #000;color: #000;}
body .pagination li a{font-family: 'Raleway-Bold',sans-serif,arial;font-size: 30px;background: none;color: #333;}
body .pagination li a:hover,body .pagination li a:focus{color: #000;background: none;}
.quote-content{color: #808080;font-size: 20px;font-style: italic;}
.quote-source{font-weight: bold;text-align: right;}
.status-content{background: #ECECEC;padding: 10px;text-align: center;}
.chat-content .wp-smiley{margin: 0;}
body .mejs-controls .mejs-time-rail .mejs-time-loaded{background: #444;}
body .mejs-controls .mejs-time-rail .mejs-time-current{background: #ddd;}
body .mejs-container{margin: 20px 0;}












/*single-post*/
body .header[role="banner"]{position: relative;z-index: 999;}
body.home .header[role="banner"]{box-shadow: none;}
body.blog .header[role="banner"]{box-shadow: none;}
.article-header{background: #eee;padding: 24px 0;}
.article-header h1{font-family: 'Raleway-Bold',sans-serif,arial;font-size: 28px;}





.tag-links{margin: 30px 0;font-family: 'Raleway-Bold',sans-serif,arial;}
.tag-links a{margin: 0 5px;font-family: 'Raleway-Regular',sans-serif,arial;}
.next-prev-post{margin: 0 0 30px;padding: 30px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.next-prev-post .prev{float: left;width: 50%;}
.next-prev-post .next{float: right;width: 50%;text-align: right;}
.next-prev-post .next a, .next-prev-post .prev a{display: block;}
.next-prev-post .next p span,.next-prev-post .prev p span{font-weight: bold;}
body .byline{margin-top: 20px;font-style: normal;color: #000;}
body.page-template-full-width-php .byline{display: none;}
body .hentry footer{padding: 0 0 30px;border-bottom: 1px solid #ddd;}
body .avatar{float: left;}
body .info{width: 80%;float: right;}
body .info p.author{font-family: 'Raleway-Bold',sans-serif,arial;font-size: 24px;}
body .info p.author span{font-family: 'Raleway-Regular',sans-serif,arial;}
body .info p.author-desc{font-size: 15px;}
body .comment-respond{padding: 20px 0;}
body .related{border-bottom: 1px solid #ddd;}
body .related h3, body #comments-title{font-family: 'Raleway-Bold',sans-serif,arial;font-size: 20px;margin: 30px 0;}
body .related ul li{width: 195px;float: left;margin-right: 10px;margin-bottom: 25px;}
body .related ul li:last-child{margin-right: 0;}
body .related ul li a{text-decoration: none;}
body .related ul li a img{width: 100%;height: auto;}
body .comment .comment-author{margin: 0;width: auto;padding: 0;}
body .comment_content{border: 1px solid #ddd;box-sizing: border-box;padding: 15px;width: 100%;margin-bottom: 5px;}
body .comment:not(.depth-1){padding: 0;}
body .comment.depth-3{margin-bottom: 20px;}
body .comment_content p{margin-bottom: 0;}
body .comment .vcard{margin-left: 0;margin-right: 10px;}
body .comment .vcard .avatar{position: static;}
body cite.fn{font-style: normal;font-family: 'Raleway-Bold',sans-serif,arial;}
body .comment-reply-link{border-radius: 0;margin:0;background: #000;}
body .comment-reply-title{font-family: 'Raleway-Bold',sans-serif,arial;font-size: 20px;}
body .comment-inner{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
body.page #comments-title{border-top: 1px solid #ddd;}
.video-container{position: relative;height: 0;overflow: hidden;padding-bottom: 56.25%;}
.video-container iframe{position: absolute;height: 100%;top:0;width: 100%;}





















/*comments*/
nav.comment-navigation[role="navigation"]{float: none;width: 100%;border: 1px solid #ddd;padding: 15px;box-sizing:border-box;}

/*widgets*/
body .sidebar{margin: 20px 0;}
body .sidebar a{text-decoration: none;}
body .sidebar a:hover{text-decoration: underline;}
body .sidebar img{width: 100%;height: auto;}
.widget:first-child{margin-top:0; }
.widget:first-child h4{margin-top:0; }
.widget ul li{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.widget ul li.menu-item-has-children ul,.widget ul li.page_item_has_children ul{margin-bottom: 0;}
.widget ul li.menu-item-has-children li,.widget ul li.page_item_has_children li{border-bottom: none;margin-bottom: 0;}
.searchform .screen-reader-text{display: none;}
.searchform input[type="text"]{background: none;border:2px solid #a9a9a9;width: 74%;float: left;}
.widget #wp-calendar{width: 100%;}
.widget #wp-calendar td{text-align: center;}
.widget #wp-calendar td#today{font-family: 'Raleway-Heavy',sans-serif,arial;}
.widget #wp-calendar caption{background: #ddd;text-transform: uppercase;padding:8px 0;font-family: 'Raleway-Bold',sans-serif,arial; }
.widget #wp-calendar thead{border: 1px solid #000;}










/*archive*/
article.archive:first-child{margin-top: 20px;}
article.archive img{width: 150px;display: block;float: left;}
article.archive .entry-content{margin-left:180px;padding: 0;}
article.archive .entry-content h3{font-family: 'Raleway-Bold',sans-serif,arial;font-size: 24px; }

/*footer*/
footer.footer[role="contentinfo"]{background: #fff;height:250px;border-top:1px solid #dcdcdc;}
footer.footer[role="contentinfo"] p{color: #000;}
footer .footer-social{float: right;}
footer .footer-social a:last-child{margin-right: 0;}
body.paged footer .copyright span{display: none;}
footer.footer1[role="contentinfo1"]{background: #dcdcdc;height:10px;border-top:1px solid #dcdcdc;}
/*responsive nav*/
#responsive-nav,.no-display {display:none;}

/*gallery*/
body .gallery{clear: both;margin-bottom: 20px;overflow: auto;}
body .gallery img{margin-bottom: 0;display: block;}
.gallery .gallery-caption{background: #ddd;padding: 10px;color: #000;line-height: 1.5em;margin-bottom: 0;}
.gallery-item{margin: 0;}
.gallery-item img{width: 100%;}
.gallery-columns-1{width: 520px;margin: 0 auto;}
.gallery-columns-1 .gallery-item{width: 100%;margin-bottom: 20px;}

.gallery-columns-2 .gallery-item,.gallery-columns-2  .gallery-icon.portrait,.gallery-columns-2  .gallery-icon.landscape{width: 46%;float: left;margin-right: 50px;}
.gallery-columns-2 .gallery-item .gallery-icon.portrait,.gallery-columns-2 .gallery-item .gallery-icon.landscape{width: 100%;margin-bottom: 20px;}
.gallery-columns-2 .gallery-item:nth-child(2n+2){margin-right: 0;}

.gallery-columns-3 .gallery-item,.gallery-columns-3  .gallery-icon.portrait,.gallery-columns-3  .gallery-icon.landscape{width: 29%;float: left;margin-right: 42px;}
.gallery-columns-3 .gallery-item .gallery-icon.portrait,.gallery-columns-3 .gallery-item .gallery-icon.landscape{width: 100%;margin-bottom: 20px;}
.gallery-columns-3 .gallery-item:nth-child(3n+3){margin-right: 0;}

.gallery-columns-4 .gallery-item,.gallery-columns-4  .gallery-icon.portrait,.gallery-columns-4  .gallery-icon.landscape{width: 22%;float: left;margin-right: 22px;}
.gallery-columns-4 .gallery-item .gallery-icon.portrait,.gallery-columns-4 .gallery-item .gallery-icon.landscape{width: 100%;margin-bottom: 20px;}
.gallery-columns-4 .gallery-item:nth-child(4n+4){margin-right: 0;}

/*slider*/
/******************************************************************
jQuery SLIDER STYLES
******************************************************************/
#load-cycle {background: url(library/images/loading.gif) no-repeat center center;width: 100%;height: auto;min-height: 100px;}
#slide-wrap {border-top: 0;}
.cycle-slideshow {position: relative; height: 500px;width: 100%;display: none;overflow: hidden;}
.slides {height: 500px;width: 100%;overflow: hidden;}
.slides .slide-thumb {position: relative;width: 100%;height: 500px;overflow: hidden;white-space: nowrap;}
.slides .slide-thumb img {position: absolute;left: 50%;top: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;min-width: 102%;height: auto;min-height: 500px;}
html.no-csstransforms .slides .slide-thumb img {left: 0;top: 0;}
.slides .slide-noimg {position: relative;width: 100%;height: 500px;overflow: hidden;white-space: nowrap;background-color: #333;font-family: "Raleway-Regular", Helvetica,sans-serif;font-size: 21px;font-weight: 400;text-transform: uppercase;color: #d0d0d0;text-align: center;}
.slides .slide-noimg p {position: absolute;width: 100%;left: 0;top: 42%;}
.slide-title {font-family: "Raleway-Bold", Helvetica,sans-serif;font-size: 24px; /* for ie8 & below */font-size: 24px;font-weight: 400;line-height: 1;margin-top: 0;margin-bottom: 15px;}
.slide-copy p{margin: 0;}.slide-title a,.slide-title a:visited {}
.slide-copy-wrap {position: absolute;bottom: 0;z-index: 100;color: #fff;}
.slide-copy-wrap a {color: #fff !important;}
html.no-csstransforms .slide-copy-wrap {left: 60px;right: 60px;}
.slide-copy {padding: 10px 40px;background-image: url(library/images/trans.png);margin-right: 30%;border-radius: 3px;}
#sliderprev,#slidernext {text-align: center;position: absolute;top: 42%;border-radius: 50%;text-decoration: none;background-color: #fff;font-family: "Raleway-Regular", Helvetica,sans-serif;font-size: 50px;width: 72px;height: 72px;line-height: 67px;z-index: 9999;text-indent: -9999px;outline: none;opacity: 0.9;display: none;}
#sliderprev {left: 10px;background: url(library/images/slider-nav.png) no-repeat 0 -13px;}
#slidernext {right: 10px;background: url(library/images/slider-nav.png) no-repeat -128px -11px;}
.cycle-slideshow:hover #sliderprev,
.cycle-slideshow:hover #slidernext,.cycle-slideshow:focus #sliderprev,
.cycle-slideshow:focus #slidernext {display: block;}
.cycle-paused:after {content: 'Paused'; font-family: "Open Sans", Arial, Helvetica, sans-serif;font-size: 12px; /* for ie8 & below */font-size: 0.75rem;text-transform: uppercase;color: white; background: black; padding: 5px 15px;z-index: 500; position: absolute; top: 10px; right: 10px;opacity: .5; filter: alpha(opacity=50);}
/* pager */
.cycle-pager { text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;}
.cycle-pager span { font-family: Arial, Helvetica, sans-serif; font-size: 50px; line-height: .6;width: 18px; height: 22px; display: inline-block; color: #f7f7f7; cursor: pointer;text-shadow: -1px -1px #bcbcbc;overflow: hidden;}
.cycle-pager span.cycle-pager-active { color: #efefef; }
.cycle-pager > * { cursor: pointer;}
.no-slide-image {position: absolute;width: 100%;top: 40%;font-family: "Open Sans", Arial, Helvetica, sans-serif;font-size: 34px;font-weight: 700;text-transform: uppercase;text-align: center;line-height: 1.5em;}


/*media queries*/
@media screen and (max-width: 1279px) {
	body .wrap{width: 1000px;}
	body #logo{margin: 28px 0;font-size: 30px;}
	.captions h1{font-size: 18px;}
	.captions p{font-size: 12px;}
	.blog-list .item{width: 31%;}
	.gutter-sizer{width: 35px;}

	.gallery-columns-2 .gallery-item,.gallery-columns-2  .gallery-icon.portrait,.gallery-columns-2  .gallery-icon.landscape{width: 46%;float: left;margin-right: 42px;}
	.gallery-columns-3 .gallery-item,.gallery-columns-3  .gallery-icon.portrait,.gallery-columns-3  .gallery-icon.landscape{width: 28%;float: left;margin-right: 45px;}
	.gallery-columns-4 .gallery-item,.gallery-columns-4  .gallery-icon.portrait,.gallery-columns-4  .gallery-icon.landscape{width: 21%;float: left;margin-right: 28px;}

	.searchform input[type="text"]{width: 68%;}

    body .info{width: 74%;}
    body .related ul li{width: 160px;}
}

@media screen and (max-width: 1039px) {
	body .wrap{width: 799px;}
	.gutter-sizer{width: 25px;}
	body #logo {font-size: 30px;margin: 12px 0;}
	.no-display{display: block;}
	body nav[role="navigation"]{margin: 0;}
	nav[role="navigation"] .nav li{padding: 10px 0;}
	nav[role="navigation"] .nav li ul{height: auto;}
	#responsive-nav{display:block;cursor: pointer;width: auto;height: 50px;float:left;}
    #responsive-nav h4{margin: 0;color:#fff;}
    #responsive-nav img{width: 30px;margin: 15px 0;}
    #main-navigation{display: none;float: none;width: 100%;position: absolute;z-index: 999;left: 0;background: #000;min-height:320px;height:100%;overflow:auto;}
    #main-navigation ul{width: 70%;margin: 0 auto;float: none;}
    #main-navigation ul li{display: block;text-align: center;margin-right: 0;margin: 0;float: none;}
    #main-navigation ul li a{border-left:0;border-right:none;border-top:none;display: block;padding:10px 0;text-align: left;text-decoration: none;border-bottom: 1px dotted rgba(255, 255, 255, 0.2);font-size: 12px;color: #eee;}
    #main-navigation ul li a:hover{color: #ddd;}
    #main-navigation ul li ul.sub-menu,#main-navigation ul li ul.children{background: none;border: none!important;max-width: 100%;min-width: 100%;}
    #main-navigation ul li ul.sub-menu,#main-navigation ul li ul.children{ display: block;margin-top: 5px !important;padding: 0;position: relative;width: 90%;visibility:visible;}
    #main-navigation ul li ul.sub-menu li,#main-navigation ul li ul.children li{border-left: 1px solid rgba(255, 255, 255, 0.2)!important;display: block;padding: 0;}
    #main-navigation ul li ul.sub-menu li a,#main-navigation ul li ul.children li a{padding: 10px;}
    #main-navigation ul li ul.sub-menu ul.sub-menu,#main-navigation ul li ul.children ul.children{width: 100%;left: 20px;max-width: 100%;min-width: 100%;}
	
    .slides,.slides .slide-thumb,.cycle-slideshow{height: 400px;}
    #sliderprev, #slidernext,.slides .slide-noimg p{top: 32%;}
    .slide-copy{margin: 0;}

	.captions {padding: 10px 30px;width: 100%;}
	.captions h1,.captions p a {font-size: 14px;}

	.searchform input[type="text"]{width: 60%;}

	.gallery-columns-2 .gallery-item,.gallery-columns-2  .gallery-icon.portrait,.gallery-columns-2  .gallery-icon.landscape{width: 46%;float: left;margin-right: 31px;}
	.gallery-columns-3 .gallery-item,.gallery-columns-3  .gallery-icon.portrait,.gallery-columns-3  .gallery-icon.landscape{width: 29%;float: left;margin-right: 33px;}
	.gallery-columns-4 .gallery-item,.gallery-columns-4  .gallery-icon.portrait,.gallery-columns-4  .gallery-icon.landscape{width: 22%;float: left;margin-right: 20px;}

    body .info{width: 65%;}
}

@media screen and (max-width: 839px) {
	body .wrap{width: 599px;}
	.gutter-sizer{width: 20px;}
	.search-bar input.search-field[type="search"] {max-width:100%;float:left;background: #DDDDDD;background-position: 5px center;border: none;cursor: pointer;height: 40px;margin: 0;width: 80%;}
	.search-bar input.search-field[type="search"]:focus {background-color: #fff;border: none;cursor: text;outline: 0;width: 80%;}
	.search-form .search-submit { display:block;height: 40px;}
	.search-bar {float: left !important;width: 100%;overflow: hidden;margin-bottom: 20px;}
	.search-bar form{overflow: hidden;}

	.searchform input[type="text"]{width: 54%;}

	.slide-copy p{font-size: 14px;}
	.captions p{display: none;}
	.captions h1{margin: 0;}

	footer .footer-social {float: none;}

	.gallery-columns-1{width: 100%;}
	.gallery-columns-1 img{width: 100%;}
	.gallery-columns-2 .gallery-item,.gallery-columns-2  .gallery-icon.portrait,.gallery-columns-2  .gallery-icon.landscape{width: 47%;float: left;margin-right: 22px;}
	.gallery-columns-3 .gallery-item,.gallery-columns-3  .gallery-icon.portrait,.gallery-columns-3  .gallery-icon.landscape{width: 28%;float: left;margin-right: 25px;}
	.gallery-columns-4 .gallery-item,.gallery-columns-4  .gallery-icon.portrait,.gallery-columns-4  .gallery-icon.landscape{width: 22%;float: left;margin-right: 15px;}

    body .info {margin-top: 10px;width: 100%;}

    article.archive .entry-content{margin: 0;}
    article.archive img{margin-right: 30px;}

    body .avatar{float: none;}
    body .avatar img{display: block;margin: 0 auto;}
}


@media screen and (max-width: 639px) {
	body .wrap{width: 499px;}
	.blog-list .item{width: 46%;}
	.gutter-sizer{width: 35px;}
	.search-bar input.search-field[type="search"]{width: 74%;}
	.search-bar input.search-field[type="search"]:focus{width: 74%;}


	.slide-title{font-size: 20px;margin-bottom: 5px;}

	.gallery-columns-2 .gallery-item,.gallery-columns-2  .gallery-icon.portrait,.gallery-columns-2  .gallery-icon.landscape,
	.gallery-columns-3 .gallery-item,.gallery-columns-3  .gallery-icon.portrait,.gallery-columns-3  .gallery-icon.landscape,
	.gallery-columns-4 .gallery-item,.gallery-columns-4  .gallery-icon.portrait,.gallery-columns-4  .gallery-icon.landscape{width: 47%;float: left;margin-right: 29px;}
	.gallery-columns-3 .gallery-item:nth-child(3n+3){margin-right: 29px;}
	.gallery-columns-3 .gallery-item:nth-child(4n+4){margin-right: 29px;}
	.gallery-columns-3 .gallery-item:nth-child(2n+2),.gallery-columns-3  .gallery-icon.portrait,.gallery-columns-3  .gallery-icon.landscape{margin-right: 0;}
	.gallery-columns-4 .gallery-item:nth-child(2n+2),.gallery-columns-4  .gallery-icon.portrait,.gallery-columns-4  .gallery-icon.landscape{margin-right: 0;}

    body .related ul li{width: 150px;}
    article.archive img{margin: 0 auto 10px;float: none;}
}

@media screen and (max-width: 539px) {
	body .wrap{width: 90%;}
	.search-bar input.search-field[type="search"]{width: 70%;}
	.search-bar input.search-field[type="search"]:focus{width: 70%;}

	.slide-copy-wrap{width: 100%;}
	.slide-title{text-align: center;}
	.slide-copy p{display: none;}
	.slides, .slides .slide-thumb, .cycle-slideshow{height: 300px;}
	.slides .slide-noimg p{top: 22%;font-size: 12px;}


	.gallery-columns-2 .gallery-item,.gallery-columns-2  .gallery-icon.portrait,.gallery-columns-2  .gallery-icon.landscape,
	.gallery-columns-3 .gallery-item,.gallery-columns-3  .gallery-icon.portrait,.gallery-columns-3  .gallery-icon.landscape,
	.gallery-columns-4 .gallery-item,.gallery-columns-4  .gallery-icon.portrait,.gallery-columns-4  .gallery-icon.landscape{width: 100%;float: left;margin-right: 0;}
}

@media screen and (max-width: 499px) {
	body #logo img{width: 250px;}
	.search-bar input.search-field[type="search"]{width: 58%;}
	.search-bar input.search-field[type="search"]:focus{width: 58%;}
	.blog-list .item{width: 100%;}
	body #logo{font-size: 22px;}
	.captions h1 {text-align: center;}
    body .comment article.cf{margin-bottom: 20px;}
}

@media screen and (max-width: 359px) {
    body .related ul li{width: 100%;}
}














div.infiniteslide1      { clear:both;
                              margin:-150px 0 15px 0;
                              height:345px;
                              }

div.infiniteslide1 ul li    { list-style:none;
                               }   
                               
img.sample {
position: relative; top:0px;z-index:2;
}                           

img.sample1 {
position: relative; top:-0px;z-index:1;
}                             





.contents-box           {    width   :1230px;
                             margin  :0 0 0 0; }

.box_l                  {     width   :860px;
                              margin  :0 0 0 0;
                              float    :left;} 

.box_r                  {     width   :290px;
                              margin :0 0 0 50px;
                               float    :left;
                              border    :1px dotted #dcdcdc;
                              padding   :15px 25px 15px 25px;}






.contents-footer           {    width   :1230px;
                             margin  :0 0 20px 0; }

.footer_l                  {     width  :810px;
                              margin  :20px 0 0 0px;
                              float    :left;} 

.footer_r                  {     width  :400px;
                              margin :20px 0 0 0px;
                               float    :left;
                              }




.prof_box                   {    width   :820px;
                                 margin  :0 0 50px 0;}


.prof_boxl                   {    width   :220px;
                                 margin  :0 0 0 0;
                                 float   :left;}

.prof_boxr                   {    width   :440px;
                                 margin  :0 0 0 0px;
                                 float   :left;}



.voice                   {    width   :820px;
                                 margin  :0px 0 0px 0;}


.voicel                   {    width   :300px;
                                 margin  :0 0 0 0;
                                 float   :left;}

.voicer                   {    width   :300px;
                                 margin  :0 0 0 40px;
                                 float   :left;}



.uranai_sistem           {     width   :660px;
                               margin  :0 0 200px 0;
                               background:url(http://rockinc.heteml.jp/takeizumi_momoka/wp-content/themes/simply-read/images/u_bg.png);
                               height     :950px;}



.sistem_form             {     width   :600px;
                               margin  :0px 0 0 30px;
                               background:#fff;
                               height     :700px;}



.form-field              {    width  :50px;}





.uranai_sistem1               {     width   :1200px;
                               margin  :50px 0 0px 0;
                               background:url(http://newrockinc.heteml.net/takeizumi/wp-content/themes/simply-read/images/renai.png);
                               height     :853px;
                               padding    :50px;}




.sistem_form1             {     width   :750px;
                               margin  :0 auto;
                               background:#fff;
                               padding  :20px 0 0 23px;
                               height     :450px;}




select { width: 50px; }







.form-field1              {    width  :50px;}


table#tosoutable      {  padding:20px;}


.form-field {
   border: 1px solid #b8b8b8;
   background: #f0f0f0;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   color: #a19c98;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:8px;
   margin-bottom:0px;
   width:450px;
   }



.day    {        width   :100px;}

#form    {       padding:0px;}













/* --- フォームエリア --- */
form.contact {
width: 700px; /* フォームエリアの幅 */
font-size: 80%;
}
/* --- フォームエリア内の段落 --- */
form.contact p {
line-height: 130%;
}
/* --- 段落内の「必須」画像 --- */
form.contact p.attention img {
vertical-align: middle;
}

/* --- テーブル --- */
form.contact table {
width: 100%; /* テーブルの幅 */
background-color: #f9f9f9; /* テーブルの背景色 */
border: 1px #c0c0c0 solid; /* テーブルの境界線 */
}
/* --- 見出しセル（th） --- */
form.contact th {
width: 140px; /* 見出しセルの幅 */
padding: 10px 8px 10px 20px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
font-weight: normal;
}
/* --- データセル（td） --- */
form.contact td {
padding: 10px 5px 7px 20px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}

/* --- データセル（td） --- */
form.contact td.seinen {
padding: 10px 5px 7px 0px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}




/* --- データセル内の補足テキスト --- */
form.contact td span.supplement {
color: #808080;
}
/* --- 必須項目セル --- */
form.contact td.required {
width: 26px; /* 必須項目セルの幅 */
padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #c4e6fa; /* 必須項目セルの背景色 */
text-align: center;
}
/* --- 任意項目セル --- */
form.contact td.arbitrary {
background-color: #e0f1fc; /* 任意項目セルの背景色 */
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#company, #section, #name, #name2,
#email, #address {
width: 350px; /* フォーム部品の幅 */
}


#tel1   {   padding:0 0 0 20px;
            margin:0 20px 0 20px;
            float  :left;}


/* --- （短めのテキスト入力欄） --- */
#tel1, #tel2, #tel3,
#fax1, #fax2, #fax3 {
width: 70px; /* フォーム部品の幅 */
}
#zip1, #zip2 {
width: 70px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
width: 420px; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}

/* --- ボタン --- */
form.contact p.button {
margin: 20px 0 0; /* ボタンのマージン（上、左右、下） */
text-align: center;

}


















.infoBox{  background: #FFF; border-left:1px solid #E0D1C2; border-right:1px solid #E0D1C2;}

#infoTxt{	width: 700px;
	height: 200px;
	text-align: center;
	font-size: 10pt;
	overflow: auto;
	padding: 0px;
	border: 0px ;
        background   :#ffffe0;}

#infoTxt p{ margin-bottom:15px;}

ul#top_news      { margin  :10px 0 0 10px;}
ul#top_news li   {margin   :0 0 10px 0;
                  width    :660px;
                  border-bottom  :1px dotted #dcdcdc;
                  padding    :0px 0 10px 0;}



/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
margin: 0 auto;
width: 1120px;
height: 58px;
background:url(images/mainnav.png) no-repeat 0 0;
}

ul#mainnav li{float:left;list-style:none;width:140px;}

ul#mainnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 140px;
height: 60px;
background:url(images/mainnav.png) no-repeat 0 0;
}

ul#mainnav a#home{background-position:0 0;}
ul#mainnav a#menu1{background-position:-140px 0;}
ul#mainnav a#menu2{background-position:-280px 0;}
ul#mainnav a#menu3{background-position:-420px 0;}
ul#mainnav a#menu4{background-position:-560px 0;}
ul#mainnav a#menu5{background-position:-700px 0;}
ul#mainnav a#menu6{background-position:-840px 0;}
ul#mainnav a#menu7{background-position:-980px 0;}



ul#mainnav a#home:hover, ul#mainnav li.active a#home{background-position:0 -60px;}
ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{background-position:-140px -60px;}
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{background-position:-280px -60px;}
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{background-position:-420px -60px;}
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{background-position:-560px -60px;}
ul#mainnav a#menu5:hover, ul#mainnav li.active a#menu5{background-position:-700px -60px;}
ul#mainnav a#menu6:hover, ul#mainnav li.active a#menu6{background-position:-840px -60px;}
ul#mainnav a#menu7:hover, ul#mainnav li.active a#menu7{background-position:-980px -60px;}



a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}



/* ゆっくりにする場合は追加 */
img {
	-webkit-transition: 0.2s ;
	transition: 0.2s ;
}



div.after_box   {     border  :solid 5px #dd575f;
                      margin  :0px 0 50px 0;
                      padding  :20px 20px;
                      text-align :center;}

p.after_box_t   {    font-size  :18px;
                     color      :#dd575f;
                     font-weight :bold;
                     margin  :50px 0 0px 0; }


p.t_kouza       {     text-align:left;
                      margin:20px 0 0 0;}

a.t_kouza_bt     {    padding:20px;
                      border-radius:5px;
                      text-decoration:none;
                      font-size:14px;
                      background:#E94A57;
                      color:#fff;}