@charset "utf-8";

/*  
Theme Name: Ninoichi
Theme URI:
Version:1.0.0
Author:K.K - Ninoichi
Author URI:
*/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}

/* add reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{box-sizing:border-box;max-height:100%;}
body{font-weight:normal;line-height:1.7; font-family: メイリオ, Meiryo, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;color:#333;}

ins{background-color:#ff9;color:#180614;text-decoration:none;}
mark{background-color:#ff9;color:#180614;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}

a{
    text-decoration:none;
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.fade{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.sfade{
    -webkit-transition: all 1.3s ease;
    -moz-transition: all 1.3s ease;
    -ms-transition: all 1.3s ease;
    -o-transition: all 1.3s ease;
    transition: all  1.3s ease;
}

img{width: 100%; vertical-align: bottom;}

.white{background:rgba(255,255,255,1.0);}

iframe{border: none;}
.iframe-content{position: relative; width: 100%; padding: 75% 0 0 0;}
.iframe-content iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* layout */
body{background:url(http://yokomine-plus.com/wp/wp-content/uploads/2017/05/bg-1.png), rgba(43,172,57,1.0); /*url(http://yokomine-plus.com/wp/wp-content/uploads/2017/05/linen_004.jpg); background-size:cover;*/}
#site_header,
#site_top,
#site_content,
#site_footer{width: 100%; overflow: hidden; clear: both; position: relative; z-index: 10;}
header{width: 100%; max-width: 960px; margin: 0 auto; padding:0 10px 10px; overflow: hidden; clear: both;}
footer{width: 100%; max-width: 960px; margin: 0 auto; padding:10px; overflow: hidden; clear: both;}
#site_header{border-top:10px solid rgba(0,160,233,1.0); background: rgba(255,255,255,0);}

/* header */
h1#logo{width:320px; padding:10px; float:left;}
.contact_tel span{float:right; display:block; background:rgba(0,160,233,1.0); color:rgba(255,255,255,1.0); line-height:1.0; text-align:center; padding:20px 10px; margin-bottom:10px; margin-top:-10px; border-radius:10px;}
.contact_tel span:hover{color:rgba(255,255,0,1.0);}

/*global menu*/
ul.top_sub li {display: flex;border-left:1px solid rgba(255,255,255,0); border-right:1px solid rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0);}
ul.top_sub li a{display: block; width:170px;text-align: center; line-height: 1.0; padding: 9px 0 7px; background:rgba(0,160,233,1.0); color:rgba(255,255,255,1.0);}

/* content */
#site_top{background:rgba(0,160,233,1.0);}
#site_topcontent{background-size: contain; position: relative;}
#site_content{}
.content_wrap{width: 100%; margin: 10px auto 0;}

.top_content{width: 100%; overflow: hidden; margin-bottom: 0; background: rgba(255,255,255,1.0);}

.breadcrumb{max-width:960px; padding: 10px 10px 0px 10px; margin:0 auto; overflow: hidden; clear: both;}
.breadcrumb a{text-decoration: underline;}

.content{max-width:960px; padding: 10px 0; margin:0 auto; overflow: hidden; clear: both; background: rgba(255,255,255,1.0);}

.top_info{width:100%; border:1px solid rgba(0,160,233,1.0); border-radius:5px; padding:10px; margin-bottom:10px;}
h2.infohead{background:rgba(0,160,233,1.0); padding:3px 5px 0; color:rgba(255,255,255,1.0); margin-bottom:0.5em;}
p.infotitle{font-size:0.9em; font-weight:bold; border-bottom:1px dashed rgba(0,160,233,1.0); margin-bottom:0.5em;}
p.infodate{font-size:0.9em; border-bottom:1px dashed rgba(0,160,233,1.0); margin-bottom:0.5em;}
p.infotext{font-size:0.9em; border-bottom:1px solid rgba(0,160,233,1.0); margin-bottom:0.5em;}
p.infotext a{text-decoration:underline;}
p.infothumb img{width:auto; height:auto; max-width:100%; max-height:100%;}

.top_taiken{}
.top_taiken a{width:100%; height:300px; display:block;padding:50px 10px; background:url(http://yokomine-plus.com/wp/wp-content/uploads/2017/05/taiken_btn.png), rgba(43,172,57,1.0); border:1px solid rgba(43,172,57,1.0); border-radius:5px; color:rgba(255,255,255,1.0); margin-bottom:10px;}
.top_taiken a:hover{background:url(http://yokomine-plus.com/wp/wp-content/uploads/2017/05/taiken_btn.png), rgba(43,172,57,0.7);}
h2.taikenhead{font-size:1.5em; line-height:1.0em; text-align:center;}
p.taikentext{font-size:1.3em; line-height:1.0em; text-align:center; margin-top:150px;}

.top_contact{}
.top_contact a{width:100%; height:300px; display:block;padding:50px 10px; background:url(http://yokomine-plus.com/wp/wp-content/uploads/2017/05/contact_btn.png), rgba(0,160,233,1.0); border:1px solid rgba(0,160,233,1.0); border-radius:5px; color:rgba(0,160,233,1.0); margin-bottom:10px;}
.top_contact a:hover{opacity:0.7;}
h2.contacthead{font-size:1.5em; line-height:1.0em; text-align:center;}
p.contacttext{font-size:1.3em; line-height:1.0em; text-align:center; margin-top:150px;}

.toplink {margin-bottom:1.0em; padding:1.0em; border:1px solid rgba(0,160,233,1.0);}
.toplink img{margin-bottom:1.0em;}
.toplink a{opacity:0.8;}
.toplink a:hover{opacity:1.0;}
.taikenbtn a{display:block; text-align:center; font-size:1.5em; font-weight:bold; padding:5px; background:rgba(255,100,127,0.7); color:rgba(255,255,255,1.0); border-radius:5px; box-shadow:0px 3px 3px #333;}
.taikenbtn a:hover{background:rgba(255,100,127,1.0);}

main.news{width: 100%; float: left;}
.contentheader{width: 100%; margin-bottom: 0.5em;}
main.news ul{width: 100%; font-size: 1.3em; overflow:hidden;}
main.news ul li{width:50%; display:block; float: left; padding:5px;}
main.news ul li dl{border:1px solid rgba(24, 6, 20, 0.3); background:rgba(24, 6, 20, 0.1); overflow:hidden;}
main.news ul li dt{float: left; width: 33%;}
main.news ul li dd{float: right; width: 67%; padding: 15px;}
.ntheader{border-bottom: 1px solid rgba(24, 6, 20, 1.0); overflow: hidden;}
.title{float: left; font-weight: bold;}
.date{float: right;}
.ntexcerpt{padding: 1.0em 0;}

main.column2{width: 66%; padding: 0 10px; float: right; overflow: hidden;}
aside.column2{width: 32%; padding: 0 10px; float: left; overflow: hidden;}

.page_content{padding:20px;}
.page_content h3{padding-left: 1.0em; font-size:1.1em; font-weight:bold; border-bottom:1px solid rgba(0,160,233,1.0); border-left:5px solid rgba(0,160,233,1.0); margin-bottom:0.5em;}
.naiyou{margin-bottom:2.0em;}
.naiyou h4{font-weight:bold; border-bottom:1px dashed rgba(0,160,233,1.0); padding-left:0.5em; margin-bottom:1.0em;}
.page_content p{}

table.tablecss{width:100%; border-collapse:collapse;}
table.tablecss th{width:12.5%;
padding:5px; text-align:center; vertical-align:top; background:rgba(0,160,233,0.5); border:1px solid rgba(0,160,233,1.0);}
table.tablecss td{padding:5px; vertical-align:middle; text-align:center; border:1px solid rgba(0,160,233,1.0);}
table.tablecss td:empty{background:rgba(0,160,233,0.3);}

.page_taiken a{width:50%; background:rgba(43,172,57,0.9); float:left;}
.page_taiken a:hover{background:rgba(43,172,57,1.0);}
.page_contact a{width:50%; background:rgba(0,160,233,0.9); float:right;}
.page_contact a:hover{background:rgba(0,160,233,1.0);}

.navi ul li a{display:block; margin-bottom:1.0em; padding:1.0em; font-size:1.3em; background:rgba(127,191,255,0.5);}
.navi ul li a:hover, .navi ul li.current_page_item{background:rgba(127,191,255,1.0); font-weight:bold;}

.orderarea{overflow: hidden; margin: 3.0em 0;}
.orderarea a{display: block; background: rgba(43,172,57,0)}
.orderarea a:hover{background: rgba(43,172,57,0.1)}
.orderarea_image{float: right; width: 33%;}
.orderarea_text{float: left; width:66%;}
.orderarea_text h3{font-weight: bold; font-size: 1.5em; margin-bottom: 0.5em;}
.orderarea_text h4{font-size: 1.3em; margin-bottom: 0.5em;}
.orderarea_text h5{margin-bottom: 0.5em;}
.orderarea_text span.usual{text-decoration: line-through;}
.orderarea_text span.red{color: red;}
.orderarea_text span.special{color: red; font-size: 1.3em;}
.pushmessage{text-align: center; font-weight: bold; clear: both; padding-top: 0.5em;}
.pushmessage_plus{text-align: center; font-size: 0.7em;  line-height:1.0em;}
.fontlarge{font-size:1.3em;}

.yomibox{width: 100%; margin: 20px 0; padding: 10px; border: 1px solid rgba(39,127,216,1); overflow: hidden;}
.kakibox{width: 100%; margin: 20px 0; padding: 10px; border: 1px solid rgba(230,180,34,1); overflow: hidden;}
.keisanbox{width: 100%; margin: 20px 0; padding: 10px; border: 1px solid rgba(193,19,54,1); overflow: hidden;}

.yomibox img{width: 50%;}
.kakibox img{width: 50%;}
.keisanbox img{width: 50%;}

.title_textbook_set_yomi{color: #ffffff; font-weight: bold; margin-bottom: 10px; padding: 5px 10px; background: rgba(39,127,216,1);}
.title_textbook_set_kaki{color: #333333; font-weight: bold; margin-bottom: 10px; padding: 5px 10px; background: rgba(230,180,34,1);}
.title_textbook_set_keisan{color: #ffffff; font-weight: bold; margin-bottom: 10px; padding: 5px 10px; background: rgba(193,19,54,1);}
ol.textbook_set_yomi{float: right; list-style-type: decimal; width: 39%; align: left;}
ol.textbook_set_kaki{float: right; font-size: 75%; list-style-type: decimal; width: 39%; align: left;}
ol.textbook_set_keisan{float: right; font-size: 50%; list-style-type: decimal; width: 39%; align: left;}

.bold{font-weight: bold;}

.qabox{width: 100%; margin: 20px 0; padding: 10px; border: 1px solid rgba(43,172,57,1.0); overflow: hidden;}
.title_q{color: #ffffff; font-weight: bold; margin-bottom: 10px; padding: 5px 10px; background: rgba(43,172,57,1.0);}
.title_a{font-weight: bold; margin-bottom: 10px; padding: 5px 10px; background: rgba(43,172,57,0.3);}
.qa{display: block; padding: 0.5em;}

h3.list{font-size: 1.3em; font-weight: bold; border-bottom: 2px solid rgba(43,172,57,1.0); margin-bottom: 0.5em;}
ol.list{font-size: 1.3em; margin-bottom: 1.5em;}
ol.list li{border-bottom: 1px dashed rgba(43,172,57,0.5); margin-bottom: 0.5em;}

ul.kentei_list{list-style-type: square; margin-left: 2.0em;}

h1.pagetitle{background:rgba(0,160,233,1.0); color:rgba(255,255,255,1.0); padding:5px 20px;}
/*.page_title{width: 100%; font-size: 1.3em; margin-bottom: 0.5em; border-bottom: 1px solid rgba(201, 23, 30, 1.0); padding: 0px 0px 10px 10px;
         box-shadow: rgba(201, 23, 30, 0.2) 0px 5px 5px -3px;
    -moz-box-shadow: rgba(201, 23, 30, 0.2) 0px 5px 5px -3px;
 -webkit-box-shadow: rgba(201, 23, 30, 0.2) 0px 5px 5px -3px;}*/


ol.orderform{font-size: 0.8em;}
ol.orderform li span.usual{text-decoration: line-through;}
ol.orderform li span.red{color: red;}
ol.orderform li span.special{color: red; font-size: 1.3em;}

table.orderform{width:100%; font-size:0.8em; border:1px solid rgba(43,172,57,1.0);}
table.orderform tr{border-top: 1px #DDD solid;}
table.orderform tr:first-child{border-top: none;}
table.orderform tr:nth-child(2n+1){background: #eee;}
table.orderform th, table.orderform td{padding: 1.0em; vertical-align: top;}
table.orderform th{width: 39%; text-align: right;}
.orderform .requied{font-size:0.7em; color:rgba(255,255,255,1.0); display:inline-block; padding:0.3em 0.3em 0.1em; background:rgba(255,100,127,1.0); border-radius: 5px; margin-left: 0.5em; margin-bottom:0.5em;}

input.wpcf7-form-control[type="text"], input.wpcf7-form-control[type="email"], input.wpcf7-form-control[type="tel"], select.wpcf7-form-control, textarea.wpcf7-form-control{border: 1px rgba(43,172,57,1.0) solid; padding: 0.5em; border-radius: 5px; background: rgba(43,172,57,0.1); margin-bottom: 0.5em; width: 100%;}
input.wpcf7-form-control[type="text"]:focus, input.wpcf7-form-control[type="email"]:focus, input.wpcf7-form-control[type="tel"]:focus, select.wpcf7-form-control:focus, textarea.wpcf7-form-control:focus{outline: 0; border-color: rgba(43,172,57,1.0); background: rgba(255,255,255,1.0); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);}

input.wpcf7-form-control[type="submit"]{border: 1px rgba(43,172,57,1.0) solid; padding: 0.5em 0; border-radius: 1px; background: rgba(43,172,57,0.7); color: #fff; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5); font-weight: bold; width: 50%;}
input.wpcf7-form-control[type="submit"]:hover{background: rgba(255,100,127,1.0); cursor: pointer;}
input.wpcf7-form-control[type="submit"]:focus{outline: 0; background: rgba(43,172,57,1.0); cursor: pointer;}
img.wpcf7-captchac{width: auto;}

.screen-reader-response ul{display: none;}
.wpcf7-not-valid-tip{font-size:0.7em; color:rgba(255,100,127,1.0);}
.wpcf7-response-output{font-size:0.7em; color:rgba(255,100,127,1.0); text-align:center;}

/* footer */
#site_footer{color:rgba(51,51,51,1.0);}

nav.footer_navi{width: 100%; padding: 0 10px 10px; overflow: hidden;}
ul.subnavi{width: 100%; overflow: hidden;}
ul.subnavi li{float: left; width: 20%; border-left:1px solid rgba(255,255,255,0); border-right:1px solid rgba(255,255,255,0);}
ul.subnavi li a{display: block; text-align: center; line-height: 1.0; padding: 9px 0 7px; background:rgba(0,160,233,1.0); color:rgba(255,255,255,1.0);}
ul.subnavi li a:hover{color:rgba(255,255,0,1.0);}

.footer_title{display:block; padding:5px; background: rgba(255,255,255,0.7); text-align: center; margin-bottom:1.0em;}

.googlemap_footer{width:50%; float:left; padding:10px; border-top:1px solid rgba(255,255,255,0.5);}
.contactus{width:50%; float:right; border-left:1px solid rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.5); padding:10px;}

footer .sns{border-top:1px solid rgba(255,255,255,0.5); padding:10px; overflow:hidden; clear:both;}
footer .sns ul{overflow:hidden; text-align:center;}
footer .sns ul li{display:inline-block; width:20%;}
footer .sns ul li a{display: block; color: rgba(51,51,51,1.0); padding:10px;}
footer .sns ul li.fb a{background:rgba(30, 50, 97, 1);}
footer .sns ul li.tw a{background:rgba(0, 172, 237, 1);}
footer .sns ul li.yt a{background:rgba(205, 32, 31, 1);}
footer .sns ul li.fb a:hover{background:rgba(30, 50, 97, 0.7);}
footer .sns ul li.tw a:hover{background:rgba(0, 172, 237, 0.7);}
footer .sns ul li.yt a:hover{background:rgba(205, 32, 31, 0.7);}
footer .copyright{font-size: 0.7em; display:block; width: 100%; text-align: right; clear: both; border-top:1px solid rgba(255,255,255,1.0)/*rgba(236,111,94,1.0)*/; padding:5px;}
footer .copyright a{color: rgba(51,51,51,1.0);}

table.aboutus{border-collapse: collapse; width: 100%; margin-bottom: 1.0em;}
table.aboutus th, table.aboutus td{padding: 10px; border: 1px solid #999;}
table.aboutus th{background-color: #eee; text-align: center; width: 30%;}

.privacy{font-weight: bold;}

/* ---
@media screen and (max-width: 1440px){
main.news ul li{width:100%;}
}

@media screen and (max-width: 1024px){
.breadcrumb{width:100%;}
.content{width:100%;}
}

@media screen and (max-width: 800px){
.googlemap_footer{width:100%; float:none; border-top: 1px solid rgba(255,255,255,0.5);}
.contactus{width:100%; float:none; border-left: 0px solid rgba(255,255,255,0.5); border-top: 1px solid rgba(255,255,255,0.5); clear:both;}
section.column2{width: 100%; padding: 0 10px; float: none;}
aside.column2{width: 100%; padding: 0 10px; float: none;}
}

@media screen and (max-width: 600px){
.content{width:100%; padding: 5%;}

.orderarea{}
.orderarea_image{float: none; width: 50%; margin: 0 auto;}
.orderarea_text{float: none; width: 100%;}
.orderarea_text h3{font-size: 1.0em; text-align: center;}
.orderarea_text h4{font-size: 1.0em;}

span.inlineblock{display: inline-block;}

.yomibox{width: 100%;}
.kakibox{width: 100%;}
.keisanbox{width: 100%;}

.yomibox img{width: 100%;}
.kakibox img{width: 100%;}
.keisanbox img{width: 100%;}

ol.textbook_set_yomi{float: none; font-size: 80%; width: 100%; margin-left: 2.0em;}
ol.textbook_set_kaki{float: none; font-size: 80%; width: 100%; margin-left: 2.0em;}
ol.textbook_set_keisan{float: none; font-size: 80%; width: 100%; margin-left: 2.0em;}

table.orderform th, table.orderform td{width: 100%; display: block;}
table.orderform th{padding-bottom: 0; text-align: left;}
table.orderform .empty{display: none;}

ul.subnavi li{float: none; width: 100%; border-top:1px solid rgba(255,255,255,0); border-bottom:1px solid rgba(255,255,255,0);}

table.aboutus{border-top: 1px solid #999;}
table.aboutus th{width: 100%; display: block; border-top: none; border-bottom: none;}
table.aboutus td{width: 100%; display: block; text-align: center;}
}
@media screen and (max-width: 360px){

}
}
--- */