@charset "utf-8";
/*--------------------------------------------------------------------
   base
---------------------------------------------------------------------*/
html, body{height: 100%;}
body{
    background:#fff url(../images/bg_body.gif);
	text-align:center;
	color:#614040;
	font-size:14px;	
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.iphone body,
.ipad body,
.ipod body{
	cursor:pointer;
}

a:link{ color:#614040; text-decoration:none;}
a:visited{color:#614040;}
a:active{color:#614040;}
a:hover{color:#7c6666; }
strong{font-weight:bold;}
img{font-size:0; line-height:0;}

/*--font --*/

.fn01{font-family: 'M PLUS Rounded 1c',sans-serif;}

.fn02{font-family:'Cabin',sans-serif;}

/*--------------------------------------------------------------------
   wrap
---------------------------------------------------------------------*/
.wrapBox,
#hdrIn,
#ftrIn{
    width:1120px;
    max-width:100%;
    margin:0 auto;
}

/*--------------------------------------------------------------------
   header
---------------------------------------------------------------------*/
header{
    background:url(../images/bg_header.svg) top repeat-x;
}
#hdrIn{
    position:relative;
    height:172px; 
}
header h1,
header .logo{
    width:350px;
    height:89px;
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom:0;
    margin: auto;
}
header h1 a,
header .logo a{
    display:block;
    background:url(../images/logo.svg) center center no-repeat;
    background-size:contain;
    width:100%;
    height:100%;
    overflow:hidden;
    text-indent:101%;
    white-space:nowrap;
}

/*---menu---*/
header nav{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    height:172px;
    display:table;
}
header nav ul.menu01,
header nav ul.menu02{
    display:table-cell;
    width:50%;
    height:100%;
    vertical-align:middle;
}
header nav ul.menu01{
    padding-right:180px;
    padding-left:25px;
    text-align:center;
    overflow:hidden;
}
header nav ul.menu02{
    padding-left:180px;
    padding-right:25px;
    text-align:center;
    overflow:hidden;
    }
header nav ul.menu01 li,
header nav ul.menu02 li{
    width:33.3333%;
    float:left;
    font-size:1.071em;
    font-family:'Cabin',sans-serif;
    height:26px;
    line-height:26px;
}
header nav ul.menu01 li{text-align:right;}
header nav ul.menu02 li{
    width:28%;
    text-align:left;}
header nav ul.menu02 li.hdrIns,
header nav ul.menu02 li.hdrTw,
header nav ul.menu02 li.hdrFb,
header nav ul.menu02 li.hdrBe{
    width:26px;
    margin-right:12px;
}
header nav ul.menu02 li.hdrIns{margin-left:5.6%;}
header nav ul.menu02 li.hdrIns a,
header nav ul.menu02 li.hdrTw a,
header nav ul.menu02 li.hdrFb a,
header nav ul.menu02 li.hdrBe a{
    display:block;
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:contain;
    width:100%;
    height:26px;
    overflow:hidden;
    text-indent:101%;
    white-space:nowrap;
}
header nav ul.menu02 li.hdrIns a{background-image:url(../images/btn_insta_off.svg);}
header nav ul.menu02 li.hdrTw a{background-image:url(../images/btn_tw_off.svg);}
header nav ul.menu02 li.hdrFb a{background-image:url(../images/btn_fb_off.svg);}
header nav ul.menu02 li.hdrBe a{background-image:url(../images/btn_be_off.svg);}
header nav ul.menu02 li.hdrIns a:hover{background-image:url(../images/btn_insta_on.svg);}
header nav ul.menu02 li.hdrTw a:hover{background-image:url(../images/btn_tw_on.svg);}
header nav ul.menu02 li.hdrFb a:hover{background-image:url(../images/btn_fb_on.svg);}
header nav ul.menu02 li.hdrBe a:hover{background-image:url(../images/btn_be_on.svg);}
@media screen and (max-width: 1119px) {   
    header nav ul.menu02 li.hdrIns,
    header nav ul.menu02 li.hdrTw,
    header nav ul.menu02 li.hdrFb,
    header nav ul.menu02 li.hdrBe{
        width:26px;
        margin-right:2.2%;
    }

}
#spmenu{display:none;}
#menubtn{display:none;}

@media screen and (max-width: 999px) {    
    header nav ul.menu01,
    header nav ul.menu02{ display:none; }
    
/*menu
-------------------------------------------------------*/
	#hdrIn{height:auto;}
	header nav{
        height:auto;
        padding-top:15%;
        }
    
    header h1,
	header .logo{
        width:59.7%;
        height:64.3%;
    }
	#menubtn{
        display:block; 
        width:44px; 
        height:44px;
        background:url(../images/menu.svg) 50% 50% no-repeat;
        background-size:20px auto;
        text-indent:101%;
        overflow:hidden;
        cursor: pointer;
        position:absolute;
        top:50%;
        margin-top:-22px;
        right:15px;
        }
 
    #spmenu{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        left:0;
        right:0;
        bottom:0;
        z-index: 99999;
        background:#f5f2eb;
    }
#spmenuIn{
    padding:60px 0 0 ;
    position:relative;
}
#close{
    position:absolute;
    top:15px;
    right:15px;
    width:30px;
    height:30px;
    display:block;
    cursor: pointer;
    z-index:99999;
}
#spmenuIn p{
    position:absolute;
    left:15px;
    top:15px;
    height:30px;
    text-align:left;
    line-height:30px;
    font-size:1.2rem;
}

