@charset "utf-8";
/* CSS Document */

html { height: 100%; }

/*　フォントサイズ　*/
html { font-size: calc(1.125em + 0.25vw) }
h1 {   font-size: 2em; }

/*　背景　*/
body { 
background-color: #f6f6f6;
height:           100%;
}

/*　ヘッダ固定　*/
.header_fixed {
 position: fixed;
 top:      0;
 width:    100%;
 z-index:  999999998;
}

/*　loading　*/
#loading{
 position:    absolute;
 left:        50%;
 top:         50%;
 margin-top:  -25px;
 margin-left: -25px;
}
#loader-bg {
 position:   fixed;
 width:      100%;
 height:     100%;
 top:        0px;
 left:       0px;
 background: #000000;
 z-index: 1;
}
#all {
}

/*　ドラッグ色　*/
::selection {
 background: #000;
 color:      #fff;
}
::-moz-selection {
 background: #000;
 color:      #fff;
}

/*　画像サイズ　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.pc_resizeimage { display: none  !important; }
.sp_resizeimage { display: block !important;text-align:center !important; }
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.pc_resizeimage { display: block !important;text-align:center !important; }
.sp_resizeimage { display: none  !important; }
}

/*　ヘッダ画像切り替え　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
p.pc { display: none  !important; }
p.sp { display: block !important; }
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
p.pc { display: block !important; }
p.sp { display: none  !important; }
}

/*　文字両端揃　*/
p{
 text-align:            justify;
 text-justify:          inter-ideograph;
 font-feature-settings: 'palt';
}

/*　改行削除　*/
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.br-pc { display: none  !important; }
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.br-sp { display: none  !important; }
.br-pc { display: block !important; }
}

/*　2行目インデント　*/
.indent-1 {
padding-left: 1em;
text-indent:  -1em;
}
.indent-15 {
padding-left: 1.5em;
text-indent:  -1.5em;
}
.indent-2 {
padding-left: 2em;
text-indent:  -2em;
}

/* 基本 */
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.wrapper{
 width:        100%;
 height:       100%;
 margin-left:  auto;
 margin-right: auto;
 background:   #f6f6f6;
}
.header{
 width:        100%;
 height:       75px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 text-align:   center;
 background:   #000;
 color:        #FFF;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 /* 左右中央寄せ */
 -webkit-box-pack:  center;
 -ms-flex-pack:     center;
 justify-content:   center;
 /* 上下中央寄せ */
 -webkit-box-align: center;
 -ms-flex-align:    center;
 align-items:       center;
 font-family:   tbudmincho-std, sans-serif;
 font-style:    normal;
 font-weight:   500;
/*メニュー追加時にオン
 flex-wrap:       no-wrap;
 justify-content: space-between;
*/
}
.footer{
 width:        100%;
 height:       100%;
 margin-left:  auto;
 margin-right: auto;
 background:   #000;
}
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
#content{
 background:   #f6f6f6;
}
.wrapper{
 width:        100%;
 height:       100%;
 margin-left:  auto;
 margin-right: auto;
 background-image:
 url(/images/bg/bg_l_01.png) ,
 url(/images/bg/bg_r_01.png) ;
 background-position:
 left top,
 right top;
 background-repeat:
 repeat-y,
 repeat-y;
}
.header{
 width:        100%;
 height:       75px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px; 
 background:   #000;
 color:        #FFF;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 /* 左右中央寄せ */
 -webkit-box-pack:  center;
 -ms-flex-pack:     center;
 justify-content:   center;
 /* 上下中央寄せ */
 -webkit-box-align: center;
 -ms-flex-align:    center;
 align-items:       center;
 font-family:   tbudmincho-std, sans-serif;
 font-style:    normal;
 font-weight:   500;
/*メニュー追加時にオン
 flex-wrap:       no-wrap;
 justify-content: space-between;
*/
}
.footer{
 width:        100%;
 height:       100%;
 margin-left:  auto;
 margin-right: auto;
 background:   #000;
 box-shadow:   0px 1px #000;/*　MS EDGE IE11　*/
}
}

