@charset "utf-8";

/* ************************************************ 
*	基本設定
* ************************************************ */	
html {height: 100%; margin-top: 0 !important; }
body {
font-family: 'Noto Sans Japanese', serif !important; font-weight: 200 !important;
font-size: 14px;
background: #fff;
color: #444;
line-height: 180%;
margin: 0;
min-width: 1000px;
height: 100%;
}


html {
    animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

h5 {font-size: 20px; margin: 0 0 30px 0;}
.font30 {font-size: 30px;}
.font18 {font-size: 18px !important;}
.sp {display: none;}
img {vertical-align: bottom;}

td h4 {padding: 0; margin: 0 0 10px;}

h1 {line-height: 1.6em; font-size: 22px;}
.goodh3 {font-size: 18px; border-bottom: dashed 2px #82af54; padding-bottom: 5px;}
.camban {border: 1px solid #f9c03d; padding: 20px; font-size: 20px;}
/*--追加--*/

.posttopwidget {border: 1px solid #00ba01; padding: 20px; text-align: center; margin: 30px;}

.kanso {background: #fabf41; font-size: 20px; color: #fff; padding: 10px 20px; margin: 0 0 30px 0;}

#acMenu dt{
display:block;
width:auto;
height:auto;
line-height: 1.5em;
text-align:center;
border:#666 1px solid;
cursor:pointer;
background:url(img/shita.png) no-repeat right 20px center;
background-size: 20px;
padding: 20px 50px 20px 5px;;
margin: 30px 0 0 0;
text-align: left;
}
#acMenu dt span {
  background:url(img/qqq.png) no-repeat left 0px center;
  background-size: 60px;
  padding-left: 60px;
  min-height: 50px;
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5em;
}
#acMenu dd{
background:#fbf7f0;
width:auto;
height:auto;
line-height:1.5em;
text-align:center;
display:none;
text-align: left;
padding:15px;
margin: 0;
}
#acMenu dt.active{
background:url(img/ue.png) no-repeat right 20px center;
background-size: 20px;
}

#acMenu dd span {
  background:url(img/aaa.png) no-repeat left 0px top 0px;
  background-size: 60px;
  display: block;
  padding-left: 60px;
  font-size: 16px;
  min-height: 50px;
  line-height: 1.5em;
}


.contbl {color: red; font-size: 11px; margin-left: 5px;}

