@charset "utf-8";

/* ===================================================================

    [ Default Section ]

=================================================================== */
body {
    color: #46321A;
    font-size: 62.5%; /* 10px */
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, 'MS PGothic', sans-serif;
    line-height: 1.6em;
    word-break: break-all;
    -webkit-text-size-adjust: 100%; /*縦・横表示でも文字サイズを同じにする*/
    background-image: url(../images/bg-body.jpg);
    background-repeat: repeat;
}

.mincho {
    font-size: 62.5%; /* 10px */
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "HG明朝E", "ＭＳ 明朝", "Noto Serif Japanese", "Sawarabi Mincho", serif;
    line-height: 2.0em;
}


/* form */
input[type="text"], textarea{
	border:1px solid #ccc;
	padding: 5px;
	color: #666;
}

/* Web Font
--------------------------------------------------------- */
#page-hedding .hedding,
#global-footer h2
{
    /* -- google font -- */
    font-family: 'Tenor Sans', sans-serif;
}

/* Link Colors
--------------------------------------------------------- */
a:link {
    color: #F00;
    -webkit-tap-highlight-color: rgba(255,255,0,0.40);
}
a:visited {
    color: #C00;
    text-decoration: none;
}


/* ClearFix
--------------------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size:0.1em;
}







/* ===================================================================

    [ Layout Section ]

=================================================================== */

/* =========================================================
    [ Common Layout ]
========================================================= */

/* Width Keeper
--------------------------------------------------------- */
.wk{
    margin-left:auto;
    margin-right:auto;
    max-width: 640px;
}










/* =========================================================
    [ Global Layout ]
========================================================= */

/* Html, Body, Wrapper
--------------------------------------------------------- */
html {
}
body {
}

#wrapper {

}


/* Global Header
--------------------------------------------------------- */
header {

}
#global-header {
    text-align: center;
    padding-bottom: 25px;
}
#office-number {
    font-size: 1.0em;
    padding-top: 4px;
}
#global-header h1 {
    font-size: 1.0em;
    margin-bottom: 15px;
}
#logo img {
    height: auto;
    width: 94%;
    margin-right: auto;
    margin-left: auto;
}

#global-header .place {
    color: #564825;
    font-size: 2.8em;
    letter-spacing: 0.4em;
    text-align: center;
    margin-bottom: 0px;
}


/* Global Navigation
--------------------------------------------------------- */
nav {

}
#top-navi { margin-bottom: 25px; }
#top-navi ul {
    display: table;
    height: auto;
    width: 100%;
    table-layout: fixed;
    text-align: center;
    margin-bottom: 20px;
}
#top-navi ul:last-child {
    margin-bottom: 0px;
}
#top-navi li {
    display: table-cell;
    height: auto;
    width: 100%;
}
#top-navi img {
/*    width: 84%;  */
    height: auto;
}




#nav-global-navi {
    background-image: url(../images/nav_sidemenu_open.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    display: block;
    height: 50px;
    width: 50px;
    background-size: 50px 50px;
    /* css3 -- tap highlight */
    -webkit-tap-highlight-color: rgba(255,255,0,0.40);
    margin-left: auto;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 4px;
    background-color: #000;
}

#global-navi{
    margin-bottom: 24px;
}
#global-navi h2 {
    font-size: 1.4em;
    text-align: center;
    letter-spacing: 0.4em;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #6F5B29;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #6F5B29;
    font-weight: bold;
}


#global-navi ul{
    display:none;
}
#global-navi li {
    font-size: 1.4em;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #6F5B29;
    text-align: center;
    letter-spacing: 0.2em;

}
#global-navi li a{
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    display: block;
    color: #6F5B29;
}
#global-navi li a img {
    padding-right: 10px;
}

#pickup-navi { margin-bottom: 25px; }
#pickup-navi li img {
    height: auto;
    width: 100%;
}

#top-result {
	display: table;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px;
}
#top-result img {
    height: auto;
    width: 100%;
}



/* Global Footer
--------------------------------------------------------- */
footer {

}
#global-footer {
    background-color: #f6b567;
    color: #FFF;
}


#global-footer .site-information {
    padding-top: 25px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
}
#global-footer .site-information h2 {
/*    margin-bottom: 15px; */
    text-align: center;
}
#global-footer .site-information h2 img {
    height: auto;
    width: 32%;
}
#global-footer .site-information .address {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 13px;
}
#global-footer .site-information address {
    background-color: #FFF;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}
