/*
Theme name: happyandrich
*/

@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:100%;
box-sizing:border-box;
color:#282828;
}
@media screen and (min-width:769px) {
body {
font-size:16px;
}
}

a:link {color:#4e92df;text-decoration:underline;}
a:visited {color:#4e92df;text-decoration:underline;}
a:hover {color:#02accd;text-decoration:none;}
a img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
a img {
border-style:none;
-webkit-transition: all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

.clr{clear:both;}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

p {
font-size:100%;
line-height:160%;
}
@media screen and (min-width: 769px) {
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}

header  {
margin:0;
padding:0 0 10px 0;
}
@media screen and (min-width: 769px) {
header  {
padding:0 0 15px 0;
}
}

.header_in  {
margin:0;
padding:0;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.logo {
margin:0;
padding:10px 0 0 0;
text-align:center;
font-size:70%;
font-weight:bold;
line-height:150%;
}
.logo img{
width:75%;
margin-bottom:10px;
}
@media screen and (min-width: 769px) {
.logo img{
width:360px;
}
}
@media screen and (min-width: 769px) {
.logo {
padding:20px 0 0 0;
font-size:16px;
letter-spacing:1px;
}
}

.infobox{
margin:0;
padding:0;
float:right;
}
header nav {
margin:0;
padding:0;
font-size:18px;
line-height:150%;
letter-spacing:1px;
}
.menu_category{
margin:15px 0 3px 15px;
padding:0 0 2px 0;
font-weight:bold;
color:#fff;
border-bottom:solid 1px #fff;
}
ul.menu {
margin:0;
padding:0 0 0 20px;
list-style:none;
z-index:9999;
}
ul.menu li {
margin:0;
padding:0;
color:#fff;
border-bottom:solid 1px #444;
}
ul.menu li a {
display:block;
padding:12px 15px 10px 0;
color:#fff;
text-decoration:none;
-webkit-transition: all .3s;
transition:all .3s;
}
ul.menu li a:hover {
color:#999;
padding:12px 15px 10px 0;
}


/*---------- ナビゲーションドロワー ----------*/

.click {
background:transparent url(img/btn.png) no-repeat 0 0;
background-size:60px 30px;
display:block;
width:35px;
height:35px;
position:absolute;
top:40px;
right:5px;
cursor:pointer;
z-index:9999;
}
@media screen and (min-width: 769px) {
.click {
top:15px;
right:10px;
background-size:70px 35px;
}
}
.peke {
background-position:-35px 0;
}
.drawr {
display:none;
background-color:rgba(0,0,0,0.80);
position:absolute;
top:0px;
right:0;
width:240px;
padding:40px 0 20px 0;
z-index:9990;
}
@media screen and (min-width: 769px) {
.drawr {
width:310px;
}
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- レイアウト ----------*/

#news{
margin:0;
padding:10px 0 8px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#f9f9f9;
}
@media only screen and (min-width:769px) {
#news{
padding:8px 0 10px 0;
}
}
#news ul{
margin:0;
padding:0 15px;
list-style:none;
}
@media only screen and (min-width:769px) and (max-width:1024px){
#news ul{
list-style:none;
display:flex;
justify-content:center;
}
}
@media screen and (min-width: 1025px) {
#news ul{
width:1024px;
margin:0 auto;
display:flex;
justify-content:center;
}
}
#news ul li{
margin:0 0 5px 0;
padding:0;
font-size:80%;
line-height:150%;
}
@media only screen and (min-width:769px) {
#news ul li{
margin:0 10px;
padding:0;
font-size:14px;
letter-spacing:1px;
}
}
#news ul li a:link {color:#4e92df;text-decoration:none;}
#news ul li a:visited {color:#4e92df;text-decoration:none;}
#news ul li a:hover {color:#02accd;text-decoration:none;}

#news ul li a:before {
content: '›';
padding:0 6px 0 0;
font-size:24px;
color:#4e92df;
}
#news ul li a:before a:link {text-decoration:none;}
#news ul li a:before a:visited {text-decoration:none;}
#news ul li a:before a:hover {text-decoration:none;}