#spmenuIn .spnav{
    border-top:#dfdad9 1px solid;
    text-align:center;
    font-size:2rem;
    overflow:hidden;
}
#spmenuIn .spnav li{
    border-bottom:#dfdad9 1px solid;
}

#spmenuIn li a{
	color:#614040;
    display:block;
    padding:20px 0;
    font-size:1.3rem;
    font-family:'Cabin',sans-serif;
    text-decoration:none !important;
}
#spmenuIn li a:hover{text-decoration:none;}

#spmenuIn .spContact{
    width:400px;
    max-width:90%;
    margin:0 auto;
    padding-top:120px;
    margin-top:25px;
    position:relative;
}
#spmenuIn .spContact::before{
    content:"";
    display:block;
    width:100%;
    height:100px;
    background:url(../images/pic_ftr_01.png) top center no-repeat;
    background-size:contain;
    position:absolute;
    top:0;
    left:0;
    right:0;
}

#spmenuIn .spContact a{
    display:block;
    width:200px;
    height:46px;
    margin:0 auto;
    border-radius:23px;
    background-color:#e35249;
    color:#fff;
    text-align:center;
    line-height:46px;
    font-size:1.2rem;
	font-family: 'M PLUS Rounded 1c',sans-serif;
}

}
@media screen and (max-width: 767px) {
    	header nav{ padding-top:80px; }
}
@media screen and (max-width: 374px) {
    /*iphone5*/
	#spmenuIn p{ font-size:1rem;}

}
/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{
    background-color:#f5f2eb;
    padding:80px 0 35px;
    position:relative;
    margin-top:-1px;
}
footer #ftrIn{
    padding-bottom:60px;
    background-image:url(../images/pic_ftr_01.png), url(../images/pic_02.png), url(../images/pic_03.png);
    background-repeat:no-repeat, no-repeat, no-repeat;
    background-position: 50% 40px, 17.3% 7px, 83% 20px;
    background-size:18.125% auto,17.05% auto,14.73% auto;
}
footer #ftrIn .title{
    padding-bottom:140px;
    text-align:center;
	font-family: 'M PLUS Rounded 1c',sans-serif;
    color:#e35249;
    font-size:2.571em;
    letter-spacing:0.1em;
    
}
footer #ftrIn p{
    text-align:center;
    line-height:1.857;
}
footer #ftrIn p + p{
    margin-top:15px;
    font-size:0.857em;
	font-family:'Cabin',sans-serif;
    padding-bottom:30px;
}

footer #ftrIn a{
    display:block;
    width:300px;
    height:54px;
    margin:0 auto;
    border-radius:27px;
    background-color:#e35249;
    color:#fff;
    text-align:center;
    line-height:54px;
	font-family: 'M PLUS Rounded 1c',sans-serif;
    position:relative;
}
footer #ftrIn a:hover{ background-color:#ff645b;}