.qr img {border: 3px solid #555; padding: 20px; margin: 30px auto; }
.btns {background: #fabf41; padding: 10px 20px; font-size: 16px; font-weight: bold; text-align: center; border-radius: 6px; box-shadow: 1px 1px 2px #bd8815; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.77);}
.btns:hover {background: #fff200; padding: 10px 20px; font-size: 16px; font-weight: bold; text-align: center; border-radius: 6px; box-shadow: 1px 1px 2px #bd8815; color: #432205; text-shadow: none;}

.checker { padding: 0px 0px 20px; margin: 5px 0; text-align: center; /* background: #cdedf3; font-size: 18px; font-weight: bold; line-height: 1.6em;*/ }
.checker img {padding-right: 20px; position: relative; bottom: 3px; margin: 0 auto 5px; display: block;}
.checkerbox { margin: 30px auto;}

.linelink {background: #00ba01; width: 100%; margin: 0; padding: 0; text-align: center;}
.alines a {text-decoration: underline;}
.alines a:hover {text-decoration: none;}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: -50px;
  background: #f9c03d;
  opacity: 0.9;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


.fontpink {color: #f75bc3;}

th a {text-decoration: underline;}
th a:hover {text-decoration: none;}
.balloon1 {
 	position: relative;
	display: block;
 	margin: 1.5em 0;
	padding: 20px;
	min-width: 120px;
 	max-width: 100%;
 	color: #555;
	font-size: 16px;
	font-weight: bold;
	background: #e0edff;
	text-align: center !important;
}

.balloon1:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}

.balloon1 p {
	margin: 0;
	padding: 0;
	text-align: center !important;
}
.self {margin-bottom: 30px;}
.self img {margin-bottom: 20px;}

.inst {border-bottom: 1px solid #999; margin-bottom: 30px; padding-bottom: 20px;}

#main { width: 750px; float: right; padding-top: 60px;}
#main h2 {border-left: 8px solid #fabf41; padding: 5px 10px; margin: 0 0 20px; font-size: 24px;}

.sidebar {width: 200px;float: left; margin-top: 30px; margin-bottom: 50px; text-align: left;}
.side_sns a {display: block; margin-top: 20px; border: 1px solid #777;}

.sidebar ul li {text-align: left; font-size: 14px;}
.sidebar ul li a {text-align: left; font-size: 14px; 
    background: url(img/ya_yellow.jpg) no-repeat right 5px center;
    background-size: 18px;
    border-bottom: 1px dashed #777;
    margin: 10px 0;
    padding: 10px 20px 10px 0;
}
.sidebar ul li a:hover {text-align: left; font-size: 14px; 
    background: url(img/ya_yellow.jpg) no-repeat right center;
    background-size: 18px;
    border-bottom: 1px dashed #777;
    margin: 10px 0;
    padding: 10px 20px 10px 0;
    overflow: visible;
    color: #f9c03d;
}

.longth {min-width: 170px;}

.nobg {background: none !important;}

.menuhome {position: relative; bottom: 15px; width: 25px;}

.bgw {background: #fff !important;}

.whitetbl tr {background: #fff !important;}

.minitbl {width: 30px; padding: 10px !important;}

.orangetbl {background: #f9c03d !important; color: #fff !important;}

.kakoi {border-radius: 10px; padding: 20px; background: #f7f6f1; margin-bottom: 30px; }
.kakoi p {font-size: 18px; line-height: 2em; margin: 0; padding: 0;}

.donata {text-align: center; font-size: 24px; font-weight: 700; padding: 20px 20px; border-radius: 100px; background: #f8f5ec;}

.font12 {font-size: 12px;}
.kasotbl {border: none !important; margin-bottom: 30px;}
.kasotbl tr {border-bottom: 2px dashed #5a3709; background: none !important; }
.kasotbl tr th {border: none !important; background: none !important;}
.kasotbl tr td {border: none !important; background: none !important;}


.honnin {background: #f3f4f8; padding: 0; text-align: center;}
.honnin_img {margin: 0 auto; max-width: 750px;  }
.orange_btn {background: url(img/btn_ya.jpg) no-repeat right 10px center #f9c03d; background-size: 15px; border-radius: 5px; padding: 10px 40px 10px 20px; font-size: 13px; font-weight: 600; color: #fff;}
.orange_btn:hover {background: url(img/btn_ya.jpg) no-repeat right 10px center #e6a100; background-size: 15px; border-radius: 5px; padding: 10px 40px 10px 20px; font-size: 13px; font-weight: 600; color: #fff;}
.posi_b30 {position: relative; bottom: 30px;}
.snsbox {padding: 80px 20px;}
.snsbox a {width: 200px; padding: 10px; margin: 0 auto; display: inline-block;}
.snsbox a img {border: 1px solid #575757;}
/*-----------使用-------------*/

.arttime2 {
    font-size: 13px;
    color: #777;
    margin: 0 0 0px 0;
    padding: 0 10px;
    display: block;
}

.sidebar input[type="search"] {
	display: inline-block !important;
	padding: 5px !important;
	margin: 0 !important;
}

.sidebar input[type="submit"] {
    width: auto;
    height: 30px;
    background-color: #82af54 !important;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    margin: 0px auto;
}

.mediaboxes p {font-size: 13px; padding: 5px; border: 1px solid }

.post-categories {margin: 0 10px !important; height: 55px !important; overflow: hidden;}
.post-categories li {margin: 0 !important; display: inline-block !important; line-height: 1em !important; padding: 0 !important; }

.catearlink a {display: inline-block !important; font-size: 11px !important; padding: 0 0 0 0px !important; color: #82af54 !important; line-height: 1em !important;}

/*スライド*/

.entry-content h1 {font-size: 24px; text-align: center; border-bottom: 1px solid #f9c03d; padding: 10px; margin: 60px auto 20px; font-weight: normal;}
.headline {font-size: 24px; text-align: center; border-bottom: 1px solid #f9c03d; padding: 10px; margin: 60px auto 20px; font-weight: normal;}
/*フォーム*/
.required {
    margin: 0 5px 0 0;
    font-size: 122%;
    color: #ff0000;
    font-weight: bold;
}

input[type="text"] {
    padding: 8px 8px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
    margin-bottom: 5px;
}
.w50in {
    width: calc(49% - 30px) !important;
    margin-right: 10px;
}

table th {width: 120px;}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}

select {
    background: #fff url(images/select_ya.jpg) no-repeat right center !important;
    background-size: auto 100% !important;
    border: 1px solid #707070 !important;
    width: calc(100% - 60px) !important;
    padding: 8px !important;
    margin-right: 10px !important;
    margin-left: 0px !important;
    padding-right: 60px;
    font-size: 12px;
}

.w30in3 {
    width: calc(33% - 40px) !important;
    margin-right: 10px;
    margin-bottom: 5px;
}

textarea {
    resize: none;
    padding: 8px 8px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
}
input[type="email"] {
    padding: 8px 8px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
}
input[type="tel"] {
    padding: 14px 14px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
}

input[type="submit"] {
	width: 170px;;
	height: 40px;
	background-color: #82af54 !important;
	border:none;
	color: #fff;
	font-size:13px;
	font-weight:700;
	text-align:center;
	border-radius: 10px;
	margin: 60px auto;
}
input[type="submit"]:hover{
	background-color: #f9c03d !important ;
	color:#fff;
	cursor: pointer;
}



/*フォームEND*/

.single-item {}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px !important;
    height: 10px !important;
    padding: 5px;
    cursor: pointer;
    color: #e06376 !important;
    border: 0;
    outline: none;
    background: #ece8e7;
    border-radius: 20px;
    text-indent: -9999px;
}

.slick-dots {
    position: relative !important;
    bottom: 0 !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-active button {background: #f9c03d !important;}


.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #000 !important;
}

.slick-next {
    right: 30px !important;
    background: none !important;

}

.slick-prev
{
    left: 30px !important;
		background: none !important;
    z-index: 9999999 !important;
    

}

.slick-next:before {
    content: '＞' !important;
    padding: 10px !important;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.62);
}

.slick-prev:before {
    content: '＜' !important;
    padding: 10px !important;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.62);
}

/*共通・ヘッダー*/
.mw1500 {max-width: 1500px; width: 100%; margin: 0 auto;}

header {background: #fff; padding: 0px 0 10px 0px; width: 100%; min-width: 1000px; height: auto; text-align: left; display: block !important; z-index: 99999; }
.headerttl {display: inline-block; margin: 0 auto; padding-top: 10px; text-align: left; }

.headright {width: 50%; min-width: 700px; float: right; text-align: right; padding-top: 10px; }
.headright a {margin-left: 15px; width: auto; height: 30px; display: inline-block; color: #794700; font-weight: 700;}
.headright a:hover {margin-left: 15px; width: auto; height: 30px; display: inline-block; color: #fc9400; }

.headright2 {position: relative; float: right; }
.headright2 a {margin-left: 10px; width: 30px; height: 30px; display: inline-block; }

nav {padding: 0px; text-align: center;}

nav a {display: inline-block; padding: 20px; margin: 0 auto; font-size: 15px; font-weight: normal; letter-spacing: 0.02em; line-height: 1.5em;}
nav a:hover {display: inline-block; padding: 20px 20px; margin: 0 auto; font-size: 15px; font-weight: normal; letter-spacing: 0.02em; line-height: 1.5em; background: #f9c03d; color: #fff;}

.mainmov {height: 500px; background-size: cover; overflow: hidden;}
.mainmov img {width: 100%; max-width: 1600px; margin: 0 auto;}

.mainmov2 {height: 500px; background: url(images/main2.jpg) no-repeat; background-size: cover; overflow: hidden;}
.mainmov2 img {max-width: 650px; margin: 300px 0 20px;}
.mainmov3 {height: 500px; background: url(images/main3.jpg) no-repeat; background-size: cover; overflow: hidden;}
.mainmov3 img {max-width: 650px; margin: 300px 0 20px;}
.mainmov4 {height: 500px; background: url(images/main4.jpg) no-repeat; background-size: cover; overflow: hidden;}
.mainmov4 img {max-width: 650px; margin: 300px 0 20px;}



/*TOP投稿*/

.articlethree {width:calc(47% - 40px); margin: 10px 20px 30px; padding: 0; float: left; height: 150px; }
.articlethree a {font-size: 16px; color: #333; display: block; padding: 0 0px 10px; height: 70px;}
.articlethree a:hover {text-decoration: underline;}
.artright {float: right; width:calc(60% - 20px); margin-left: 20px;}
.arti_p {padding: 5px 10px; font-size: 12px !important; overflow: hidden; height: 60px;}







.articlethree_img {height: 150px; overflow: hidden; width: 40%; margin-bottom: 10px; background: url(images/sample_arti.png) no-repeat center center; background-size: 120px; float: left;  }
.articlethree_img a {padding: 0 !important;}
.articlethree_img img {
min-width: 100%;
}
.articlethree_img img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}




.articlethree_100 {width:calc(100% - 40px) !important; margin: 10px 20px 30px; padding: 0; float: left; height: 150px; border-bottom: 1px dotted #777; }
.articlethree_100 a {font-size: 16px; color: #333; display: block; padding: 0 0px 10px; height: 70px;}
.articlethree_100 a:hover {text-decoration: underline;}
.artright_100 {float: right; width:calc(100% - 170px); margin-left: 20px;}
.articlethree_img_100 {height: 120px; overflow: hidden; width: 150px; margin-bottom: 0px; background: url(images/sample_arti.png) no-repeat center center; background-size: 120px; float: left;  }
.articlethree_img_100 a {padding: 0 !important;}
.articlethree_img_100 img {
min-width: 100%;
}
.articlethree_img_100 img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}







.linkcate {float: right; font-size: 11px !important; color: #82af54 !important; height: auto !important;}


.articlethree_img_book {height: 200px; overflow: hidden; width: 100%; margin-bottom: 10px; padding-top: 20px;   }

.articlethree_img_book img {
max-width: 130px;
margin: 0 auto;
}

.book_p {font-size: 14px; margin: 0 0 5px 0; padding: 0 20px; height: }
.bookp2 {height: 85px; overflow: hidden;}

.bold {font-weight: bold;}

.book_p2 {font-size: 14px; margin: 0 0 5px 0; padding: 0 20px; min-height: 180px; }


.arttime {font-size: 13px; color: #777; margin: 0 0 5px 0;  padding: 0 0px; float: left;}
.nesbtn_top {color: #fff; background: #f9c03d url(images/ya.png) no-repeat right center; background-size: 25px; border-radius: 10px; padding: 10px 40px 10px 20px; font-sise: 14px; }

.articletwo {width:calc(46% - 4px); margin: 10px 2%; padding: 0; float: left; border: 2px solid #f9c03d; }

.articletwo a {font-size: 16px; color: #333; display: block; padding: 0 20px 0px; }

.articletwo a:hover {text-decoration: underline;}
.articlethree_ttl {height: 70px; overflow: hidden; margin-bottom: 5px;}




.articletwo_book {width:calc(46% - 4px); margin: 10px 2%; padding: 0; float: left; border: 2px solid #f9c03d; }

.articletwo_book a {font-size: 16px; color: #333; display: block; padding: 0 20px 0px; }

.articletwo_book a:hover {text-decoration: underline;}
.articlethree_ttl {height: 70px; overflow: hidden; margin-bottom: 5px;}







/*TOP紹介*/

.w70per {width: 77%; }
.w28per {width: 20%;}

.w60per {width: 60%; }
.w37per {width: 37%;}

.cons_jirei {background: #5e90cc; padding: 20px 40px; text-align: center; margin: 50px auto; border-radius: 10px; border-bottom: 6px solid #396eb0; color: #fff; font-size: 20px; font-weight: 600; display: inline-block;}
.cons_jirei:hover {background: #7aaeee; padding: 20px 40px; text-align: center; margin: 50px auto; border-radius: 10px; border-bottom: 6px solid #4f8bd3; color: #fff; font-size: 20px; font-weight: 600; display: inline-block;}


/*よくあるご質問*/

.question {
        cursor: pointer;
        color: #82af54 !important;
        background: url(img/bottomya.png) no-repeat right center;
        background-size: 15px;
        font-weight: 600;
        font-size: 24px;
        border: 1px solid #999; padding: 20px;
        margin: 10px 0
        
}
.question:hover {
        text-decoration:;
        color: #e03030;
}
.answer {
        display: none;
        background: #f2f2f2;
        margin-left: 1em;
        padding: 20px;
        margin: 0;
}

.one{
  color: red;
  
   background: url(img/upya.png) no-repeat right center !important;
   background-size: 15px;
        
}

.question b {float: left; padding-left: 0px; width:calc(100% - 70px);}
.answer b {float: left; padding-left: 0px; width:calc(100% - 70px);}


.question span {background: #5e90cc;
    width: 50px;
    height: 50px;
    display: inline-block;
    color: #fff;
    margin-right: 20px;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    float: left;
}

.answer span {background: #f9c03d;
    width: 50px;
    height: 50px;
    display: inline-block;
    color: #fff;
    margin-right: 20px;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    font-weight: 600;
    float: left;
}





/*インタビュー*/
.intermenu1 {width: 25%; float: left; background: #f9c03d; padding: 10px 0; }
.intermenu1 a {padding: 10px 20px; color: #fff !important; font-size: 15px; display: block; font-weight: bold;}
.intermenu2 {width: 70%; float: right;}

.intermenu1 a:hover {color: #172267 !important;}

.continue {text-align: right; font-size: 14px; background: #f9c03d; padding: 8px 20px; margin: 30px 0 60px; border-radius: 7px;  display: inline-block; }
.continue a {color: #fff !important;}


.bannerbox {background: #f9c03d; padding: 50px 20px 50px;}

.bannerbox a {display: inline-block; padding: 10px 0.7%; margin: 0 auto; width: 23%; max-width: 200px; }
.bannerbox_pro a {width: 45% !important;}
.bookbox {background: url(img/curri_bg.jpg) no-repeat center center; background-size: cover; padding: 70px 20px; text-align: center;}

.w700 {max-width: 700px; padding: 0px; margin: 0 auto;}

.panel_content h3 {font-size: 24px; border-bottom: 1px solid #f9c03d; padding-bottom: 5px;}
.panel_content h4 {font-size: 20px; color: #5e90cc; margin-top: 40px;}


.txq {font-weight: bold;}

/*教室TOP*/
.recbox {background: url(img/purpose_bg.jpg) no-repeat #f4f4f4 right top; background-size: auto 100%; padding: 50px 0 50px 0; text-align: center;}
.recbox a {margin: 20px auto; display: inline-block; width: 30%; padding: 0 1%;  }


/*footer*/

footer {background: #f7f6f1; padding: 10px 10px; text-align: center; font-size: 11px; color: #343434;}
footer a {color: #fff; margin-left: 20px;}
.footerup {background: #f7f6f1; padding: 30px 20px;   }


/*ブログ*/
.content_page_ttl {background: url(img/kaso_ttl_bg.jpg) no-repeat center center; background-size: cover; padding: 80px 30px; text-align: center;}

.content_page_ttl h1 {
	font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    padding:  20px 30px;
    border-left: 8px solid #f9c03d;
    margin: 0 auto 0px auto;
    max-width: 800px;
    display: inline-block;
    background: #fff;
}

.textwidget p {font-size: 12px; margin: 10px 0;}
.textwidget p img {margin-bottom: 10px;}

.widget-title {color: #f9c03d; font-size: 14px; margin: 30px 0 0 0; padding-bottom: 0;}
li a {
    text-align: left !important;
    display: block;
}

.wpp-list li {margin-bottom: 10px; overflow-y: hidden; height: 75px;}



/*コンサル*/

.consl {padding: 0 20px;}
.consl h2 { margin: 50px 0 30px 0; text-align: center;}
.consl h3 {font-size: 24px; text-align: left; border-bottom: 1px solid #f9c03d; padding: 0  0 10px 0; margin-bottom: 30px; line-height: 1.5em; }
.consl p {font-size: 16px; text-align: left;}
.consl h3 span {background: #f9c03d; width: 50px; height: 50px; display: inline-block; color: #fff; margin-right: 20px; border-radius: 100px; text-align: center; line-height: 50px; font-size: 30px; }

/*便利系*/

.disb {display: block;}
font24 {font-size: 30px !important; font-weight: bold; border-bottom: 1px solid rgba(38, 36, 36, 1); padding-bottom: 10px; line-height: 1.7em; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.font34 {font-size: 34px !important; font-weight: 200; line-height: 1.7em;  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}

.tex_c {text-align: center !important;}
.tex_l {text-align: left;}
.tex_r { text-align: right;}
.w500 {max-width: 500px; margin: 0 auto;}
.w700 {max-width: 700px; margin: 0 auto;}
.mt0 {margin-top: 0 !important;}
.mt80 {margin-top: 80px;}
.mt60 {margin-top: 60px !important;}
.mt50 {margin-top: 50px;}
.mt30 {margin-top: 30px !important;}

.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px !important;}

.pt10 {padding-top: 10px;}
.pt12 {padding-top: 12px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pl20 {padding-left: 20px;}
.pr20 {padding-right: 20px;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px !important;}
.mb130 {margin-bottom: 130px;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px;}
.pt0 {padding-top: 0 !important;}

.posib60 {position: relative; bottom: 60px;}


/*-----------使用END-------------*/




/*工務店*/

.main_h1 {position: relative; height: 0; overflow: visible; bottom: 430px; font-size: 50px; font-weight: 200; color: #fff; margin: 0 auto; letter-spacing: 0.1em; line-height: 1.5em; text-align: center;}

.blubtn {background: url(img/li_btn.png) no-repeat right 10px center #f9c03d; width: 150px; padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important; text-align: center;}
.blubtn:hover {background: url(img/li_btn.png) no-repeat right 10px center #425cce;  padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important;}

.blubtn2 {background: url(img/li_btn.png) no-repeat right 10px center #f9c03d; width: auto; padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important; text-align: center; display: block; margin-top: 30px; }
.blubtn2:hover {background: url(img/li_btn.png) no-repeat right 10px center #425cce;  padding: 10px 30px 10px 20px; background-size: 9px; color: #fff !important; display: inline-block; margin: 0; font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important; display: block; margin-top: 30px;}





.bango {position: relative; top: 10px; margin-right: 10px;}

h2 {font-size: 28px; font-weight: 700; letter-spacing: 0.05em; line-height: 1.7em; background: url(img/line.png) no-repeat left bottom; background-size: 100px; padding: 0 0 15px 0; margin: 0 0 30px 0; }
top_content1in p {font-size: 15px !important; font-weight: 200 !important; letter-spacing: 0.05em !important; line-height: 1.7em !important;}

.top_rinen {background: url(img/bg_top_rinen.jpg) no-repeat center center; background-size: cover; }
.toprinen2 {background: rgba(255, 255, 255, 0.80); padding: 20px; width: 700px;}
.height0 {height: 0 !important; overflow-y: visible; position: relative; bottom: 70px;}
.mb0 {margin-bottom: 0 !important;}
.pb0 {padding-bottom: 0 !important;}

.gromenu {position: relative; top: 670px; text-align: center;}
.gromenu2 {position: relative; top: 0px; padding-top: 82px !important; text-align: center;}

.w1000 {width: 1000px; margin: 0 auto; }



.nav {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: flex;
  position: relative;
  z-index: 99999;
  text-align: center !important;
  margin: 0 auto !important;
  background: url(img/menu_dot.jpg) no-repeat left center  #fff;
  background-size: 1px;
}
.nav li {
  position: relative;
  list-style: none;
}
.nav li a {
  display: block;
  width: auto;
  height: auto;
  padding: 0px 20px;
  text-align: center !important;
  color: #000;
  font-size: 15px;
  line-height: 2.8;
  background: url(img/menu_dot.jpg) no-repeat right center;
  background-size: 1px;
  transition: 0.5s;
  text-decoration: none;
  box-sizing: border-box;
  line-height: 60px !important;
}

.longmenu {width: 230px !important;}

.content_page_ttl a  { font-size: 14px !important; color: #150fb9 !important; margin-top: 10px !important; text-decoration: underline; }
.content_page_ttl a:hover  { text-decoration: none; }

.nav > li:hover > a {/*layer-1*/
  color: #fff;
  background: url(img/menu_dot.jpg) no-repeat right center  #f9c03d; background-size: 1px;
}
.nav > li li:hover > a {/*layer-2*/
  color: #000;
  background: #fff;
}
.nav li ul {
  top: 60px;
  left: 0px;
  position: absolute;
  display: block;
  width: 100%;
}
.nav li ul li {
  overflow: hidden;
  height: 0;
  transition: 0.2s;
  background: #fff;
   width: 100%;
   display: block;
  
}
.nav li ul li a {
  border-top: 1px solid #eee;
  background: none !important;
   width: 100%;
  
}
.nav li:hover > ul > li {
  overflow: visible;
  height: 60px;

  
}
.nav li:hover > ul > li a:hover {
  background: #f1a900 !important;
  color: #fff;
  padding: 0 20px;
    width: 100%;
    display: block;
  
}
  .nav li ul li ul {
    top: 0;
    left: 110px;
  }
  .nav li ul li ul:before {/*layer-2▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }
  .nav li ul li ul li:hover > a {/*layer-3*/
    color: pink;
    background: #fff;
  }
  .nav li ul li ul.left {
    top: 0;
    left: -190px;
  }
  .nav li ul li ul.left:before,/*layer-2-left▷*/
  .nav li ul li ul li ul.left:before {/*layer-3-left▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 190px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
  }
  .nav li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #fff;
  }
  .nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
    background: #fff;
  }
.content {
  width: 750px;
  height: 200px;
  background: #eee;
  margin: 0 auto;
  padding: 10px;
  text-align: left;
  box-sizing: border-box;
}

.active{
	background:;
	
}
.displaynone{
	display: none;
}

ol li {
    list-style-type: decimal !important;
    text-align: left !important;
    margin-left: 20px;
}

.mega-menu {
   background: rgba(236, 64, 24, 0.95);
    left: 0;
    margin-top: 0px;
    position: absolute;
    width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu a {display: inline-block !important; text-align: center; width: 245px; height: auto !important; margin: 0 auto !important; padding: 0 !important;}

.mega-menu2 {
   background: rgba(236, 64, 24, 0.95);
    left: 0;
    margin-top: 0px;
    position: absolute;
    width: 100%;
	padding:15px;
	display:none;
	 transition-duration: 0.3s;
}
.mega-menu2 a {display: inline-block !important; text-align: center; width: 245px; height: auto !important; margin: 0 auto !important; padding: 0 !important;}


#menutoggle i {
    color: #fff;
    font-size: 33px;
    margin: 0;
    padding: 0;
}

.drawer-menu li a {text-align: left !important; color: #fff; font-size: 14px; padding: 5px 10px 0 10px !important; font-weight: bold !important;}
.drawer-menu li a:hover {text-align: left !important; color: #fff; }
.drawer-menu li {padding: 0px 0px 0 !important; text-align: left !important;}



.four {width: 46%; margin-left: 4%; float: left; padding-bottom: 10px; border-bottom: 1px solid #999;}
.four p {font-size: 14px; margin-bottom: 5px;}
.four a {font-size: 14px; font-weight: 500; margin-bottom: 20px;}




/*工務店 END*/






















.container { width: auto; padding: 25px;}

.font12 {font-size: 12px !important;}
.gotopline {padding: 20px 0; border-top: 1px solid #979797; border-bottom: 1px solid #979797; background: #fff; text-align: center;}


.thumbout {margin-bottom: -60px;}
.thumbs {margin: 0 auto; background: #fbfafa; text-align: center; display: inline-block; padding: 10px; position: relative; bottom: 65px; z-index: 999; }


.telclass {position: relative; bottom: 5px; margin-right: 3px;}

.footmenu {background: #fff; border-top: 1px solid #777; border-bottom: 1px solid #777; padding: 20px 0;}

a img:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.three {width: 33.33%; float: left;}
.three img {width: 100%;}
.three span {background: #f6f8f4; font-size: 20px; color: #1f2b5b; padding: 5px 30px; display: inline-block; text-align: left; height: 30px; position: relative; bottom: 40px; font-weight: 600; display: inline-block; }

.menu_foot {width: auto !important; float: none !important; text-align: center;}
.menu_foot ul li {width: 16% !important;}

.categories-list li {
    display: block;
    line-height: normal;
    margin: 0;
    padding: 5px 0;
}
.categories-list li :hover{
		background:inherit !important;
}
.left-images > p {
    background: none repeat scroll 0 0 #ff7f50;
    display: block;
    font-size: 18px;
    line-height: normal;
    margin: 0;
    padding: 5px 14px;
}
.categories-list span {
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.mm-view-more{
	background: none repeat scroll 0 0 #ff7f50;
    color: #fff;
    display: inline !important;
    line-height: normal;
    padding: 5px 8px !important;
	margin-top:10px;
}
.display-on{
display:block;
 transition-duration: 0.9s;
}


.dotbox {border: 1px dotted #f9c03d; padding: 20px 20px 0; max-width: 400px; text-align: left; margin: 30px auto; }
.dotbox2 {border: 1px dotted #f9c03d; padding: 20px 20px 0 20px; width: auto; text-align: left; margin: 30px auto; }

.dotbox2 ul {margin: 0 0 20px !important;}
.dotbox2 ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}


#supportlist {width: 100%; margin-bottom: 20px;}


.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 75px;
}

.wpp-thumbnail img {width: 75px;}

.singlesrc li a {
    text-align: left; font-size: 14px; 
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
}
.categories {color: #f9c03d;}

#primary {max-width: 700px; margin: 20px auto; padding: 0 20px 60px;}
/*.drop-down > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down:hover > a:after{
color:#fff;
}


.drop-down2 > a:after{
content:"\f103";
color:#999;
font-family: FontAwesome;
font-style: normal;
margin-left: 10px;
}
.drop-down2:hover > a:after{
color:#fff;
}*/


 /*MediaQuerys*/
 @media (max-width: 600px) {
.menu {
 display:none;
 }
 .xs-menu li a {

	 padding:0px;
}
 .xs-menu-cont{
 display:block ;
 }
 }


/*Animation--*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}








.text1 span {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}

/* リンク */

a{
color:#252523;
text-decoration:none;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;

}

a:hover{
color:#a5a5a5;
}

a:active, a:focus {
outline: 0;
}

p {font-size: 18px; line-height: 1.6em; margin: 0 0 20px 0;}

/* 画像 */

img{
border:0;
padding:0px;
margin:0px;
max-width: 100%; height: auto;
}

article img {margin-bottom: 30px;}
article ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}

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

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

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


/* ボタンレイアウト */

button.button1 {
/* 文字サイズを1.4emに指定 */
font-size: 1.4em;

/* 文字の太さをboldに指定 */
font-weight: bold;

/* 縦方向に10px、* 横方向に30pxの余白を指定 */
padding: 10px 30px;

/* 背景色を濃い青色に指定 */
background-color: #28b17e;

/* 文字色を白色に指定 */
color: #fff;

/* ボーダーをなくす */
border-style: none;
}



/* フロート */

.alignright { text-align: right; }

.alignleft { text-align: left; }

.right{ float: right; }

.left{ float: left; }

.clear{ clear:both; }


/* リスト */

ol{
padding: 0 0 0 0;
list-style: decimal;
}

ul{

padding: 0 0 0 0;
list-style: disc;
}

li{
padding: 0 0;
}

li a{
text-align: center;
color:#010101;
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
font-family: 'Noto Sans Japanese', serif !important; font-weight: 200 !important;

}

.bold {font-weight: bold;}

li a:hover{
color:#6a5c5c;
}

a img {vertical-align: bottom; max-width: 100%; height: auto;}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


td h3 {margin-bottom: 5px !important;}


.more-link {display: none !important;}

/*動画*/
.video-wrapper {
  display: none;
  position: fixed;
  min-width: 100%;
  min-height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.87);
  z-index: 99999999;
}

.video-frame {
  position: absolute;
  top: 50%;
  left: 50%;
}

.video-close {
  float: right;
  margin-top: -30px;
  margin-right: -30px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 30px;
  background: #605F61;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
}

.video-close:before {
  content: "×";
}

.screen-reader-text {display: none;}

.nav-links {text-align: center; padding-bottom: 30px;}

.nav-links span {padding: 5px 10px;}
.nav-links a {padding: 5px 10px;}


.bx-wrapper2 {position: relative; z-index: 0; margin-bottom: 1px !important; }

.bordert1w {border-top: 1px solid #fff;}

.blogcate {width: 110px; padding: 5px 10px; border: 1px solid #f9c03d; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center;}
.blogtime {color: #f9c03d;  font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; }
.blogcate2 {width: 110px; padding: 5px 10px; border: 1px solid #f9c03d; font-size: 13px !important; margin-right: 20px; display: inline-block; text-align: center; color: #fff;}
.blogtime2 {color: #f9c03d;  font-size: 14px; margin-right: 20px; width: 70px; display: inline-block; text-align: center; color: #fff;}
.main_list {border: 1px solid #fff; padding: 10px 20px; text-align: center; color: #fff !important; border-radius: 100px; float: right; font-size: 12px !important; line-height: 12px !important; position: relative; bottom: 4px;}
.main_list:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}



article {max-width: 1060px; margin: 0 auto; padding: 0 0 40px 0; }

.entry-header {}

td p {margin: 0; padding: 0;}

.btn_ichi {float: right; text-align: right; font-size: 13px; font-weight: 200; padding: 5px 15px; border: 1px solid #333; border-radius: 100px; position: relative; bottom: 10px;}


.articlebox2 {border-bottom: 1px dotted #333; padding: 5px 30px 10px; margin: 0 auto 10px;}

/* ************************************************ 
*	全体Wrapper
* ************************************************ */	

.wrapper {
margin: auto; 
min-width: 1060px;
padding: 30px 0px;
_width: 1060px;
height: 100%;

}

.drawer-hamburger {display: none !important;}


.main_zure {padding-top: 20%; margin-bottom: 50px;}

.w49per {width: 47%;}

.newsbox {width: 835px; float: right; background: #fff; border: 10px solid #e8ded5; height: 454px;}
.newsbox_ttl {background: url(images/blog_ttl.png) no-repeat left 20px center; background-size: 160px; height: 50px; padding-top: 20px; border-bottom: 1px solid #ddd; }
.newsbox_ttl a {width: 130px; float: right; display: block;}

.articlebox {width: 800px; margin: 50px auto;}
.articlebox h2 {border-bottom: 1px solid #333; padding: 10px 0 10px 0; margin:10px 0;}
.article_right { padding: 10px 0 10px 0; margin:10px 0; border-bottom: 1px dotted #8c8c8c; }
.article_right a {font-size: 16px;}
.article_main { padding: 0px 0 0px 0; height: 0; margin:0px 0; position: relative; bottom: 51px; z-index: 999999999; }
.article_main a {font-size: 16px;}
.article_main_in {background: rgba(0, 0, 0, 0.70); width: auto; height: 50px;}
.ttl_blogbox3  {font-size: 18px; font-size: 400; }
.ttl_blogbox {border-bottom: 2px solid #f9c03d !important; padding: 0 0 5px 0; }
.ttl_blogbox a {font-size: 18px; font-size: 400; }
.ttl_blogbox2 {color: #fff !important;}
.ttl_blogbox2:hover {color: #f9c03d !important;}

.message_l {width: 21%; float: left; }
.message_r {width: 75%; float: right; }

.border_gray {border: 1px solid #aaaaaa;}

table {width: 100%; border: 1px solid #b4b4b4; border-collapse: collapse;}
table td {padding: 10px; font-size: 15px !important; border: 1px solid #b4b4b4;}
table th {padding: 10px; font-size: 15px !important; border: 1px solid #b4b4b4;}

table a {color: #ff9a00 !important; }
table a:hover {color: #f44600 !important; }




table tr:nth-child(odd) {background: #fff;}
table tr:nth-child(even) {background: #f3f3f3;}

table tr td li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
}
.dotbox ul {margin: 0 0 20px !important;}
.dotbox ul li {
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 15px;
    text-align: left;
}


.infot {background: #f9c03d !important; color: #fff; max-width: 200px; }



 

.sitemapper li {text-align: left; padding: 5px 20px;}
.sitemapper li a {text-align: left; font-size: 16px; display: inline-block; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}
.sitemapper ul div {text-align: left; }
.sitemapper ul div a {text-align: left; display: inline-block; color: #ec0000; font-size: 16px; background: url(images/ya.gif) no-repeat left center; background-size: 7px; padding-left: 15px;}

.tex_r {text-align: right !important;}
.fontred {color: #f10505 !important;}



td {text-align: left;}
td ul li a {text-align: left !important; display: inline-block;}
td ul li {text-align: left;}
td p{margin-bottom: 10px;}

.articlebox:first-child {border-bottom: 1px solid #ddd;}

.article_right2 a {
    font-size: 24px;
    border-bottom: 2px solid #f9c03d;
    padding: 0 0 10px 0;
    line-height: 1.7em;
    margin: 20px auto 20px;
    font-weight: 200;
    display: block;
    text-align: left;
}

.renraku {
    width: 150px;
    background-color: #d5d5d5;
    border: none;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    margin: 10px auto;
    display: inline-block;
    padding: 10px 20px;
}

.gallerybox {padding: 50px 0; max-width: 1060px; margin: 30px auto;}
.gallerybox a {width: 30%; float: left; display: block; height: 400px; margin: 10px 0; overflow: hidden; background: #272626; border: 5px solid #272626; box-sizing:border-box; }
.gallerybox a:nth-child(3n+2) {margin: 10px 3%; } 
.gallerybox a img {width: 100%;  height: auto; vertical-align: bottom; }

.productbox {padding: 50px 0; max-width: 1060px; margin: 30px auto;}
.productbox .productimg {width: 30%; float: left; display: block; height: 480px; margin: 10px 0; overflow: hidden; background: #acacac; border: 5px solid #acacac; box-sizing:border-box; }
.productbox .productimg:nth-child(3n+2) {margin: 10px 3%; } 
.productbox .productimg a {height: 400px; overflow: hidden; display: block; width: 100%;}
.productbox .productimg a img {width: 100%;  height: auto; vertical-align: bottom; }
.productbox .productimg p {text-align: center; padding: 10px; font-size: 16px; font-weight: 600; }

.single_product {height: 400px; margin: 10px 0; overflow: hidden; background: #acacac; border: 5px solid #acacac; box-sizing:border-box; display: block; }
.single_product_left {width: 30%;}
.single_product_left a img {width: 100%; height: auto;}
.single_product_right {width: 65%;}
.single_product_right img {max-width: 100%; height: auto;}
.single_product_right h1 {border-bottom: 1px solid #333; padding-bottom: 10px; font-size: 28px;}

.single_thumbs a {width: 32%; margin: 10px 0; height: 100px; overflow: hidden; display: block; float: left;}
.single_thumbs a img {width: 100%; height: auto;}
.single_thumbs :nth-child(3n+2) {width: 32%; margin: 10px 2%; display: block; float: left;}

.tsuduki {border: 1px solid #f9c03d !important; padding: 5px 20px !important; display: inline-block !important; color: #f9c03d; font-size: 14px !important;}
.tsuduki:hover {background: #f9c03d; color: #fff !important;}

li {list-style: none; }

.contentpage_title { background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%); padding: 30px 0 30px; position: relative; top: 87px; margin-bottom: 88px; text-align: center; color: #fff; font-size: 20px; font-weight: 100; }
.contentpage_title h1 {font-size: 24px; font-weight: 100; line-height: 1.5em; text-align: center; padding: 15px 30px; border: 1px solid #fff; display: inline-block; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.content_wrap_out {background: #f4f0ed; padding: 0 0 30px 0;}

.content_wrap {padding: 0px 0; margin: 30px auto 30px; max-width: 860px; background: #fff; padding-bottom: 30px;}
.content_wrap_in {padding: 0 30px;}
.content_wrap p {line-height: 1.7em; }

.kachikan {border: 1px solid #f10505; border-radius: 1060px; padding: 50px 20px 0; margin: 0 5px; float: left; width: 107px; height: 97px; text-align: center; font-size: 15px; color: #222;}
.kachikan2 {border: 1px solid #f10505; border-radius: 1060px; padding: 60px 20px 0; margin: 0 5px; float: left; width: 107px; height: 87px; text-align: center; font-size: 15px; color: #222;}

.kachikan_kai {border: 1px solid #f10505; padding: 20px 10px; border-radius: 10px; margin: 10px auto; text-align: center; font-size: 20px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important; }


..top_midashi {text-align: center; line-height: 1.5em; font-size: 36px; color: #f10505; background: url(img/redline.jpg) no-repeat center bottom; background-size: 44px; padding: 0 0 20px 0; margin-bottom: 30px; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.date {border: 1px solid #f10505; padding:5px 10px; margin-right: 20px; color: #f10505; float: left; display: block; width: 75px; }
.blogtitle {font-size: 14px; padding:5px 26px 5px 0; background: url("img/ya_red.jpg") no-repeat right center; background-size: 8px; float: left; display: block; width: 550px; }
.sq_btn {border: 1px solid #f10505; padding:5px 15px 5px 15px; color: #f10505; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_red.png") no-repeat left 10px center; background-size: 8px;}
.sq_btn:hover {border: 1px solid #f10505;  color: #fff; display: block; margin: 30px auto; text-align: center; width: 75px; background: url("img/ya_white.png") no-repeat right 5px center #f10505; background-size: 8px;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

li {text-align: center;}
li a img {margin: 0 auto;}
li a {text-align: center; display: block;}

.dropmenu{
display: block;
  *zoom: 1;
  list-style-type: none;
  padding: 0px 0 !important;
margin: 0 auto !important;
position: relative; bottom: 0px;
max-width: 1060px;
}
.dropmenu li{
padding: 0px 0px 0 0px;
    color: #222;
    display: inline-block;
    position: relative;
    font-size: 16px;
width: 19.5%;
background: url(images/menu_border.jpg) no-repeat right center;
background-size: 1px;
}
.dropmenu li:last-child{
padding: 0px 0px 0 0px;
    color: #222;
    display: inline-block;
    position: relative;
    font-size: 16px;
width: 20%;
background: none;
}

.dropmenu li a{
  margin: 0;
  line-height: 1;
  text-decoration: none;
font-size: 15px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 125%;
  left: 0;
text-align: left;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  background: #fff;
  width: 200px;
  text-align: left;
}
.dropmenu li:hover > a{

}
.dropmenu li a:hover{

}

.dropmenu li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li{
  overflow: visible;
  height: 36px;
}

.dropmenu li ul li a:hover{
  padding: 13px 15px;
  background: #fff;
  width: 200px;
  text-align: left;
}





.minibox {padding: 10px 30px 30px; margin: 50px 0; background: #fff; width: 460px;}
.minibox p {line-height: 1.7em;}


.aaa {color: #fff; font-size: 20px; margin: 0 0 10px; padding: 0 0 0px; background:#f10505; width: 30px; height: 30px; text-align: center; line-height: 30px !important; }

.main {height: 550px; width: 100%; overflow: hidden; min-width: 1060px; background: #353535; text-align: center; }

.main video {min-width: 100%; min-height: 100%; }



.btt {float: right; background: url(images/gotop.jpg) no-repeat left center; background-size: 10px; padding-left: 20px; color: #fff; font-size: 11px;}
.btt:hover {color: #ffb0b0 !important;}

.mincho {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;}
.overimg_grade:hover {
background: #f10505;
-moz-transition: .5s;
-webkit-transition: .5s;
-o-transition: .5s;
-ms-transition: .5s;
transition: .5s;
}


.overimg:hover {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.smp {display: none;}
.pc {display: block;}

/*フェード*/

.list{
	list-style-type: none;
	overflow: hidden;
}
.list li{
	
	
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
transition: .8s;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
transition: .8s;
}



@media screen and (max-width: 758px){
  
  .block_tbl th {display: block !important;}
  .block_tbl td {display: block !important;}
  
  .font30 {font-size: 20px;}
  .side_sns a {
    display: block;
    margin-top: 20px;
    border: none;
}
	
	
	.sp {display: block;}
	
	.honnin {padding-bottom: 50px;}
	
	.honnin_img {
    margin: 0 auto 30px;
    max-width: 750px;
    width: 100%;
}

.posi_b30 {
    position: relative;
    bottom: 0px;
}


.orange_btn {
    background: url(img/btn_ya.jpg) no-repeat right 10px center #f9c03d;
    background-size: 15px;
    border-radius: 5px;
    padding: 10px 40px 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    margin: 30px auto 60px;
}

	
	.panel_content h3 {
    font-size: 17px;
    border-bottom: 1px solid #f9c03d;
    padding-bottom: 5px;
}

.panel_content h4 {
    font-size: 16px;
    color: #5e90cc;
    margin-top: 40px;
}

.intermenu1 {
    width: auto;
    float: none;
    background: #5e90cc;
    padding: 10px 0;
    margin: 30px 20px;
}


.intermenu2 {
    width: auto;
    float: none;
    padding: 20px;
}


	.w60per {
    width: auto;
}
.w37per {
    width: auto;
}
	
	.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 95% !important;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 9999 !important;
}

	
	
	
	header {
    background: #fff;
    padding: 0px 0 10px 0px;
    width: 100%;
    min-width: 320px;
    height: auto;
    text-align: center;
    display: block !important;
    z-index: 99999;
    border-bottom: 1px solid #f9c03d;
}






.articlethree {
    width:calc(100% - 44px);
    margin: 10px 20px;
    padding: 0;
    float: none;
    border: 2px solid #f9c03d;
    height: auto;
}

.articlethree a {
    font-size: 14px;
    color: #333;
    display: block;
    padding: 0 10px 10px;

}

.artright {
    float: none;
    width: calc(100% - 20px);
    margin-left: 20px;
}

.articlethree_img {
    height: 150px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    background: url(images/sample_arti.png) no-repeat center center;
    background-size: 120px;
    float: none;
}

.camban {
    border: 1px solid #f9c03d;
    padding: 10px;
    font-size: 18px;
    margin: 10px !important;
}



.arttime {
    font-size: 13px;
    color: #777;
    margin: 0 0 5px 0;
    padding: 0 10px;
}

.nesbtn_top {
    color: #5e90cc;
    background: url(images/ya.png) no-repeat right center;
    background-size: 25px;
    padding: 5px 40px 5px 5px;
    font-sise: 16px;
    margin-right: 20px;
}

.w70per {
    width: auto;
}


.w28per {
    width: auto;
}


.disb {
    display: block;
    text-align: center !important;
}

.headright2 {
    position: relative;
    float: right;
    padding-right: 20px;
}



.sidebar {
    width: auto;
    max-width: 1000px;
    float: none;
    margin-top: 30px;
    text-align: center;
    display: block;
    margin-bottom: 50px;
    padding: 0 20px;
}

.sidebar li {
    text-align: center;
    font-size: 14px;
}

.singlesrc li a {
    text-align: center;
    font-size: 14px;
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 0px;
}

.sidebar li ul li a {
    text-align: center;
    font-size: 14px;
    background: url(images/ya.gif) no-repeat left center;
    background-size: 7px;
    padding-left: 0px;
}

.single_left {
    width: auto;
    float: none;
}
.snsbtn1 {background: #3b5998; padding: 6px 5px 4px 5px; }
.snsbtn2 {background: #ff0000; padding: 6px 5px 4px 5px;}
.snsbtn3 {background: #df2b6f; padding: 6px 5px 4px 5px;}
.snsbtn4 {background: #f9c03d; padding: 6px 5px 4px 5px;}

.content_page_ttl {

    padding: 30px 10px;
    text-align: center;
    margin: 0;
}

#main {
    width: auto !important;
    float: none;
    padding: 10px 10px;
}

table th {
    width: auto;
    font-size: 12px !important;
}

.content_page_ttl h1 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    padding: 20px;
    margin: 0;
}

.headright2 {
    position: relative;
    float: none;
    padding-right: 0px;
    text-align: center;
    margin: 30px auto;
}

.headerttl {
    display: block;
    margin: 0 10px ;
    text-align: left;
    padding-left: 0px;
}

.headerttl img {max-width: 230px;}

article {
    max-width: 1060px;
    margin: 0 auto;
    padding: 10px 10px;
}


/*---------------------------------------------*/
	
	.main_h1 {
    position: relative;
    height: 0;
    overflow: visible;
    bottom: 20%;
    font-size: 30px;
    font-weight: 200;
    color: #fff;
    margin: 0 auto;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-align: center;
}
	
	.smptel {margin: 20px 10px; padding: 10px 5px 5px !important; border-radius: 5px; background: #fff;}
	
	footer span {display: block; text-align: left !important;}
	footer span a {text-align: left !important;}
.headright {display: none;}
.recbox {

    background-size: cover;
    padding: 70px 20px 70px 20px;
    text-align: center;
}




.top_content1 {
    background: url(img/bg_top_about.png) no-repeat right center;
    background-size: 100%;
    padding: 0 0 0 0;
    margin-top: 1px;
    overflow-y: visible;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.top_content1in_right {
    float: none;
    width: auto;
}

.blubtn {
    background: url(img/li_btn.png) no-repeat right 10px center #f9c03d;
    width: auto;
    padding: 10px 30px 10px 20px;
    background-size: 9px;
    color: #fff !important;
    display: block;
    margin: 0;
    font-size: 15px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
}

.blubtn:hover {
    background: url(img/li_btn.png) no-repeat right 10px center #f9c03d;
    width: auto;
    padding: 10px 30px 10px 20px;
    background-size: 9px;
    color: #fff !important;
    display: block;
    margin: 0;
    font-size: 15px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
}


.top_content1in {
    width: auto;
    padding: 40px 20px 20px;
    background: rgba(255, 255, 255, 0.73);
}

h2 {
	font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    background: url(img/line.png) no-repeat left bottom;
    background-size: 100px;
    padding: 0 0 15px 0;
    margin: 0 0 30px 0;
}


.blubtn {
    background: url(img/li_btn.png) no-repeat right 10px center #f9c03d;
    width: auto;
    padding: 10px 30px 10px 20px;
    background-size: 9px;
    color: #fff !important;
    display: block;
    margin: 0;
    font-size: 15px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
}

.toprinen2 {
    background: rgba(255, 255, 255, 0.80);
    padding: 20px;
    width: auto;
}

.height0 {
    height: auto !important;
    overflow-y: visible;
    position: relative;
    bottom: 0px;
}

p {
    font-size: 14px !important;
    line-height: 1.6em;
    letter-spacing: 0.05em;
    margin: 0 0 20px 0;
}


.blubtn2 {
    background: url(img/li_btn.png) no-repeat right 7px center #f9c03d;
    width: auto;
    padding: 10px 20px 10px 10px;
    background-size: 9px;
    color: #fff !important;
    display: inline-block;
    margin: 0;
    font-size: 11px !important;
    font-weight: 200 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.7em !important;
    text-align: center;
    display: block;
    margin-top: 30px;
}


	
.four {
    width: auto !important;
    padding: 0 0 5px 0;
    float: none;
    height: auto;
    margin-bottom: 20px;
}
	
.event_kiji {
    width: auto;
    padding: 10px 20px;
    float: none;
    margin: 5px 0;
}
	
.negativm {margin-bottom: 0px ; width: 100%; position: relative; bottom: 0px;}
.negativm2 {position: relative; bottom: 0px; margin-bottom: 0px;}

.eventbox {background: #f6f8f4; padding: 20px; width: auto; max-width: 1000px; margin: 0 auto; height: 170px; position: relative; z-index: 999; bottom: 0px; }
	
	
	.spslide {width: 50% !important; max-width: 180px !important;}
	
	.smp {display: block !important;}
.pc {display: none !important;}

.drawer-hamburger {
    position: fixed;
    z-index: 9999999999 !important;
    top: 50px !important;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding: 18px .75rem 30px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
}

.drawer-open button {top: 0 !important;}


.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
    width: 100%;
    height: 2px;
    -webkit-transition: all .6s cubic-bezier(.19,1,.22,1);
    transition: all .6s cubic-bezier(.19,1,.22,1);
    background-color: #82af54 !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
    
}

.drawer-nav {
    position: fixed;
    z-index: 999999 !important;
    top: 0;
    overflow: hidden;
    width: 13rem !important;
    height: 100%;
    color: #fff;
    background: #f9c03d !important;
}

.drawer--right.drawer-open .drawer-hamburger {
    right: 0rem !important;
}



.drawer-open .drawer-hamburger-icon:before {background-color: #fff !important;}

.drawer-open .drawer-hamburger-icon:after {background-color: #fff !important;}
.drawer-open .drawer-hamburger-icon {}

.slide1 h1 {font-size: 40px;}
.slide2 h2 {font-size: 40px;}



.bx-controls-direction {display: none;}


body {
    font-family: 'Noto Sans Japanese', serif !important;
    font-weight: 200 !important;
    font-size: 14px;
    color: #444;
    line-height: 180%;
    margin: 0;
    min-width: 320px;
    height: 100%;
}

.box {
    width: auto;
    margin: 1px auto 1px auto;
    padding: 20px 20px 0 20px;
}


.newsbox {
    width: auto;
    float: none;
    background: #fff;
    border: 10px solid #e8ded5;
    height: auto;
}

.newsbox_ttl {
    background: url(images/blog_ttl.png) no-repeat center top 20px;
    background-size: 160px;
    height: auto;
    padding-top: 20px;
    border-bottom: 1px solid #ddd;
text-align: center;
}

.newsbox_ttl a {
    width: 130px;
    float: none;
    display: inline-block;
margin: 50px auto 20px;
}

.articlebox {
    height: auto;
width: 90%;
margin: 50px 5%;
}

.article_img {
    height: 191px;
    background: #c1c1b6;
    width: auto;
    float: none;
    display: block;
    overflow: hidden;
}

.article_right {
    float: none;
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 10px 20px 10px 10px;
}

.banner2 {
    width: auto;
    float: none;
    height: auto;
}

.banner3 {
    width: auto;
    float: none;
    height: auto;
}

.w49per {
    width: auto;
}

.font12 {font-size: 12px; margin-bottom: 10px !important;}



.main_zure {
    padding-top: 40%;
    margin-bottom: 50px;
}

.contentpage_title {
    background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%);
    padding: 30px 0 30px;
    position: relative;
    top: 68px;
    margin-bottom: 70px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
}



.aboutbox {
    width: auto;
    margin: 1px 0 1px 0;
    background: none;
    background-size: cover;
}

.aboutbox_l {
    width: 100%;
    float: none;
    padding: 50px 0 200px 0;
background: url(img/about_img01.jpg) no-repeat center center;
background-size: cover;
    height: 100%;
}

.aboutbox_r {
    float: none;
    width: 100%;
    background: -webkit-linear-gradient(#e62658 0%, #eb651c 100%);
    padding: 5px 0;
}


.productbox {padding: 50px 20px; max-width: 1060px; margin: 30px auto;}
.productbox .productimg {
    width: 30%;
    float: left;
    display: block;
    height: 380px;
    margin: 10px 0;
    overflow: hidden;
    background: #acacac;
    border: 5px solid #acacac;
    box-sizing: border-box;
}
.productbox .productimg a {
    height: 300px;
    overflow: hidden;
    display: block;
    width: 100%;
}


  .articlebox {width: auto; margin: 50px auto;}
  #main {width: auto; margin: 20px auto;}


.ttl_blogbox {display: block; padding-top: 10px;}

.article_main {display: none;}

nav.menu {display: none;}

.blogtitle {
    font-size: 14px;
    padding: 5px 26px 5px 0;
    background: url(img/ya_red.jpg) no-repeat right center;
    background-size: 8px;
    float: left;
    display: block;
    width: auto;
}

.kachikan_kai img {max-width: 80%; height: auto;}


.drawer-overlay {
    position: fixed;
    z-index: 9999 !important;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}

.drawer-hamburger {display: block !important;}

.bx-wrapper2 .bx-pager.bx-default-pager a {bottom: 40px;}

.submenus {display: none;}


.w1000 {
    max-width: 1060px;
    width: auto;
    margin: 0 auto;
}

.left {float: none;}
.right {float: none;}

.ttl_blogbox3 {
    font-size: 12px;
    font-size: 400;
}
.blogboxin span {
    margin-right: 20px;
    font-size: 12px;
}






.drawer-overlay {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}


nav .inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}


}



@media screen and (max-width: 640px){
  
  
  .smpblock th {display: block;}
  .smpblock td {display: block;}
  
.scroll table{
width: 780px !important;
}
.scroll{
overflow: auto !important;　　　　/*tableをスクロールさせる*/
white-space: nowrap !important;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.scroll td {min-width: 80px;}

  
  .classlists table th {display: block;}
  .classlists table td {display: block;}  
	
	/*フォーム*/
.required {
    margin: 0 5px 0 0;
    font-size: 122%;
    color: #ff0000;
    font-weight: bold;
}

input[type="text"] {
    padding: 8px 8px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
    margin-bottom: 5px;
}
.w50in {
    width: calc(49% - 30px) !important;
    margin-right: 10px;
}



select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
}

select {
    background: #fff url(images/select_ya.jpg) no-repeat right center !important;
    background-size: auto 100% !important;
    border: 1px solid #707070 !important;
    width: calc(100% - 60px) !important;
    padding: 8px !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
    padding-right: 60px;
    font-size: 12px;
}

.w30in3 {
    width: calc(33% - 40px) !important;
    margin-right: 10px;
    margin-bottom: 5px;
}

textarea {
    resize: none;
    padding: 8px 8px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
}
input[type="email"] {
    padding: 8px 8px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
}
input[type="tel"] {
    padding: 8px 8px;
    border: 1px solid #888;
    font-size: 16px;
    width: 90%;
}

input[type="submit"] {
	width: 150px;;
	height:40px;
	background-color:#d5d5d5;
	border:none;
	color:#000;
	font-size:13px;
	font-weight:700;
	text-align:center;
	border-radius: 10px;
	margin: 10px auto;
}
input[type="submit"]:hover{
	background-color:#a92b15 !important;
	color:#fff;
}


/*フォームEND*/



	
	.bookp2 {height: auto; overflow: hidden;}
	.book_p2 {
    font-size: 14px;
    margin: 0 0 5px 0;
    padding: 0 20px;
    min-height: auto;
}
	.consl h3 {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #f9c03d;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
}

	.consl h3 span {
    background: #f9c03d;
    width: 50px;
    height: 50px;
    display: block;
    color: #fff;
    margin-right: 20px;
    border-radius: 100px;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
	
	
	.articletwo a {
    font-size: 16px;
    color: #333;
    display: block;
    padding: 0 20px 0px;
}
	
	.post-categories {margin: 0 10px !important; height: auto !important; padding-bottom: 10px; overflow: hidden; }
	
	.articletwo {
    width: calc(96% - 4px) !important;
    margin: 10px 2%;
    padding: 0;
    float: left;
    border: 2px solid #f9c03d;
}


	


.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 60%;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-next:before {
    content: '＞' !important;
    font-size: 12px !important;
    padding: 5px !important;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.62);
}

.slick-prev:before {
    content: '＜' !important;
    font-size: 12px !important;
    padding: 5px !important;
    border-radius: 100px;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.62);
}

.slick-next {
    right: 20px !important;
    background: none !important;
}

.slick-prev {
    left: 20px !important;
    background: none !important;
}
	
	
	.bannerbox a {
    display: inline-block;
    padding: 10px 0.7%;
    margin: 0 auto;
    width: 40%;
    max-width: 200px;
}

.bookbox {


}

	

	.single_left {
    width: auto;
    float: none;
    padding: 20px;
}
	
		.main_h1 {
    position: relative;
    height: 0;
    overflow: visible;
    bottom: 100px;
    font-size: 20px;
    font-weight: 200;
    color: #fff;
    margin: 0 auto;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-align: center;
}

	.sidebar {
    width: auto;
    float: none;
    padding: 20px;
    margin-top: 30px;
    text-align: left;
}

	.mainmov {
    height: 200px;
    width: 100%;
    overflow: hidden;
}

.mainmov video {
    width: 100%;
}
	
	.three {
    width: 100%;
    float: none;
}

.slide1 h1 {font-size: 18px;}
.slide2 h2 {font-size: 18px;}

.productbox {padding: 50px 20px; max-width: 1060px; margin: 30px auto;}
.productbox .productimg {
    width: 100%;
    float: left;
    display: block;
    height: 380px;
    margin: 10px 0;
    overflow: hidden;
    background: #acacac;
    border: 5px solid #acacac;
    box-sizing: border-box;
}
.productbox .productimg a {
    height: 300px;
    overflow: hidden;
    display: block;
    width: 100%;
}

.productbox .productimg:nth-child(3n+2) {
    margin: 10px 0;
}


.articlebox {
    width: 90%;
    margin: 50px auto;
}

.content_wrap_in {
    padding: 0 10px;
}

.members {
    width: 100%;
    margin: 0;
    height: 350px;
display: block;
}

.member_in {
    width: 100%;
    height: 220px;
    padding-top: 130px;
    background: rgba(0, 0, 0, 0.39);
    text-align: center;
    display: block;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}


.contentpage_title h1 {
    font-size: 20px;
    font-weight: 100;
    line-height: 1.5em;
    text-align: center;
    padding: 15px 30px;
    border: 1px solid #fff;
    display: inline-block;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif !important;
}



h2 {font-size: 16px;}


.message_l {
    width: 60%;
    float: none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.message_r {
    width: 100%;
    float: none;
}


h5 {font-size: 15px;}

	.wood1 {
    width: 100%;
    margin: 10px auto;
}

.wood2 {
    width: 100%;
    margin: 10px auto;
}


.btn_bl1 {
    position: relative;
    right: 0px;
    background: #191c1a url(img/btn_img.png) no-repeat right 20px center;
    background-size: 20px;
    padding: 15px 50px 15px 20px;
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 600;
    display: block;
    width: 40%;
    margin: 10px auto;
}

.btn_bl2 {
    position: relative;
    left: 0px;
    background: #191c1a url(img/btn_img.png) no-repeat right 20px center;
    background-size: 20px;
    padding: 15px 50px 15px 20px;
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 600;
    display: block;
    width: 40%;
    margin: 10px auto;
}

.btn_blog {
    float: right;
    position: relative;
    bottom: 0px;
    background: #30ae65 url(img/btn_img.png) no-repeat right 20px center;
    background-size: 20px;
    padding: 5px 50px 5px 20px;
    color: #fff;
    font-size: 13px;
    border-radius: 100px;
    font-weight: 600;
    margin: 20px 0;
}

.top_tex h2 {
    background: url(images/top_r.jpg) no-repeat right center;
    background-size: 30px;
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 20px;
}
.top_tex p {
    font-size: 14px;
    font-weight: 400;
}

.container {
    width: auto;
    padding: 25px 0;
}

#main h2 {
    border-left: 8px solid #fabf41;
    padding: 5px 10px;
    margin: 0 0 20px;
    font-size: 16px;
}

.goodh3 {
    font-size: 14px;
    border-bottom: dashed 2px #82af54;
    padding-bottom: 5px;
}