@charset "UTF-8";
/** -----------共通---------- **/
.sp{
	display: none;
}


.pc{
	display: block;
}

.pc_inline{
	display: inline;
}

body{
    width: 100%;
    position: relative;
    overflow-x:hidden;
    
}

#container{
	width: 100%;
	padding-top:0px;
	margin: auto;
	position: relative;
        background-color: #f2f2f2;
        color: #231815;
	box-sizing:initial;
}

/** -----------共通---------- **/


.title1 {
	font-size: 26px;
	font-family: 'Work Sans', sans-serif;
	font-weight: 200;
	height: 45px;
	position: relative;
	padding: 0px 0px 20px 0px;
	width: auto;
	display:inline-block;
	line-height: 1em;
	
}



/** ----------- 　header  ---------- **/
#main_header{
	position: fixed;
    -webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	width: 110px;
	height: 100%;
	height: 100vh;
	min-height: 100%;
	top:0;
	left:0;
	background-color: #ffffff;
    font-size: 11px;
    line-height: 15px;
    z-index: 3;
}

#main_header a{

}

#burger{
    
}
#burger_base_box{
  position:fixed;
  width:40px;
  height:40px;
  top:30px;
  left:30px;
    z-index: 10;
}

#burger_base_box a:link,#burger_base_box a:visited,#burger_base_box a:active {
    text-decoration:none;
}

/*!------------------------------------*\
    burger Start
\*!------------------------------------*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 37px;
  height: 24px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #333;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 11px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #333;
  border-radius: 4px;
  transition: all .4s;
}
/*
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(17px) scale(0);
}
*/
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-17px) scale(0);
}*/

.menu-trigger.active #burger_span1{
    transform: translateY(12px) scale(0);
}

.menu-trigger.active #burger_span3{
    transform: translateY(-12px) scale(0);
}

/*!------------------------------------*\
    burger end
\*!------------------------------------*/


#open_submenu_base_box{
    position: fixed;
    width:100%;
    /*background-color:#EBEBE4;*/
    background-color:rgba(255,255,0,0.96);
    overflow:hidden;
    min-height:auto;
    display:none;
    z-index:7;
    top: 0;
    right:auto;
    bottom:auto;
    left:auto;
    overflow-y:auto;
}

#open_submenu {
    position: relative;
    width: 91%;
    height: auto;
    overflow: hidden;
    min-height: 20px;
    padding: 10px 2% 10px 7%;
    margin: auto;
}

#main_menu{
    
}


.head-menu{
    float: left;
    padding: 23px 50px;
    height: 15px;
    fnot-size:17px;
}



#header_logo{
    padding: 90px 23px 0px 22px;
	width: 55px;
	float: left;
}


#header_logo img{
padding:0px 9px 10px 0px;
width: 46px;
max-width: none;
box-sizing: initial;
}

#header_info_1,#header_info_2,#header_info_3{
    padding: 10px 33px 20px 22px;
	width: 45px;
	float: left;
    height: auto;
}

#header_info_1 a,#header_info_2 a{
    text-decoration: none;
    border-left: 1px solid #333;
}


#header_info_3{
    text-align: center;
}

#header_info_3 a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
#header_info_3 img{
    width: 35px;
    padding: 0px 2.5px;
max-width: none;
box-sizing: initial;
}
/** ----------- 　header END  ---------- **/

#main_contents{
    padding: 80px 80px 200px 190px;
    max-width: 1024px;
    margin: auto;

}

#main_contents a{
    text-decoration: underline;
}


#main_contents a:hover{
    text-decoration: none;
}

.title_img1{
    padding: 0 0 30px 0;
}

.title_img1 img{
    max-width: 180px;
}

.title_img2{
    padding: 0 0 30px 0;
}

.title_img2 img{
    max-height: 51.7px;
}

.main_text1{
    font-size: 15px;
    line-height: 32px;
    padding: 0 0 5em 0;
}
.map_link{
    font-size: 1.3em;
    padding: 1.2em 0;
}

#footer{
    width: 100%;
    text-align: center;
    position: relative;
    padding: 100px 0px 80px 0px;
    background-color: #fff;
}

#mogu_mark{
    width: 150px;
    height: 130px;
    position: absolute;
    top:-34px;
    right: 10%;
    text-align: left;
    font-size: 17px;
    line-height: 1.6em;
}

#mogu_mark img{
    width: 100px;
}

/** -----------TOP---------- **/



#main_contents h1 {
    font-size: 2em;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start:0;
    margin-inline-end:0;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#top_img1{
    width: 100%;
}

#top_img1 img{
    width: 100%;
}




#top_text1{
    width: 100%;
    text-align: right;
    font-size:15px;
    line-height: 2em;
    letter-spacing: 0.1em;
    padding: 20px 0px;
}

#top_text2{
    width: 100%;
    height: 50px;
    position: relative;
}

#top_text2 img{ 
position: absolute;
bottom:10px;
    width: 30%;
    max-width: 180px;
}


#top_img_bottom{
    width: 100%;
    overflow: hidden;
    clear: both;
}

.top_img_small{
    float: left;
    width: 48%;
    padding: 1% 1%;
    position: relative
}

.top_img_small img{
    width: 100%;
}


/** -----------TOP end--------- **/





/** -----------NEWS---------- **/
.news_title1{
    font-size: 18px;
    text-decoration: underline;
}