footer #ftrIn a::after{
    content:"";
    display:block;
    width:10px;
    height:10px;
    background:url(../images/ico_arrow_01.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    right:23px;
    margin-top:-5px;
}

footer p.copy{
	font-family: 'M PLUS Rounded 1c',sans-serif;
    font-size:0.786em;
    text-align:center;}

footer #page-top{
    width:137px;
    height:76px;
    position:absolute;
    bottom:60px;
    right:20px;    
}
footer #page-top a{
    display:block;
    width:100%;
    height:100%;
    background:url(../images/btn_pagetop_off.png) 0 0 no-repeat;
    background-size:contain;
    overflow:hidden;
    white-space:nowrap;
    text-indent:101%;
}
footer #page-top a:hover{
    background:url(../images/btn_pagetop_on.png) 0 0 no-repeat;
    background-size:contain;
}

/*--------------------------------------------------------------------
   mainTitle
---------------------------------------------------------------------*/
#mainTitle{ background-color:#f5f2eb;}
#mainTitle h1{
    width:400px;
    max-width:100%;
    margin:0 auto;
    padding:30px 0;
    font-family: 'M PLUS Rounded 1c',sans-serif;
    color:#f25046;
    font-size:2.143em;
    letter-spacing:0.01em;
    position:relative;
}
#mainTitle h1 span{
    display:block;
    font-size:0.400em;
    padding-top:10px;
}
#mainTitle h1::before,
#mainTitle h1::after{
    content:"";
    display:block;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:absolute;
}

#mainTitle.profile h1::before{
    background-image:url(../images/pic_profile_01.png);
    width:118px;
    height:63px;
    left:27px;
    bottom:-13px;
}
#mainTitle.profile h1::after{
    background-image:url(../images/pic_profile_02.png);
    width:95px;
    height:94px;
    right:-12px;
    top:-16px;
}

#mainTitle.gallery h1::before{
    background-image:url(../images/pic_gallery_01.png);
    width:109px;
    height:88px;
    left:-41px;
    top:-13px;
}
#mainTitle.gallery h1::after{
    background-image:url(../images/pic_gallery_02.png);
    width:115px;
    height:43px;
    right:-30px;
    bottom:-9px;
}

#mainTitle.blog h1::before{
    background-image:url(../images/pic_blog_01.png);
    width:89px;
    height:92px;
    left:0;
    top:-10px;
}
#mainTitle.blog h1::after{
    background-image:url(../images/pic_blog_02.png);
    width:106px;
    height:77px;
    right:-14px;
    bottom:-15px;
}

#mainTitle.contact h1::before{
    background-image:url(../images/pic_contact_01.png);
    width:81px;
    height:79px;
    left:-28px;
    bottom:-15px;
}
#mainTitle.contact h1::after{
    background-image:url(../images/pic_contact_02.png);
    width:108px;
    height:94px;
    right:-20px;
    top:-14px;
}

/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
#container{ padding:80px 0 40px;}
#container.second{ padding:80px 0 90px;}
/* base
-----------------------*/
div[id="container"].second h2,
div[id="container"].second h3,
div[id="container"].second h4,
div[id="container"].second h5,
div[id="container"].second p,
div[id="container"].second li,
div[id="container"].second dt,
div[id="container"].second dd,
div[id="container"].second th,
div[id="container"].second td{ 
	word-wrap : break-word;
 	overflow-wrap : break-word;}

div[id="container"] p,
div[id="container"] span,
div[id="container"] li,
div[id="container"] dt,
div[id="container"] dd,
div[id="container"] th,
div[id="container"] td{
    line-height:2.28;
    text-align:left; }

