@charset "utf-8";
 @media screen and (max-width: 767px) {
 
 
 
 /* reset css
---------------------- */

@font-face {
 font-family: 'Arial Black';
 font-style: normal;
 font-weight: 400;
 src: local('Arial Black'), url('ariblk_0.ttf') format('ttf');
}
 html {
 width:100%;
height:100%;
overflow:hidden;
}
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td {
 padding: 0;
 margin: 0;
}
 address, caption, em, strong, th {
 font-style: normal;
}
 caption, th {
 text-align: left;
}
 hr, legend {
 display: none;
}
 h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
}
 li {
 list-style-type: none;
}
 #contents table, #contents ol, #contents ul, #contents dl, #contents blockquote, #contents pre {
 margin-bottom: 0px;
}
 #contents p {
 margin-bottom: 18px;
}
 a img, fieldset {
 border: none;
}
 body {
 position:relative;
 width:100%;
 -webkit-text-size-adjust:none;
 font-family: "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
 font-size: 28px;
 color: #111;
 letter-spacing:1px;
 line-height: 1.6;
 background:#fff;
 background-image:none;
 overflow-x:hidden;
 -webkit-overflow-scrolling: touch;
}
 a:link {
 color:#444;
}
 a:visited {
 text-decoration: none;
}
 a:hover {
 color:#888;
}
 a:active {
}

/* LAYOUT
---------------------- */

#page {
position: relative;
 width: 100%;
 min-width:100%;
 margin: 0 auto;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
}


/* header */

 #header {
position:relative;
 min-width:100%;
 padding:0px 0;
 border-top:0px;
}
 #header .header {
 width: 100%;
 margin: 0 auto;
 padding:10px 0 10px;
}
 #header .header h1 {
text-align:left;
 font-size:13px;
 margin-bottom:0px;
}
 #header .header .head-logo {
width:75%;
margin:0 auto;
padding-right:6%;
 float: none;
}
 #header .header .head-logo img {
width:100%;
}
 #header .header .head-inquiry {
display:none;
}





/* navigation */




#gnavi_open {
position:absolute;
width:10%;
 right:15px;
top:42px;
}
 #gnavi_open img {
width:100%;
}
 #gnavi {
 display:none;
 min-width:100%;
width:80%;
height:100%;
font-size:110%;
 border-top: inherit;
 border-bottom: inherit;
 padding:20px 5%;
 box-sizing:border-box;
 background:#000;
top:0px;
}
 #gnavi .gnavi {
 width:100%;
 padding:5% 0;
}
 #gnavi .gnavi li {
width:100%;
 padding:0px;
 border-bottom:1px solid #666;
 float:none;
}
 #gnavi .gnavi li > a {
 position:relative;
 display:block;
 text-decoration:none;
 text-align:left;
 letter-spacing:2px;
 line-height:1.5;
 color:#fff;
 padding:14px 0;
 box-sizing:border-box;
 background:#000;
}
 #gnavi .gnavi li > a:before {
 content:"○";
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:80%;
 margin-right:10px;
}
 #gnavi .gnavi li.navi_slide {
 position:relative;
 cursor:pointer;
 border-bottom:0px;
}
 #gnavi .gnavi li.navi_slide > a {
 cursor: default;
}
 #gnavi li.navi_slide ul {
 display: block;
 position: inherit;
 width:100%;
 height:inherit;
 font-size:90%;
 margin-left:-14px;
 padding:0 0 20px;
 border-bottom: inherit;
 overflow:hidden;
 zoom:1;
 z-index:5000;
 border-radius:0 0 4px 4px;
 background:#222;
}
 #gnavi li.navi_slide ul li {
 width:100%;
 color:#595757;
 text-align:center;
 border-bottom:1px dashed #333;
 margin: 0;
 float:none;
}
 #gnavi li.navi_slide ul li:last-child {
 border:0px;
}
 #gnavi li.navi_slide ul li a {
 display:block;
 position:inherit;
 text-align:left;
 text-decoration:none;
 text-shadow:inherit;
 letter-spacing:1px;
 color:#fff;
 margin:0 auto;
 padding:15px 5%;
 box-sizing:border-box;
 background:none;
 box-shadow:none;
}
 #gnavi + #visual {
 border-bottom:0px;
}
 #contents {
 width: 100%;
 margin: 0 auto;
 padding:25px 3% 60px;
 box-sizing:border-box;
 clear: both;
}
 #contents:after {
 content:" ";
 display:table;
 clear:both;
}

/* contents */

#visual {
 min-width:100%;
 width:100%;
 margin-bottom:14px;
overflow:hidden;
}
 #visual .visual_pc {