figure {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

    .main_text1 .entry-content{
padding: 40px 0 60px 0px;
  border-bottom: 1px dashed #444;
  margin-bottom: 60px;
    } 

    .main_text1 .entry-content p{
  padding-bottom: 0.3em;
    } 


    .main_text1 .entry-content img{
		max-width: 100%;
    }   
/** -----------NEWS end--------- **/


/** -----------WORKS---------- **/

/** -----------WORKS end--------- **/

/** -----------ABOUT US---------- **/


/** -----------ABOUT US end--------- **/

/** -----------CONTACT---------- **/

/** -----------CONTACT end---------- **/


.page-id-242 .entry-content{
    padding-top: 50px;
font-size: 15px;
line-height: 32px;
padding: 50px 0 5em 0;
}


.page-id-242 .entry-header .edit-link{
    display: none;
}
@media screen and (max-width: 768px){
    
    
.page-id-242 .entry-content{
    padding-top: 50px;
    font-size: 14px;
line-height: 1.8em;
padding: 50px 0 5em 0;
}


.page-id-242 .entry-header{
    padding-top: 20px;
}
}

/*************************
 ///  920px START
*************************/
@media screen and (max-width: 920px){
	/** ----------- 　メニュー  ---------- **/
	body {
	position: relative;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;

	}


	#main{
	width: 98%;
	position: relative;
	overflow-x: hidden;
	padding: 0px 1%;
	}

}


/*************************************************************************
************************************************************************
 ///  768px START
************************************************************************
*************************************************************************/
@media screen and (max-width: 768px){
.sp{
	display: inline;
}
.pc{
	display: none;
}
	
	.pc_inline{
	display: none;
}

#container{
	width: 100%;
	padding-top:24px;
	max-width: none;;
	margin: auto;
	position: relative;
	box-sizing:initial;

}
    
    

/** ----------- 　header  ---------- **/
#main_header{
	position: fixed;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	width: 66px;
	height: 100%;
	height: 100vh;
	min-height: 100%;
	top:0;
	left:0;
	background-color: #ffffff;
    font-size: 11px;
    line-height: 15px;
}

#main_header a{

}
    
#burger_base_box{
  position:fixed;
  width:20px;
  height:20px;
  top:30px;
  left:12px;
    z-index: 10;
}
/*!------------------------------------*\
    burger Start
\*!------------------------------------*/

.menu-trigger {
  position: relative;
  width: 30px;
  height: 22px;
}
    
    
#header_logo{
    padding: 80px 3px 0px 2px;
	width: 55px;
	float: left;
}


#header_logo img{
padding:0px 14px 10px 5px;
width: 36px;

}

#header_info_1, #header_info_2 {
  padding: 10px 6px 20px 2px;
  width: 45px;
  float: left;
  height: auto;
  font-size: 10.5px;
  line-height: 12.5px;
}
	
#header_info_3{
    padding: 10px 13px 20px 2px;
	width: 45px;
	float: left;
    height: auto;
}

#header_info_3{
    text-align: center;
}
    
    
    
#open_submenu_base_box{
    position: fixed;
    width:100%;
    /*background-color:#EBEBE4;*/

    overflow:hidden;
    min-height:auto;
    display:none;

    overflow-y:scroll;
}

#open_submenu{
padding: 20px 0 30px 0px;

}
    
.head-menu{
    float: none;
    width:100%;
    padding: 13px 0;
    text-align: center;
    height: auto;
    fnot-size:19px;
}    

    #m_insta {
        display: block;
    }

#m_insta img{
    width: 25px;
}

/** ----------- 　header END  ---------- **/

#main_contents{
padding: 0px 4% 100px 4%;
margin-left: 70px;
    max-width: none;
   width : 80% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(92% - 70px) ;
   width : calc(92% - 70px) ;
}

.title_img1{
    padding: 0 0 40px 0;
}

.title_img1 img{
    max-width: 130px;
}

.main_text1{
    font-size: 14px;
    line-height: 1.8em;
    padding: 0 0 10em 0;
}
    
.main_text1 img{
width:100%;
}
    
.map_link{
    font-size: 1.3em;
    padding: 1.2em 0;
}


    
#footer{
    width: 100%;
    text-align: center;
    position: relative;
    padding: 100px 0px 80px 65px;
    background-color: #fff;
	font-size:0.85em;
}


#mogu_mark{
    width: 60px;
    height: 130px;
    position: absolute;
    top:-20px;
    right: 10%;
    text-align: left;
    font-size: 17px;
    line-height: 1.6em;
}

#mogu_mark img{
    width: 100%;
}

/** -----------TOP---------- **/


#top_img1{
    width: 100%;
}

#top_img1 img{
    width: 100%;
}




#top_text1{
    width: 100%;
    text-align: right;
    font-size:13px;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    padding: 20px 0px;
}

#top_text2{
    width: 100%;
    height: 50px;
    position: relative;
}

#top_text2 img{ 
position: absolute;
bottom:10px;
    width: 30%;
    max-width: 180px;
}


#top_img_bottom{
    width: 100%;
    overflow: hidden;
    clear: both;
}

.top_img_small{
    float: none;
    width: 98%;
    padding: 1% 1%;
    position: relative
}

.top_img_small img{
    width: 100%;
}
}