div[id="container"].second p + p,
div[id="container"].second p + ul,
div[id="container"].second p + ol,
div[id="container"].second p + dl,
div[id="container"].second p + table,
div[id="container"].second p + div,
div[id="container"].second ul + p,
div[id="container"].second ul + ul,
div[id="container"].second ul + ol,
div[id="container"].second ul + dl,
div[id="container"].second ul + table,
div[id="container"].second ul + div,
div[id="container"].second ol + p,
div[id="container"].second ol + ul,
div[id="container"].second ol + ol,
div[id="container"].second ol + dl,
div[id="container"].second ol + table,
div[id="container"].second ol + div,
div[id="container"].second dl + p,
div[id="container"].second dl + ul,
div[id="container"].second dl + ol,
div[id="container"].second dl + dl,
div[id="container"].second dl + table,
div[id="container"].second dl + div,
div[id="container"].second table + p,
div[id="container"].second table + ul,
div[id="container"].second table + ol,
div[id="container"].second table + dl,
div[id="container"].second table + table,
div[id="container"].second table + div,
div[id="container"].second div + p,
div[id="container"].second div + ul,
div[id="container"].second div + ol,
div[id="container"].second div + dl,
div[id="container"].second div + table{margin-top:15px;}

div[id="container"].second h2,
div[id="container"].second h3,
div[id="container"].second h4,
div[id="container"].second h5{line-height:1.5;}


/* box
-----------------------*/
.sec01{
    width:860px;
    max-width:100%;
    margin:0 auto;
}

/* title
-----------------------*/
div[id="container"].second h2{
    font-size:1.714em;
    text-align:center;
    color:#e35249;
    margin-bottom:35px;    
}
div[id="container"].second h3{
    background-color:#f5f2eb;
    border-radius:9px;
    font-size:1.143em;
    text-align:left;
    color:#614040;
    font-weight:bold;
    margin-bottom:30px;
    padding:15px 25px;
    position:relative;    
}
div[id="container"].second h3::before{
    content:"";
    display:block;
    width:9px;
    height:100%;
    background-color:#e35249;
    border-radius:9px 0 0 9px;
    position:absolute;
    left:0;
    top:0;
}

/* btn
-----------------------*/
.btn01,
.topCont01In a,
.topCont02In a{
    display:block;
    width:200px;
    max-width:90%;
    margin:0 auto;
    height:50px;
    border-radius:25px;
    line-height:50px;   
    text-align:center;
    color:#fff !important;
	font-family: 'M PLUS Rounded 1c',sans-serif;
    font-size:	0.929em;
    background-color:#e35249;
    position:relative;
}
.btn01::after,
.topCont01In a::after,
.topCont02In a::after{
    content:"";
    display:block;
    width:10px;
    height:10px;
    background:url(../images/ico_arrow_01.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    right:19px;
    margin-top:-5px;
}
.btn01:hover,
.topCont01In a:hover,
.topCont02In a:hover{ background-color:#ff645b; color:#fff !important;}


/*--------------------------------------------------------------------
   toppage
---------------------------------------------------------------------*/
/* mainimage
---------------------------------------------------------*/
#mainImageOut{
    padding-top:500px;
    position:relative;
    overflow:hidden;
}
#mainImage{
    width:1130px;
    max-width:100%;
    margin:0 auto;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
	}
#mainImage li .inner{
    padding-top:500px;
    overflow:hidden;
    position:relative;
}
@media screen and (max-width: 1119px) {
    #mainImage li .inner,
    #mainImageOut{
    padding-top:44.6%;
	}
}
#mainImage li #main01{background:url(../images/main_01.png) center center no-repeat;background-size:contain;}
#mainImage li #main02{background:url(../images/main_02.png) center center no-repeat;background-size:contain;}
#mainImage li #main03{background:url(../images/main_03.png) center center no-repeat;background-size:contain;}
#mainImage li #main04{background:url(../images/main_04.png) center center no-repeat;background-size:contain;}