display:none;
}
 #visual .visual_sp {
 text-align:center;
 display:block;
 width:100%;
 margin:0 auto;
 padding:30px 0 0;
}
 #visual .visual img {
 width:100%;
}
 #contents:after, #header:after, #gnavi:after {
 clear: both;
 height: 0.1px;
 visibility: hidden;
 font-size: 0.1em;
 line-height: 0;
 display: block;
 content: ".";
}
 #main {
 float: none;
 width: 100%;
 margin: 0px;
}
 #main:after {
 content:" ";
 display:table;
 clear: both;
}
 .section {
 padding:20px 0 30px;
}
 .section .section_title {
 position:relative;
 text-indent:0px;
 font-size: 125%;
 font-weight:bold;
 line-height:1.4;
 letter-spacing:2px;
 color:#333;
 margin: 0px;
 padding: 8px 12px 8px 30px;
 border-top:1px solid #ededed;
 border-bottom:1px solid #ededed;
 box-sizing:border-box;
 overflow:hidden;
}
 .section .section_title:before {
 content:"　";
 position:absolute;
 width:10px;
 min-height:100%;
 background:#197BC2;
 top:0px;
 left:1px;
}
 .section h3 {
 font-size:120%;
 font-weight: normal;
 margin-bottom:14px;
}
 .article {
 padding: 20px 10px 20px;
}
 #sub {
 position: fixed;
 width: 60%;
 height:100%;
 font-size:110%;
 margin: 0px;
 padding:10px 0 30px;
 box-sizing:border-box;
 float: none;
 overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
 right:-60%;
top:0px;
 -webkit-transition: all .2s;
 -moz-transition: all .2s;
 -o-transition: all .2s;
 transition: all .2s;
 background:#000;
}
 #sub p {
 margin-bottom:15px;
}
 #sub.open {
 -webkit-transform: translate3d(-100%, 0, 0);
 -moz-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 #sub.open a {
 color:#fff;
}
 #page.open {
position:fixed;
 -webkit-transform: translate3d(-60%, 0, 0);
 -moz-transform: translate3d(-60%, 0, 0);
 transform: translate3d(-60%, 0, 0);
}
 #close {
/* position: absolute;*/
 text-align:center;
 padding:0px 5% 10px;
/*top:10px;*/
}
#close span {
display:block;
font-size:110%;
color:#fff;
padding:5px 12px;
border:1px solid #ccc;
}
 #close span img {
width:100%;
vertical-align:bottom;
}
 #sub_info {
 padding:0 10px 8px;
}
 #sub_info h2 {
 font-size:120%;
 line-height:1.3;
 margin:0 -10px 6px;
 padding:8px 15px;
 background:#ff0000;
}
 #sub_info h2 span {
 display:block;
 font-size:60%;
 font-weight:normal;
}
 #sub_info li {
 line-height:1.4;
 margin-bottom:6px;
}
 #information_column {
width:100%;
padding:30px 0 0;
float:none;
}
 #drawer_underlay {
position:absolute;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.5);
top:0px;
left:0px;
}


/* footer */
#footer {
 min-width:100%;
 width:100%;
 background: #F1F0F0;
}
 #footer .footer {
 width:100%;
 padding:25px 0px;
 box-sizing:border-box;
}
 #footer #footer_msg {
display:none;
}
 #footer a {
 text-decoration: none;
 font-size:90%;
 color: #fff;
}
 #footernavi {
 width:100%;
 padding:0 15px 25px;
 box-sizing:border-box;
}
 #footernavi:after {
 content:" ";
 display:table;
 clear: both;
}
 #footernavi li {
 font-size:100%;
 margin-right:13px;
 float: none;
}
 #footernavi li:after {
 content:" ";
 font-size: 20px;
 color:#C3C3C3;
 margin-left:0px;
}
 #footernavi li a {
 text-decoration:underline;
 color:#222;
 padding:6px 0;
}
 #footer_company_navi {
 width:100%;
 border-top:1px solid #58461c;
 padding:25px 0 25px;
}
 #footer_company_navi ul {
 width:100%;
 margin:0 auto;
 padding:0 15px;
 box-sizing:border-box;
}
 #footer_company_navi:after {
 content:" ";
 display:table;
 clear: both;
}
 #footer_company_navi li {
 font-size:18px;
 margin-right:25px;
 float: none;
}
 #footer_company_navi li:before {
 content:"　";
}
 #footer .footer_address {
 width:100%;
 padding:0 0 20px;
 float: none;
}
 #footer .footer_address:after {
 content:" ";
 display:table;
 clear:both;
}
 #footer .footer_address .logo_image {
width:50%;
margin:0 auto;
padding:15px 0;
 float: none;
}
 #footer .footer_address .logo_image img {
width:100%;
}
 #footer .footer_address .address {
 position: inherit;
 text-align:center;
 font-size:85%;
 line-height:1.3;
 padding:0px;
}
 #footer .footer_address a {