/* フッタ */
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.footer_body{
 margin-left:   auto;
 margin-right:  auto;
 padding:       30px 0px 30px 0px; 
 width:         350px;
 height:        100%;
 color:         #FFF;
 font-size:     0.4rem;
 text-align:    center;
}
.footer_icon_area{
 margin-top:      15px;
 margin-left:     auto;
 margin-right:    auto;
 width:           350px;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
}
.footer_navi{
 margin-top:      30px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_text_area{
 margin-top:      15px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_icon_left{
 width:      100px;
 text-align: right;
}
.footer_icon_center{
 width:      100px;
 text-align: center;
}
.footer_icon_right{
 width:      100px;
 text-align: left;
}
.footer_icon_space{
 width:      25px;
}
.footer_text_left{
 width:       160px;
 text-align:  right;
 align-items: flex-end;
}
.footer_text_right{
 width:       160px;
 text-align:  left;
 align-items: flex-end;
}
.footer_center{
 width:      30px;
 text-align: center;
}
.icon_footer_sns{
 width:  36px;
 height: 36px;
}
a.footer_text:link {    color: #FFF; text-decoration:none}
a.footer_text:visited { color: #FFF; text-decoration:none}
a.footer_text:hover {   color: #FFF; text-decoration:none}
a.footer_text:active {  color: #FFF; text-decoration:none}
}

@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.footer_body{
 margin-left:   auto;
 margin-right:  auto;
 padding:       50px 0px 50px 0px; 
 width:         700px;
 height:        100%;
 color:         #FFF;
 font-size:     0.5rem;
 text-align:    center;
}
.footer_icon_area{
 margin-top:      20px;
 margin-left:     auto;
 margin-right:    auto;
 width:           350px;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
}
.footer_navi{
 margin-top:      50px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_text_area{
 margin-top:      25px;
 width:           100%;
 display:         flex;
 flex-direction:  row;
 justify-content: center;
 align-items:     flex-end;
}
.footer_icon_left{
 width:      100px;
}
.footer_icon_center{
 width:      100px;
}
.footer_icon_right{
 width:      100px;
}
.footer_icon_space{
 width:      25px;
}
.footer_text_left{
 width:       170px;
 text-align:  right;
 align-items: flex-end;
}
.footer_text_right{
 width:       170px;
 text-align:  left;
 align-items: flex-end;
}
.footer_center{
 width:      40px;
 text-align: center;
}
.icon_footer_sns{
 width:  50px;
 height: 50px;
}
a.footer_text:link {    color: #FFF; text-decoration:none}
a.footer_text:visited { color: #FFF; text-decoration:none}
a.footer_text:hover {   color: #FFF; text-decoration:none}
a.footer_text:active {  color: #FFF; text-decoration:none}
}

/* 本文エリア */
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.sec_00{
 width:        350px;
 height:       100%;
 min-height:   100vh;
 margin-top:   50px;
 margin-bottom:25px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 background:   #f6f6f6;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 /* 左右中央寄せ */
 -webkit-box-pack:  center;
 -ms-flex-pack:     center;
 justify-content:   center;
}
#sec_00{
 width:        350px;
 height:       100%;
 min-height:   100vh;
 margin-top:   50px;
 margin-bottom:25px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 background:   #f6f6f6;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 /* 左右中央寄せ */
 -webkit-box-pack:  center;
 -ms-flex-pack:     center;
 justify-content:   center;
}
.sec_photo{
 width:        350px;
 height:       100%;
 margin-top:   50px;
 margin-bottom:25px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 background:   #f6f6f6;
 text-align:   center;
}

/*　地図　*/
.sec_map{
 width:        350px;
 height:       100%;
 margin-top:   50px;
 margin-bottom:100px;
 margin-left:  auto;
 margin-right: auto;
 border:                1px solid #e3e3e3;
 border-radius:         5px;   /* CSS3草案 */
 -webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
 -moz-border-radius:    5px;   /* Firefox用 */
 background:            #FFF;
}
.map_area{
 display:         flex;
 flex-direction:  column;
 justify-content: center;
}
.map_left{
 width:      350px;
 height:     350px;
 padding:    5px 20px 0px 20px;
}
.map_right{
 width:      350px;
 height:     350px;
}

.address_shop_01{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_cup.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_02{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_map.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_03{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_phone.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_04{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_time.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_05{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
}
p.add_text {
 margin-top:  10px;
 font-size:   0.6rem;
 line-height: 1.4rem;
 text-align:  left;
}
a.map_left:link {       color: #FFF; text-decoration:none}
a.map_left:visited {    color: #FFF; text-decoration:none}
a.map_left:hover {      color: #FFF; text-decoration:none}
a.map_left:active {     color: #FFF; text-decoration:none}
a.second_shop:link {    color: #000; text-decoration:underline}
a.second_shop:visited { color: #000; text-decoration:underline}
a.second_shop:hover {   color: #000; text-decoration:underline}
a.second_shop:active {  color: #000; text-decoration:underline}
a.footer_text:link {     color: #FFF; text-decoration:none}
a.footer_text:visited {  color: #FFF; text-decoration:none}
a.footer_text:hover {    color: #FFF; text-decoration:none}
a.footer_text:active {   color: #FFF; text-decoration:none}
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.sec_00{
 width:        700px;
 height:       100%;
 margin-top:   100px;
 margin-bottom:25px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 background:   rgba(246,246,246,0.0);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 /* 左右中央寄せ */
 -webkit-box-pack:  center;
 -ms-flex-pack:     center;
 justify-content:   center;
}
#sec_00{
 width:        700px;
 margin-left:  auto;
 margin-right: auto;
 padding:      100px 0px 0px 0px;
 background:   rgba(246,246,246,0.0);
}
#sec_01{
 width:        700px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 background:   rgba(246,246,246,0.0);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 /* 左右中央寄せ */
 -webkit-box-pack:  center;
 -ms-flex-pack:     center;
 justify-content:   center;
}
.sec_photo{
 width:        700px;
 height:       100%;
 margin-top:   50px;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 background:   #f6f6f6;
 text-align:   center;
}

/*　地図　*/
.sec_map{
 width:        700px;
 height:       100%;
 margin-top:   100px;
 margin-bottom:200px;
 margin-left:  auto;
 margin-right: auto;
 border:                1px solid #e3e3e3;
 border-radius:         5px;   /* CSS3草案 */
 -webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
 -moz-border-radius:    5px;   /* Firefox用 */
 background:            #FFF;
}
.map_area{
 display:         flex;
 flex-direction:  row;
 justify-content: center;
}
.map_left{
 width:      350px;
 height:     350px;
 padding:    10px 20px 0px 20px;
}
.map_right{
 width:      350px;
 height:     350px;
}
.address_shop_01{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_cup.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_02{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_map.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_03{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_phone.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_04{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
 background:      url(/images/icon/icon_time.svg)no-repeat left center;
 background-size: 24px 24px;
}
.address_shop_05{
 font-size:       0.6rem;
 padding:         15px 0px 18px 34px;
}
p.add_text {
 font-size:   0.5rem;
 line-height: 1.0rem;
 text-align:  left;
}
a.map_left:link {       color: #FFF; text-decoration:none}
a.map_left:visited {    color: #FFF; text-decoration:none}
a.map_left:hover {      color: #FFF; text-decoration:none}
a.map_left:active {     color: #FFF; text-decoration:none}
a.train_data:link {     color: #000; text-decoration:underline}
a.train_data:visited {  color: #000; text-decoration:underline}
a.train_data:hover {    color: #000; text-decoration:underline}
a.train_data:active {   color: #000; text-decoration:underline}
a.second_shop:link {    color: #000; text-decoration:underline}
a.second_shop:visited { color: #000; text-decoration:underline}
a.second_shop:hover {   color: #000; text-decoration:underline}
a.second_shop:active {  color: #000; text-decoration:underline}
a.corp_data:link {      color: #000; text-decoration:none}
a.corp_data:visited {   color: #000; text-decoration:none}
a.corp_data:hover {     color: #000; text-decoration:underline}
a.corp_data:active {    color: #000; text-decoration:underline}
a.footer_text:link {    color: #FFF; text-decoration:none}
a.footer_text:visited { color: #FFF; text-decoration:none}
a.footer_text:hover {   color: #FFF; text-decoration:none}
a.footer_text:active {  color: #FFF; text-decoration:none}
}


/* 本文 */
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
p.base {
 font-size:   0.6rem;
 line-height: 1.5rem;
 text-align:  left;
}
.text {
 width:        100%;
 margin-left:  auto;
 margin-right: auto;
 padding:      20px 20px 20px 20px; 
 border:                1px solid #e3e3e3;
 border-radius:         5px;   /* CSS3草案 */
 -webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
 -moz-border-radius:    5px;   /* Firefox用 */
 background:            #FFFFFF;
}
.photo {
 width:        100%;
 height:       100%;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 border:                1px solid #e3e3e3;
 border-radius:         5px;   /* CSS3草案 */
 -webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
 -moz-border-radius:    5px;   /* Firefox用 */
 background:            #FFFFFF;
}
}
@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
p.base {
 font-size:   0.7rem;
 line-height: 1.8rem;
 text-align:  left;
}
.text {
 width:        100%;
 margin-left:  auto;
 margin-right: auto;
 padding:      40px 40px 40px 40px; 
 border:                1px solid #e3e3e3;
 border-radius:         5px;   /* CSS3草案 */
 -webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
 -moz-border-radius:    5px;   /* Firefox用 */
 background:            #FFFFFF;
}
.photo {
 width:        100%;
 height:       100%;
 margin-left:  auto;
 margin-right: auto;
 padding:      0px 0px 0px 0px;
 border:                1px solid #e3e3e3;
 border-radius:         5px;   /* CSS3草案 */
 -webkit-border-radius: 5px;   /* Safari,Google Chrome用 */
 -moz-border-radius:    5px;   /* Firefox用 */
 background:            #FFFFFF;
}
}



/*----------------------------------------------------
会社概要
----------------------------------------------------*/ 
@media screen and (min-width: 350px) { /*　画面サイズ 350pxから適用　*/
.company_table_01 {
 font-size:   0.7rem;
 line-height: 1.5rem; 
}
.company_table_01 th{
 width:         100%;
 padding:       10px;
 letter-spacing:   0.5em;
 text-align:    center;
 display:       block;
}
.company_table_01 th.top{
 width:         100%;
 padding:       0px 10px 10px 10px;
 text-align:    center;
 display:       block;
}
.company_table_01 tr{
 border-bottom: 1px solid #e3e3e3;
}
.company_table_01 tr.bottom{
 border-bottom: 0px solid #e3e3e3;
}
.company_table_01 td{
 width:         100%;
 padding:       10px;
 text-align:    center;
 display:       block;
}
.company_table_01 td.detail{
 text-align:    left;
}
.company_table_01 td.bottom{
 width:         100%;
 padding:       10px 10px 0px 10px;
 text-align:    left;
 display:       block;
}
.company_table_01 p.last{
 font-size:     0.6rem;
 line-height:   1.5rem;
 text-align:    right;
}
}

@media screen and (min-width: 700px) {/*　画面サイズ 500pxから適用　*/
.company_table_01 {
 font-size:   0.6rem;
 line-height: 1.8rem;
 table-layout: fixed;
}
.company_table_01 th{
 width:         30%;
 padding:       10px;
 letter-spacing:   0.5em;
 text-align:    left;
 vertical-align:top;
 display:       inline-block;
 display:       table-cell;
}
.company_table_01 th.top{
 width:         30%;
 padding:       0px 10px 10px 10px;
 text-align:    left;
 display:       inline-block;
 display:       table-cell;
}
.company_table_01 tr{
 border-bottom: 1px solid #e3e3e3;
}
.company_table_01 tr.bottom{
 border-bottom: 0px solid #e3e3e3;
}
.company_table_01 td{
 width:         70%;
 padding:       10px;
 text-align:    left;
 display:       inline-block;
 display:       table-cell;
}
.company_table_01 td.top{
 width:         70%;
 padding:       0px 10px 10px 10px;
 text-align:    left;
 display:       inline-block;
 display:       table-cell;
}
.company_table_01 td.bottom{
 width:         70%;
 padding:       10px 10px 0px 10px;
 text-align:    left;
 display:       inline-block;
 display:       table-cell;
}
.company_table_01 p.last{
 font-size:     0.4rem;
 line-height:   1.2rem;
 text-align:    right;
}
}