#mainImage .bx-prev{
    display:block;
    width:38px;
    height:38px;
    background:url(../images/btn_left.svg) 0 0 no-repeat;
    background-size:contain;
    overflow:hidden;
    white-space:nowrap;
    text-indent:101%;
    position:absolute;
    top:50%;
    left:-14px;
    margin-top:-19px;
}
#mainImage .bx-prev:hover{
    background:url(../images/btn_left_ov.svg) 0 0 no-repeat;
    background-size:contain;
}
#mainImage .bx-next{
    display:block;
    width:38px;
    height:38px;
    background:url(../images/btn_right.svg) 0 0 no-repeat;
    background-size:contain;
    overflow:hidden;
    white-space:nowrap;
    text-indent:101%;
    position:absolute;
    top:50%;
    right:-14px;
    margin-top:-19px;
}
#mainImage .bx-next:hover{
    background:url(../images/btn_right_ov.svg) 0 0 no-repeat;
    background-size:contain;
}
@media screen and (max-width: 1119px) {
    #mainImage .bx-prev{left:19px;}
    #mainImage .bx-next{right:19px;}
}

@media screen and (max-width: 799px) {
    #mainImage .bx-prev,
    #mainImage .bx-next{display:none;}
}


/* box
----------------------------------------------------*/
/*top01*/
#topCont01{
    padding:70px 0 80px;
    width:1120px;
    max-width:100%;
    margin:0 auto;
    background-image:url(../images/img_top_01.png);
    background-repeat:no-repeat;
    background-size:41.964% auto;
    background-position:75.23% 4px;
    overflow:hidden;
}
.topCont01In{
    width:340px;
    max-width:42%;
    margin-right:57.58%;
    padding-top:25px;
    float:right;
    text-align:center;
}
.topCont01In h2,
.topCont02In h2,
#topCont03 .title h2{
    font-family: 'M PLUS Rounded 1c',sans-serif;
    color:#f25046;
    font-size:2.571em;
    letter-spacing:0.01em;
    margin-bottom:25px;
}
#container .topCont01In h2 span,
#container .topCont02In h2 span,
#container #topCont03 .title h2 span{
    display:block;
    font-size:0.389em;
    padding-top:10px;
    text-align:center;
}
.topCont01In h3,
.topCont02In h3{
    font-family: 'M PLUS Rounded 1c',sans-serif;
    color:#f25046;
    font-size:1.143em;
    padding-bottom:15px;
}
.topCont01In p,
.topCont02In p{
    font-size:0.929em;
    line-height:2.13;
    padding-bottom:35px; 
}
/*top02*/
#topCont02{
    padding:120px 0 100px;
    width:1120px;
    max-width:100%;
    margin:0 auto;
    background-image:url(../images/img_top_02.png);
    background-repeat:no-repeat;
    background-size:53.48% auto;
    background-position:23.8% 4px;
    overflow:hidden;
}
.topCont02In{
    width:340px;
    max-width:42%;
    margin-left:58.39%;
    padding-top:25px;
    float:left;
    text-align:center;
}
/*top03*/
#topCont03{
    padding:0px 0 20px;
    width:1120px;
    max-width:100%;
    margin:0 auto;
    padding-left:6.25%;
    padding-right:8%;
    overflow:hidden;
}
#topCont03 .title,
#topCont03 .btnArea{
    width:40%;
    float:left    
}
#topCont03 .btnArea{padding-top:50px;}
#topCont03 .newsList{
    width:60%;
    overflow:hidden;
    float:right;    
}
#topCont03 .newsList li{
    width:50%;
    float:left;
    padding-bottom:30px;
    text-align:left;
}
#topCont03 .newsList li a{
    display:block;
    width:89%;
    margin-right:auto;
}
#topCont03 .newsList li img{margin-bottom:10px;}
#topCont03 .newsList li span{
    display:inline-block;
    margin-right:1em;
    font-size:0.929em;
    font-family:Calibri,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-bottom:5px;
}
#topCont03 .newsList li a span.cate{color:#e35249;}  

#container #topCont03 .newsList li a p{
    font-size:0.929em;
    line-height:1.846;    
}