#wrapper {
margin:0 auto;
padding:20px 15px 0 15px;
}
@media only screen and (min-width:769px) and (max-width:1024px){
#wrapper {
margin:30px 45px 0 45px;
padding:0;
}
}
@media screen and (min-width: 1025px) {
#wrapper {
width:1060px;
margin:0 auto;
padding:30px 0 0 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
}


#main{
margin:0;
padding:0 0 45px 0;
}
@media screen and (min-width: 1025px) {
#main{
width:740px;
margin:0;
padding:0;
}
}
#sub{
margin:0;
padding:0;
}
@media screen and (min-width: 1025px) {
#sub{
width:280px;
margin:0;
padding:0;
}
}

.sort_title{
margin:0 0 45px 0;
padding:0 0 5px 0;
font-size:21px;
line-height:150%;
letter-spacing:1px;
border-bottom:1px dotted #999;
}

.entry_list{
margin:0 0 25px 0;
padding:0 0 15px 0;
border-bottom:2px solid #ea5413;
}
@media screen and (min-width: 769px) {
.entry_list{
margin:0 0 30px 0;
padding:0;
border-bottom:none;
}
}
.entry_list a{display:block;}
.entry_list a:link {color:#1a1919;text-decoration:none;}
.entry_list a:visited {color:#1a1919;text-decoration:none;}
.entry_list a:hover {color:#1a1919;text-decoration:none;}

.entry_thumb {/* width:100%; *//* height:auto; *//* margin:0; *//* padding:0; *//* text-align:center; */}
@media screen and (min-width: 769px) {
.entry_thumb {width:35%;margin:0;display:table-cell;vertical-align:top;}
}
.entry_detail {
margin:0;
padding:10px 0 0 0;
}
@media screen and (min-width: 769px) {
.entry_detail {
width:65%;
margin:0;
padding:0 0 0 30px;
display:table-cell;
vertical-align:top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
}

.photo{
margin:0;
padding:0;
background-color:#dcdddd;
}
.photo img {width:100%;}

@media screen and (max-width: 768px) {
.photo{/* margin:0; *//* padding:50% 0 0 0; *//* position:relative; *//* width:100%; *//* overflow:hidden; */}
}
@media screen and (max-width: 768px) {
.photo img{/* position:absolute; *//* top:50%; *//* left:50%; *//* -webkit-transform:translate(-50%, -50%); */-ms-transform:translate(-50%, -50%);/* transform:translate(-50%, -50%); *//* max-width:150%; *//* max-height:150%; */}
}

.entry_list .entry_category{
margin:0;
padding:3px 0 5px 0;
color:#ea5413;
line-height:100%;
letter-spacing:1px;
}
@media screen and (min-width: 769px) {
.entry_list .entry_category{
padding:3px 0 10px 0;
}
}
.entry_list .entry_category span{
padding:2px 5px 1px 5px;
font-size:60%;
border:1px solid #ea5413;
}
@media screen and (min-width: 769px) {
.entry_list .entry_category span{
font-size:12px;
}
}
.entry_list .entry_title{
margin:0;
padding:0;
font-size:110%;
line-height:150%;
}
@media screen and (min-width: 769px) {
.entry_list .entry_title{
width:100%;
margin:0;
padding:0 0 5px 0;
font-size:24px;
line-height:130%;
border-bottom:2px solid #ea5413;
}
}
.entry_list .entry_day{
margin:0;
padding:5px 0 2px 0;
font-size:80%;
line-height:150%;
color:#666;
}
@media screen and (min-width: 769px) {
.entry_list .entry_day{
padding:10px 0;
font-size:14px;
line-height:150%;
letter-spacing:1px;
}
}
.entry_outset{
margin:0;
padding:0;
font-size:80%;
line-height:150%;
}
@media screen and (min-width: 769px) {
.entry_outset{
font-size:16px;
letter-spacing:1px;
}
}

.device{
margin:0;
padding:0;
text-align:center;
}
.device a:link {
color:#fff;text-decoration:none;
-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;
}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}

.btn {
display:inline-block;
letter-spacing:1px;
text-decoration:none;
color:#fff;
background:#f29205;
}
.btn:hover {
filter:alpha(opacity=60); /* IE 6,7*/
-moz-opacity:0.6; /* IE 8,9 */
opacity:0.6;
}
.type_01{
width:300px;
margin:15px auto 0 auto;
padding:15px 0 15px 0;
font-size:18px;
font-weight:bold;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}
@media all and (-ms-high-contrast: none){
.type_01{
padding:15px 0 16px 0;
}
}
.type_02{
width:200px;
margin:15px auto 0 auto;
padding:10px 0 10px 0;
font-size:16px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
}

.page_navi {
margin:0;
padding:15px 0 0 0;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.page_navi ul {
list-style-type:none;
margin:0 auto;
padding:0;
text-align:center;
}
.page_navi ul li {
display:inline;
}
.page_navi ul li span,
.page_navi ul li a{
display:inline-block;
list-style-type:none;
margin:0 2px;
padding:0;
font-size:14px;
width:35px;
height:35px;
line-height:35px;
border:solid 1px #999;
text-align:center;
color:#999;
background-color:#fff;
-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;
}
.page_navi ul li span {
color:#fff;
background-color:#f29205;
border:solid 1px #f29205;
}
.page_navi ul li.dot {
border:none;
color:#999;
padding:6px 5px 5px 5px;
}
.page_navi ul li a:link {color:#999;text-decoration:none}
.page_navi ul li a:hover {color:#fff;text-decoration:none;background-color:#f29205;border:solid 1px #f29205;}
.page_navi ul li a:visited {color:#999;text-decoration:none;}


/*---------- 記事 ----------*/

.contents{
margin:0;
padding:0;
}
.contents .entry_category{
margin:0;
padding:3px 0 10px 0;
color:#ea5413;
line-height:100%;
letter-spacing:1px;
}
.contents .entry_category span{
padding:2px 5px 1px 5px;
font-size:12px;
border:1px solid #ea5413;
}
.contents .entry_title{
margin:0;
padding:0 0 10px 0;
font-size:125%;
line-height:140%;
border-bottom:2px solid #ea5413;
}
@media screen and (min-width: 769px) {
.contents .entry_title{
font-size:28px;
line-height:130%;
}
}
.contents .entry_day{
margin:0;
padding:10px 0;
font-size:75%;
line-height:150%;
color:#666;
text-align:right;
}
@media screen and (min-width: 769px) {
.contents .entry_day{
font-size:14px;
letter-spacing:1px;
}
}

/*シェアボタン*/
.share {
margin:0;
padding:0;
clear:both;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.share ul{
margin:0 auto;
padding:0;
height:auto;
display:table;
table-layout:fixed;
text-align:center;
width:100%;
}
.share ul li{
font-size:21px;
line-height:100%;
display:table-cell;
vertical-align:middle;
text-align:center;
list-style:none;
}
.share li.share-twitter{background:#55acee;}
.share li.share-twitter:hover{background:#83c3f3;}
.share li.share-facebook{background:#3b5998;}
.share li.share-facebook:hover{background:#4c70ba;}
.share li.share-hatena{background:#2c6ebd;font-size:18px;font-weight:bold;}
.share li.share-hatena:hover{background:#4888d4;}
.share li.share-line{background:#2bd92b;font-size:18px;font-weight:bold;}
.share li.share-line:hover{background:#78cb3d;}
.share a{
display:block;
padding:10px 0 10px 0;
color:#ffffff;
text-decoration:none;
}
.share a:hover{
text-decoration:none;
color:#ffffff;
}

.contents_txt{
margin:0;
padding:10px 10px 20px 10px;
}
@media screen and (min-width: 769px) {
.contents_txt{
padding:20px 45px 35px 45px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
}

.guide{
margin:0;
padding:25px 10px 20px 10px;
border-top:1px dotted #ccc;
}
@media screen and (min-width: 769px) {
.guide{
margin:0 0 15px 0;
padding:15px 45px 30px 45px;
border-top:1px dotted #ccc;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
}
.guide p{font-size:16px;}
@media screen and (min-width: 769px) {

}
.guide_caption{
margin:0;
padding:0;
font-size:14px;
line-height:180%;
letter-spacing:1px;
color:#666;
}
@media screen and (min-width: 769px) {

}

.adsense{
margin:0;
padding:20px 0;
text-align:center;
border-bottom:solid 1px #999;
}
.adsense img{
width:90%;
}

.paging{
margin:0;
padding:20px 0 30px 0;
}
.paging_title{
margin:0 0 10px 0;
padding:0 0 10px 0;
font-size:16px;
font-weight:bold;
line-height:100%;
border-bottom:dotted 1px #999;
}
.paging_title a:link {color:#282828;text-decoration:none;}
.paging_title a:visited {color:#282828;text-decoration:none;}
.paging_title a:hover {color:#282828;text-decoration:none;}

.paging_text{
margin:0;
padding:0;
font-size:14px;
line-height:150%;
}
.paging_text a:link {color:#282828;text-decoration:none;}
.paging_text a:visited {color:#282828;text-decoration:none;}
.paging_text a:hover {color:#ea5413;text-decoration:none;}

.paging table{
width:100%;
border-collapse:collapse;
margin:0;
}
.paging table td{
width:50%;
padding:0 5px;
vertical-align:top;
}

.related_title {
margin:0 0 20px 0;
padding:10px 0;
font-size:110%;
font-weight:bold;
line-height:150%;
border-top:solid 2px #282828;
border-bottom:solid 2px #282828;
}
@media screen and (min-width: 769px) {
.related_title {
font-size:21px;
letter-spacing:1px;
}
}

.related_article {
margin:0;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.related_article a:link {color:#282828;text-decoration:none;display:block;}
.related_article a:visited {color:#282828;text-decoration:none;}
.related_article a:hover {color:#282828;text-decoration:none;}

.list_box {
width:49%;
margin:0 0 15px 0;
padding:0;
}
@media screen and (min-width: 769px) {
.list_box {
width:24%;
margin:0 0 20px 0;
}
}
.list_img{
width:100%;
height:120px;
margin:0;
padding:0;
position:relative;
overflow:hidden;
}
.list_img img {
width:100%;
display:block;
transition-duration:0.8s;
}
.list_img img:hover {
transition-duration:0.8s;
}
.list_text {
margin:0;
padding:5px 0 0 0;
font-size:80%;
line-height:150%;
}
@media screen and (min-width: 769px) {
.list_text {
padding:10px 0 0 0;
font-size:14px;
}
}


/*---------- プロフィール ----------*/

.page_title{
margin:0;
padding:0 0 10px 0;
font-size:125%;
line-height:150%;
letter-spacing:1px;
text-align:center;
border-bottom:4px solid #ea5413;
}
@media screen and (min-width: 769px) {
.page_title{
font-size:24px;
}
}

.page_txt{
margin:0;
padding:15px 20px 15px 20px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
@media screen and (min-width: 769px) {
.page_txt{
padding:30px 60px 35px 60px;
}
}
.page_txt h2{
margin:40px 0 0 0;
padding:0;
font-size:115%;
line-height:150%;
color:#ea5413;
}
@media screen and (min-width: 769px) {
.page_txt h2{
margin:45px 0 0 0;
font-size:18px;
letter-spacing:1px;
}
}
.page_txt p{font-size:90%;}
@media screen and (min-width: 769px) {
.page_txt p{font-size:16px;}
}

.price{
margin:-5px 0 20px 0;
padding:15px;
font-size:16px;
line-height:150%;
letter-spacing:1px;
border:1px solid #ccc;
background-color:#f9f9f9;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}


/*---------- サイド・サブメニュー ----------*/


#sub h2{
margin:0;
padding:10px;
font-size:16px;
line-height:100%;
color:#fff;
background:#393636;
}

.mailmag{
margin:0 0 30px 0;
padding:0;
border:1px solid #ccc;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.mailmag{
width:600px;
margin:0 auto 30px auto;
}
}
@media screen and (min-width: 1025px) {
.mailmag{
margin:0 0 30px 0;
}
}
.mailmag_title{
margin:0;
padding:10px 0 8px 0;
font-size:18px;
font-weight:bold;
line-height:140%;
letter-spacing:1px;
text-align:center;
color:#fff;
background:#ea5413;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.mailmag_title{
padding:10px 0 8px 0;
font-size:18px;
font-weight:bold;
line-height:140%;
letter-spacing:1px;
}
}
@media screen and (min-width: 1025px) {
.mailmag_title{
padding:10px 0 8px 0;
font-size:18px;
font-weight:bold;
line-height:140%;
letter-spacing:1px;
}
}

.mailmag_txt{
margin:0;
padding:0 0 5px 0;
font-size:90%;
line-height:150%;
color:#333;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.mailmag_txt{
font-size:16px;
}
}
@media screen and (min-width: 1025px) {
.mailmag_txt{
font-size:14px;
}
}

.mailmag_in{
margin:0;
padding:10px 15px 15px 15px;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.mailmag_in{
padding:15px 30px 20px 30px;
}
}
@media screen and (min-width: 1025px) {
.mailmag_in{
padding:10px 15px 15px 15px;
}
}
.mailmag_link{
margin:0;
padding:10px 0 0 0;
font-size:14px;
line-height:150%;
letter-spacing:1px;
text-align:right;
color:#4e92df;
}

input[type="text"], textarea, select {
border:0;
padding:10px;
font-size:16px;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
@media only screen and (min-width:769px) and (max-width:1024px){
input[type="text"], textarea, select {
padding:15px 10px;
font-size:21px;
}
}
input[type="text"]:focus,
textarea:focus {
box-shadow:0 0 7px #999999;
}

/* Chrome, Safari */
::-webkit-input-placeholder{
color:#999;
}
/* Firefox */
::-moz-placeholder{
color:#999;
}
/* Firefox 18以前 */
:-moz-placeholder{
color:#999;
}
/* IE */
:-ms-input-placeholder{
color:#999;
}

input[type="submit"],input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
  webkit-transition: all .5s;transition:all .5s;
background:#f29205;
  border:none;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
  color:#fff;
}

.enter{
margin:0;
padding:10px 0 5px 0;
text-align:center;
}
.enter a:link {
color:#fff;text-decoration:none;
-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;
}
.enter a:visited {color:#fff;text-decoration:none;}
.enter a:hover {color:#fff;text-decoration:none;}

.button {
width:90%;
margin:0;
padding:15px 0;
display:inline-block;
font-size:120%;
font-weight:bold;
line-height:100%;
letter-spacing:1px;
text-decoration:none;
color:#fff;
background:#ea5413;
text-align:center;
}
@media screen and (min-width: 1025px) {
.button {
width:75%;
padding:10px 0;
font-size:16px;
}
}
.button:hover {
color:#fff;
filter:alpha(opacity=70); /* IE 6,7*/
-moz-opacity:0.7; /* IE 8,9 */
opacity:0.7;
}

.banner_box{
margin:0;
padding:0 0 20px 0;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.banner_box{
margin:0;
padding:0 0 20px 0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
}
@media screen and (min-width: 1025px) {
.banner_box{
padding:0 0 20px 0;
}
}

.banner{
margin:0 0 10px 0;
padding:0;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.banner{
width:49%;
}
}
.banner img{
width:100%;
margin:0;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

ul.submenu {
margin:0 0 30px 0;
padding:0;
list-style-type:none;
}
ul.submenu li {
list-style:none;
margin:0;
padding:0;
font-size:16px;
line-height:150%;
letter-spacing:1px;
border-bottom:1px dotted #999;
position:relative;
}
.submenu a:link {
margin:0;
padding:10px 10px 10px 20px;
display:block;
color:#1a1919;
text-decoration:none;
position:relative;
}
.submenu a:link:after {
position:absolute;
top:25%;
left:5px;
content:"\f105";
font-family:'Font Awesome 5 Free';
color:#ea5413;
font-size:14px;
font-weight:bold;
}
.submenu a:visited {text-decoration:none;color:#1a1919;}
.submenu a:visited:after {text-decoration:none;color:#ea5413;}
.submenu a:hover {text-decoration:none;color:#ea5413;}
.submenu a:hover:after {text-decoration:none;color:#ea5413;}


.layout{
margin:0;
padding:0;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.layout{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
}

.twitter{
height:500px;
margin:0 0 30px 0;
padding:0;
overflow-y:scroll;
overflow-x:hidden;
border:1px solid #ddd;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.twitter{
width:49%;
height:360px;
}
}


.book_box{
margin:0;
padding:0;
}
@media only screen and (min-width:769px) and (max-width:1024px){
.book_box{
width:49%;
}
}
.book_erea{
margin:15px 0 30px 0;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}

.book{
width:31%;
margin:0;
padding:0;
border:1px solid #ddd;
}
.book img{
width:100%;
}

.tagbox{
margin:5px 0 15px 0;
padding:10px 0 1px 0;
border-top:solid 1px #ddd;
border-bottom:solid 1px #ddd;
}
ul.tag {
margin:0;
padding:0;
list-style:none;
}
ul.tag li {
display:inline-block;
margin:0 2px 10px 0;
padding:0;
}
#main ul.tag li {
display:inline-block;
margin:0 4px 10px 0;
padding:0;
}
ul.tag li a {
display:inline-block;
font-size:12px;
line-height:100%;
padding:5px 12px;
background-color:#fff;
border:1px solid #ea5413;
border-radius:3px;
color:#ea5413;
text-decoration:none;
-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;
}
@media all and (-ms-high-contrast:none){
ul.tag li a {
padding:6px 12px 3px 12px;
}
}
ul.tag li a:hover {
background-color:#ea5413;
border:1px solid #ea5413;
color:#fff;
}

.search_title{
margin:0 0 10px 0;
padding:0 0 2px 0;
font-size:16px;
line-height:150%;
letter-spacing:1px;
color:#393636;
border-bottom:1px solid #666;
}
dl.search{
margin:0 0 25px 0;
padding:0;
position:relative;
background-color:#fff;
border:1px solid #ccc;
border-radius:6px;
}
dl.search dt{
padding:3px;
}
input.seraching{
height:30px;
line-height:30px;
background:none;
border:none;
padding:0 0 0 10px;
font-size:16px;
letter-spacing:1px;
text-align:left;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
dl.search dd{
position:absolute;
top:0;
right:0;
width:30%;
}
dl.search dd button{
display:block;
background:#f29205;
width:100%;
height:36px;
line-height:36px;
border:none;
border-radius: 0 6px 6px 0;
}
dl.search dd button:hover {
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
-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;
}
dl.search dd button span{
display:block;
color:#fff;
}


/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#d1101a;}
.org {color:#f29205;}
.through{text-decoration:line-through;}
.ym{background:linear-gradient(transparent 60%, #97d7f6 60%);}
.caption{font-size:80%;color:#666666;font-weight:normal;line-height:150%;}

@media all and (-ms-high-contrast: none){
.ym{background:linear-gradient(transparent 60%, #97d7f6 60%);}
}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}

.plus{margin-bottom:30px;}
.upper{margin-top:45px;}
.upside{margin-top:45px;}


/*---------- フッター ----------*/

#footer{
margin:45px 0 0 0;
padding:30px 0;
font-size:75%;
line-height:150%;
text-align:center;
color:#333;
background:#ccc;
font-family: 'Roboto Condensed', sans-serif;
}
@media screen and (min-width: 769px) {
#footer{
margin:75px 0 0 0;
}
}



/*---------- WCNET追加分 ----------*/

.photo{/* height:170px; *//* overflow: hidden; */}

img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 10px 15px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 15px 10px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

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

ul.wp-tag-cloud {
margin: 0;
padding: 0;
list-style: none;
}

ul.wp-tag-cloud li {
display: inline-block;
margin: 0 2px 10px 0;
padding: 0;
}

ul.wp-tag-cloud li a {
display: inline-block;
font-size: 12px !important;
line-height: 100%;
padding: 5px 12px;
background-color: #fff;
border: 1px solid #ea5413;
border-radius: 3px;
color: #ea5413;
text-decoration: none;
-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;
}

ul.wp-tag-cloud li a:hover{
background-color:#ea5413;
border:1px solid #ea5413;
color:#fff;
}
/* _az 200608 */
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}