/*
Theme Name: 2013
Template: twentythirteen
Author: K.sakura
*/
@import url('../twentythirteen/style.css');

/*　theme color
-------------------------------------------------------------- */
.navbar, .widget-title, #top-widget-area h2 {background-color:#FE0000;}
.site-footer, .site-footer .sidebar-container, .archive-header, .page-header, .comment-respond {background-color: #fff;}

/*　desplay:none
-------------------------------------------------------------- */
.site-header .site-title:hover, a:hover {text-decoration: none;}
.form-allowed-tags, .tags-links {display: none;}

/*　LigatureSymbols
-------------------------------------------------------------- */
@font-face {font-family: 'LigatureSymbols'; src: url('./fonts/LigatureSymbols-2.11.eot'); src: url('./fonts/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'), url('./fonts/LigatureSymbols-2.11.woff') format('woff'), url('./fonts/LigatureSymbols-2.11.ttf') format('truetype'), url('./fonts/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg'); src: url('./fonts/LigatureSymbols-2.11.ttf') format('truetype'); font-weight: normal; font-style: normal;}

.lsf, .lsf-icon:before {word-wrap: normal; font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased;font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1;}
.lsf-icon:before {content:attr(title);margin-right:0.3em;font-size:130%;}
.lsf-icon.amazon:before {content: '\E007';}

/*　font
-------------------------------------------------------------- */
html,button,input,select,textarea,h2,h3,h4,.widget .widget-title, .entry-title, .archive-title, .comment-reply-title {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body, .archive-title {color:#444;}
.site-title {font-size: 4em;}
h1 {font-size: 41px;}
h2 {font-size: 1.8em;}
.nav-menu li a {font-size: 1em;}
a, a:visited, .site-footer .widget a, .entry-content a, .comment-content a, .author-info .entry-meta a {color:#129BFF;}
.vcard a, .widget a, .site-footer .widget a {color:#747474;}
a:hover, .entry-meta a:hover, .site-footer .widget a:hover {color: #FFB554;}
.entry-title a {color:#444;}
.entry-meta a {color:#888;}

/*　entry
-------------------------------------------------------------- */
.entry-content img.alignleft, .entry-content .wp-caption.alignleft, .entry-content img.alignright, .entry-content .wp-caption.alignright {margin: 0 10px;}

#content .entry-header {margin-bottom:0;}
.entry-title {margin: 0 0 10px;}

.hentry {overflow: hidden;}

/*　h2 heading
-------------------------------------------------------------- */
.archive-title, .page-title, .entry-content h2, .author-writer, .follow-h3 {
	position: relative; padding: 30px 0 10px 40px; border-bottom: 0.3em solid #FFF645;}

.archive-title:before, .page-title:before, .entry-content h2:before, .author-writer:before, .follow-h3:before {
	position: absolute; top: 6px; left: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); height: 21px; width: 19px; background: #FFF645; content: "";}

.archive-title:after, .page-title:after, .entry-content h2:after, .author-writer:after, .follow-h3:after {
	position: absolute; top: 39px; left: 2px; transform: rotate(15deg); -webkit-transform: rotate(15deg); height: 13px; width: 13px; background: #FFF30F; content: "";}

/*　h3 heading
-------------------------------------------------------------- */
.entry-content h3, .comment-reply-title {position:relative; padding:10px 20px; border:#6F6F6F solid 3px; border-radius:18px;}

.entry-content h3:before, .comment-reply-title:before {content:" "; position:absolute; top:100%; left:49px; width:0; height:0; border-width:17px; border-style:solid; border-color:transparent; border-top-color:#6F6F6F;}

.entry-content h3:after, .comment-reply-title:after { content:" "; position:absolute; bottom:-26px; left:53px; width:0; height:0; border-width:13px; border-style:solid; border-color:transparent; border-top-color:#fff;}

/*　menu
-------------------------------------------------------------- */
.nav-menu li a, .nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a, .nav-menu .sub-menu, .nav-menu .children {color:#fff;}
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus, input[type="submit"]:hover,.toggled-on .nav-menu > li a:hover, .toggled-on .nav-menu > ul a:hover, .toggled-on .nav-menu > li a:focus, .toggled-on .nav-menu > ul a:focus {background-color: #FFB554;}
.toggled-on li, .toggled-on .children {margin-top:5px;}
.menu-toggle:after {content: '\f419'; font-size: 20px; padding: 0 8px;}

/*　meta data
-------------------------------------------------------------- */
/* time */
.ymd {font-size:12px; color:#888; float:left; margin:0 8px 5px 15px;}
.ymd:before {font-family:'LigatureSymbols'; content:'\E12b'; font-size:13px; padding-right:5px;}
.author-avatar-meta {font-size:12px; float:left; color:#888; margin:0 15px 5px 8px;}
.author-avatar-meta img {margin:0 3px 3px 0; border-radius:20px;}

/*　category
-------------------------------------------------------------- */
.life:hover, .studying:hover, .traveling:hover, .event:hover, .cafe:hover, .restaurant:hover, .entry-header .blog:hover {opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}

.life a, .studying a, .traveling a, .event a, .cafe a, .restaurant a, .entry-header .blog a {color:#fff;}

/* life */
.life:before {font-family:'LigatureSymbols'; content:'\E122'; font-size:12px; padding-right:5px;}
.cat-item-40:before {font-family:'LigatureSymbols'; content:'\E122'; font-size:23px; padding: 0px 7px;}
.life {display:block; width:95px; font-size:12px; color:#fff; background-color:#60FF83; text-align:center; float:left; clear:left; margin-bottom:10px;}

/* event */
.event:before {font-family:'LigatureSymbols'; content:'\E127'; font-size:12px; padding-right:5px;}
.cat-item-12:before {font-family:'LigatureSymbols'; content:'\E127'; font-size:23px; padding: 0px 8px;}
.event {display:block; width:95px; font-size:12px; color:#fff; background-color:#F43636; text-align:center; float:left; clear:left; margin-bottom:10px;}

/* traveling */
.traveling:before {font-family:'LigatureSymbols'; content:'\E02e'; font-size:12px; padding-right:5px;}
.cat-item-14:before {font-family:'LigatureSymbols'; content:'\E02e'; font-size:23px; padding: 0px 8px;}
.traveling {display:block; width:95px; font-size:12px; color:#fff; background-color:#B358E2; text-align:center; float:left; clear:left; margin-bottom:10px;}

/* studying */
.studying:before {font-family:'LigatureSymbols'; content:'\E09f'; font-size:12px; padding-right:5px;}
.cat-item-13:before {font-family:'LigatureSymbols'; content:'\E09f'; font-size:23px; padding: 0px 8px;}
.studying {display:block; width:95px; font-size:12px; color:#fff; background-color:#7585E7; text-align:center; float:left; clear:left; margin-bottom:10px;}

/* cafe */
.cafe:before {font-family:'LigatureSymbols'; content:'\E146'; font-size:12px; padding-right:5px;}
.cat-item-11:before {font-family:'LigatureSymbols'; content:'\E146'; font-size:23px; padding: 0px 7px;}
.cafe {display:block; width:95px; font-size:12px; color:#fff; background-color:#FFBE13; text-align:center; float:left; clear:left; margin-bottom:10px;}

/* restaurant */
.restaurant:before {font-family:'LigatureSymbols'; content:'\E08c'; font-size:12px; padding-right:5px;}
.cat-item-7:before {font-family:'LigatureSymbols'; content:'\E08c'; font-size:23px; padding: 0px 9px;}
.restaurant {display:block; width:95px; font-size:12px; color:#fff; background-color:#FFEA13; text-align:center; float:left; clear:left; margin-bottom:10px;}

/* entry-header blog */
.entry-header .blog:before {font-family:'LigatureSymbols'; content:'\E020'; font-size:12px; padding-right:5px;}
.cat-item-4:before {font-family:'LigatureSymbols'; content:'\E020'; font-size:23px; padding: 0px 9px 0 6px;}
.entry-header .blog {display:block; width:95px; font-size:12px; color:#fff; background-color:#13FFD2; text-align:center; float:left; clear:left; margin-bottom:10px;}

/*　blockquote
-------------------------------------------------------------- */
.entry-content blockquote {font-size:15px; padding:20px; background-color:#F0F0F0; margin:0;}


/*　header
-------------------------------------------------------------- */
.kaede {padding:0 5px 10px 0;}
.site-header {border-bottom: #D0D0D0 solid 1px;}
.site-description {margin-left:20px;}

/*　top widget area
-------------------------------------------------------------- */
#top-widget-area {max-width: 1040px; padding: 0 376px 0 60px; margin: 0 auto;}
#top-widget-area h2 {color:#fff; line-height:2.0em; font-weight:normal; margin:0px;}

/*　widget
-------------------------------------------------------------- */
.site-main .widget-area {margin-top: -20px;}
.widget {font-size: 15px; background-color:#fff; padding:0; margin-bottom:70px;}
.widget ul, .widget ol {padding:5px;}
.widget li {border-bottom: 1px dotted #666;}
.site-footer .widget-title {color:#fff; line-height:2.3em; padding-left:10px;}
.widget .widget-title {color:#fff; line-height:2.3em; padding-left:10px;}
select {width: 100%;}
#sidebar-inner, .follow-h3 {font-size:16px; margin: 0 5px;}
#text-3 {margin-top: -40px;}
.whitekaede {height: 38px; padding: 0px 5px 3px;}

/*　author
-------------------------------------------------------------- */
#content .author-info {font-size: 80%; overflow:hidden; margin: 60px 0; padding: 0px 20px; background-color:#F7F7F7; border: 2px solid #A3A3A3; border-radius:20px;}
.author-name {font-size:25px; clear:none;}
.author-writer {margin-top:5px;}
.author-avatar .avatar {margin-left:10px; height:110px; width:110px; border-radius:50%; border-color: rgba(255,255,255, 0); border-style: solid;}
.author-bio {overflow:hidden;}

/*　thumbnail
-------------------------------------------------------------- */
img.wp-post-image {width:200px;}
.linkimg {float: left; margin: 0 15px 10px 0; padding: 6px; background-color: #F0F0F0;;}
a:hover img {opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}

/*　coment
-------------------------------------------------------------- */
.sidebar .comment-respond .comment-form, .comment-respond, .sidebar .comment-list, .sidebar .must-log-in, .sidebar .comment-navigation {padding:0;}
.sidebar .comments-title {padding: 0 0 0 20px;}
.sidebar .comment-reply-title {padding: 15px 0 15px 20px;}


/*　previous next
-------------------------------------------------------------- */
#prev_next{width:100%; margin:30px 0; padding:0; display:table;}
#prev_next #prev p, #prev_next #next p {font-size:12px; line-height:1.5; overflow:hidden;}
#prev_next #prev:hover, #prev_next #next:hover{background-color:rgba(238,238,238,0.7); color:#FFB554;}
/*border*/
#prev_next #prev, #prev_next #next{width:50%; color:#444; border:#ccc 1px solid; padding: 30px 5px 5px; display: table-cell; position:relative; background-color:#F9F9F9;}
/*no post*/
#prev_next_home{ text-align:center;}
#prev_next_home img {width:60px;}
#prev_next #prev_no, #prev_next #next_no{width:100%; display:none;}
/*small box*/
#prev_next #prev_title, #prev_next #next_title {color:#fff; top:-0.5em; position:absolute; border: 1px #ccc solid; background:#C3C3C3; text-align: center; padding:3px;}
#prev_next #prev_title {right:10px;}
#prev_next #next_title {left:10px;}
/*thumbnail*/
#prev_next #prev img, #prev_next #next img {margin:0 5px; width:100px;}
#prev_next #prev img {float:left;}
#prev_next #next img {float:right;}
/*mobile*/
@media screen and (max-width: 643px) {
	#prev_next #prev, #prev_next #next {width:100%;display:inline-block;}
	#prev_next #next img {float: left;}
	#prev_next #prev img {float: right;}
}


/* yarpp
-------------------------------------------------------------- */
#related-body {padding:20px 0;}
.related-entry ul {padding:0; margin:0; font-size:0;}
.related-entry ul li {display:inline-block; vertical-align:top; margin-top:8px;}

.related-img {width:100px; float:left; padding-right:5px;}
.related-img:hover {opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}

.related-title {font-size:12px; overflow:hidden;}
.yarpp-related a {color: #444;}

/* yarpp pc 2 column */
@media screen and (min-width: 644px) {
	.related-entry ul li {width:48%; margin: 15px 10px 0 0;}
}

/* buttons
-------------------------------------------------------------- */
/* pagetop button */
#topcontrol {z-index: 9000;}
.pagetop a {color:#fff; font-size:14px; background:rgba(255, 0, 0, 0.45); font-weight:bold; padding:10px 5px; width:100px; margin:10px; text-align:center; opacity: .80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: .80; -moz-opacity: .80; -moz-border-radius:5px; -webkit-border-radius:5px;}
.pagetop a:hover {background:rgba(254, 0, 0, 1); color:#fff;}

/* submit button */
input[type="submit"] {background:#909090; border-bottom:0;}

/* continue-reading */
.continue-reading a, a.author-link {color:#fff; font-size:14px; background:#DEDEDE; font-weight:bold; padding:10px 5px; margin:10px; float:right; opacity: .80; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: .80; -moz-opacity: .80; -moz-border-radius:5px; -webkit-border-radius:5px;}
.continue-reading a:hover, a.author-link:hover {background:#C3C3C3; color:#E8E8E8;}

/* sns button */
#share, #share-small {overflow:hidden; text-align: -webkit-center;}
#share ul, #share-small ul {height:auto; padding:0;}
#share-small ul { margin-bottom: 90px;}
#sidebar-inner, #share-small {padding:0 5px;}

#share li {font-size:19px; float:left; text-align:center; width:23%; margin: 2px; border-radius:3px; list-style:none;}
#share-small li {font-size:45px; float:left; text-align:center; width:30%; margin:4px; border-radius:40px; list-style:none;}

#share a {width:100%; display:inline-block; padding:17px 0; color:#ffffff; text-decoration:none;}
#share a:hover{text-decoration:none; color:#ffffff;}
#share-small a {width:100%; display:inline-block; padding:0; color:#ffffff; text-decoration:none;}
#share-small a:hover{text-decoration:none; color:#ffffff;}

#share li.share-twitter{background:#55acee;box-shadow:0 2px #2795e9;}
#share li.share-twitter:hover{background:#2795e9;}
#share li.share-facebook{background:#3b5998;box-shadow:0 2px #2d4373;}
#share li.share-facebook:hover{background:#2d4373;}
#share li.share-google{background:#dd4b39;box-shadow:0 2px #c23321;}
#share li.share-google:hover{background:#c23321;}
#share li.share-hatena{background:#2c6ebd;box-shadow:0 2px #225694;}
#share li.share-hatena:hover{background:#225694;}
#share li.share-pocket{background:#f13d53;box-shadow:0 2px #e6152f;}
#share li.share-pocket:hover{background:#e6152f;}
#share li.share-line{background:#00C300;box-shadow:0 2px #009d00;}
#share li.share-line:hover{background:#009d00;}
#share li.share-feedly {background:#87c040; box-shadow:0 2px #74a436;}
#share li.share-feedly:hover {background:#74a436;}

#share-small li.share-twitter{background:#55acee;}
#share-small li.share-twitter:hover{background:#2795e9;}
#share-small li.share-facebook{background:#3b5998;}
#share-small li.share-facebook:hover{background:#2d4373;}
#share-small li.share-google{background:#dd4b39;}
#share-small li.share-google:hover{background:#c23321;}
#share-small li.share-hatena {background:#2c6ebd;}
#share-small li.share-hatena:hover{background:#225694;}
#share-small li.share-pocket{background:#f13d53;}
#share-small li.share-pocket:hover{background:#e6152f;}
#share-small li.share-line{background:#00C300;}
#share-small li.share-line:hover{background:#009d00;}
#share-small li.share-feedly {background:#87c040;}
#share-small li.share-feedly:hover {background:#74a436;}

/* following widget */
#text-4 .follow-h3, #text-3 .follow-h3 {font-size: 14px; margin-bottom:20px;}
#text-4 #share-small ul ,#text-3 #share-small ul {margin:auto;}
#text-4, #text-3 {margin-bottom:0;}


/* fb like box */
.fb-page {text-align: center; width: 100%; margin-top:50px;}

/*responsible*/
@media screen and (max-width: 999px) {
	#share-small ul {margin: 10px 0 80px 0;}
}
@media screen and (max-width: 643px) {
	#share li {float:none; width:88%; margin-bottom:10px;}
}


/* pickup
-------------------------------------------------------------- */
.pickup-box {width:49%; display:inline-block; background-color: #FBFBFB; vertical-align: top;}
.pickup-box img {width:100%;height: auto; margin: 0;}
.pickup p {padding: 5px; font-size: 90%;}
.pickup a {color:#666; text-decoration: none;}


/* ads
-------------------------------------------------------------- */
ins {background:none;}
.ad {text-align: center; margin:50px 0; overflow:hidden;}
.ad1, .ad2 {display: inline-block; margin-top: 15px; float: left;}
.widget .ad {margin: -20px -15px;}
.nend {margin-bottom:20px;}

/*　WP-PageNavi plugin
-------------------------------------------------------------- */
.wp-pagenavi {clear: both; margin-top: 30px; margin-bottom: 20px; text-align: center;}
.wp-pagenavi a, .wp-pagenavi span {font-size: 13px; text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000; text-decoration: none; background-color: rgba(235, 233, 223, 0.7);}
.wp-pagenavi span.current {font-weight: bold;}


/*　responsive design
-------------------------------------------------------------- */
/* max-width: 999px > 1 column */
@media screen and (max-width: 999px) {
	#top-widget-area {max-width: 604px; padding-left: 0; padding-right: 0;}
	.sidebar .comment-reply-title {padding-left:25px;}
}

@media (max-width: 767px) {
	.site-title {padding: 25px 0 10px;}
	.site-description {margin-bottom: 20px;}
	.ad2 {display: none;}
	.ad1, .ad2 {float:none;}
}

@media screen and (max-width: 643px) {
	.site-title {font-size: 35px; padding: 20px 0 0 0;}
	.site-description {font-size: 16px; margin: 0 0 12px 0;}
	.entry-title {font-size: 28px;}
	.comments-title {font-size: 20px;}
	.menu-toggle, .menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active  {color:#fff; padding: 12px 12px 13px 20px;}
	.menu-toggle:hover, .menu-toggle:focus, .menu-toggle:active {background-color: #FFB554;}
	.kaede {height: 40px; width: 40px;}
	.archive-title {font: bold italic 20px "Source Sans Pro", Helvetica, sans-serif;}

@media screen and (max-width: 479px) {
	.linkimg {text-align: center; float: none;}
	img.wp-post-image {width: 400px;}
	#content .entry-summary p {display:none;}
	.author-name {margin-bottom:4px;}
	#content .author-info {padding: 0px 10px;}
	.author-bio {font-size: 13px; clear:both; margin-bottom:5px;}
	.author-avatar .avatar {height:70px; width:70px; margin: -15px 15px 5px 0;}
}

@media screen and (max-width: 359px) {
	.site-title {font-size: 32px; font-weight: bold;}
	.site-description {margin-left:40px; position:relative;}
	.entry-title {font-size: 22px;}
	#content .entry-header, #content .entry-content {padding: 10px;}
	.comment-reply-title {font-size: 22px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
}