text-decoration:underline;
color:#222;
}
 div#copy {
 text-align:center;
 width:100%;
 margin:0px;
 padding:5px 0 10px;
}
 div#copy img {
 display:none;
}
 #copy a {
 text-decoration: none;
 color:#222;
}

/* 戻る */
.return {
display:none;
 text-align: right;
 font-size:80%;
 letter-spacing:1px;
 padding:0px 0px;
 margin: 0px;
 clear: both;
}
 .return a {
 text-decoration:none;
 color:#663333;
 padding:4px 5px;
}
 .return a:before {
 content:"\0025b2";
 margin-right:4px;
}

/* 汎用スタイル */
.clear {
 clear: both;
}
 .txt_c {
 text-align:center;
}
 .txt_r {
 text-align:right;
}
 .pagetop {
display:block;
position:fixed;
background:rgba(0, 0, 0, 0.7);
bottom:15px;
right:10px;
}
 .pagetop a {
display:block;
font-size:80%;
color:#fff;
padding:10px 15px;
}




/* 各固定ページ用
---------------------- */

/* greeting.html */

.company_table_inner {
 padding:20px 0 25px;
 background:#ff0000;
}
 .company_table_inner .company_table {
 width:100%;
 padding:20px 20px 25px;
 box-sizing:border-box;
 border-collapse:collapse;
}
 .company_table_inner .company_table th, .company_table_inner .company_table td {
 padding: 18px 20px;
 border:1px solid #ccc;
}
 .company_table_inner .company_table th {
 text-align:center;
 width:29%;
 font-weight:normal;
}
 #main .company_office_list {
 margin:0px;
}
 .company_office_list dt {
}
 .company_office_list dd {
 margin-bottom:10px;
 padding-bottom:10px;
 border-bottom:1px dotted #ccc;
}
 .company_office_list dd:last-child {
 margin-bottom:0px;
 padding:0px;
 border:0px;
}

/* access.html */

#access_map {
 width:100%;
 margin:0 auto;
 padding:15px 10px;
 box-sizing:border-box;
}
 #access_map .map_set {
 margin-bottom:23px;
}
 #access_map .map_set #map {
 width:100%;
 height:350px;
 border:1px dotted #fff;
 margin-bottom:15px;
 box-shadow: inherit;
}
 #access_map .map_set .guide {
 text-align:center;
 font-size:85%;
 line-height:1.0;
 letter-spacing:2px;
 color:#fff;
 padding:13px 10px;
 background: #705410;
}
 #access_map .map_set .guide:before {
 content:"\00ff0b\00ff0d";
 font-size:110%;
 letter-spacing:4px;
 color:#fff;
 margin-right:6px;
 padding:0 1px 0 5px;
 border:1px solid #fff;
}
 #access_map .access_data {
 padding:10px 5px 14px;
 border-bottom:1px dotted #ccc;
}
 #access_map .access_data .title {
 font-size:85%;
 line-height:1.0;
 color:#705410;
 margin-bottom:15px;
 padding:4px 0 2px 8px;
 border-left:5px solid #705410;
 vertical-align:middle;
}
 #access_map .access_data dl {
 line-height:1.4;
 color:90%;
 margin-bottom:0px;
 padding:0 5px;
 overflow:hidden;
 zoom:1;
}
 #access_map .access_data dl dt {
 color: #705410;
 margin-right:10px;
 float: left;
}
 #access_map .access_data dl dt:before {
 content:"\0025a0";
 margin-right:2px;
}
 #access_map .access_data dl dd {
 margin:0 30px 0 0;
 float:left;
}

/* privacy.html */

#privacy #main ul li {
 margin-left: 8px;
 margin-bottom:4px;
 list-style: none;
}
 #privacy #main dl {
 margin-left: 8px;
}
 #privacy #main dl dt {
 margin-bottom: 4px;
}
 #privacy #main dl dd {
 margin-left:5px;
 margin-bottom: 14px;
}
 #privacy #main h4 {
 margin: 20px 0 5px 0;
}
 #privacy .privacy_inner {
 padding:15px 10px 20px;
}
 #privacy .privacy_inner h3 {
 margin:0 -10px 20px;
 padding:8px 15px;
 background:#f1f1f1;
}

/* inquiry.html */