#global-footer .site-information address h3 {
    font-size: 1.4em;
    color: #463219;
    margin-bottom: 10px;
}
#global-footer .site-information address .tel { margin-bottom: 10px; 
}
#global-footer .site-information address .tel img {
    height: auto;
    width: 70%;
}
#global-footer .site-information address .time {
     font-size: 1.2em;
     color: #463219;
}
#global-footer .site-information .nav-contact {
    font-size: 1.4em;
    color: #FFF;
    text-align: center;
}
#global-footer .site-information .nav-contact a {
    color: #FFF;
}






#footer-navi { background-color: #FFFFFF; 
}
#footer-navi li {
    font-size: 1.4em;
    float: left;
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #C3AF7C;
    box-sizing: border-box;	
}
#footer-navi li:nth-child(2n) {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #C3AF7C;
}
#footer-navi li a {
    color: #463219;
    text-decoration: none;
    text-align: left;
    display: block;
    width: 100%;
}
#footer-navi li img {
    margin-right: 6px;
    vertical-align: -0.4em;
}

#footer-pickup-navi {
    background-color: #FFF;
    padding: 10px;
}
#footer-pickup-navi li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 5px;
}
#footer-pickup-navi li:nth-child(2n) {
    float: right;
    padding-left: 5px;
    padding-right: 0px;
}
#footer-pickup-navi li a {
    background-color: #F0B928;
    text-decoration: none;
    display: block;
    padding-left: 5px;
    padding-top: 12px;
    padding-bottom: 15px;
}





#footer-utility-navi {
    margin-bottom: 20px;
    text-align: center;
}
#footer-utility-navi ul {
    background-color: #f6b567;
    padding-top: 15px;
    text-align: center;
}
#footer-utility-navi ul li {
    font-size: 1.2em;
    color: #FFF;
    display: inline;
    margin-right: 2px;
}
#footer-utility-navi ul li:last-child {
    margin-right: 0px;
}
#footer-utility-navi ul li a {
    color: #FFF;
}
#copyright {
    font-size: 1.2em;
    color: #FFF;
    text-align: center;
    padding-bottom: 10px;
}
#footer-utility-navi .nav-change-view {
    
}
#footer-utility-navi .nav-change-view a {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #666;
    background-image: url(../images/icon_pc_site.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 15px;
    padding-left: 35px;
}
#footer-utility-navi .nav-mail a {
    background-image: url(../images/icon_mail_contact.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px 15px;
    padding-left: 35px;
}



#global-footer .place {
    color: #fff;
    font-size: 1.6em;
    letter-spacing: 0.4em;
    text-align: center;
    margin-bottom: 15px;
}









/* Main Contents
--------------------------------------------------------- */
main {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 45px;    
    
}




/* ===================================================================

    [ Elements Section ]

=================================================================== */

/* =========================================================
    [ Common Page Elements ]
========================================================= */

/* Common Navigation
--------------------------------------------------------- */
.tel {

}

.mail {

}

a.nav {

}

a.imgnav {display:block;overflow:hidden;}

/* 幅が最大320pxの画面用(ポートレート) */
@media screen and (max-width: 320px){ 

}

/* to Pagetop Navigation
--------------------------------------------------------- */
#nav-pagetop {
    text-align: center;
    padding-bottom: 20px;
}
#nav-pagetop img {
    width: 36px;
    height: auto;
}



/* Bread Crumbs
--------------------------------------------------------- */
#bread-crumbs {
    background-color: #F0F0F0;
    height: 40px;
}
#bread-crumbs ul li {
    background-image: url(../images/bread-crumbs-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 5px 12px;
    padding-left: 10px;
    font-size: 1.2em;
    float: left;
    padding-right: 14px;
    height: 28px;
    padding-top: 12px;
}
#bread-crumbs ul li:last-child {
    background-image: none;	
}


/* Telephone Navigation
--------------------------------------------------------- */
#tel-information {
    padding: 10px;
}
#tel-information .inner {
    background-color: #F0F0F0;
    border-radius: 4px;
    padding: 10px;
}
#tel-information .inner p {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: 5px;
}
#tel-information .tel-number {
    font-size: 2.4em;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-bottom: 10px;
    vertical-align: middle;
}
#tel-information .tel-number img {
    vertical-align: middle;
    display: inline;
}
#tel-information .nav-tel {
}
#tel-information .nav-tel a {
    font-size: 1.6em;
    color: #FFF;
    background-color: #333;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    display: block;
}



