@charset "utf-8";

.screen-reader-response, .wpcf7-not-valid-tip{color:#ff0000;}
/*----------------------------------------------------
	.swiper
----------------------------------------------------*/
.sw {
    position: relative;
    width: 100%;
}
.sw:before {
    content:"";
    display: block;
    padding-top: 26.25%;
    margin: 0;
    background: rgba(225,225,225,0.4);
}
.sw2 {
    position: relative;
    width: 100%;
}
.sw2:before {
    content:"";
    display: block;
    padding-top: 15.6%;
    margin: 0;
    background: rgba(225,225,225,0.4);
}
.swleft:before {
    content:"";
    display: block;
    padding-top: 0;
    margin-bottom: 0em;
}
.swright {
    position: relative;
    width: 70%;
    float: right;
    margin-bottom: -7px;
}
.swleft {
    position: relative;
    float: left;
    width: 30%;
}
.swlimg {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    border-left: 1px solid #fabc08;
    border-right: 2px solid #fabc08;
    border-botoom: 1px solid #fabc08;
}

.swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.sw-bg {
        position: absolute;
        width: 100%;
        height:100%;
        left: 0;
        top: 0;
        padding:0;
        margin:0;
        z-index: 2;
}
.sw-bg img{width: 100%;}
.sw-text {
        position: absolute;
        color: #fff;
        text-align: center;
        background:rgba(0,0,0,.6);
        width: 80%;
        left: 10%;
        top: 10%;
        padding: 3% 0;
        font-size:0.8em;
        line-height:1.5;
}
.sw-text:link, .sw-text:visited, .sw-text:active, .sw-text>a{color:#fff; text-decoration:none;}
@media only screen and (min-width: 500px)
{
.sw-text {font-size:1.2em;}
}
@media only screen and (min-width: 750px)
{
.sw-text {font-size:2em;}
}

/*------------------------------------------------
　box
------------------------------------------------*/
.scbox{
    display:block;
    clear:both;
    overflow:hidden;
    float:left;
    width:98%;
    margin: 0.3em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #cccccc;
    border-radius: 5px;
    box-shadow: 0px 5px 20px -5px rgba(162, 155, 61, 0.9);
    background-color: #ffffff;
    height: 5em;
    overflow-y: auto;
    overflow-x: hidden;
}
.scbox::-webkit-scrollbar{
  width: 12px;
}
.scbox::-webkit-scrollbar-track{
  background: #ffffff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777777; 
}
.scbox::-webkit-scrollbar-thumb{
  background: #395eb1;
  border-radius: 10px;
  box-shadow: none;
}
.box0 {
    display:block;
    clear:both;
    overflow:hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.5em 2%;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 15px;
}
.box1 {
    display:block;
    clear:both;
    overflow:hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #203564;
    border-radius: 5px;
    box-shadow: 0.1em 0.2em 0.3em 0.05em rgba(127, 126, 113, 0.7);
    background-color: #ffffff;
}

.box2 {
    display:block;
    clear:both;
    overflow:hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #203564;
    border-radius: 5px;
    box-shadow: 0.1em 0.2em 0.3em 0.05em rgba(127, 126, 113, 0.7);
    background-color: #fbf9f4;
}
.box3 {
    display:block;
    clear:both;
    overflow:hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #203564;
    border-radius: 5px;
    box-shadow: 0.1em 0.2em 0.3em 0.05em rgba(127, 126, 113, 0.7);
    background-color: #ffffe0;
}
.box4,.catbox {
    display:block;
    clear:both;
    overflow:hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #b094a0;
    border-radius: 5px;
    box-shadow: 0.1em 0.2em 0.3em 0.05em rgba(127, 126, 113, 0.7);
    background-color: rgba(255, 255, 255, 0.6);;
}
.box5 {
    display:block;
    clear:both;
    overflow:hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #b094a0;
    border-radius: 5px;
    box-shadow: 0.1em 0.2em 0.3em 0.05em rgba(127, 126, 113, 0.7);
    background-color: #fbf9f4;
}
.box6 {
    display:block;
    clear:both;
    overflow:hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.5em 2%;
    border: 3px solid #b094a0;
    border-radius: 5px;
    box-shadow: 0.1em 0.2em 0.3em 0.05em rgba(127, 126, 113, 0.7);
    background-color: #ffffe0;
}
.box7 {
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.8em 2% 0.5em;
    border:#b094a0 dashed 2px;
    background:#ffffff;
}
.box8 {
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    margin: 0.1em 1%;
    padding: 0.8em 2% 0.5em;
    border:#b094a0 dashed 2px;
    background:#fbf9f4;
}
.box9 {
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    margin: 0.1em 1% 0.5em;
    padding: 0.8em 2% 0.5em;
    border:#cccccc dashed 2px;
    background:#ffffe0;
}
.box_top{
    font-size:120%;
    margin-bottom: 10px;
}
.box_rank{
    font-size:140%;
color: #203564;
}
.box_title{
    display: block;
    clear: both;
    overflow: hidden;
    padding-bottom: 0.5em;
}
.box_title a{
    text-decoration: none;
    font-size:120%;
    font-weight:bold;
}
.box_exe{
    color:#222;
    margin-bottom: 10px;
    overflow:hidden;
}


.bgbox1, .bgbox3, .bgbox5, .bgbox7, .bgbox9, .bgbox11, .bgbox13{padding:1.0em 5.2em 1.2em 1.4em; margin:0; height:9.6em; font-weight:bold; font-size:120%; line-height:1.8; background-position: 0 0%; background-size: 100% auto; background-repeat:no-repeat;}
.bgbox2, .bgbox4, .bgbox6, .bgbox8, .bgbox10, .bgbox12, .bgbox14{padding:1.0em 0.9em 1.2em 5.7em; margin:0; height:9.6em; font-weight:bold; font-size:120%; line-height:1.8; background-position: 0 0%; background-size: 100% auto; background-repeat:no-repeat;}
.bgbox1 {background-image: url(../images/bg1.png);}
.bgbox2 {background-image: url(../images/bg2.png);}
.bgbox3 {background-image: url(../images/bg3.png);}
.bgbox4 {background-image: url(../images/bg4.png);}
.bgbox5 {background-image: url(../images/bg5.png);}
.bgbox6 {background-image: url(../images/bg6.png);}
.bgbox7 {background-image: url(../images/bg7.png);}
.bgbox8 {background-image: url(../images/bg8.png);}
.bgbox9 {background-image: url(../images/bg9.png);}
.bgbox10 {background-image: url(../images/bg10.png);}
.bgbox11 {background-image: url(../images/bg11.png);}
.bgbox12 {background-image: url(../images/bg12.png);}
.bgbox13 {background-image: url(../images/bg13.png);}
.bgbox14 {background-image: url(../images/bg14.png);}

/*------------------------------------------------
　cl bg line dot dash st hrv
------------------------------------------------*/
.bga{background-color:#b03a4e !important;}
.bgb{background-color:#c6a14e !important;}
.bgc{background-color:#cccccc !important;}
.bg0{background-color:#000000 !important;}
.bg1{background-color:#ffffff !important;}
.bg2{background-color:#203564 !important;}
.bg3{background-color:#d3d3d3 !important;}
.bg4{background-color:#f5f5f5 !important;}
.bg5{background-color:#800000 !important;}
.bg6{background-color:#ff0000 !important;}
.bg7{background-color:#ff69b4 !important;}
.bg8{background-color:#ffc0cb !important;}
.bg9{background-color:#ffa500 !important;}
.bg10{background-color:#ffff00 !important;}
.bg11{background-color:#f0e68c !important;}
.bg12{background-color:#ffffe0 !important;}
.bg13{background-color:#321602 !important;}
.bg14{background-color:#633513 !important;}
.bg15{background-color:#A97F5D !important;}
.bg16{background-color:#DDC4B0 !important;}
.bg17{background-color:#006400 !important;}
.bg18{background-color:#008000 !important;}
.bg19{background-color:#3cb371 !important;}
.bg20{background-color:#98fb98 !important;}
.bg21{background-color:#000080 !important;}
.bg22{background-color:#0000ff !important;}
.bg23{background-color:#00bfff !important;}
.bg24{background-color:#e5f6fd !important;}

.cla{color:#b03a4e !important;}
.clb{color:#c6a14e !important;}
.clc{color:#cccccc !important;}
.cl0{color:#000000 !important;}
.cl1{color:#ffffff !important;}
.cl2{color:#203564 !important;}
.cl3{color:#d3d3d3 !important;}
.cl4{color:#f5f5f5 !important;}
.cl5{color:#800000 !important;}
.cl6{color:#ff0000 !important;}
.cl7{color:#ff69b4 !important;}
.cl8{color:#ffc0cb !important;}
.cl9{color:#ffa500 !important;}
.cl10{color:#ffff00 !important;}
.cl11{color:#f0e68c !important;}
.cl12{color:#ffffe0 !important;}
.cl13{color:#321602 !important;}
.cl14{color:#633513 !important;}
.cl15{color:#A97F5D !important;}
.cl16{color:#DDC4B0 !important;}
.cl17{color:#006400 !important;}
.cl18{color:#008000 !important;}
.cl19{color:#3cb371 !important;}
.cl20{color:#98fb98 !important;}
.cl21{color:#000080 !important;}
.cl22{color:#0000ff !important;}
.cl23{color:#00bfff !important;}
.cl24{color:#e5f6fd !important;}

.linea{border-bottom: 0.1em solid #b03a4e;}
.lineb{border-bottom: 0.1em solid #c6a14e;}
.linec{border-bottom: 0.1em solid #cccccc;}
.line0{border-bottom: 0.1em solid #000000;}
.line1{border-bottom: 0.1em solid #ffffff;}
.line2{border-bottom: 0.1em solid #203564;}
.line3{border-bottom: 0.1em solid #d3d3d3;}
.line4{border-bottom: 0.1em solid #f5f5f5;}
.line5{border-bottom: 0.1em solid #800000;}
.line6{border-bottom: 0.1em solid #ff0000;}
.line7{border-bottom: 0.1em solid #ff69b4;}
.line8{border-bottom: 0.1em solid #ffc0cb;}
.line9{border-bottom: 0.1em solid #ffa500;}
.line10{border-bottom: 0.1em solid #ffff00;}
.line11{border-bottom: 0.1em solid #f0e68c;}
.line12{border-bottom: 0.1em solid #ffffe0;}
.line13{border-bottom: 0.1em solid #321602;}
.line14{border-bottom: 0.1em solid #633513;}
.line15{border-bottom: 0.1em solid #A97F5D;}
.line16{border-bottom: 0.1em solid #DDC4B0;}
.line17{border-bottom: 0.1em solid #006400;}
.line18{border-bottom: 0.1em solid #008000;}
.line19{border-bottom: 0.1em solid #3cb371;}
.line20{border-bottom: 0.1em solid #98fb98;}
.line21{border-bottom: 0.1em solid #000080;}
.line22{border-bottom: 0.1em solid #0000ff;}
.line23{border-bottom: 0.1em solid #00bfff;}
.line24{border-bottom: 0.1em solid #e5f6fd;}

.dota{border-bottom: 0.125em dotted #b03a4e;}
.dotb{border-bottom: 0.125em dotted #c6a14e;}
.dotc{border-bottom: 0.125em dotted #cccccc;}
.dot0{border-bottom: 0.125em dotted #000000;}
.dot1{border-bottom: 0.125em dotted #ffffff;}
.dot2{border-bottom: 0.125em dotted #203564;}
.dot3{border-bottom: 0.125em dotted #d3d3d3;}
.dot4{border-bottom: 0.125em dotted #f5f5f5;}
.dot5{border-bottom: 0.125em dotted #800000;}
.dot6{border-bottom: 0.125em dotted #ff0000;}
.dot7{border-bottom: 0.125em dotted #ff69b4;}
.dot8{border-bottom: 0.125em dotted #ffc0cb;}
.dot9{border-bottom: 0.125em dotted #ffa500;}
.dot10{border-bottom: 0.125em dotted #ffff00;}
.dot11{border-bottom: 0.125em dotted #f0e68c;}
.dot12{border-bottom: 0.125em dotted #ffffe0;}
.dot13{border-bottom: 0.125em dotted #321602;}
.dot14{border-bottom: 0.125em dotted #633513;}
.dot15{border-bottom: 0.125em dotted #A97F5D;}
.dot16{border-bottom: 0.125em dotted #DDC4B0;}
.dot17{border-bottom: 0.125em dotted #006400;}
.dot18{border-bottom: 0.125em dotted #008000;}
.dot19{border-bottom: 0.125em dotted #3cb371;}
.dot20{border-bottom: 0.125em dotted #98fb98;}
.dot21{border-bottom: 0.125em dotted #000080;}
.dot22{border-bottom: 0.125em dotted #0000ff;}
.dot23{border-bottom: 0.125em dotted #00bfff;}
.dot24{border-bottom: 0.125em dotted #e5f6fd;}

.dasha{border-bottom: 0.1em dashed #b03a4e;}
.dashb{border-bottom: 0.1em dashed #c6a14e;}
.dashc{border-bottom: 0.1em dashed #cccccc;}
.dash0{border-bottom: 0.1em dashed #000000;}
.dash1{border-bottom: 0.1em dashed #ffffff;}
.dash2{border-bottom: 0.1em dashed #203564;}
.dash3{border-bottom: 0.1em dashed #d3d3d3;}
.dash4{border-bottom: 0.1em dashed #f5f5f5;}
.dash5{border-bottom: 0.1em dashed #800000;}
.dash6{border-bottom: 0.1em dashed #ff0000;}
.dash7{border-bottom: 0.1em dashed #ff69b4;}
.dash8{border-bottom: 0.1em dashed #ffc0cb;}
.dash9{border-bottom: 0.1em dashed #ffa500;}
.dash10{border-bottom: 0.1em dashed #ffff00;}
.dash11{border-bottom: 0.1em dashed #f0e68c;}
.dash12{border-bottom: 0.1em dashed #ffffe0;}
.dash13{border-bottom: 0.1em dashed #321602;}
.dash14{border-bottom: 0.1em dashed #633513;}
.dash15{border-bottom: 0.1em dashed #A97F5D;}
.dash16{border-bottom: 0.1em dashed #DDC4B0;}
.dash17{border-bottom: 0.1em dashed #006400;}
.dash18{border-bottom: 0.1em dashed #008000;}
.dash19{border-bottom: 0.1em dashed #3cb371;}
.dash20{border-bottom: 0.1em dashed #98fb98;}
.dash21{border-bottom: 0.1em dashed #000080;}
.dash22{border-bottom: 0.1em dashed #0000ff;}
.dash23{border-bottom: 0.1em dashed #00bfff;}
.dash24{border-bottom: 0.1em dashed #e5f6fd;}

.tlinea{text-decoration: underline #b03a4e;}
.tlineb{text-decoration: underline #c6a14e;}
.tlinec{text-decoration: underline #cccccc;}
.tline0{text-decoration: underline #000000;}
.tline1{text-decoration: underline #ffffff;}
.tline2{text-decoration: underline #203564;}
.tline3{text-decoration: underline #d3d3d3;}
.tline4{text-decoration: underline #f5f5f5;}
.tline5{text-decoration: underline #800000;}
.tline6{text-decoration: underline #ff0000;}
.tline7{text-decoration: underline #ff69b4;}
.tline8{text-decoration: underline #ffc0cb;}
.tline9{text-decoration: underline #ffa500;}
.tline10{text-decoration: underline #ffff00;}
.tline11{text-decoration: underline #f0e68c;}
.tline12{text-decoration: underline #ffffe0;}
.tline13{text-decoration: underline #321602;}
.tline14{text-decoration: underline #633513;}
.tline15{text-decoration: underline #A97F5D;}
.tline16{text-decoration: underline #DDC4B0;}
.tline17{text-decoration: underline #006400;}
.tline18{text-decoration: underline #008000;}
.tline19{text-decoration: underline #3cb371;}
.tline20{text-decoration: underline #98fb98;}
.tline21{text-decoration: underline #000080;}
.tline22{text-decoration: underline #0000ff;}
.tline23{text-decoration: underline #00bfff;}
.tline24{text-decoration: underline #e5f6fd;}

.tdota{text-decoration: underline #b03a4e; text-decoration-style: dotted;}
.tdotb{text-decoration: underline #c6a14e; text-decoration-style: dotted;}
.tdotc{text-decoration: underline #cccccc; text-decoration-style: dotted;}
.tdot0{text-decoration: underline #000000; text-decoration-style: dotted;}
.tdot1{text-decoration: underline #ffffff; text-decoration-style: dotted;}
.tdot2{text-decoration: underline #203564; text-decoration-style: dotted;}
.tdot3{text-decoration: underline #d3d3d3; text-decoration-style: dotted;}
.tdot4{text-decoration: underline #f5f5f5; text-decoration-style: dotted;}
.tdot5{text-decoration: underline #800000; text-decoration-style: dotted;}
.tdot6{text-decoration: underline #ff0000; text-decoration-style: dotted;}
.tdot7{text-decoration: underline #ff69b4; text-decoration-style: dotted;}
.tdot8{text-decoration: underline #ffc0cb; text-decoration-style: dotted;}
.tdot9{text-decoration: underline #ffa500; text-decoration-style: dotted;}
.tdot10{text-decoration: underline #ffff00; text-decoration-style: dotted;}
.tdot11{text-decoration: underline #f0e68c; text-decoration-style: dotted;}
.tdot12{text-decoration: underline #ffffe0; text-decoration-style: dotted;}
.tdot13{text-decoration: underline #321602; text-decoration-style: dotted;}
.tdot14{text-decoration: underline #633513; text-decoration-style: dotted;}
.tdot15{text-decoration: underline #A97F5D; text-decoration-style: dotted;}
.tdot16{text-decoration: underline #DDC4B0; text-decoration-style: dotted;}
.tdot17{text-decoration: underline #006400; text-decoration-style: dotted;}
.tdot18{text-decoration: underline #008000; text-decoration-style: dotted;}
.tdot19{text-decoration: underline #3cb371; text-decoration-style: dotted;}
.tdot20{text-decoration: underline #98fb98; text-decoration-style: dotted;}
.tdot21{text-decoration: underline #000080; text-decoration-style: dotted;}
.tdot22{text-decoration: underline #0000ff; text-decoration-style: dotted;}
.tdot23{text-decoration: underline #00bfff; text-decoration-style: dotted;}
.tdot24{text-decoration: underline #e5f6fd; text-decoration-style: dotted;}

.tdasha{text-decoration: underline #b03a4e; text-decoration-style: dashed;}
.tdashb{text-decoration: underline #c6a14e; text-decoration-style: dashed;}
.tdashc{text-decoration: underline #cccccc; text-decoration-style: dashed;}
.tdash0{text-decoration: underline #000000; text-decoration-style: dashed;}
.tdash1{text-decoration: underline #ffffff; text-decoration-style: dashed;}
.tdash2{text-decoration: underline #203564; text-decoration-style: dashed;}
.tdash3{text-decoration: underline #d3d3d3; text-decoration-style: dashed;}
.tdash4{text-decoration: underline #f5f5f5; text-decoration-style: dashed;}
.tdash5{text-decoration: underline #800000; text-decoration-style: dashed;}
.tdash6{text-decoration: underline #ff0000; text-decoration-style: dashed;}
.tdash7{text-decoration: underline #ff69b4; text-decoration-style: dashed;}
.tdash8{text-decoration: underline #ffc0cb; text-decoration-style: dashed;}
.tdash9{text-decoration: underline #ffa500; text-decoration-style: dashed;}
.tdash10{text-decoration: underline #ffff00; text-decoration-style: dashed;}
.tdash11{text-decoration: underline #f0e68c; text-decoration-style: dashed;}
.tdash12{text-decoration: underline #ffffe0; text-decoration-style: dashed;}
.tdash13{text-decoration: underline #321602; text-decoration-style: dashed;}
.tdash14{text-decoration: underline #633513; text-decoration-style: dashed;}
.tdash15{text-decoration: underline #A97F5D; text-decoration-style: dashed;}
.tdash16{text-decoration: underline #DDC4B0; text-decoration-style: dashed;}
.tdash17{text-decoration: underline #006400; text-decoration-style: dashed;}
.tdash18{text-decoration: underline #008000; text-decoration-style: dashed;}
.tdash19{text-decoration: underline #3cb371; text-decoration-style: dashed;}
.tdash20{text-decoration: underline #98fb98; text-decoration-style: dashed;}
.tdash21{text-decoration: underline #000080; text-decoration-style: dashed;}
.tdash22{text-decoration: underline #0000ff; text-decoration-style: dashed;}
.tdash23{text-decoration: underline #00bfff; text-decoration-style: dashed;}
.tdash24{text-decoration: underline #e5f6fd; text-decoration-style: dashed;}

.tdoublea{text-decoration: underline #b03a4e; text-decoration-style: double;}
.tdoubleb{text-decoration: underline #c6a14e; text-decoration-style: double;}
.tdoublec{text-decoration: underline #cccccc; text-decoration-style: double;}
.tdouble0{text-decoration: underline #000000; text-decoration-style: double;}
.tdouble1{text-decoration: underline #ffffff; text-decoration-style: double;}
.tdouble2{text-decoration: underline #203564; text-decoration-style: double;}
.tdouble3{text-decoration: underline #d3d3d3; text-decoration-style: double;}
.tdouble4{text-decoration: underline #f5f5f5; text-decoration-style: double;}
.tdouble5{text-decoration: underline #800000; text-decoration-style: double;}
.tdouble6{text-decoration: underline #ff0000; text-decoration-style: double;}
.tdouble7{text-decoration: underline #ff69b4; text-decoration-style: double;}
.tdouble8{text-decoration: underline #ffc0cb; text-decoration-style: double;}
.tdouble9{text-decoration: underline #ffa500; text-decoration-style: double;}
.tdouble10{text-decoration: underline #ffff00; text-decoration-style: double;}
.tdouble11{text-decoration: underline #f0e68c; text-decoration-style: double;}
.tdouble12{text-decoration: underline #ffffe0; text-decoration-style: double;}
.tdouble13{text-decoration: underline #321602; text-decoration-style: double;}
.tdouble14{text-decoration: underline #633513; text-decoration-style: double;}
.tdouble15{text-decoration: underline #A97F5D; text-decoration-style: double;}
.tdouble16{text-decoration: underline #DDC4B0; text-decoration-style: double;}
.tdouble17{text-decoration: underline #006400; text-decoration-style: double;}
.tdouble18{text-decoration: underline #008000; text-decoration-style: double;}
.tdouble19{text-decoration: underline #3cb371; text-decoration-style: double;}
.tdouble20{text-decoration: underline #98fb98; text-decoration-style: double;}
.tdouble21{text-decoration: underline #000080; text-decoration-style: double;}
.tdouble22{text-decoration: underline #0000ff; text-decoration-style: double;}
.tdouble23{text-decoration: underline #00bfff; text-decoration-style: double;}
.tdouble24{text-decoration: underline #e5f6fd; text-decoration-style: double;}

.str{
       font-size: 1.5em;
       font-weight: bold;
       background-color:#ffffe0 !important;
       color:#ff3114 !important;
       padding-top:0.2em;
}
.sta{background: linear-gradient(rgba(0,0,0,0) 70%,#b03a4e 100%);}
.stb{background: linear-gradient(rgba(0,0,0,0) 70%,#c6a14e 100%);}
.stc{background: linear-gradient(rgba(0,0,0,0) 70%,#cccccc 100%);}
.st0{background: linear-gradient(rgba(0,0,0,0) 70%,#000000 100%);}
.st1{background: linear-gradient(rgba(0,0,0,0) 70%,#ffffff 100%);}
.st2{background: linear-gradient(rgba(0,0,0,0) 70%,#203564 100%);}
.st3{background: linear-gradient(rgba(0,0,0,0) 70%,#d3d3d3 100%);}
.st4{background: linear-gradient(rgba(0,0,0,0) 70%,#f5f5f5 100%);}
.st5{background: linear-gradient(rgba(0,0,0,0) 70%,#800000 100%);}
.st6{background: linear-gradient(rgba(0,0,0,0) 70%,#ff0000 100%);}
.st7{background: linear-gradient(rgba(0,0,0,0) 70%,#ff69b4 100%);}
.st8{background: linear-gradient(rgba(0,0,0,0) 70%,#ffc0cb 100%);}
.st9{background: linear-gradient(rgba(0,0,0,0) 70%,#ffa500 100%);}
.st10{background: linear-gradient(rgba(0,0,0,0) 70%,#ffff00 100%);}
.st11{background: linear-gradient(rgba(0,0,0,0) 70%,#f0e68c 100%);}
.st12{background: linear-gradient(rgba(0,0,0,0) 70%,#ffffe0 100%);}
.st13{background: linear-gradient(rgba(0,0,0,0) 70%,#321602 100%);}
.st14{background: linear-gradient(rgba(0,0,0,0) 70%,#633513 100%);}
.st15{background: linear-gradient(rgba(0,0,0,0) 70%,#A97F5D 100%);}
.st16{background: linear-gradient(rgba(0,0,0,0) 70%,#DDC4B0 100%);}
.st17{background: linear-gradient(rgba(0,0,0,0) 70%,#006400 100%);}
.st18{background: linear-gradient(rgba(0,0,0,0) 70%,#008000 100%);}
.st19{background: linear-gradient(rgba(0,0,0,0) 70%,#3cb371 100%);}
.st20{background: linear-gradient(rgba(0,0,0,0) 70%,#98fb98 100%);}
.st21{background: linear-gradient(rgba(0,0,0,0) 70%,#000080 100%);}
.st22{background: linear-gradient(rgba(0,0,0,0) 70%,#0000ff 100%);}
.st23{background: linear-gradient(rgba(0,0,0,0) 70%,#00bfff 100%);}
.st24{background: linear-gradient(rgba(0,0,0,0) 70%,#e5f6fd 100%);}

/*-bg------------------------------------------------------------------------------------------------*/
.bgbox01{
    background-image: url(../images/01a.png),url(../images/01b.png),url(../images/01.png);
    background-position: top,bottom,center;
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-size: 100%;
    padding: 2em 2em 2.5em;
    color:#333333;
}
.fsg{font-family:HGP行書体;}

/*------------------------------------------------------------------------------------------------ol ul-*/
section ul, section ol, .share ul,
ol.o0, ol.o1, ol.o2, ol.o3, ol.o1b, ol.o2b, ol.o3b,
ul.u1, ul.u2, ul.u3, ul.u4, ul.u5, ul.u6, ul.u7, ul.u8, ul.u9, ul.u10, ul.u11,
ul.u1b, ul.u2b, ul.u3b, ul.u4b, ul.u5b, ul.u6b, ul.u7b, ul.u8b, ul.u9b, ul.u10b, ul.u11b{
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -moz-padding-start: 0px;
    margin:0;
    padding:0.5em 0 0 1.5em;
    text-indent: -1.5em;
    list-style-position: inside;
}

#topwid ul{
padding:0.7em 0.5em 0.2em 1.8em !important;
    display: block;
    clear: both;
    overflow: hidden;
    width: 98%;
    border: 3px solid #203564;
    border-radius: 5px;
    box-shadow: 0.1em 0.2em 0.3em 0.05em rgba(127, 126, 113, 0.7);
    background-color: #ffffff;
}

/*------------------------------------------------
　　ol 
------------------------------------------------*/
.o0, .o0b {
 counter-reset: li;
 list-style: none;
}
.o0 > li, .o0b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 2em;
 padding-bottom: 0.5em;
 line-height: 1.2;
}
.o0 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #b03a4e;
}
.o0b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.2;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #c6a14e;
}
.o1, .o1b {
 counter-reset: li;
 list-style: none;
}
.o1 > li, .o1b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 1.8em;
 padding-bottom: 0.5em;
 line-height: 1.3;
}
.o1 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.3;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #b03a4e;
}
.o1b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0.2em;
 width: 1.2em;
 height: 1.2em;
 line-height: 1.3;
 border-radius: 50%;
 color: #fff;
 text-align: center;
 vertical-align: baseline;
 background: #c6a14e;
}
.o2, .o2b {
 counter-reset: li;
 list-style: none;
}
.o2 > li, .o2b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 2.6em;
 padding-bottom: 0.5em;
}
.o2 > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0;
 width: 1em;
 text-align: right;
 font-weight: bold;
 color: #b03a4e;
}
.o2b > li:before {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 0;
 width: 1em;
 text-align: right;
 font-weight: bold;
 color: #c6a14e;
}
.o2 > li:after {
 content: "位";
 position: absolute;
 left: 1.2em;
 top:0;
 font-weight: bold;
 color: #b03a4e;
}
.o2b > li:after {
 content: "位";
 position: absolute;
 left: 1.2em;
 top:0;
 font-weight: bold;
 color: #c6a14e;
}
.o3, .o3b {
 counter-reset: li;
 list-style: none;
}
.o3 > li, .o3b > li {
 position: relative;
 text-indent:0em;
 margin-left: -2em;
 padding-left: 4em;
 padding-bottom: 0.5em;
 line-height: 1.2;
}
.o3 > li:before {
 content: "Point";
 position: absolute;
 left: 0;
 padding: 0 0 0 0.2em;
 text-align: right;
 font-weight: bold;
 background-color: #000000;
 color: #b03a4e;
}
.o3b > li:before {
 content: "Point";
 position: absolute;
 left: 0;
 padding: 0 0 0 0.2em;
 text-align: right;
 font-weight: bold;
 background-color: #000000;
 color: #c6a14e;
}
.o3 > li:after {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 2.6em;
 top:0;
 padding: 0 0.2em;
 font-weight: bold;
 background-color: #000000;
 color: #b03a4e;
}
.o3b > li:after {
 counter-increment: li;
 content: counter(li);
 position: absolute;
 left: 2.6em;
 top:0;
 padding: 0 0.2em;
 font-weight: bold;
 background-color: #000000;
 color: #c6a14e;
}

/*------------------------------------------------
   ul li
------------------------------------------------*/
section ul li, ul.u1 li, ul.u2 li, ul.u3 li, ul.u4 li, ul.u5 li, ul.u6 li, ul.u7 li, ul.u8 li, ul.u9 li, ul.u10 li, ul.u11 li,
ul.u1b li, ul.u2b li, ul.u3b li, ul.u4b li, ul.u5b li, ul.u6b li, ul.u7b li, ul.u8b li, ul.u9b li, ul.u10b li, ul.u11b li{
 list-style-type:none; line-height: 1.2; text-indent:-1.34em; padding-bottom:1em;
}
section ul li:before, ul.u1 li:before, ul.u2 li:before, ul.u3 li:before, ul.u4 li:before, ul.u5 li:before, ul.u6 li:before, ul.u7 li:before, ul.u8 li:before, ul.u9 li:before, ul.u10 li:before, ul.u11 li:before{
 line-height:1.2; font-family: "Font Awesome 5 Free"; font-weight:bold; color:#b03a4e; padding-right: 0.5em;
}
ul.u1b li:before, ul.u2b li:before, ul.u3b li:before, ul.u4b li:before, ul.u5b li:before, ul.u6b li:before, ul.u7b li:before, ul.u8b li:before, ul.u9b li:before, ul.u10b li:before, ul.u11b li:before{
 line-height: 1.2; font-family: "Font Awesome 5 Free"; color:#c6a14e; padding-right: 1em;
}
section ul li:before {content: "\f14a"; font-weight:400;}
ul li.googlelink:before{content: "\f3c5"; font-weight:600;}
ul li.facebooklink:before {content: "\f082"; font-weight:400;}
ul li.instagramlink:before {content: "\f16d"; font-weight:400;}
ul li.twitterlink:before {content: "\f081"; font-weight:400;}
ul.u1 li:before, ul.u1b li:before {content: "\f00c"; font-weight:600;}
ul.u2 li:before, ul.u2b li:before {content: "\f14a"; font-weight:400;}
ul.u3 li:before, ul.u3b li:before {content: "\f14a"; font-weight:600;}
ul.u4 li:before, ul.u4b li:before {content: "\f058"; font-weight:400;}
ul.u5 li:before, ul.u5b li:before {content: "\f058"; font-weight:600;}
ul.u6 li:before, ul.u6b li:before {content: "\f00d"; font-weight:600;}
ul.u7 li:before, ul.u7b li:before {content: "\f0a4"; font-weight:600;}
ul.u8 li:before, ul.u8b li:before {content: "\f091"; font-weight:600;}
ul.u9 li:before, ul.u9b li:before {content: "\f201"; font-weight:600;}
ul.u10 li:before, ul.u10b li:before {content: "\f080"; font-weight:600;}
ul.u11 li:before, ul.u11b li:before {content: "\f200"; font-weight:600;}

ul.u1 li:before, ul.u2 li:before, ul.u3 li:before, ul.u4 li:before, ul.u5 li:before, ul.u6 li:before, ul.u7 li:before, ul.u8 li:before, ul.u9 li:before, ul.u10 li:before, ul.u11 li:before,
ul.u1b li:before, ul.u2b li:before, ul.u3b li:before, ul.u4b li:before, ul.u5b li:before, ul.u6b li:before, ul.u7b li:before, ul.u8b li:before, ul.u9b li:before, ul.u10b li:before, ul.u11b li:before{
 padding-right:0.5em;
}

/*------------------------------------------------
　　list mark
------------------------------------------------*/
.list1, .list2, .list3, .list4, .list5, .list6, .list7, .list8, .list9, .list10, .list11, .list1b, .list2b, .list3b, .list4b, .list5b, .list6b, .list7b, .list8b, .list9b, .list10b, .list11b
{font-weight:bold; line-height:1.2; margin:0 0 0.2em 0.5em; padding:0 0 0 1em; vertical-align:text-top; text-indent: -1em;}
.list1:before, .list2:before, .list3:before, .list4:before, .list5:before, .list6:before, .list7:before, .list8:before, .list9:before, .list10:before, .list11:before,
.list1b:before, .list2b:before, .list3b:before, .list4b:before, .list5b:before, .list6b:before, .list7b:before, .list8b:before, .list9b:before, .list10b:before, .list11b:before
{padding-right:0.25em; vertical-align:baseline; font-family: "Font Awesome 5 Free";}
.list1:before {content: "\f00c"; font-weight:600; color:#b03a4e;}
.list2:before {content: "\f14a"; font-weight:400; color:#b03a4e;}
.list3:before {content: "\f14a"; font-weight:600; color:#b03a4e;}
.list4:before {content: "\f058"; font-weight:400; color:#b03a4e;}
.list5:before {content: "\f058"; font-weight:600; color:#b03a4e;}
.list6:before {content: "\f00d"; font-weight:600; color:#b03a4e;}
.list7:before {content: "\f0a4"; font-weight:600; color:#b03a4e;}
.list8:before {content: "\f091"; font-weight:600; color:#b03a4e;}
.list9:before {content: "\f201"; font-weight:600; color:#b03a4e;}
.list10:before {content: "\f080"; font-weight:600; color:#b03a4e;}
.list11:before {content: "\f200"; font-weight:600; color:#b03a4e;}
.list1b:before {content: "\f00c"; font-weight:600; color:#c6a14e;}
.list2b:before {content: "\f046"; font-weight:600; color:#c6a14e;}
.list3b:before {content: "\f14a"; font-weight:600; color:#c6a14e;}
.list4b:before {content: "\f05d"; font-weight:600; color:#c6a14e;}
.list5b:before {content: "\f058"; font-weight:600; color:#c6a14e;}
.list6b:before {content: "\f00d"; font-weight:600; color:#c6a14e;}
.list7b:before {content: "\f0a4"; font-weight:600; color:#c6a14e;}
.list8b:before {content: "\f091"; font-weight:600; color:#c6a14e;}
.list9b:before {content: "\f201"; font-weight:600; color:#c6a14e;}
.list10b:before {content: "\f080"; font-weight:600; color:#c6a14e;}
.list11b:before {content: "\f200"; font-weight:600; color:#c6a14e;}

/*------------------------------------------------
　　bar
------------------------------------------------*/
.bar1, .bar2, .bar3, .bar4, .bar5, .bar1b, .bar2b, .bar3b, .bar4b, .bar5b
{font-size:2em; line-height:1.5; margin:0.2em 0; padding:0; display:block; clear:both; text-align:center; vertical-align:text-top;}
.bar1:before, .bar2:before, .bar3:before, .bar4:before, .bar5:before, .bar1b:before, .bar2b:before, .bar3b:before, .bar4b:before, .bar5b:before
{text-align:center; vertical-align:text-top; font-weight:bold;}
.bar1:before {content: "\f103"; font-family: "Font Awesome 5 Free"; color:#b03a4e;}
.bar2:before {content: "\f107"; font-family: "Font Awesome 5 Free"; color:#b03a4e;}
.bar3:before {content: "\f063"; font-family: "Font Awesome 5 Free"; color:#b03a4e;}
.bar4:before {content: "\f067"; font-family: "Font Awesome 5 Free"; color:#b03a4e;}
.bar5:before {content: "\f0a7"; font-family: "Font Awesome 5 Free"; color:#b03a4e;}
.bar1b:before {content: "\f103"; font-family: "Font Awesome 5 Free"; color:#c6a14e;}
.bar2b:before {content: "\f107"; font-family: "Font Awesome 5 Free"; color:#c6a14e;}
.bar3b:before {content: "\f063"; font-family: "Font Awesome 5 Free"; color:#c6a14e;}
.bar4b:before {content: "\f067"; font-family: "Font Awesome 5 Free"; color:#c6a14e;}
.bar5b:before {content: "\f0a7"; font-family: "Font Awesome 5 Free"; color:#c6a14e;}

/*-SNS------------------------------------------------------------------------------------------------*/
/* SNSボタン */
.share {margin-top:0.5em; display:block; clear:both; overflow:hidden;}
.share ul {margin : 0;
    padding : 0;
    list-style : none;}
.share li a {
    display: block;
    padding: 0.5em 0 0.5em 3.8em;
    color: #fff;
    font-size: 0.8em;
    line-height: 1.5;
    text-decoration: none;
    text-align: center;
    border-radius: 6px;
}
@media screen and (max-width: 420px)
{
.share li a {font-size:0.7em;}
}
.share li a:hover {opacity:0.8; color:#fff;}
.share li a:visited{ color:#fff;}
.share ul:after {content : "";
    display : block;
    clear : both;}
.tweet a{background-color : #55acee;}
.facebook a{background-color : #315096;}
.googleplus a{background-color : #dd4b39;}
.hatena a{background-color : #008fde;}
.line a{background-color: #00c300; padding-left: 2.5em !important;}
.pocket a{background-color :#f03e51;}
.rss a{background-color: #ff8c00;}
.feedly a{background-color: #6cc655;}
  
.share li {
  float : left;
  width : 22%;
  margin:0.2em 1.5% 0.2em 1.5%;
}
.fa-hatena:before {
		content: "B!";
		font-family: Verdana;
		font-weight: bold;
}

/*------------------------------------------------
　　table
------------------------------------------------*/
table.table-contactform7{margin:0.2em auto; width:98%;display: block; overflow: hidden;}
table.table-contactform7 tr{line-height:2.2em;}
table.table-contactform7 th{vertical-align: top;}
input[type="text"],input[type="tel"],input[type="email"]{
    width:96%;
    max-width:96%;
    margin: 0.2em 0 1em 2%;
    padding:0.3em 0.35em;
    font-size: 1em;
} 
textarea{
    width:96%;
    margin: 0.2em 0 1em 2%;
    padding:0.3em 0.35em;
    font-size: 1em;
}
input[type="checkbox"],input[type="radio"] {
        width: 1em;
        height: 1em;
        font-size: 0.8em;
        vertical-align: baseline;
}
input[type="submit"]{
    display: inline-block;
    font-family: cursive;
    padding: 0.25em 0.5em 0.2em;
    margin: 0 0.1em;
    font-size: 0.8em;
    font-weight:bold;
    text-decoration: none;
    border-radius: 4px;
    color: #ffffff !important;
    background-image: -webkit-linear-gradient(45deg, #dd1313 0%, #bd1a20 100%);
    background-image: linear-gradient(45deg, #dd1313 0%, #bd1a20 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #bd1a20;
}
input[type="submit"]:hover, input[type="submit"]:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
    margin-bottom: 3px;
}
select {
    vertical-align: baseline;
    font-size: 0.98em;
    margin: 0.5em 0;
}
.required, .required-contactform7{color:#fab4b4; font-size:0.8em; margin-left:0.5em;}
#searchsubmit{font-size: 80%; margin: 0.5em 0.2em;}
select{max-width: 100%;}

/*----------------------------------------------------
	.t0-.t3
----------------------------------------------------*/
table.t0, table.t1, table.t2, table.t3 {width:98%; margin:1%; word-break:break-all;table-layout: fixed;}
table.t0 th, table.t0 td, table.t1 th, table.t1 td, table.t2 th, table.t2 td, table.t3 th, table.t3 td{padding:0.5em; border:1px solid #beb675;}
table.t0 th, table.t1 th, table.t2 th, table.t3 th{background-color:#203564; color:#ffffff;}
table.t0 td, table.t1 td, table.t2 td, table.t3 td{background-color:rgba(255, 252, 225, 0.8); color:#000000;}

/*----------------------------------------------------
	.t0
----------------------------------------------------*/
table.t0 th{width:30%; text-align:left;}

/*----------------------------------------------------
	.t1
----------------------------------------------------*/
table.t1 th{width:30%; text-align:left;}

/*----------------------------------------------------
	.t2
----------------------------------------------------*/
table.t2 th{width:13%;}
table.t2 td{text-align:center;}
table.t2 td:first-child{text-align:left;}

/*----------------------------------------------------
	.t3
----------------------------------------------------*/
table.t3 th, table.t3 td{width:20%; text-align:left;}



/*-page-top------------------------------------------------------------------------------------------------*/
/*#page-top{display:none;}
@media screen and (min-width:750px){*/
#page-top{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: 45px;
  right: 10px;
  width: 2.6em;
  padding: 0.6em 0.1em;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  transform: rotateY(270deg);
  transition: .5s;
}
#page-top{background: rgba(32, 53, 100, 0.9);}
#page-top:hover{background: rgba(32, 53, 100, 0.7);}
#page-top a
{
  font-size:0.8em;
  color:#eaedf5;
  text-decoration:none;
}
#page-top a:hover
{
  font-size:0.8em;
  color:#f5f2ea;
}

/*------------------------------------------------
　　pagination
------------------------------------------------*/
.pagination {
  margin: 1em auto;
  padding: 1em 0;
  text-align: center
}

.pagination a {
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  background: #395eb1;
  transition: .3s
}

.pagination a:hover {
  color: #fff;
  background: #203564;
}

.pagination span {
  font-size: 1em;
  line-height: 2em;
  text-align: center;
  letter-spacing: 0;
  display: inline-block;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  background: #203564;
}

.pagination span.dots {
  background: 0
}

.pagination span.current {
  background: #b03a4e;
  color: #fff
}

/*------------------------------------------------
　card
------------------------------------------------*/
.card-box{
        background-color:#fdfcf2;
        border:1px solid #79afda;
        box-sizing:border-box;
        float:left;
        width:100%;
        margin: 0.3em 0;
        position: relative;
}
.card-box-left{
        width:32%;
        display:block;
        margin:0;
        padding:0;
        position: relative;
        overflow: hidden;
        float:left;
        background-color:#e8edf8;
    line-height:0;
}
.card-box-left a:hover{
        opacity: 0.7;
}
.card-box-left img {
        width:100%;
        height:auto;
        margin:0;
        padding:0;
        display: block;
    max-width: unset;
    box-shadow: unset;
    border-radius: unset;
	transition: 0.5s;
}
.card-box-left img:hover {
	transform: scale(1.1, 1.1);
}
.card-box-left p{margin:0; line-height:1.2;}
.card-text {
        position: absolute;
        text-align: left;
        width: 100%;
        left: 0;
        bottom: 0;
        font-size:1em;
        line-height:1.3;
        margin:0 0 0 0.1em;
}
.card-text > a:link, .card-text > a:visited, .card-text > a:active, .card-text > a{text-decoration:none;}
.rank-num {
        position: absolute;
        text-align: center;
        left: 0;
        top: 0;
        padding: 0.2em 0.35em 0.1em 0.2em;
        font-size: 0.8em;
        font-style: italic;
        font-weight: bold;
        line-height:1;
        background-color: #f0e68c;
        color: #321602;
}

.all{background-color:#b0a337; color:#ffffff;}
.card-box-right{
        width:68%;
        display:block;
        padding:0;
        margin:0 auto;
        float:right;
}
.card-box-right a{
        text-decoration:none;
        text-align:left;
        font-weight:bold;
        display: block;
        position: absolute;
        top: 0;
        left: 32%;
        height:100%;
        width:68%;
}
.card-box-right a:hover{background: rgba(255, 255, 224, 0.4);}
.card-title a{font-size:1em; line-height:1.2; padding:0.4em 0.5em;}
.card-excerpt{
        text-decoration:none;
        text-align:left;
        font-size:1em;
        line-height:1.2;
        color:#333333;
        margin: 3em 0 0;
        padding: 0 0.5em 0;
}
.view_count{
    float: right;
    color: #666666;
    font-size: 0.6em;
    position: absolute;
    right: 0.1em;
    bottom: 0;
    line-height: 1;
}

/*------------------------------------------------
　new
------------------------------------------------*/
.new-box{
        background-color:#fdfcf2;
        border:1px solid #79afda;
        box-sizing:border-box;
        float:left;
        width:100%;
        margin: 0;
        position: relative;
}
.new-box-left{
        width:32%;
        display:block;
        margin:0;
        padding:0;
        overflow: hidden;
        float:left;
      /*  background-color:#b03a4e;*/
        line-height:0;
}
.new-box-left a:hover{
        opacity: 0.7;
}
.new-box-left img {
        width:100%;
        height:auto;
        margin:0;
        padding:0;
        display: block;
    max-width: unset;
    box-shadow: unset;
    border-radius: unset;
	transition: 0.5s;
}
.new-box-left img:hover {
	transform: scale(1.1, 1.1);
}
.new-box-left p{margin:0; line-height:1.2;}
.new-text {
    position: absolute;
    text-align: center;
    width: 32%;
    left: 0;
    bottom: 0;
    font-size: 0.5em;
    line-height: 1.3;
    margin: 0 0 0 0.1em;
}
.new-text > a:link, .new-text > a:visited, .new-text > a:active, .new-text > a{text-decoration:none;}

.blog{background-color:#b03a4e; color:#ffffff;}
.new-box-right{
        width:68%;
        display:block;
        padding:0;
        margin:0 auto;
        float:right;
        background-color:#fdfcf2;
}
.new-box-right a{
    text-decoration: none;
    text-align: left;
    font-weight: bold;
    display: block;
    /* position: absolute; */
    /* top: 0; */
    /* left: 32%; */
    height: 100%;
    width: 100%;
}
.new-excerpt{
        text-decoration:none;
        text-align:left;
        font-size:1em;
        line-height:1.2;
        color:#333333;
        margin: 1em 0 0;
        padding: 0 0.5em 0;
}
.new-box-right a:hover{background: rgba(255, 255, 224, 0.4);}
.new-title a{font-size:1em; line-height:1.2; padding:0.4em 0.5em;}
@media print, screen and (min-width: 750px)
{
#side1 .new-box , #side2 .new-box {width:50%;}
.new-excerpt{display:none;}
}
@media print, screen and (min-width: 1000px)
{
#side1 .new-box , #side2 .new-box {width:100%;}
}




/*------------------------------------------------------------------------------------------------qa-*/
dl.qa{
     width:100%;
     margin:0.5em 0;
     line-height:1.4em;
     font-size: 1em;
     overflow: hidden;
     _zoom: 1;
}
dl.qa dd,
dl.qa dt{
     text-indent: -2.65em;   
     padding: 0 1em 0px 2.5em;
}
dl.qa dt{
     margin:0.5em 0.5em 0 0;
}
dl.qa dd{
     margin: 1em 0.5em -1px 0;
     padding-bottom:0.8em;
     border-bottom: 1px #000 dotted;
}
dl.qa dd:first-letter,
dl.qa dt:first-letter{
     font-size: 1em;
     font-weight: bold;
     margin-right:1em;
     padding:0.5em;
     font-family: 'Nunito', sans-serif;
}
dl dt:first-letter{color: #ff6767;}
dl dd:first-letter{color: #0F78E1;}


/*------------------------------------------------
　　post-categories
------------------------------------------------*/
.post-categories {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
ul.post-categories {
  /*  padding: 0 0 0 1.5em;
    text-indent: -1.5em;
  margin-right: -1.5em; */
  font-size: 0.7em;
}
.post-categories li {
    display: inline-block;
    padding: 0;
    margin: 0 0em 0.3em 0;
    background: #ff5722;
    border-radius: 10px;
    text-align: center;
    list-style-type: none;
    line-height: unset;
    text-indent: 0em;
}
.post-categories li:before{content:none;}
.post-categories a {
    padding: 0 0.4em 0;
    line-height: 1.5;
    color: #ffffff;
    text-decoration: none;
}
.post-categories a::before {
    content: "● ";
}

.post-categories li:hover {
	background: #ff9800;
}

/*------------------------------------------------
　　tags
------------------------------------------------*/
.tags {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
ul.tags {
  /*  padding: 0 0 0 1.5em;
    text-indent: -1.5em;
  margin-right: -1.5em; */
  font-size: 0.7em;

}
.tags li {
    display: inline-block;
    padding: 0;
    margin: 0 0.5em 1em 0;
    background: #000000;
    border-radius: 10px;
    text-align: center;
    list-style-type: none;
    line-height: unset;
    text-indent: 0em;
}
.tags li:before{content:none;}
.tags a {
    padding: 0 0.5em 0;
    line-height: 1.5;
    color: #ffffff;
    text-decoration: none;
}
.tags a::before {
    content: "# ";
}

.tags li:hover {
	background: #555555;
}

/*------------------------------------------------
　　tagcloud
------------------------------------------------*/
.tagcloud{
    margin: 0;
    padding: 0;
}
.tagcloud a{
    background: #ddd;
    color: #666;
    padding: 0.2em 0.5em;
    margin: 0 0.2em 0.5em;
    border-radius: 20px;
    text-decoration: none;
    font-size: 0.8em !important;
    line-height: 1.8em;
    display: inline-block;
    font-weight:bold;
}
.tagcloud a:hover{
 color:#333;
 background:#ddd;
 font-weight:800;
}
.tagcloud a:before{
 font-family:"Font Awesome 5 Free";
 content:"\f02b"; 
 font-weight:600;
 color:#203564;
 padding-right:6px;
}
.tagcloud a span{
 padding-left:0.5em;
 color:#203564;
}
@media only screen and (min-width: 500px)
{
 .tagcloud a{font-size: 0.6em !important;}  
}

/*================================================
 *  search box
 ================================================*/
.sb_s {
    overflow: hidden;
    width: 83%;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin: 0.5em 1% 0.5em auto;
    text-align: center;
    position: relative;
    border-radius: 2px;
    border: 2px solid #203564;
    background: #ffffff;
    float: left;
}
.sb_s input{
	width: 100%;
	padding-right: 1em;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0.5em 2em 0.5em 0.5em;
	color: #203564;
        font-size:0.8em;
        margin:unset;
}
.sb_cat {
    overflow: hidden;
    width: 49%;
    margin: 0.5em 1% 0.5em auto;
    text-align: center;
    position: relative;
    border-radius: 2px;
    border: 2px solid #203564;
    background: #ffffff;
    float: left;
}
.sb_cat select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0.5em 2em 0.5em 0.5em;
	color: #203564;
}
.sb_cat select::-ms-expand {
    display: none;
}
.sb_cat::before {
	position: absolute;
	top: 0.9em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #203564;
	pointer-events: none;
}
.sb_sub {
    overflow: hidden;
    float: right;
    width: 14%;
    margin: 0.7em 1% 0.5em auto;
    text-align: center;
   /* position: relative;*/
    border-radius: 2px;
    border: 2px solid #203564;
    background: #395eb1;
    color: #fff;
    font-size:0.8em;
    height:3em;
    padding-left: 0.85em;
    letter-spacing: 0.3em;
}

/*------------------------------------------------------------------------------------------------mokuji-*/
.mokujibox{
    display:block;
    clear: both;
    overflow: hidden;
    width:98%;
    max-width:640px;
    margin: 1em auto 3em;
    padding: 0 0 1em;
}
.mokujiin{
        display:block;
    clear: both;
    overflow: hidden;
    margin: 0.5em 0 0;
    padding: 0.6em 1em 0em 2.5em;
    border:#33549e dashed 0.05em;
    background:#fffff0;

}
.mokujibox label {
  background: #33549e;
  text-align:center;
  color: #fff;
  padding: 0.4em 0 0.3em;
  display: block;
  width: 6em;
  border: 1px solid #fff;
  border-radius:5px;
  cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 2.5em;
    position: relative;
    z-index:2;
 /*  margin: 0 auto;*/
}

.mokujibox label:hover {
  background: #b03a4e;
}
.mokujibox input[type="checkbox"], .mokujibox  input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2.5em;
}
.mokujibox input[type="checkbox"].on-off{
  display: none;
}
.mokujibox ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0 0 0.2em;
  padding: 0;
  list-style: none;
}
/*
.mokujibox input[type="checkbox"].on-off + div{
  display: none;
}
.mokujibox input[type="checkbox"].on-off:checked + div{
  display: block;
}
*/
/*---最初閉じているタイプ-----------*/
.mokujibox input[type="checkbox"].on-off + div{
  display: block;
}
.mokujibox input[type="checkbox"].on-off:checked + div{
  display: none;
}
@media print{
.infot{display:none !important;}
}