.attent_block {
 padding:0 0px;
}
 .attent_block h3 {
 font-size:120%;
 color:#444;
 margin:0 -10px 14px;
 padding:9px 14px;
 border-radius:4px;
 background:none;
}
 .attent_block .set {
 margin-bottom:20px;
 padding:0 10px;
}
 .attent_block .set .title {
 font-size:110%;
 color:#a5460e;
 margin:0 -10px 10px;
 padding:5px 0px;
 border-bottom:1px solid #ccc;
}
 .attent_block .set .title:before {
 content:"\0025cf";
 color:#a5460e;
 margin-right:6px;
}
 .attent_block .list01 {
 padding:5px 0px 0px;
}
 .attent_block .list01 li {
 text-indent:-14px;
 color: #5A4727;
 line-height:1.4;
 margin-bottom:8px;
 padding-left:14px;
}
 .inquiry_info {
 margin-bottom:25px;
}
 .inquiry_info:after {
 content:" ";
 display:table;
 clear:both;
}
 .inquiry_info .set {
 width:inherit;
 margin-right:2%;
 padding:0 0 20px;
 float:inherit;
}
 .inquiry_info .set:last-child {
 margin:0px;
}
 .inquiry_info .set .title {
 font-size:110%;
 margin-bottom:4px;
}
 .inquiry_info .no {
 font-size:160%;
 font-family:"arial black";
 letter-spacing:-1px;
 line-height:1.0;
}
 .inquiry_info .tel .no {
 color: #FF0000;
}
 .inquiry_info .fax .no {
 color:#a77b66;
}
 .inquiry_info .tel .no:before {
 content:url(../../img/tel-mark.png);
 margin-right:8px;
}
 .inquiry_info .fax .no:before {
 content:url(../../img/fax-mark.png);
 margin-right:8px;
}
 #inquiry .inquiry_inner {
 margin:0 0 30px;
 padding:10px 10px 15px;
 border-bottom:0px solid #eee;
 background: none;
}
 #inquiry .inquiry_inset {
 margin-bottom:25px;
 padding:0px;
 background:none;
 border:0px dashed #eeeeee;
 overflow:hidden;
 zoom:1;
}
 #inquiry #main .inquiry_inner h3 {
 font-size:120%;
 color:#333;
 margin:0 -10px 20px;
 padding:10px 15px;
 background:#eee;
}
 #MailForm span {
 color: #FF0000;
}
 #MailForm .checkbox_list {
 padding:7px 15px;
}
 #MailForm .checkbox_list li {
text-indent:-40px;
 padding:3px 0 3px 40px;
}
 #MailForm table {
 width: 100%;
 margin: 5px 0 25px;
 border-collapse: collapse;
}
 #MailForm th, #MailForm td {
 padding: 18px 15px;
 border: 1px solid #e1e1e1;
 font-size:90%;
 font-weight: normal;
 letter-spacing:0px;
 color: #111;
 background:#fff;
}
 #MailForm th {
 width: 140px;
 background-color: #f9f9f9;
}
 #MailForm th span {
 display:block;
}
 #MailForm input, #MailForm textarea {
 width: 310px;
 font-family:"メイリオ";
 font-size:100%;
 letter-spacing:1px;
 line-height:1.4;
 color:#444;
 margin:2px 0;
 padding:9px 9px;
 border: 1px solid #e1e1e1;
}
 #MailForm textarea {
}
 #MailForm select {
 font-size:110%;
 padding:10px 10px;
 border: 1px solid #e1e1e1;
}
 #MailForm label {
 cursor:pointer;
 padding:2px 0;
}
 #MailForm .form3 {
 vertical-align:middle;
 width:3%;
}
 #MailForm .form25 {
 width:25%;
}
 #MailForm .form45 {
 width:45%;
}
 #MailForm .form60 {
 width:60%;
}
 #MailForm .form90 {
 width:93%;
}
 #MailForm .attent {
 font-size:90%;
 color:#666;
}
 #MailForm .attent2 {
 font-size:90%;
 color: #4D3A20;
}
 #MailForm .focus {
 background:#ffe7e0;
}
 #MailForm02 .focus {
 background:#ffe7e0;
}
 .send_btn_inner {
 text-align:center;
 padding:15px 0 20px;
}
 .send_btn {
 display:inline-block;
 color:#fff;
 font-size:100%;
 letter-spacing:1px;
 cursor: pointer;
 margin:0 10px;
 padding:15px 10px;
 border:0px;
 background:  #FF9900;
}
 .submit_btn {
 width:50%;
}
 .reset_btn {
 width:30%;
}
 .inputarea li {
 margin: 0 15px 0 0;
 float: left;
}
 #thanks p {
 line-height: 300px;
 text-align: center;
}
 #main .inquiry-info {
 margin:0px;
 overflow:hidden;
 zoom:1;
}
 .inquiry-info li {
 margin-right:15px;
 float:left;
}

/* formmail.cgi */

.send_inner {
 padding:12px 0 20px;
}
 .send_inner .send_step_msg {
 text-align:center;
 font-size:140%;
 margin-bottom:15px;
}

/* formmail.cgi:send base */

.send_guide_msg {
 text-align:center;
 color:#444;
 padding:0 0 15px;
}
 .send_inner .send_btn_inner {
 text-align:center;
}
 .send_inner .send_btn_inner .send_btn {
 display:inline-block;
 color:#fff;
 font-size:130%;
 letter-spacing:1px;
 cursor: pointer;
 margin:0 10px;
 padding:15px 30px;
 border:0px;
 background: #FF9900;
}
 .send_inner .send_btn_inner .btn_return {
 background-color:#797979;
}
 .send_inner .send_btn_inner .btn_return {
 background-color:#797979;
}