/* Tab Contents
--------------------------------------------------------- */
#simpleTabs, #simpleTabs2{
    background-color: #E7E7E7;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}
.simpleTabs-nav ul{
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #E7E7E7;
}
.simpleTabs-nav li{
    height: 26px;
    width: 33%;
    float: left;
    color: #333333;
    padding-top: 14px;
    padding-bottom: 5px;
    background-color: #F5F5F5;
    font-size: 1.4em;
    text-align: center;
}
.simpleTabs-nav .middle{
	width: 34%;
}
.simpleTabs-nav li:hover{
}
.simpleTabs-nav li.close{
    float: right;
}
.simpleTabs-nav li.actif{
    color: #000;
    background: #E7E7E7;
}
#simpleTabs .simpleTabs-inner {
    padding: 10px;
}
#simpleTabs .simpleTabs-content {
    background-color: #FFF;
    padding: 10px;
    font-size: 1.4em;
    line-height: 1.6em;
}

/* Accordion List Contents
--------------------------------------------------------- */
.accordionList dt { margin-bottom: 1px; }
.accordionList dt.active {
    margin-bottom: 0px;
}

.accordionList dt:after{
    display: block;
    content: "";
    position: absolute;
    right: 10px;
    width: 15px;
    height: 15px;
    margin-top: -5px;
    background-image: url(../images/accordion_arrow_open.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 15px;
    top: 46%;
}
.accordionList dt.active:after{
    background-image: url(../images/accordion_arrow_close.png);
}
.accordionList dd {   
    display:none;

}


/* Pager
--------------------------------------------------------- */
.pager-num {
}
.pager-num ul {
}
.pager-num ul li{
    float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
    font-size: 1.4em;
}
.pager-num ul li:first-child{}
.pager-num ul li:last-child{}
.pager-num ul li.current {
	border: 1px solid #CCC;
	color: #333;
	background-color: #F3F3F3;
    font-weight: bold;
    
	padding-top: 10px;
	padding-bottom: 10px;
	width: 34px;
}
.pager-num ul li a {
    border: 1px solid #333;
    color: #FFF;
	background-color: #333;
	text-decoration: none;
	text-align: center;
    
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
    width: 34px;
}

.pager {

}
.pager ul {
    padding-right: 10px;
    padding-left: 10px;
}
.pager li { width: 50%; }
.pager li.prev { float: left; }
.pager li.next { float: right; }
.pager li a{
	color: #FFF;
	background-color: #333;
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 1.4em;
}
.pager li.prev a{
	margin-right: 1px;
}
.pager li.next a{

}








/* =========================================================
    [ Page Elements ]
========================================================= */

/* Home
--------------------------------------------------------- */
#home {
 
}
#mainImages {
    margin-bottom: 20px;
}


#home main { margin-bottom: 0px; }
.common-section-head { 
    text-align: center;
    margin-bottom: 14px;
}
.common-section-explanation {
    text-align: center;
    margin-bottom: 30px;
}
.common-section-explanation p {
    font-size: 1.4em;
    line-height: 1.4em;
}
#top-catchcopy {
    margin-bottom: 25px;
    text-align: center;
}
#top-catchcopy {
    padding-left: 15px;
    padding-right: 15px;
}
#top-catchcopy h2 {
    color: #3c331e;
    font-size: 1.6em;
    letter-spacing: 0.3em;
    line-height: 26px;
    text-align: center;
    margin-bottom: 30px;
}

#top-nav-about { 
    text-align: center;
    margin-bottom: 25px;
}
#top-nav-about img {
    height: auto;
    width: 60%;
}



#top-news {
    padding-bottom: 25px;
    padding-right: 10px;
    padding-left: 10px;
}
#top-news h2 {
    text-align: center;
    margin-bottom: 10px;
}
#top-news article {
    background-color: #FFF;
    border-radius: 6px;
    padding: 20px;
}
#top-news article .update {
    font-size: 1.4em;
    margin-bottom: 5px;
}
#top-news article h3 {
    font-size: 1.6em;
    color: #A0C75C;
    margin-bottom: 10px;
}
//#top-news article figure {
//    margin-bottom: 20px;
//    padding-right: 20px;
//    padding-left: 20px;
//}
//#top-news article figure img {
//    height: auto;
//    width: 100%;
//}
#top-news article .text {
    font-size: 1.2em;
    padding-bottom: 15px;
}
#top-news .nav-more {
    
}
#top-news .nav-more a {
    color: #FFF;
    text-decoration: none;
    font-size: 1.4em;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #CEB98C;
    border-radius: 4px;
    display:block;
}