#topCont03 .btnArea a.blogLink{
    display:block;
    width:180px;
    max-width:100%;
    margin:0 auto;
    height:46px;
    border-radius:23px;
    line-height:46px;   
    text-align:center;
    color:#fff !important;
	font-family: 'M PLUS Rounded 1c',sans-serif;
    font-size:	0.857em;
    background-color:#e35249;
    position:relative;
}
#topCont03 .btnArea a.blogLink::after{
    content:"";
    display:block;
    width:10px;
    height:10px;
    background:url(../images/ico_arrow_01.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    right:19px;
    margin-top:-5px;
}
#topCont03 .btnArea a.blogLink::before{
    content:"";
    display:block;
    width:69px;
    height:71px;
    background:url(../images/pic_01.png) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    left:-45px;
    margin-top:-35px;
}
#topCont03 .btnArea a.blogLink:hover{ background-color:#ff645b; color:#fff !important;}

#topCont03 .btnArea ul{
    background:url(../images/txt_share.svg) top center no-repeat;
    background-size:74px auto;
    padding-top:30px;
    overflow:hidden;
    width:114px;
    margin:45px auto 0;
}
#topCont03 .btnArea ul li{
    width:33.333%;
    float:left;
}

#topCont03 .btnArea ul li.icoIns a,
#topCont03 .btnArea ul li.icoTw a,
#topCont03 .btnArea ul li.icoFb a,
#topCont03 .btnArea ul li.icoBe a{
    display:block;
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:contain;
    width:26px;
    height:26px;
    margin:0 auto;
    overflow:hidden;
    text-indent:101%;
    white-space:nowrap;
}
#topCont03 .btnArea ul li.icoIns a{background-image:url(../images/btn_insta_off.svg);}
#topCont03 .btnArea ul li.icoTw a{background-image:url(../images/btn_tw_off.svg);}
#topCont03 .btnArea ul li.icoFb a{background-image:url(../images/btn_fb_off.svg);}
#topCont03 .btnArea ul li.icoBe a{background-image:url(../images/btn_be_off.svg);}

#topCont03 .btnArea ul li.icoIns a:hover{background-image:url(../images/btn_insta_on.svg);}
#topCont03 .btnArea ul li.icoTw a:hover{background-image:url(../images/btn_tw_on.svg);}
#topCont03 .btnArea ul li.icoFb a:hover{background-image:url(../images/btn_fb_on.svg);}
#topCont03 .btnArea ul li.icoBe a:hover{background-image:url(../images/btn_be_on.svg);}
    

/*--------------------------------------------------------------------
   local second
---------------------------------------------------------------------*/
/* profile
----------------------------------------------------*/
.boxProfile01{
    padding-bottom:60px;
    overflow:hidden;    
}
.boxProfile01 img{
    width:32.5%;
    float:left;
}
.boxProfile01 .txt{
    width:63%;
    float:right;
    text-align:left;
}
.boxProfile01 .txt span.name{
    margin-bottom:20px;
	font-family: 'M PLUS Rounded 1c',sans-serif;
    font-size:1.429em;
    display:block;
}
.boxProfile01 .txt span.name span{
    margin-left:1em;
    font-size:0.700em;
}
.boxProfile01 .txt ul li{line-height:2;}

.boxProfile01 > p{
    width:63%;
    float:right;
    margin-top:30px;}

#container .txtProfile01{
    text-align:center;
    padding-bottom:60px;
}

.bookList{
    padding-bottom:10px;
    overflow:hidden;
}
.bookList .item{
    width:25%;
    float:left;
    padding:0 20px 20px;
    text-align:center;
}
.bookList .item img{margin-bottom:15px; max-width:140px;}
#container .bookList .item dt,
#container .bookList .item dd{ 
	text-align:center;
    line-height:1.7;
}
#container .bookList .item dt{
    font-weight:bold;
    padding-bottom:5px;
}
#container .bookList .item dt a{text-decoration:underline;}
#container .bookList .item dt a:hover{ color:#7c6666;}
#container .bookList .item dd{ font-size:0.857em;}

.boxWorks{padding-bottom:50px;}