/* formmail.cgi:send confirm */

.send_confirm_table {
 padding:17px 0 30px;
}
 .send_confirm_table table {
 width:90%;
 margin:0 auto;
 border-collapse:collapse;
}
 .send_confirm_table table th, .send_confirm_table table td {
 font-size:110%;
 font-weight:normal;
 line-height:1.5;
 border:1px solid #ccc;
 padding:17px 20px;
 background:#fff;
}
 #main .send_confirm_table table th {
 width:40%;
 background:#f5f5f5;
}
 .send_confirm_table table {
}

/* formmail.cgi:send error */

.send_inner .send_error {
 padding:15px 0 30px;
}
 .send_inner .send_error li {
 font-size:110%;
 padding:5px 0;
}
 .send_inner .send_error li:before {
 content:"\0025cf";
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:85%;
 color: #C2C2C2;
 margin-right:8px;
}
 .send_inner .send_error li span {
 display:inline-block;
 color: #FF3333;
 margin-right:5px;
}

/* base styles
---------------------- */



.table_base {
 padding:20px 0 25px;
}
 .table_base table {
 width:100%;
 margin:0 auto;
 border-collapse:collapse;
}
 .table_base table th, .table_base table td {
 font-weight:normal;
 padding:18px 12px;
 border:1px solid #dddddd;
}
 .table_base table tbody th {
 text-align:center;
 width:28%;
}
 .content_inner {
 padding:30px 0 25px;
}
 .content_inner:after {
 content:" ";
 display:table;
 clear:both;
}
 .content_inner .images_r, .content_inner .images_l {
 padding:0 10% 10px;
 float:inherit;
} {
 width:100%;
}
 .w_margin270 .images_r, .w_margin270 .images_l {
 width:inherit;
}
 .w_margin270 .msg_l, .w_margin270 .msg_r {
 padding-right:0px;
 padding-left:0px;
}
 .w_margin130 .images_r, .w_margin130 .images_l {
 width:inherit;
}
 .w_margin130 .msg_l, .w_margin130 .msg_r {
 padding-right:0px;
 padding-left:0px;
}
 .breadcrumbs {
 position:relative;
 width:100%;
 padding:0 0 0px;
 top:-10px;
}
 .breadcrumbs ul:after {
 content:" ";
 display:table;
 clear:both;
}
 .breadcrumbs ul li {
 font-size:90%;
 margin-right:5px;
 float:left;
}
 .breadcrumbs ul li a {
 display:inline-block;
 margin-right:4px;
}
 .page_link {
 display:inline-block;
 padding:15px 0 15px;
 float:right;
}
 .page_link a {
 position:relative;
 display:block;
 text-align:right;
 font-size:90%;
 line-height:1.5;
 padding:1px 14px;
 padding-right:56px;
 overflow:hidden;
}
 .page_link a:after {
 position: relative;
 content:" ";
 display:inline-block;
 margin-left:10px;
 padding:15px 10px;
 background:url(../../img/point01.png) no-repeat center center #b48f40;
 top:6px;
}




/* 汎用スタイル */


.button_base {
padding:18px 10px;
}
 .button_base a {
text-align:center;
text-decoration:none;
display:.content_inner imgblock;
font-size:120%;
letter-spacing:2px;
color:#a83b1f;
padding:7px 10px;
border:1px solid #f4a793;
border-radius:5px;
background:#FFC9BB;
background:-moz-linear-gradient(top, #ffeeea, #FFC9BB);
background:-webkit-gradient(linear, left top, left bottom, from(#ffeeea), to(#FFC9BB));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeea', endColorstr='#FFC9BB', GradientType=0);
}
 #sub .sub_link_btn {
 border:0px;
 margin-bottom:15pxpx;
 padding:0px;
 border-radius:3px;
 overflow:hidden;
}
 #sub .sub_link_btn a {
 position: inherit;
 display:block;
 text-decoration: underline;
 text-shadow:#fff;
 font-size:110%;
 line-height:1.5;
 letter-spacing:0px;
 color:#fff;
 padding:10px 15px 10px 22px;
 border:0px;
 border-radius:2px;
 background:#222;
}
 #sub .sub_link_btn a:before {
 display:none;
 content:" ";
}




/* 各ページ用スタイル
---------------------- */





.sp_active {
display: block;
}
 .no_sp {
display:none;
}
 #sub .sub_section {
margin-bottom:0px;
padding:15px 0 20px;
background:none;
}
 #sub .sub_section .title {