#top-news img{
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    width: 100%;
}



/* News
--------------------------------------------------------- */
#news-wrap {
    padding-right: 10px;
    padding-left: 10px;
}
#news-wrap h2 {
    text-align: center;
    margin-bottom: 10px;
}
#news-wrap .article-list {
    background-color: #FFF;
    border-radius: 6px;
    padding: 20px;
    height: 630px;
}
#news-wrap .scroll {
    height: 630px;
    overflow: auto;
}

#news-wrap article { margin-bottom: 25px; }
#news-wrap article:last-child { margin-bottom: 0px; }

#news-wrap article .update {
    font-size: 1.4em;
    margin-bottom: 5px;
}
#news-wrap article h3 {
    font-size: 1.6em;
    color: #A0C75C;
    margin-bottom: 10px;
}
//#news-wrap article figure {
//    margin-bottom: 20px;
//    padding-right: 20px;
//    padding-left: 20px;
//}
//#news-wrap article figure img {
//    height: auto;
//    width: 100%;
//}
#news-wrap article .text { font-size: 1.2em; }

#news-wrap article img{
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    width: 100%;
}




/* Office 
--------------------------------------------------------- */
#office { }
#office .office-photo {
    margin-bottom: 25px;
}
#office .office-photo:last-child {
    margin-bottom: 0px;
}
#office .oblong {
    width: 73%;
    margin-right: auto;
    margin-left: auto;
}
#office .office-photo figure {
    margin-bottom: 10px;
}
#office .office-photo figure img { width: 100%; }
#office .office-photo h3 {
    background-image: url(../images/icon-top-arrow.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 15px 15px;
    padding-left: 20px;
    min-height: 15px;
}
#office .oblong h3 img { width: 20%; }
#office .lengthwise {
    width: 46%;
    margin-right: auto;
    margin-left: auto;
}
#office .lengthwise h3 img{
    width: 24%
}




/* Contact
--------------------------------------------------------- */
#contact { }
#mail-form form {
    padding-right: 5px;
    padding-left: 5px;
    width: 92%;
}
#mail-form dl { padding-bottom: 25px; }
#mail-form dt {
    font-size: 1.4em;
    padding-bottom: 7px;
}
#mail-form dd { text-align: center; }
#mail-form dd .text {
    font-size: 1.2em;
    width: 100%;
    border-top-color: #443317;
    border-right-color: #443317;
    border-bottom-color: #443317;
    border-left-color: #443317;
    padding-top: 10px;
    padding-bottom: 10px;
}
#mail-form .radio-wrap dt,
#mail-form .radio-wrap dd { display: inline; }
#mail-form .radio-wrap dt { padding-right: 17% }
#mail-form .radio-wrap dd label {
    font-size: 1.4em;
    padding-right: 25px;
}
#mail-form .radio-wrap dd label .radio {
    margin-left: 3%;
    vertical-align: -0.2em;
}
#mail-form dd textarea {
    font-family: sans-serif;
}
#mail-form .nav-send { text-align: center; }
#mail-form .nav-send .submit {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #463219;
    padding-right: 51px;
    padding-left: 51px;
    border-radius: 6px;
}
#thanks { }
#thanks .inner {
    margin-bottom: 100px;
}
#thanks-wrap p {
    font-size: 1.4em;
    text-align: center;
    padding-top: 10px;
}

/* CONFIRM MESSAGE */
#contact .confirm_msg {
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ff0000;
    font-size: 1.3rem;
    text-align: center;
    line-height: 1.8rem;
}

/* BUTTON */
/* send */
#contact .snd_btn button {
    padding: 16px 80px 12px 80px;
    border-radius: 10px;
    background-color: #463219;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    transition: 0.5s;
}
#contact .snd_btn:hover {
    cursor: pointer;
    transition: 0.5s;
    opacity: 0.5;
}
/* reset&back */
#contact .back_btn button,
#contact .reset_btn button {
    padding: 8px 70px 6px 70px;
    background-color: #a5a5a5;
    font-size: 1.0rem;
    letter-spacing: 0.1rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    transition: 0.5s;
}
#contact .back_btn:hover,
#contact .reset_btn:hover {
    cursor: pointer;
    transition: 0.5s;
    opacity: 0.5;
}
/* result-message */
#contact .result-message {
    padding-top: 80px;
    padding-bottom: 160px;
    font-size:1.1rem;
    line-height: 2.0rem;
    text-align: center;
    color: #000;
}
@media screen and (max-width: 767px) {
    #contact .result-message {
        font-size: 0.8rem;
        padding-top: 60px;
        padding-bottom: 100px;
    }
}