/* gallery
----------------------------------------------------*/
.lNav{
    width:944px;
    max-width:100%;
    margin:-20px auto 0;
    padding-bottom:50px;
}
.lNav ul{overflow:hidden;}
.lNav li{
    width:216px;
    margin:0 10px;
    float:left;
    padding-bottom:30px;
}
.lNav li a{
    display:block;
    width:100%;
    margin:0 auto;
    height:48px;
    border-radius:24px;
    line-height:48px;   
    text-align:center;
    color:#fff !important;
    background-color:#e35249;
    position:relative;
}
.lNav li a::after{
    content:"";
    display:block;
    width:10px;
    height:6px;
    background:url(../images/ico_arrow_02.svg) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    top:50%;
    right:15px;
    margin-top:-3px;
}
.lNav li a:hover{ background-color:#ff645b; color:#fff !important;}


.galleryIndex{
    width:1120px;
    max-width:100%;
    margin:0 auto;
    padding-bottom:0;    
}
.galleryIndex + .galleryIndex{margin-top:50px;}
.galleryIndex .galleryOuter a{
    display:block;
    width:15.2%;
    float:left;
    margin-right:1.75%;
    margin-bottom:20px;
    }
.galleryIndex .galleryOuter a.nth06{margin-right:0;}

.galleryBtmLink{
    width:925px;
    max-width:100%;
    margin:60px auto 0;
    padding:35px 30px 25px;
    border:#e5e1d7 2px solid;
    background-color:#fff;
    text-align:center;
}
.galleryBtmLink .title{
    font-size:1.286em;
	font-family: 'M PLUS Rounded 1c',sans-serif;
    color:#e35249;
    margin-bottom:25px;
}
.galleryBtmLink ul{text-align:center;}
.galleryBtmLink ul li{ display:inline-block; margin:0 10px; padding-bottom:10px;}
.galleryBtmLink ul li a{text-decoration:underline;}
.galleryBtmLink ul li a:hover{text-decoration:none;}

.galleryPost{text-align:center;}
.galleryPost p{text-align:center !important;}

/* contact
----------------------------------------------------*/
#container .contactLead,
#container .contactLead2,
#container .txtContact01{
    width:860px;
    max-width:100%;
    margin:0 auto;
}
#container .contactLead{
    text-align:center;
    font-size:1.143em;
    line-height:2;
    margin-bottom:25px;
}
#container .contactLead2{
    text-align:center;
    line-height:2;
	font-family:'Calibri',sans-serif;
    margin-bottom:30px;
}

#container .txtContact01{
    border:#e5e1d7 2px solid;
    padding:30px 40px;
    font-size:0.929em;
    line-height:2;
    color:#8f6666;
    margin-bottom:40px;
}

/* form
----------------------------------------------------*/
#form{
    width:860px;
    max-width:100%;
    margin:0 auto;
}
#container #form p + table{margin-top:10px;}
#container #form p span{ color:#e1847b;}
#form table{
    border-top:#e5e1d7 1px solid;
    width:100%;
    margin-bottom:60px;
}
#form table th,
#form table td{
    border-bottom:#e5e1d7 1px solid;
    vertical-align:top;
    padding:15px 30px;
    text-align:left;
    line-height:1.85;
}
#form table th{
    background-color:#f5f2eb;
    width:260px;
    padding-top:18px;
    font-weight:bold;
    line-height:1.73;
    white-space:nowrap;}

#form table th span{color:#f25046;}

#form table input[type="text"],
#form table input[type="email"],
#form table input[type="url"],
#form table textarea{
    background-color:#e8dad3;
    padding:5px;
    width:95%;
}
#form table textarea{
    height:12em;
}
#form table td p{padding-bottom:10px;}
#form table label,
#form table label span{font-weight:bold;}

