@charset "UTF-8";
/*
Theme Name: Binary Theme
version:1.0
*/
/*
font-size
font-size:calc(XX + ((1vw - YY) * ZZ))
XX = min-font-size
YY = min-viewport / 100
ZZ = 100 * font-size-difference / viewport-difference
*/
h1{font-size:calc(24px + ((1vw - 3.6px) * 1.66667));}
h2{font-size:calc(22px + ((1vw - 3.6px) * 1.38889));}
h3{font-size:calc(20px + ((1vw - 3.6px) * 1.11111));}
h4{font-size:calc(18px + ((1vw - 3.6px) * 0.83333));}
p:not([class]){font-size:calc(16px + ((1vw - 3.6px) * 0.27778));}

.flat-button a {
	width: 80%;
	background-color: #12b766;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgb(23, 140, 115);
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 10px 0;
}

@media screen and (max-width:360px){
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
p:not([class]){font-size:16px;}
}
@media screen and (min-width:1080px){
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
p:not([class]){font-size:18px;}
}
/*default*/
body{width:100%;font-family:'Sawarabi Gothic',sans-serif;color:#2b2b2b;}
img{vertical-align:bottom;}
.mainArticle{width:100%;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;}
.mainContent{width:100%;background-color:#fff;flex-grow:1;padding-bottom:50px;}
.inline{display:inline-block;}
.linkButton{text-align:center;font-size:20px;line-height:3em;width:250px;margin:30px auto;display:block;position:relative;background-color:#727171;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.5);}
.contentsList{padding:0 20px 7.5%;}
p:not([class]){margin:1.5em 0;line-height:1.6em;}
a{cursor:pointer;}
h1{text-align:center;font-weight:bold;line-height:1.5em;padding:7.5% 0 3.75%;margin-bottom:3.75%;position:relative;font-family:a-otf-ud-shin-go-pr6n,sans-serif;}
h1::after{content:'';width:8em;height:2px;margin:auto;position:absolute;bottom:0;left:0;right:0;background-color:var(--subcolor02);}
h2{line-height:1.5em;margin:3.5em auto 0.7em;padding:0.5em;box-shadow:0 3px 6px rgba(0,0,0,0.5);background-color:var(--subcolor01);color:#fff;}
h3{line-height:1.5em;margin:1.75em auto 0.7em;padding:0.5em 0.75em;position:relative;background-color:var(--subcolor01);color:#fff;}
h3::before,h3::after{content:'';border-width:0.375em;border-style:solid;position:absolute;}
h3::before{border-color:transparent transparent #fff #fff;left:0;bottom:0;}
h3::after{border-color:#fff #fff transparent transparent;right:0;top:0;}
h4{line-height:1.4em;margin:0.7em auto 0.35em;padding:0.5em;position:relative;background-color:var(--subcolor01);color:#fff;}
@media screen and (min-width:700px){
.contentsList,.recommendSite{padding-bottom:52.5px;}
h1{padding:52.5px 0 26.25px;margin-bottom:26.25px;}
}
/*header*/
.mainHeader{width:100%;background-color:var(--subcolor01);}
.fixedBar{width:100%;height:50px;padding:5px;position:fixed;top:0;left:0;z-index:50;background-color:var(--maincolor);color:#fff;}
.logoArea{width:100%;max-width:1280px;margin:auto;position:relative;}
.logoArea>a>img{width:auto;height:40px;}
.searchFormSelect{display:none;}
.searchFormControl{width:40px;height:40px;position:absolute;top:0;bottom:0;right:5px;}
.searchFormControl::before{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;font-size:35px;text-align:center;line-height:0;height:0;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;transition-duration:0.3s;}
.searchFormSelect:checked+.searchFormControl::before{content:'\f00d';}
.searchForm{width:0;height:40px;margin:auto;position:absolute;top:0;bottom:0;right:50px;z-index:51;overflow:hidden;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;transition-duration:0.3s;}
.searchFormSelect:checked~.searchForm{width:calc(100% - 50px);}
.searchForm>input{height:100%;}
.searchForm>input[type="text"]{background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;width:calc(100% - 3em);color:#2b2b2b;}
.searchForm>input[type="submit"]{text-align:center;background-color:#727171;border-top-right-radius:10px;border-bottom-right-radius:10px;width:3em;color:#fff;}
.firstView{width:100%;max-width:800px;padding-bottom:75%;position:fixed;top:50px;left:0;right:0;margin:auto;z-index:-1;background-color:var(--subcolor01);background-size:contain;background-position:top;background-repeat:no-repeat;}
.mainMenu{width:100%;padding:5px 0;margin-top:50px;background-color:var(--maincolor);position:sticky;top:0;z-index:100;}
.mainMenu>ul:not([class]){width:100%;max-width:800px;height:40px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;}
.mainMenu>ul:not([class])>li{width:100%;height:40px;}
.mainMenu>ul:not([class])>li{border-left:1px solid var(--subcolor02);border-right:1px solid var(--subcolor02);}
.mainMenu>ul:not([class])>li:first-of-type{border-left-width:2px;}
.mainMenu>ul:not([class])>li:last-of-type{border-right-width:2px;}
.mainMenu>ul:not([class])>li>a{text-align:center;height:100%;padding:7.5px 0;font-size:15px;display:block;color:#fff;}
.mainMenuSP{width:100%;padding:5px 0;margin-top:50px;background-color:var(--maincolor);color:#fff;}
.mainMenuSP>ul>li{height:0;overflow:hidden;}
.mainMenuSP +input:checked~ul>li{padding:15px;border-bottom:1px solid var(--subcolor02);}
.mainMenuSP>ul>li>ul>li{height:0;overflow:hidden;padding:0 5px;transition-duration:0.3s;}
.mainMenuSP>ul>li>input:checked~ul>li{line-height:3rem;border-bottom:1px solid var(--subcolor02);}
.mainMenuSP>ul>li>ul>li>a{display:block;}
.mainMenuSP>ul>li:last-of-type,.mainMenuSP>ul>li>ul>li:last-of-type{border-bottom:0;}
.spMenuCon::before{content:'メニューを開く';text-align:center;width:100%;transition-duration:0.3s;display:block;line-height:3rem;}
.mainMenuSP input:checked+.spMenuCon::before{content:'閉じる';}
.spMenuCon::after{line-height:3rem;}
.spMenu>li{height:0;padding:0 5px;transition-duration:0.3s;}
.mainMenuSP label{display:block;position:relative;}
.mainMenuSP label::after{content:'▼';position:absolute;right:0;bottom:0;top:0;transition-duration:0.3s;}
.mainMenuSP input:checked+label::after{content:'▲';}
.mainMenuSP input{display:none;}
.mainMenuSP input:checked~ul>li{height:auto;padding:10px 5px;}
@media screen and (min-width:541px){
.searchFormControl{display:none;}
.searchForm,.searchFormSelect:checked~.searchForm{width:300px;right:5px;}
}
@media screen and (min-width:801px){
.firstView{max-width:1920px;padding-bottom:40%;}
}
@media screen and (min-width:1921px){
.firstView{padding-bottom:768px;}
}
/*footer*/
.mainFooter{text-align:center;width:100%;padding:30px 0;background-color:var(--maincolor);color:#fff;}
/*link-card*/
.linkCardArea{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 20px;}
.linkCard{width:300px;display:block;position:relative;box-shadow:0 3px 6px rgba(0,0,0,0.5);}
.linkCard>img{width:100%;height:auto;}
.linkCard>p{font-size:14px;line-height:1.4em;width:100%;height:75px;padding:10px;position:absolute;bottom:0;left:0;color:#fff;background-color:rgba(0,0,0,0.7);}
.innerText{height:100%;display:block;overflow:hidden;}
/*breadcrumb*/
.breadArea{width:100%;}
.breadCrumb {
    font-size: 1rem;
    line-height: 4rem;
    width: 100%;
    height: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    overflow-y: hidden;
}
.breadCrumb>li:first-child {
    background-color: var(--bread1);
}

.breadCrumb>li:first-child {
    padding-left: 10px;
    padding-right: 10px;
}
.breadCrumb>li {
    position: relative;
    width:250px;
    padding-left:1.5rem;
}
.breadCrumb>li:last-of-type{width:100%;}
.breadCrumb>li>a{display:block;}
.breadCrumb>li:not(:last-child)::after {
    content: '';
    width: 0;
    height: 0;
    margin: auto;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1rem solid;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    z-index: 10;
}
.breadCrumb>li:first-of-type{background-color:#444;color:#fff;}
.breadCrumb>li:first-of-type::after{border-left-color:#444;}
.breadCrumb>li:nth-of-type(2){background-color:#777;color:#fff;}
.breadCrumb>li:nth-of-type(2)::after{border-left-color:#777;}
.breadCrumb>li:nth-of-type(3){background-color:#aaa;color:#333;}
.breadCrumb>li:nth-of-type(3)::after{border-left-color:#aaa;}
.breadCrumb>li:nth-of-type(4){background-color:#ddd;color:#333;}
.breadCrumb>li:nth-of-type(4)::after{border-left-color:#ddd;}

.articleSection{width:100%;max-width:1080px;margin:auto;padding:0 20px 7.5%;}
@media screen and (min-width:700px){
.articleSection{padding-bottom:52.5px;}
}
[id^='ARTICLE0']{margin-top:-35px;padding-top:25px;}
.indexList{width:100%;max-width:640px;margin:60px auto 50px;padding:calc(1em + 10px) 1em 1em;border:3px solid var(--maincolor);background-color:rgba(53,53,53,0.1);position:relative;}
.indexList::before{content:'目次';text-align:center;font-size:18px;width:100px;margin:auto;position:absolute;top:-15px;left:0;right:0;background-color:var(--maincolor);color:#fff;}
.indexList li{line-height:1em;width:100%;padding:10px 0;}
.indexList>li>ul{margin-top:-1em;padding:0 1em;}
.articleQuote,.checkArea,.cautionArea,.sumupArea{width:100%;max-width:800px;border:3px solid;position:relative;}
.articleQuote{margin:50px auto;padding:1em;border-color:var(--subcolor04);background-color:rgba(77,90,175,0.1);}
.articleQuote::before,.articleQuote::after{font-family:'Font Awesome 5 Free';font-weight:900;line-height:1;height:0;margin:auto;position:absolute;}
.articleQuote::before{content:'\f10d';top:5px;left:5px;}
.articleQuote::after{content:'\f10e';bottom:calc(1em + 5px);right:5px;}
.checkArea,.cautionArea,.sumupArea{margin:60px auto 50px;padding:calc(1em + 10px) 1em 1em;}
.checkArea{border-color:var(--subcolor03);background-color:rgba(243,152,0,0.1);}
.cautionArea{border-color:var(--subcolor06);background-color:rgba(201,23,30,0.1);}
.sumupArea{border-color:var(--subcolor05);background-color:rgba(56,180,139,0.1);}
.checkArea::before,.cautionArea::before,.sumupArea::before{text-align:center;font-size:18px;width:100px;margin:auto;position:absolute;top:-15px;left:0;right:0;color:#fff;}
.checkArea::before{content:'CHECK!';background-color:var(--subcolor03);}
.cautionArea::before{content:'CAUTION!';background-color:var(--subcolor06);}
.sumupArea::before{content:'SUM UP!';background-color:var(--subcolor05);}
.articleQuote>p,.checkArea>p,.cautionArea>p,.sumupArea>p,.figureArea p{margin:0;}
.figureArea{text-align:center;width:100%;max-width:800px;margin:50px auto;}
.sumupList{padding-left:1em;}
.sumupList>li{margin-bottom:1em;position:relative;}
.sumupList>li:last-child{margin-bottom:0;}
.sumupList>li::before{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;line-height:1.5em;height:0;margin:auto;position:absolute;top:0;left:-1em;}
.fullBoxBOTransaction{width:100%;padding:10px;background-color:var(--subcolor03);color:#fff;position:relative;}
.fullBoxBOTransaction::before,.fullBoxBOTransaction::after{width:calc(50% - 10px);margin:auto;position:absolute;bottom:-30px;background-color:#fff;color:var(--subcolor01);z-index:1;}
.fullBoxBOTransaction::before{content:'予想的中';left:0;}
.fullBoxBOTransaction::after{content:'外れた';right:0;}
.halfBoxBOTransaction{width:calc(50% - 10px);margin-top:50px;padding:10px 5px;color:#fff;position:relative;}
.halfBoxBOTransaction::before{content:'';width:2px;height:50px;margin:auto;background-color:var(--subcolor01);position:absolute;top:-50px;left:0;right:0;}
.halfBoxBOTransaction::after{content:'';width:0;height:0;margin:auto;border-width:10px;border-style:solid;border-color:var(--subcolor01) transparent transparent;position:absolute;top:-10px;left:0;right:0;}
.bold{font-weight:bold;background:linear-gradient(transparent 75%,var(--subcolor05) 75%);}
.comparison2{width:100%;max-width:800px;margin:50px auto;table-layout:fixed;}
.comparison2 th,.comparison2 td{vertical-align:middle;padding:10px 5px;}
.comparison2 td{border-right:1px solid var(--subcolor04);border-bottom:1px solid var(--subcolor04);}
.comparison2 th{text-align:center;border-right:1px solid var(--subcolor04);}
.comparison2>thead>tr>th:nth-child(n+2){background-color:var(--subcolor04);color:#fff;}
.comparison2>thead>tr>th:first-child{width:6em;}
.comparison2>tbody>tr>th{background-color:var(--subcolor04);color:#fff;}
.colorRed td{border-right:1px solid var(--subcolor06);border-bottom:1px solid var(--subcolor06);}
.colorRed th{border-right:1px solid var(--subcolor06);}
.colorRed>thead>tr>th:nth-child(n+2){background-color:var(--subcolor06);}
.colorRed>tbody>tr>th{background-color:var(--subcolor06);}
.leftHeadShort>thead>tr>th:first-child{width:3em;}
.numberComparison td{text-align:right;}
.affiLinkCard{width:100%;max-width:800px;margin:50px auto;padding:20px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:20px;background-color:rgba(0,0,0,0.8);box-shadow:0 3px 6px rgba(0,0,0,0.5);}
.LCtextArea{width:100%;order:1;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;}
.LCtextArea>img{width:70%;height:auto;display:block;}
.LCtextLink{font-size:17px;line-height:3em;font-weight:bold;text-align:center;width:100%;margin:30px auto 0;display:block;background-color:var(--subcolor05);color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.5);position:relative;}
.LCtextLink::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;line-height:0;height:0;margin:auto;position:absolute;top:0;bottom:0;left:auto;right:5px;}
.siteImage{width:100%;margin:auto;display:block;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.5));}
@media screen and (min-width:601px){
.affiLinkCard{flex-direction:row;}
.LCtextArea,.siteImage{width:50%;}
.LCtextArea{order:0;}
}

/*OLD*/

/*■全体設定■*/

body {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	background: #fff;
        color:#545454;
	font-family: Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h2{
	border-bottom:2px solid #c9171e;
	border-left: 10px solid #c9171e;
	margin: 0 0 1.5em;
	font-weight: bold;
	padding: 10px;
}

h3{
	border-bottom:2px solid #c9171e;
	margin: 0 0 1.5em;
	font-weight: bold;
}
h4{
	border-left: 10px solid #c9171e;
	margin: 0 0 1.5em;
	font-weight: bold;
}
*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.advice01 {
	color: red;
	text-align: center;
	font-size: 100%;
}
.advice02 {
	color: red;
	text-align: center;
	font-size: 100%;
}
.defs{
  display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.tablePressUnder {
    line-height: 100%;
    margin-top: -1em;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #8b0000;
    border-bottom-color: #8b0000;
    border-left-color: #8b0000;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding-bottom: 1em;
}


/*◆hタグ用デザイン◆*/
/*h3ここから*/
.box_01 {
  margin: 1.5em 0;
  padding: 0.5em 0 0.3em 1em;
  font-size: 130%;
  font-weight: bold;
  color: #000;
  border: 2px solid #c9171e;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}
.box_02{
   background-image: -moz-linear-gradient(center bottom , #fff 0%, #fff 90%, #eee 100%);
    border: 1px solid #ccc;
    box-shadow: 0 0 4px 2px #ddd, 0 0 1px 1px #fff inset;
    padding: 15px;
    text-shadow: 0 1px 0 #fff;
}
.box_03{
    position: relative;
    color: #111;
    font-size: 130%;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #c9171e;
}
 
.box_03:before{
    content: "";
    position: absolute;
    background: #c9171e;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.box_03:after{
    content: "";
    position: absolute;
    background:#ef7307;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}
.box_04{
	color: #8a2be2;
	font-size:30px;
	font-weight:bold;
	font-family:sans serif;
	text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 50px #ff00de, 0 0 50px #ff00de, 0 0 10px #ff00de, 0 0 50px #ff00de;
	padding: 15px;
}

.box_05 {
    position: relative;
    padding-left: 45px;
    color: #a22041;
    font-size: 23px;
    line-height: 30px;
}

.box_05:before {
    position:  absolute;
    top: 12px;
    left: 12px;
    width: 14px;
    height: 14px;
    border: 4px solid #ef7307;
    content: "";
}

.box_05:after {
    position:  absolute;
    top: 2px;
    left: 2px;
    width: 17px;
    height: 17px;
    border: 4px solid #c9171e;
    content: "";
}
/*h3ここまで*/
/*◆チャット風◆*/
.chatbox {
    width: 100%;
    height: auto;
    overflow: hidden; /*floatの解除*/
    margin-bottom: 20px;
}
.chatface {
    float: left;
    margin-right: -120px;
}
.chatface img{
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: 0 0 4px #ddd;
}
.chatarea {
    width: 100%;
    float: right;
}
.chathukidashi {
    display: inline-block; /*コメントの文字数に合わせて可変*/
    padding: 15px 20px;
    margin-left: 120px;
    margin-top: 8px;
    /* border: 1px solid gray; ←削除 */
    border-radius: 10px;
    position: relative; /*追記*/
    background-color: #D9F0FF; /*追記*/
}
/* ↓追記↓ */
.chathukidashi:after {
    content: "";
    position: absolute;
    top: 50%; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #D9F0FF transparent transparent;
}
.someone {
    background-color: #BCF5A9;
}
.someone:after {
    border-color: transparent #BCF5A9 transparent transparent;
}
/*▲チャット風はここまで！▲*/

/*◆文字装飾◆*/
.text01 {
background: linear-gradient(transparent 60%, #66FFCC 60%);
}
.text02 {
background: linear-gradient(transparent 60%, #ff66ff 60%);
}

.text03 {
    border: 4px double #9966ff;
}
/*◆細かな装飾で使用しているもの◆*/
.sectionTitle {
	display: none;
}
.space01 {
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.space02 {
	margin-bottom: 20px;
}

/* カードデザイン用CSS */

section .card {
  margin: 30px auto;
  width: 300px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}
section .card-img {
  border-radius: 5px 5px 0 0;
  width: 100%;
  height: auto;
}
section .card-content {
  padding: 20px;
}
section .card-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}
div .card-text {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
}
div .card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
  width: 260px;
}
div .card-link a {
  text-decoration: none;
  color: #0bd;
  margin: 0 10px;
}
div .card-link a:hover {
  color: #0090aa;
}

/*◆記事投稿画面内で作用するものに対応◆*/
.alignleft {
	float: left;
	margin-right: 2em;
}

.alignright {
	float: right;
	margin-left: 2em;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.red-txt {
	color: red;
}

.pickimg {
    text-align: center;
}
.rank-img {
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
margin-top: 25px;
}
/*■■*/


/*■ヘッダーエリア■*/
.headerWrap {
/* 背景設定すれば横画面いっぱいhsla(249, 67%, 51%, 0.52); */
/*background-color: #8b0000;*/
	width: 100%;
}
#head {
	width: 100%;
	max-width:960px;
	margin-right: auto;
	margin-left: auto;
	display: table;
	position: relative;
	height: auto;
}
#tagline {
	position: absolute;
	left: 0px;
	font-size: 10px;
	color: #999;
	padding-top: 5px;
	padding-bottom: 5px;
}
.headImage {
	vertical-align: middle;
	display: table-cell;/*IE6~7は効かないので下部で別設定*/
	width: 24%;
	padding-right: 1%;
	height: auto;/*★ヘッダーの高さを調整したい時、画像なしのサイトタイトルが縦中央にならない時は、ここで高さを設定★*/
	margin: 0px;
}
/*for IE6 */
* html .headImage {
	zoom: 1;
	float: left;
	padding-right: 0px;
}
/*for IE7 */
*:first-child+html .headImage {
	zoom: 1;
	float: left;
}
/*for IE8 */
.headImage {
	padding-right: 10px;
}
.headLogo {
	vertical-align: middle;
	display: table-cell;
	height: auto;
	width: 100%;
}
.headnoImage {
	font-size: 160%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
/*◆ヘッダーバナーエリア（必須ではない）◆*/
.headBanner {
	vertical-align: middle;
	display: table-cell;/*IE6~7は効かないので下部で別設定*/
	text-align: right;
	width: 74%;
	max-width:728px;
	margin: 0px;
	padding: 0px;
}
/*for IE6 */
* html .headBanner {
	zoom: 1;
	float: right;
}
/*for IE7 */
*:first-child+html .headBanner {
	zoom: 1;
	float: right;
}
.headBanner span {
	display: none !important;
}
.headBanner img {
	height: auto;
	width: 100%;
}
/*■■*/


/*■ナビゲーションメニューエリア■*/
.naviWrap {
/*背景設定すれば横画面いっぱい*/
/* IE6~8はグラデーション効かないので下部で別設定 */
width: 100%;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #393939 0%, #000000 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #393939 0%, #000000 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #393939 0%, #000000 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(1, #000000));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #393939 0%, #000000  100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #393939 0%, #000000 100%);
}
/*for IE6 */
* html .naviWrap {
	background-color: #000000;
}
/*for IE7 */
*:first-child+html .naviWrap {
	background-color: #000000;
}
/*for IE8 */
.naviWrap {
	background-color: #000000;
}
#navi {
	width: 100%;
	max-width:960px;
	margin-right: auto;
	margin-left: auto;
}
/*メニューを開くための箇所は横幅が広いデザインのときは表示しない*/
.menuOpen {
	display: none;
}
/*↓ナビゲーションメニューのメインメニュー↓*/
#navi ul {
	margin: 0px;
	padding: 0px;
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	list-style-type: none;
}
#navi ul li {
	display: table-cell;/*IE6~7は効かないので下部で別設定*/
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #696969;
	vertical-align: middle;
}
#navi ul li:first-child {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #696969;
}
#navi ul li a {
	font-weight: bold;
	color: #FFF;
	display: block;
	text-decoration: none;
	padding: 10px;
	cursor:pointer;
}
#navi ul li a:hover {
	color: #ffc;
	background-color: #3f3f3f;
}
/*↓ナビゲーションメニューのサブメニュー↓*/
#navi ul li ul {
	display:none;
	position:absolute;
	z-index:9999;
}
#navi ul li ul li {
	background-color:#101010;
	display:block;
	padding:0;
	position:relative;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #696969;
	border-bottom-color: #696969;
	border-left-color: #696969;
}
#navi ul li ul li:first-child {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #696969;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #696969;
}
#navi ul li ul li a {
}
#navi ul li ul li a:hover {
}
#navi ul li ul li a.isParent {
	padding-right: 30px;
}
#navi ul li ul li a.isParent:after {
	content:"▼";
	font-size: 100%;
	color: #FFF;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	padding: 10px;
	font-weight: normal;
}
/*for IE6 */
* html #navi ul li {
	display: inline;
	zoom: 1;
	width: 18%;
}
* html #navi ul li ul li {
	width: 100%;
	zoom: 1;
}
/*for IE7 */
*:first-child+html #navi ul li {
	display: inline;
	zoom: 1;
	width: 18%;
}
*:first-child+html #navi ul li ul li {
	width: 100%;
	zoom: 1;
}
/*■■*/


/*■パンくずエリア■*/
.breadWrap {
/*背景設定すれば横画面いっぱい*/
}
#bread {
	width: 100%;
	max-width:960px;
	margin-right: auto;
	margin-left: auto;
}
.breadTitle {
	display: none;
}
.breadInner {
	padding: 5px;
	line-height: 120%;
}
.breadInner a {
	color: #333;
}
/*■■*/


#wrap {
	width:100%;
	max-width:960px;
	background-color: #f5fffa;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*■コンテンツエリア■*/
#main {
	width: 66.66%;
	max-width:640px;
	float: left;
	margin-bottom: 0px;
}
[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	color: #ffa500;
	fill: currentColor;
	background-color:"";
}
.icon-n-star {
	width: 24px;
	height: 24px;
}
.icon-h-star {
	width: 24px;
	height: 24px;
}
.icon-star {
	width: 24px;
	height: 24px;
}
.icon-n-star2 {
	width: 15px;
	height: 15px;
}
.icon-h-star2 {
	width: 15px;
	height: 15px;
}
.icon-star2 {
	width: 15px;
	height: 15px;
}
/*◆記事エリア共通◆*/
.postArea {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-right: 10px;
	margin-left: 10px;
}
.postAreaInner {
	width: 100%;
}
.postContent {
	width: 100%;
}
.postTitle {
    background-color: #f5fffa;
    border-bottom: 1px solid #999;
    border-left: 5px solid #c9171e;
    border-right: 1px solid #999;
    font-weight: bold;
    padding: 10px;
}
.postTitle a {
	text-decoration: none;
}
.postTime {
	font-style: italic;
}
.postArea p {
	line-height: 160%;
}
.postArea footer {
}
.postArea footer p {
	text-align: right;
	line-height: 160%;
	margin: 0px;
	padding: 0px;
}
#rssblockquote {
	background-color: #EFEFEF;
	padding: 10px;
	border: 1px dotted #CCC;
	margin: 0px;
}
#rssblockquote img {
	max-width:300px;
	width:auto;
	height:auto;
}
.archiveMeta p {
	line-height: 120%;
	margin: 0px;
	padding: 0px;
}

/*ランキング用テーブル*/
.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    width: 100%;
}

.pure-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center;
}

.pure-table td,
.pure-table th {
    border-left: 1px solid #cbcbcb;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 0.5em 1em; /* cell padding */
}
.pure-table td:first-child,
.pure-table th:first-child {
    border-left-width: 0;
}

.pure-table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom;
}

/*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
.pure-table td {
    background-color: transparent;
}
.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody > tr:last-child td,
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}
.pure-table-horizontal tbody > tr:last-child td {
    border-bottom-width: 0;
}

/* ここまでテーブル */
/**/

.imgs_ct div {
    width: 50%;
    text-align: center;
    float: left;
}

.clear_rank {
    clear: both;
}

/*○トップページウィジェットエリア○*/
.postSubArea {
	margin-bottom: 20px;
	padding-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.postSubArea h2 {
	font-weight: bold;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	margin-top: 10px;
}
.postSubArea ul {
	padding: 20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	height: 100px;
	overflow: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.postSubArea ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	list-style-position: inside;
}
/*○○*/

/*○記事エリア（アイテム一覧用）○*/

.areaList {
	margin-right: 10px;
	margin-left: 10px;
	background-color: #c9171e;
	border: 1px dotted #CCC;
	padding: 10px;
	margin-bottom: 20px;
}
.areaList ul {
	margin: 0px;
	padding: 0px;
}
.areaList li {
	padding: 10px;
	float: left;
	list-style-type: none;
}
.areaListPage {
	padding: 10px;
	margin-bottom: 20px;
}
.areaListPage ul {
	margin: 0px;
	padding: 0px;
}
.areaListPage li {
	padding: 10px;
	float: left;
	list-style-type: none;
}

.areaListText {
	margin-right: 10px;
	margin-left: 10px;
}
.areaListTextTitle {
	margin-bottom: 1em;
}
.areaListText p {
	line-height: 160%;
}

.itemMainArea {
	padding-top: 10px;
	clear: both;
	display: flex;
}
.itemPostImage {
	float: left;
	width: 50%;
}
.itemPostImage img {
	width: 100%;
	border: 1px solid #CCC;
}
.metaList {
	/*float: right;
	width: 48%;
	border: 1px solid #CCC;*/
	float: none;
    width: 48%;
    border: 1px solid #CCC;
    line-height: 2;
    margin: 0 10px;
    border-radius: 5px;
}
.metaList ul {
	margin: 0px;
	padding: 20px;
	display: block;
    list-style:none;
	font-size: 1.1em;
}
.itemPostLink {
	text-align: center;
}
.itemPostLink a {
	width: 80%;
	background-color: #ef7b16;
    border-radius: 10px;
    box-shadow: 2px 3px 0 #a7550e;
	/*background-color: #12b766;*/
	/*box-shadow: 0 3px 0 rgb(23, 140, 115);*/
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 10px 0;

}

.itemListLink {
	clear: both;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;/*padding-top: 1em;*/
}
.itemListLink a {
	color: #FFF;
	text-shadow: 1px 1px 2px #999;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 200%;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 2px 2px 4px #AAA;
	background-color: #999;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #009900 0%, #009900 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #009900 0%, #009900 100%);
	/* Opera */ 
background-image: -o-linear-gradient(top, #009900 0%, #009900 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0,#009900), color-stop(1, #009900));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #009900 0%, #009900 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #009900 0%, #009900 100%);
	border: 1px solid #CCC;
}
.itemListLink a:hover {
	background-color: #009900;
	color: #FFF;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #009900 0%, #009900 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #009900 0%, #009900 100%);
	/* Opera */ 
background-image: -o-linear-gradient(top, #009900 0%, #009900 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #009900), color-stop(1, #009900));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #009900 0%, #009900 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #009900 0%, #009900 100%);
}
/*○○*/


/*◆ページナビ関連◆*/
.listPageNavi {
	width: 100%;
}
.singlePageNavi {
	width: 100%;
	padding-bottom: 10px;
}
.next_post {
	float: left;
	width: 40%;
	padding-left: 10px;
}
.previous_post {
	float: right;
	width: 40%;
	text-align: right;
	padding-right: 10px;
}
/**/

/*◆コメントエリア◆*/
.comment_title {
	font-weight: bold;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	margin-top: 10px;
}
.comments_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
.comments_list ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.comments_list li, .comments_list ul li {
	padding: 10px;
	border: 1px solid #666;
	margin-top: 10px;
}
/* ↓comment-awaiting…はwordpressが自動的に出力するためclass名の変更は不可能 */
.comment-awaiting-moderation {
	color: #F00;
}
.comments_pagination {
	width: 100%;
	padding: 0px;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.next_comments {
	float: left;
	width: 48%;
	padding-left: 10px;
}
.prev_comments {
	float: right;
	width: 48%;
	text-align: right;
	padding-right: 10px;
}
/* ↓comment-reply…はwordpressが自動的に出力するためclass名の変更は不可能 */
.comment-reply-title {
	font-weight: bold;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	background-color: #EFEFEF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	margin-top: 10px;
}
.commentInputField {
	width: 70%;
}
.commentInputArea {
	width: 70%;
	height: 100px;
}
.commentNeed {
	font-size: 90%;
	color: #F60;
	padding-left: 1em;
}
/**/

.contentsSearch {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 100px;
}
.contentsSearch .searchFrom {
	position: static;
	width: 100%;
	margin-bottom: 1em;
}
.contentsSearch .searchButton {
	position: static;
	right: auto;
	display: block;
}
/*■■*/





/*■サイドエリア■*/
#side {
	width: 31.25%;
	max-width:300px;
	float: right;
        color: #fff;
}
/*◆サイドバナーエリア（必須ではない）◆*/
.sideBanner {
	text-align: center;
}
.sideBanner h2 {
	display: none;
}
.sideBanner img {
	height: auto;
	width: 100%;
	max-width:300px;
	margin-bottom: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/*◆◆*/


/*◆サイドランキングエリア（必須ではない）◆*/
.sideRank {
	text-align: center;
}
.sideRank h2 {
	background-color: #2b2b2b !important;
	padding: 10px;
	text-align: center;
	color: #FFF !important;
	font-weight: bold;
}
.sideRank h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background-color: #2b2b2b !important;
}
.sideRank img {
	height: auto;
	max-width:300px;
	margin: 10px 0;
	display: block;
	margin-right: auto;
	margin-left: auto;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
/*以下、ランキング用キャプチャ画像下部にリンク用ボタンを設置する場合の設定*/
.rankBtn {
	width: 100%;
}
.rankBtn p {
	padding: 0px;
	width: 80%;
	max-width:300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.rankBtn a {
	display: block;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}
.rankBtn01 {
	background-color: #6C0;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #4AFF08 0%, #029651 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #4AFF08 0%, #029651 100%);
	/* Opera */ 
background-image: -o-linear-gradient(top, #4AFF08 0%, #029651 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4AFF08), color-stop(1, #029651));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #4AFF08 0%, #029651 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #4AFF08 0%, #029651 100%);
	border: 1px solid #090;
}
.rankBtn02 {
	background-color: #EF7307;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFF00), color-stop(1, #EF7307));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFF00 0%, #EF7307 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFF00 0%, #EF7307 100%);
	border: 1px solid #FC0;
}
/*◆◆*/



/*◆検索窓エリア◆*/
.searchFormWrap {
	text-align: center;
	position: relative;
	height: 22px;
	margin-bottom: 10px;
}
.searchFrom {
	width: 76%;
	height: 20px;
	position: absolute;
	left: 0px;
	padding: 0px;
}
.searchButton {
	cursor: pointer;
	text-align: center;
	height: 22px;
	width: 18%;
	position: absolute;
	right: 2%;
	border: 1px solid #AAA;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #BABABA 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #BABABA 100%);
	/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #BABABA 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #BABABA));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #BABABA 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #BABABA 100%);
}
/*◆◆*/


/*◆サイドメニュー　全体設定◆*/
#side aside {
}
#side aside h2 {
	background-color: #2b2b2b;
	padding: 10px;
}
#side aside ul {
	margin: 0px;
}
#side select {
	margin: 10px;
}
/*◆◆*/



/*◆サイドメニュー　グラデーションタイプ◆*/
/*IE6~8はグラデーション効かないので諦める*/
.sideMenuType1 ul {
	padding: 0px;
}
/*本来ならaタグの方をdisplay: block;にするが、ウィジェットで投稿数を表示した際に対応できないのでliにdisplay: block;*/
.sideMenuType1 ul li {
	list-style-type: none;
	display: block;
	padding: 10px;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
	/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E0E0E0 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E0E0E0 100%);
}
.sideMenuType1 ul li a {
	text-decoration: none;
}
.sideMenuType1 ul li a:hover {
	text-decoration: none !important;
}
/*◆◆*/


/*◆サイドメニュー　下線タイプ◆*/
.sideMenuType2 ul {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
/*本来ならaタグの方をdisplay: block;にするが、ウィジェットで投稿数を表示した際に対応できないのでliにdisplay: block;*/
.sideMenuType2 ul li {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
}
.sideMenuType2 ul li:first-child {
	border-top-style: none;
}
.sideMenuType2 ul li:last-child {
	border-bottom-style: none;
}
.sideMenuType2 ul li a {
	text-decoration: none;
}
.sideMenuType2 ul li a:hover {
	text-decoration: none !important;
}
/*◆◆*/


/*◆サイドメニュー　単純リストタイプ◆*/
.sideMenuType3 ul {
	padding: 10px;
}
.sideMenuType3 ul li {
	list-style-position: inside;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*◆◆*/

/*◆サイドメニュー　タグ◆*/
.sideMenuType4 div {
	padding: 10px;
}
/*◆◆*/

/*■■*/


/*■フッターエリア■*/
/*
.footerWrap {
　//背景設定すれば横画面いっぱい//
}
*/

#foot {
	width: 100%;
	max-width:960px;
	background-color:#202020;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#foot a {
	color: #FFF;
}
/*◆フッターメニュー　横並びタイプ◆*/
.widgetFooterTitle1 {
	display: none;
}
.footerMenuType1 {
	text-align: center;
}
.footerMenuType1 ul {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	display: table;
	table-layout: fixed;
	margin-top: 0px;
	margin-bottom: 0px;
}
.footerMenuType1 ul li {
	display: table-cell;/*IE6~7は効かないので下部で別設定*/
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
}
.footerMenuType1 ul li:last-child {
	border-right-style: none;
}
.footerMenuType1 ul li ul {
	display: none;
}
/*for IE6 */
* html .footerMenuType1 ul li {
	display: inline;
	zoom: 1;
}/*for IE7 */
*:first-child+html .footerMenuType1 ul li {
	display: inline;
	zoom: 1;
}
/*◆◆*/

/*◆フッターメニュー　リストタイプ◆*/
.widgetFooterTitle2 {
	display: none;
}
.footerMenuType2 {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}
.footerMenuType2 ul {
}
.footerMenuType2 ul li {
}
.footerMenuType2 ul li:last-child {
}
.footerMenuType2 ul li ul {
	padding-right: 10px;
	padding-left: 10px;
}
.footerMenuType2 ul li ul li {
}
/*◆◆*/


/*◆最下部エリア◆*/
/*
.addressWrap {
　//背景設定すれば横画面いっぱい//
}
*/

address {
	width: 100%;
	max-width:960px;
	background-color: #fff;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
address a {
	color: #666;
}
/*◆◆*/

/*■■*/


/*■検索結果、カテゴリ等一覧ページ■*/
.catch_that_img {
	height: auto;
	width: 150px;
}
.listTitle {
	font-size: 160%;
	font-weight: bold;
}

.flat-button a {
	width: 80%;
	background-color: #12b766;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgb(23, 140, 115);
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 10px 0;
}

/*■タグ追加はここより上へ■*/


@media (max-width: 767px) { /*タブレット縦の幅？*/
#main {
	width: 100%;
	max-width:100%;
	float: none;
	margin-bottom: 10px;
}
#side {
	width: 100%;
	max-width:100%;
	float: none;
}
.searchFormWrap {
	background-color: #DFDFDF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.searchFrom {
	width: 75%;
	left: 2%;
}
}
@media (max-width: 643px) { /*スマホ横の幅？*/
#head {
	display: block;
}
#tagline {
	vertical-align: top;
	display: block;
	padding-right: 0px;
	padding-bottom: 10px;
}
.headLogo {
	vertical-align: top;
	display: block;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#head p {
	vertical-align: top;
	display: block;
	text-align: center;
	padding-bottom: 10px;
}
.headImage {
	vertical-align: middle;
	display: block;
	width: auto;
	padding-right: 0%;
	height: auto;/*★ヘッダーの高さを調整したい時、画像なしのサイトタイトルが縦中央にならない時は、ここで高さを設定★*/
	margin-right: auto;
	margin-left: auto;
}
.headnoImage {
	text-align: center;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.headBanner {
	vertical-align: top;
	display: block;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

/*◆ナビゲーションメニューがアコーディオンタイプに変更◆*/

/*メニューを開くための箇所*/
.menuOpen {
	display: inline-block;
	cursor: pointer;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
}
.menuOpen:after {
	content:"▼";
	padding-left: 1em;
}
/*サブメニューがあるものの右側に開閉ポイントを設置*/
#navi .menu-item-has-children {
	position: relative;
}
#navi .menu-item-has-children:after {
	content:"▼";
	font-size: 100%;
	cursor: pointer;
	color: #FFF;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	padding: 1em;
	font-weight: normal;
}
/*↓ナビゲーションメニューのメインメニュー↓*/
#navi ul {
	margin: 0px;
	padding: 0px;
	display: block;
	table-layout: auto;
	width: 100%;
	text-align: left;
	list-style-type: none;
}
#navi ul li {
	display: block;
	border-right-style: none;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-color: #32cb8b;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #393939 0%, #000000 100%);
	/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #393939 0%, #000000 100%);
	/* Opera */ 
background-image: -o-linear-gradient(top, #393939 0%, #000000 100%);
	/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(1, #000000));
	/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #393939 0%, #000000 100%);
	/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #393939 0%, #000000 100%);
	padding-top: 1em;
	padding-bottom: 1em;
}
#navi ul li:first-child {
	border-left-style: none;
}
#navi ul li a {
	font-weight: bold;
	color: #FFF;
	display: inline;
	text-decoration: none;
/*	margin-right: 80px;*/
}
#navi ul li a:hover {
	color: #F0F;
	background-color: #FFD1FF;
}
/*↓ナビゲーションメニューのサブメニュー↓*/
#navi ul li ul {
	display:none;
	position:static;
	z-index:auto;
	margin-top: 1em;
	margin-bottom: -1em;
}
#navi ul li ul li {
	background-color:#101010;
	background-image: none;
	display:block;
	position:relative;
	text-align: left;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #fff;
	padding-left: 20px;
	padding-top: 1em;
	padding-bottom: 1em;
}
#navi ul li ul li:first-child {
	border-left-style: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #fff;
}
#navi ul li ul li:last-child {
	border-bottom-style: none;
}
#navi ul li ul li a {
}
#navi ul li ul li a:hover {
}
/*◆アイテムページ　画像と情報の横並び→縦並び◆*/