/* Access
--------------------------------------------------------- */
#access { }
#g-map {
    border: 1px solid #FFF;
    margin-bottom: 23px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    height: 314px;
}
#access-wrap li { margin-bottom: 25px; }
#access-wrap li:last-child { margin-bottom: 0px; }
#access-wrap li h3 {
    font-size: 1.6em;
    background-image: url(../images/icon-pin.png);
    background-size: 14px 16px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 16px;
    padding-left: 18px;
    margin-bottom: 10px;
}
#access-wrap li p {
    font-size: 1.4em;
    line-height: 1.4em;
}



/* About
--------------------------------------------------------- */
#about { }
#wrapper .about-main {
    padding-right: 0px;
    padding-left: 0px;
}
#about-wrap .common-section-head { 
    font-size: 1.8em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 26px;
}
#about-wrap h3 {
    text-align: center;
    margin-bottom: 10px;
}
#about-wrap h3 img {
    width: 54%;
    height: auto;
}
#about-wrap ul {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
#about-wrap li {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 5px;
}
#about-wrap li h4 {
    font-size: 1.2em;
    color: #FFF;
    background-color: #6E5A28;
    display: table-cell;
    width: 36%;
    box-sizing: border-box;
    padding: 4px;
}
#about-wrap li .large { vertical-align: top; }
#about-wrap li .detail {
    display: table-cell;
    width: 61%;
    background-color: #FFF;
    padding: 4px;
    box-sizing: border-box;
}
#about-wrap .detail .post {
    float: left;
    width: 75%;
}
#about-wrap .detail .number {
    float: left;
    width: 18%;
}
#about-wrap li .detail p {
    font-size: 1.2em;
}
#summary { margin-bottom: 32px; }




/* Link
--------------------------------------------------------- */
#link { }
#link-wrap ul { text-align: center; }
#link-wrap li {
    margin-bottom: 25px;
    font-size: 1.4em;
}
#link-wrap li img { margin-right: 7px; }
#link-wrap li:last-child { margin-bottom: 0px; }



/* Sitemap
--------------------------------------------------------- */
#sitemap { }
#sitemap-wrap li {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-bottom-color: #46321A;
}
#sitemap-wrap li:first-child {
    border-top-width: 2px;
    border-top-style: dotted;
    border-top-color: #46321A;
}
#sitemap-wrap li a {
    color: #46321A;
    text-decoration: none;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    box-sizing: border-box;
    padding-right: 5px;
    padding-left: 15px;
}
#sitemap-wrap li h3 {
    font-size: 1.4em;
}
#sitemap-wrap h3 img {
    margin-right: 9px;
    vertical-align: 0px;
}
#sitemap-wrap li h4 {
    font-size: 1.2em;
    margin-left: 10%;
    text-indent: -12px;
    padding-left: 16px;
}




/* Flow
--------------------------------------------------------- */
#flow { }
#flow-wrap li .inner {
    background-color: #FFF;
    padding-top: 15px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    border: 1px dotted #46321A;
    border-radius: 6px;
}
#flow-wrap li .inner h3 {
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #46321A;
    text-align: center;
    margin-bottom: 12px;
}
#flow-wrap li .inner p {
    font-size: 1.6em;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
    line-height: 24px;
}
#flow-wrap li .inner a { color: #46321A; }
#flow-wrap li .flow-icon {
    text-align: center;
    padding-bottom: 7px;
    padding-top: 10px;
}



/* Order
--------------------------------------------------------- */
#order { }
#order-wrap h3 {
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.4em;
}
#order-wrap dl {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #46321A;
    text-align: center;
}
#order-wrap dl:first-child {
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #46321A;
}
#order-wrap dt {
    font-size: 1.4em;
    color: #FFF;
    background-color: #A0C75C;
    width: 41%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-radius: 20px;
}
#order-wrap dd {
    padding-right: 15px;
    padding-left: 15px;
}
#order-wrap dd p { font-size: 1.4em; }
#order-wrap .nav-contact {
    padding-top: 24px;
    text-align: center;
}
#order-wrap .nav-contact a {
    font-size: 1.4em;
    color: #FFF;
    background-color: #463219;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-decoration: none;
    border-radius: 25px;
}