color:#fff;
}
 .main_midasi {
 position:relative;
 font-size:135%;
 font-weight:normal;
 letter-spacing:0px;
 color:#6a4a17;
 padding:13px 20px;
 border-top:3px solid #866532;
}
 .main_midasi:before {
 content:" ";
 position:absolute;
 left: inherit;
 top: inherit;
}
 .section_header {
 position:relative;
}
 .section_header .archive_link {
 position:absolute;
 right:20px;
 top:17px;
}
 .section_header .archive_link a:before {
 content: " ";
 position:relative;
 margin-right:5px;
 top:2px;
}
 .news_book {
}
 .news_book .book_set {
margin-bottom:25px;
padding-bottom:20px;
border-bottom:1px solid #ededed;
}
 .news_book .book_set a:hover {
 background:none;
}
 .news_book .book_image .dammy_image_book {
 display:none;
}
 .news_book .book_image {
text-align:center;
}
 #main .news_book .book_image img {
width:50%;
border:3px solid #ccc;
}
 .news_book .name {
font-size:120%;
font-weight:bold;
}
 .news_book .overview {
padding:0 0 10px;
}
 .news_book .book_data {
margin-bottom:14px;
padding:10px 12px;
background:#f3f3f3;
}
 #main .news_book .book_data .title {
display:none;
font-weight:bold;
margin-bottom:6px;
}
 #main .news_book .book_data p:last-child {
margin-bottom:0px;
}





 
 /* news */
.news {
}
 .news .news_set {
padding:6px 5px;
 border-bottom:1px dotted #ccc;
}
 #main .news .news_set a {
display:block;
padding:9px 0;
}
 #main .news .news_set a:after {
content:"";
display: inherit;
clear: none;
}
 #main .news .news_set span {
display:block;
line-height:1.4;
}
 #main .news .date {
 width: inherit;
 color:#888;
 margin-bottom:3px;
 padding:0px;
 float:none;
}
 #main .news .title {
font-size:110%;
 padding:0px;
}





/* book entry */

.book_entry {
}
 #main .book_entry .name {
font-size:130%;
font-weight:bold;
margin-bottom:20px;
}
#contents .book_entry .images_l {
width:100%;
box-sizing:border-box;
 float:none;
}
.book_entry .book_image {
text-align:center;
width:100%;
padding:0 0 25px;
box-sizing:border-box;
float:none;
}
 .book_entry .book_image img {
width:60%;
}
 .book_entry .msg_r {
padding:0px;
float:none;
}
 .book_introduce {
padding:35px 0px 30px;
}
 #main .book_introduce .introduce_title {
font-size: 23px;
margin:0 0px 25px;
padding:14px 15px;
border:0px;
background:#ededed;
}
 .book_entry .book_overview img {
width:inherit;
}



/* Side Column Styles
---------------------- */



.sub_section {
margin-bottom:15px;
}
 .sub_section > .article {
padding:12px 0px 5px;
}

/*
 .sub_section > .title {
font-size:120%;
color:#fff;
padding:7px 6px 7px 36px;
background: #333333;
}

*/



#sub .sub_section > .title {
 border:0px;
 margin-bottom:15pxpx;
 padding:0px;
 border-radius:3px;
 overflow:hidden;
}
 #sub .sub_section > .title span {
 position: inherit;
 display:block;
 text-decoration:none;
 text-shadow:#fff;
 font-size:110%;
 line-height:1.5;
 letter-spacing:0px;
 color:#fff;
 padding:10px 15px 10px 22px;
 border:0px;
 border-radius:2px;
 background:#333;
}
 #sub .sub_section > .title span:before {
 display:none;
 content:" ";
}
 #contents .sub_section .inner_box {
margin-bottom:0px;
padding:18px 5%;
border:1px dashed #333333;
}
 #contents .sub_section .inner_box > .title {
font-size:85%;
margin-bottom:0px;
padding:0 0 0px;
}
 .sub_section .inner_box .attent {
font-size:85%;
line-height:1.5;
color:#fff;
margin-bottom:5px;
}
 #contents .sub_section p.inner_box {
padding:0px;
}
 #contents .sub_section p.inner_box a {
display:block;
padding:10px 10px;
}
 #contents .sub_section p.inner_box a:hover {
background:#F7FDFF;
}
 #sub .navi_list {
padding:0px 0 10px;
}
 #sub .navi_list li {
}
 #sub .navi_list li a {
text-decoration:none;
display:block;
color: #ededed;
padding:15px 13px;
border-bottom:1px solid #555;
}
 #sub .navi_list li a:before {
content:" ";
}
 #sub .sub_link {
font-size:120%;
font-weight:bold;
color:#fff;
padding:7px 6px 7px 25px;
background: #333333;
}
 #sub .sub_link a {
background-image:none;
}
 .archive_link {
text-align:center;
font-size:inherit;
}
 .archive_link a {
padding:0px;
background:none;
}