.itemPostImage {
	float: none;
	padding-bottom: 1em;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.metaList {
	font-size: 10px!important;
    font-weight: bold;
	/*float: none;
	width: 80%;
	margin-right: auto;
	margin-left: auto;*/
}


.itemListLink {
	clear: both;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0em;
}
.itemListLink a {
	font-size: 150%;
}
/*◆横幅が広い時のフッターメニューもさすがに変更◆*/
.footerMenuType1 {
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
.footerMenuType1 ul {
	width: auto;
	display: block;
	table-layout: auto;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.footerMenuType1 ul li {
	display: list-item;
	border-right-style: none;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: top;
	line-height: 140%;
}
.footerMenuType1 ul li:last-child {
	border-right-style: none;
}
.footerMenuType1 ul li ul {
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
}
	
.itemPostImage {
    width: 300px;
    border-radius: 10px;
}

.rank-img {
margin-top: 0px;
}
/*◆◆*/
}
 @media (max-width: 480px) { /*スマホ縦の幅？*/
.itemPostImage {
	/*float: none;*/
	padding-bottom: 1em;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
.metaList {
	float: none;
	width: 80%;
	/*margin-right: auto;
	margin-left: auto;*/
	border-radius: 10px;
    margin: 0 5px;
}

.itemListLink {
	clear: both;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0em;
}
.itemListLink a {
	font-size: 150%;
}
.mahosp {
       display:block;
       margin-left: auto;
       margin-right: auto;
       text-align:center; 
       margin:0px 10px 10px 0px;
}


.maho { 
	display:block; 
	margin-left: auto;
	margin-right: auto;
	text-align:center;
         
}
.maho { 
       margin:0px 0px 20px 10px;
}

}

.postArea img {
	max-width: 100% !important;
	height: auto;
}

.trbgcolor {
background-color:#98fb98;
}

.font {
	color: #000;
	font-size: 100%;
}

/*◆blockquoteデザイン追加◆*/
blockquote{
background-color:#ddd;
padding:1em 1em 1em 3em;
position:relative;
}
blockquote:before{
content:"“";
font-size:600%;
line-height:1em;
font-family:"ＭＳ Ｐゴシック",sans-serif;
color:#999;
position:absolute;
left:0;
top:0;
}
/*◆リストデザイン◆*/
    .defaultlist
    ,.defaultlist li{
    	padding:0px;
    	margin:0px;
    }
     
    .defaultlist li{
    	list-style-type:none !important;
    	list-style-image:none !important;
    	margin: 5px 0px 5px 0px !important;
    }
     
    .list5 li{
    	position:relative;
    	padding-left:20px;
    }
    .list5 li:before{
    	content:''; 
    	height:0px; 
    	width: 90%;
    	display:block; 
    	position:absolute; 
    	top:18px; 
    	left:0px; 
    	border-bottom: 1px dashed #aaa;
    }
    .list5 li:after{
    	content:'';
    	display:block; 
    	position:absolute; 
    	background:#aaa;
    	width:5px;
    	height:5px; 
    	top:7px; 
    	left:5px; 
    	border-radius: 5px;
    }
/*◆お問合せフォームスタイル◆*/
.wpcf7 {
	margin: 96px 0;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
}
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea {
	background-color: #fff;
	color: #333;
	width: 95%;
	border: 1px solid #ddd;
	font-size: 100%;
	padding: 0.5em;
	border-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
}
.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #eee;
	color: #333;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}