#form .btn input,
.btnThanks a{
    display:block;
    width:300px;
    max-width:90%;
    height:54px;
    margin:0 auto;
    border-radius:27px;
    background-color:#e35249;
    color:#fff;
    line-height:54px;
    cursor:pointer;
}
#form .btn input:hover,
.btnThanks a:hover{background-color:#ff645b; color:#fff;}

.btnThanks{padding-top:60px;}

/* blog
----------------------------------------------------*/
/*layout*/
#container.blog{
    width:920px;
    max-width:100%;
    margin:0 auto;
}
#container.blog article{
    width:100%;
    margin-left:-230px;
    padding-left:280px;
    float:right;
}
#container.blog aside{
    width:230px;
    float:left;    
}
/*side*/
#container.blog aside .sidebox01{ padding-bottom:40px;}
#container.blog aside .title{
    border-bottom:#614040 1px solid;
    margin-bottom:15px;
    padding-bottom:15px;
    padding-left:40px;
    font-size:1.286em;
    text-align:left;
	font-family: 'M PLUS Rounded 1c',sans-serif;
    position:relative;
}
#container.blog aside .title.category::before{
    content:"";
    display:block;
    width:29px;
    height:25px;
    background:url(../images/pic_blog_04.png) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    left:0;
    top:0;   
}
#container.blog aside .title.archive::before{
    content:"";
    display:block;
    width:27px;
    height:38px;
    background:url(../images/pic_blog_03.png) 0 0 no-repeat;
    background-size:contain;
    position:absolute;
    left:0;
    top:-10px;   
}

#container.blog aside .sidebox01 li + li{margin-top:5px;}
#container.blog aside .sidebox01 select{
    width:100%;
    background:#e9e7e3 url(../images/select.svg) 95% 50% no-repeat;
    background-size:15px auto;
    border-radius:8px;
    padding:8px 30px 8px 5px;
    line-height:2;
}
  
.archiveLink ul{
    overflow:hidden;
    padding-bottom:50px;
}

/* article
--------------*/
article section + section{
    border-top:#e5e1d7 1px solid;
	margin-top:70px;
    padding-top:70px;
}
article .title{
    margin-bottom:35px;
    overflow:hidden;
    text-align:left;
}
article .title span{
    display:inline-block;
    margin-right:1.5em;
}
article .title span.date{font-family:'Cabin',sans-serif;}
article .title span.cate{color:#f25046;}    
#container.second article .title h2{
    font-size:1.714em;
    color:#614040;
    line-height:1.5;
    text-align:left;
    margin-bottom:0;
    padding:10px 0 0 0;
}
#container.second article .post p + p{margin-top:30px;}
#container.second article .post img{
    display:block;
    margin:0 auto;
}
#container.second article .post > img{ margin:30px auto;}

#container.second article .post p a{ text-decoration:underline;}
#container.second article .post p a:hover{ color:#7c6666;}

/* pager
--------------*/

.pageNav,
.pageNav2{
    overflow:hidden;
    border-top:#e5e1d7 1px solid;
    margin-top:50px;
    padding-top:50px;
}
.pageNav .page-numbers{display:none;}
.galleryOuter + .pageNav{border-top:none;}

.pageNav .prev,
.pageNav2 .prev {
    float: left;
    text-align: left;
    display: block !important;
}
.pageNav .next,
.pageNav2 .next {
    float: right;
    text-align: right;
    display: block !important;
}
.pageNav2 .prev a{
    text-align: left;
    display: block !important;}
.pageNav2 .next a{
    text-align: right;
    display: block !important;}

.pageNav .prev,
.pageNav .next,
.pageNav2 .prev a,
.pageNav2 .next a{
    width:120px;
    height:40px;
    border-radius:20px;
    line-height:40px;
    text-align: center;
    color:#fff;
    background-color:#e35249;
    font-family:'Calibri',sans-serif;
    position:relative;
    text-decoration:none;
}

.pageNav .prev:hover,
.pageNav .next:hover,
.pageNav2 .prev a:hover,
.pageNav2 .next a:hover{
    color:#fff;
    background-color:#ff645b;
}

.pageNav .prev,
.pageNav2 .prev a {
    margin-right: auto;
}
.pageNav .prev:before,
.pageNav2 .prev a:before{
    content:"«";
    position:absolute;
    left:25px;
    top:0;    
}
.pageNav .next,
.pageNav2 .next a {
    margin-left: auto;
}
.pageNav .next:after,
.pageNav2 .next a:after{
    content:"»";
    position:absolute;
    right:25px;
    top:0;
}
.pageNav .prev:before,
.pageNav2 .prev a:before,
.pageNav .next:after,
.pageNav2 .next a:after{
    font-size:1.2em;
    margin-top:-2px;
    }


@media screen and (max-width: 999px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 374px) {
    /*iphone5*/
}