/* .book_info */

#contents .book_info .navi_list {
padding-bottom:20px;
}
 .book_info .book_search {
padding:6% 5%;
}
 .book_info .book_search form {
padding:0 0 7px;
}
 .book_info .book_search .input_inner {
margin:0px;
padding:4px 2px;
border:1px solid #ccc;
border-radius:4px;
background:#fff;
}
 .book_info .book_search .input_inner:after {
content:" ";
display:table;
clear:both;
}
 .book_info .book_search .input_inner input {
display:block;
border:0px;
float:left;
}
 .book_info .book_search .input_inner input[type="text"] {
position:relative;
width:85%;
min-height:100%;
font-size:inherit;
line-height:1.5;
color:#444;
padding:4px 3px;
box-sizing:border-box;
top:2px;
}
 .book_info .book_search .input_inner button {
position: inherit;
width:14%;
cursor:pointer;
padding:0px;
border:0px;
}
 .book_info .book_search .input_inner button img {
width:100%;
}


/* .book_category */

#sub .book_info .book_category {
margin:0px;
padding:0 5%;
padding-bottom:20px;
}
 .book_category .category_list {
padding:10px 0 10px;
}
 .book_category .category_list > li {
padding:4px 0;
border-bottom:0px;
background:#222;
}
 .book_category .category_list li a {
display:inline-block;
padding:5px 0 5px 10px;
border-left:0px;
box-sizing:border-box;
}
 .book_category .cate_child_list {
margin:0px;
padding:0 0 10px 20px;
}
 .book_category .cate_child_list li {
padding:0 0 4px;
}
 .book_category .cate_child_list li a {
padding:2px 0 2px 20px;
border:none;
background:none;
}
 .book_category .category_list ul li {
 padding:5px 0px;
 border:0px;
}
 .book_category .category_list ul li a {
 padding:2px 0 2px 10px;
 border:none;
 background:url(../../img/point02.png) no-repeat left center;
}




/* .fukuin_sekai */

.fukuin_sekai {
display:none;
padding:20px 0px;
background:none;
}
 #toppage .fukuin_sekai {
display:block;
}
 .fukuin_sekai .title {
text-align:center;
font-size:130%;
padding:12px 0;
background:#B44242;
}
 .fukuin_sekai .title:after {
border:0px;
}
 .fukuin_sekai .article {
padding:16px 20px 10px;
background:#ededed;
}
 .fukuin_sekai .article .image {
text-align:center;
padding:5px;
}
 .fukuin_sekai .article .image img {
width:50%;
border:2px solid #ccc;
box-shadow:0 0px 3px 5px rgba(0, 0, 0, 0.08);
}
 #contents .fukuin_sekai .article .link {
text-align:center;
font-size:120%;
}
 #contents .fukuin_sekai .article .link a {
font-size:120%;
padding:0px;
background:0px;
}
 .fukuin_sekai .order {
padding:25px 0;
}
 .fukuin_sekai .order .order_btn {
padding:15px 0 0;
}
 .fukuin_sekai .order .order_btn a {
width:80%;
margin:0 auto;
padding:12px 10px;
}

/* .fukuin_archive */
.fukuin_sekai .fukuin_archive .archive_title {
	font-size: 120%;
	transition: none;
}
.fukuin_sekai .fukuin_archive .archive_title:hover {
	opacity: 1;
}
.fukuin_sekai .fukuin_archive dt {
	transition: none;
}
.fukuin_sekai .fukuin_archive dt:hover {
	background: none;
}
.fukuin_sekai .fukuin_archive dd a {
	color: #197BC2;
	text-decoration: underline;
}




/* Book Entry
---------------------- */


.book_section {
}
 .book_section .section_title {
 padding: 8px 12px 8px 30px;
border:0px;
}
 .book_section .section_title:before {
content: " ";
border:0px;
}
 .book_entry {
}
 .book_entry .book_set {
margin-bottom:20px;
padding-bottom:15px;
border-bottom:1px solid #ededed;
}
 .book_entry .book_name {
display:none;
}
 .book_entry .book_data {
margin-bottom: 0px;
padding:0 0 0px;
}
 .book_entry .book_data:after {
content:" ";
display:table;
clear:both;
}
 #main .book_entry .book_data .images_l {
padding:0 0 0;
}
 #main .book_entry .book_data .title {
margin-bottom: inherit;
}
 .book_entry .order_info {
padding:10px 0 25px;
}
 .book_entry .order_info_inner {
padding:12px 20px;
border: 1px solid #ccc;
background: #f6f6f6;
}
 #contents .book_entry .order_info .title {