/* Activity
--------------------------------------------------------- */
#activity { }
#activity-wrap h1 {
    text-align: center;
    margin-bottom: 16px;
}
#activity-wrap h2 {
    font-size: 1.6em;
    text-align: center;
    margin-bottom: 15px;
    line-height: 1.4em;
}
#work h1 img {
    height: auto;
    width: 48%;
}
#work .detail-wrap {
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

#work .detail-wrap li { margin-bottom: 10px; }
#work .detail-wrap li:last-child { margin-bottom: 0px; }
#work .detail-wrap h3 {
    float: left;
    width: 33%;
    padding-right: 7px;
    box-sizing: border-box;
}#work .detail-wrap h3 img {
    width: 100%;
    height: auto;
}
#work .detail-wrap .detail {
    float: right;
    width: 66%;
    padding-top: 4px;
}
#work .detail-wrap .detail p {
    font-size: 1.2em;
    line-height: 1.2em;
}
#work .work-img {
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    margin-bottom: 22px;
    margin-top: 22px;
}
#work .wt{
	margin-bottom:30px;
}
#work .wt p{
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
}
#work .work-img .work-imgA {
    height: auto;
    width: 100%;
}
#work .work-img .work-imgB {
    height: auto;
    width: 35%;
    margin-bottom: 3px;
}
#skill h1 img {
    width: 57%;
    height: auto;
}
#skill p {
    font-size: 1.2em;
    text-align: center;
    line-height: 1.4em;
}
#skill p strong { font-weight: bold; }
#skill .skill-detail {
    text-align: center;
    margin-bottom: 25px;
}
#skill .skill-detail img {
    height: auto;
    width: 84%;
    padding-top: 15px;
}
#skill img.si {
	width:40%;
	margin-bottom:50px;
}


#result {
	margin-top:50px;
	margin-bottom:50px;
}
#result h1 img {
    width: 57%;
    height: auto;
}
#result dl {
	display: table;
	width: 100%;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
    margin-bottom: 0px;
}
#result dt {
	display: block;
	width: 100%;
	float: left;
    padding: 8px;
    font-size: 1.5em;
    font-weight: bold;
}
#result dd {
	display: block;
	width: 100%;
	float: left;
    padding: 8px;
    font-size: 1.4em;
}


#life h1{
	text-align:center;
}
#life h2{
	text-align:center;
	font-size:2.5em;
}
#life h1 img {
    height: auto;
    width: 45%;
}
#life .detail {
    text-align: center;
    margin-bottom: 17px;
}
#life .detail p {
    font-size: 1.4em;
    line-height: 1.4em;
}
#life dl {
    margin-bottom: 25px;
    text-align: center;
}
#life dt { margin-bottom: 10px; }
#life dd {
    font-size: 1.4em;
    margin-bottom: 14px;
}
#life dl .last-child {
    margin-bottom: 0px;
}
#life dl dt .life-dtA {
    height: auto;
    width: 84%;
}
#life dl dt .life-dtB,
#life dl dt .life-dtC {
    height: auto;
    width: 43%;
}
#schedule h1{
	text-align:center;
}
#schedule h1 img {
    height: auto;
    width: 47%;
}
#schedule .schedule-detail { text-align: center; }
#schedule .schedule-detail img {
    height: auto;
    width: 92%;
}

/* staff */

#staff h2{
	margin-bottom:30px;
}

#staff *{
	text-align:center;
}

#staff p{
	font-size:1.4em;
}

#staff .name{
	font-size:150%;
}

#staff .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#staff .container {display: inline-table;}

/* Hides from IE-mac \*/
* html #staff  .container {height: 1%;}
*+html #staff  .container {height: 1%;}
#staff  .container {display: block;}
/* End hide from IE-mac */


#staff .container {
	margin-bottom:50px;
}

#staff  .leftbox,
#staff  .rightbox{
	width:100%;
}
#staff  .leftbox{
}
#staff  .rightbox{
	margin-top:15px;
	font-size:16px;
	line-height:200%;
}
#staff .coments{
	line-height:150%;
	margin-top:15px;
}