font-weight:bold;
margin-bottom:6px;
}
 .book_entry .order_info .banner_list {
overflow:hidden;
zoom:1;
}
 .book_entry .order_info .banner_list li {
width:30%;
margin-right:3%;
float:left;
}
 .book_entry .order_info .banner_list li:nth-child(3) {
margin-right:0px;
}
 .book_entry .order_info .banner_list li img {
width:100%;
}
.book_entry .book_overview {
padding:0 15px 4px;
}
 #contents .book_entry .book_overview p {
margin-bottom:23px;
}
 #contents .book_entry .book_overview .title {
font-size:110%;
font-weight:bold;
margin:0 -15px 18px;
padding:7px 15px;
background:#f1f1f1;
}
 #main .book_entry .social_count {
width:100%;
margin:0 auto;
padding:10px 0 20px;
}
 .book_entry .social_count:after {
content:" ";
display:table;
clear:both;
}
 .book_entry .social_count .set {
width:50%;
float:left;
}
 .book_entry .social_count .set#SCTW {
background:#5EAADE;
}
 .book_entry .social_count .set#SCFB {
background:#3B5999;
}
 .book_entry .social_count .set a {
position:relative;
display:block;
text-align:center;
text-decoration:none;
font-size:90%;
font-weight:bold;
line-height:1.2;
letter-spacing:0px;
color:#fff;
padding:6px 5px 6px 23px;
}
 .book_entry .social_count .set a .count {
display:inline-block;
width:auto;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:1px;
margin:0 auto 3px 5px;
padding:2px 5px;
border-radius:3px;
background:#fff;
}
 .book_entry .social_count .set#SCTW a span.count {
color:#5EAADE;
}
 .book_entry .social_count .set#SCTW a span.count {
 display:none;
}
 .book_entry .social_count .set#SCFB a span.count {
color:#3B5999;
}
 .book_entry .social_count .set a img {
position:absolute;
width:14%;
left:5px;
}







/* Shop list
---------------------- */



.shop_list {
}
 .shop_list .shop_area_navi {
 padding:18px 17px 10px;
}
 .shop_list .shop_area_navi .navi_list {
}
 .shop_list .shop_area_navi .navi_list:after {
 content:" ";
 display:table;
 clear:both;
}
 .shop_list .shop_area_navi .navi_list li {
 width:50%;
 margin-right:0px;
 padding:0 20px;
 box-sizing:border-box;
 float:left;
}
 .shop_list .shop_area_navi .navi_list li:nth-child(4n) {
margin-right:0px;
padding:0 0 10px;
}
 .shop_list .shop_area_navi .navi_list li a {
 display:block;
 width:100%;
 text-align:center;
 text-decoration:none;
 font-size:110%;
 padding:10px 0 16px;
 border-bottom:1px solid #222;
 box-sizing:border-box;
 background:none;
}
 .shop_list .shop_area_navi .navi_list li a:hover {
 background:#f9f9f9;
}
 .shop_list .shop_area_set {
 padding:10px 10px 25px;
}
 .shop_list .shop_area_set .area_name {
 font-size:120%;
 margin:0 -10px 20px;
 padding:10px 15px;
 background:#f1f1f1;
}
 .shop_list .shop_set {
 margin-bottom:20px;
 padding:0 10px 20px;
 border-bottom:1px dotted #ccc;
}
 .shop_list .shop_set .shop_name {
 font-size:115%;
 margin-bottom:5px;
}




/* Social line
---------------------- */

.social_line {
display:none;
}





/* Pagination
---------------------- */



#PageList {
 text-align:center;
 width:500px;
 margin:0 auto;
 padding:0 0 8px;
 overflow:hidden;
 zoom:1;
}
 #PageList li {
 display:block;
 font-weight:bold;
 margin:0 0 0 0;
 padding:10px 0;
}
 #PageList li img {
 vertical-align:bottom;
}
 #PageList li.returns a, #PageList li.next a {
 display:inline-block;
 text-align:center;
 text-decoration:none;
 font-size:115%;
 color:#297FBD;
 background:none;
}
 #PageList li.pagelist {
padding:10px 0;
}
 #PageList li.pagelist:after {
 content:" ";
 display:table;
 clear:both;
}
 #PageList li.pagelist a {
 text-align:center;
 text-decoration:none;
 display:block;
 width:18%;
 font-size:120%;
 color:#297FBD;
 margin-right:2.5%;
 padding:7px 13px;
 border:1px solid #297FBD;
 box-sizing:border-box;
 background:none;
 float:left;
}
 #PageList li.pagelist a:last-child {
margin-right:0px;
}
 #PageList li.pagelist .current_page {
 text-decoration:none;
 display:block;
 width:18%;
 font-size:120%;
 color:#fff;
 margin-right:2.5%;
 padding:7px 13px;
 border:1px solid #297FBD;
 box-sizing:border-box;
 background:#297FBD;
 float:left;
}
 #PageList li.pagelist:after {
content:" ";
display:table;
clear:both;
}
}