@charset "UTF-8";



/* ヘッダーにもCSSが書いてあるので、要確認（ここのCSSだけでは反応しない部分もあったため）
-----------------------------------------------*/


/* ナビゲーションの配色
-----------------------------------------------*/
#nav ul#mainNav1 li a:link{ border-bottom: 0px solid #222222; }
#nav ul#mainNav1 li a:hover { border-bottom: 0px solid #222222; }
#nav a.current {
    border-bottom: 0px solid #222222;
}

/* サイドバーの配色
-----------------------------------------------*/
#side h1 { background: #4d4d4d; }
#side h2 { border-left: 4px solid #808080; }
#side h3 { border-left: 2px solid #b3b3b3; }



/* 見出しの調整
-----------------------------------------------*/
#content h3 {
    margin: 10px 0 5px;
    font-size: 16px;
    font-weight: bold;

}

/* サイドバーの調整
-----------------------------------------------*/
#side h1 {
    margin: 15px 0 5px;
    padding: 10px;
    font-size: 18px;
}
#side h2 {
    margin: 15px 0 5px;
    padding: 0 0 0 6px;
    font-size: 18px;
}

#side h3 { 
    margin: 10px 0 5px;
    padding: 0 0 0 6px;
}

/* Jimdo Reset
-----------------------------------------------*/
body div.n { padding: 5px 0; }
body a:link, a:visited {
    text-decoration: none;
}

body a:hover {
    text-decoration: underline;
}



body img { vertical-align: bottom; }
div.cc-m-form-view-sortable button,
div.cc-m-form-view-sortable input,
div.cc-m-form-view-sortable select,
div.cc-m-form-view-sortable textarea {
    font-family: inherit;
    font-size: 0.95em;
}
div.cc-m-form-view-sortable button,
div.cc-m-form-view-sortable input { line-height: normal; }
div.cc-m-form-view-input input[type="text"] { padding: 0 0.3em; }
div.cc-m-form-view-input textarea { padding: 0.3em; }
div.cc-m-form-view-input select[multiple="multiple"] { padding: 0.2em; }
div.cc-m-form-view-sortable input[type="checkbox"],
div.cc-m-form-view-sortable input[type="radio"] {
    padding: 0;
    border: none;
}
div.cc-m-form-view-input div.captcha input[name="captcha"] {
    font-family: inherit;
    font-size: 1.3em;
    padding: 3px 0 3px 6px;
    line-height: 1.5;
    width: auto;
}
div.cc-com-entry input[type="submit"],
div.cc-m-form-view-input input[type="submit"] {
    display: inline-block;
    padding: 0.5em 1.5em;
    margin: 1.5em auto;
    font-size: 1em;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(top, #fff, #E6E6E6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, #fff, #E6E6E6);
    background-image: -o-linear-gradient(top, #fff, #E6E6E6);
    background-image: linear-gradient(to bottom, #fff, #E6E6E6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #E6E6E6 #E6E6E6 #BFBFBF;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #B3B3B3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff', endColorstr='#ffE6E6E6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
div.cc-com-entry input[type="submit"]:hover,
div.cc-m-form-view-input input[type="submit"]:hover {
    color: #333333;
    background-color: #E6E6E6;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
div.cc-m-form-layout-1 div.cc-m-form-view-label { line-height: 2.5em; }

/*フォームラベルを2カラムにした際の幅調整*/
form.cc-m-form div.cc-m-form-view-label,
form.cc-m-form div.cc-m-form-view-label { width: 24%; }
form.cc-m-form div.cc-m-form-view-input { width: 74%; }




/* Layout
-----------------------------------------------*/
#header {
    width: 100%;
    margin: 0 0 0 0;
}

#container {
    width: 90%;
    margin: 20px auto 30px;
    justify-content: center;
}





#navigation {
        float: left;
        width: fit-content;
        margin: 4px 0 0 60px;
}

/* 24.1.31 horikawa@ip-partners.jp 
メニューの幅調整　*/
li#cc-nav-view-1140002258 li {
    width: 8em;
}



#visual {
    clear: both;

}

#footer{
    clear:both;
    text-align:center;
    width:80%;
    margin: 200px auto 10px;
}

#footer2 {
    clear:both;
    text-align:center;
    width:80%;
    margin: 200px auto 10px;
}




@media only screen and (min-width: 767px) {

#wrap{
    display:flex;
    width: 100%;
}


}


@media only screen and (max-width: 766px) {

#container {
    width: 90%;
    margin: 20px auto 0px;
    justify-content: center;
}


#wrap{
    display:flex;
    width: 100%;
    margin: 0px auto;
}


}


 #sidebar{
    display:none;
}





/* 罫線
-----------------------------------------------*/


div.hr {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #CCCCCC;
    height: 1px;
    width: 80%;
    margin: 0 auto;
}

@media only screen and (min-width: 767px) {
div.hr {
    width: 650px;
}
}







/* 基本コンテンツ幅
-----------------------------------------------*/
@media only screen and (min-width: 767px) {
 #content {
    /*width: 700px;
    min-width: 700px;*/
    width: 90%;
    max-width: 1024px;
    margin: 0 auto 0;
}

}

/* top page コンテンツ幅
-----------------------------------------------*/
@media only screen and (min-width: 767px) {

#page-1139967258 #content {
    width: 100%;
    min-width:1200px !important;
    margin: 0 auto 0;
}


#page-1139967258 .cc-m-gallery-container {
    width:100%;
    min-width: 1200px !important;
    margin:0 auto;
}






}

span.title{font-size:1.3rem;
}

span.title2{font-size:1.1rem;
}


span.mgr-5{margin-right:5px;}

span.mgl-5{margin-left:5px;}

span.mgt-5{margin-top:5px;}

span.mgb-5{margin-bottom:5px;}




/* パンくずリスト
-----------------------------------------------*/


@media only screen and (min-width: 767px) {

#bread{

    margin:30px 10px 10px 20px;

    padding-top:10px;

    font-size:12px;

}
}

@media only screen and (max-width: 766px) {

#bread{

    margin:50px 10px 20px 5px;

    font-size:12px;

}
}
 

#bread div{

    display:inline;

}

 

#bread ol{

    margin:0px;

    padding:0px;

    display:inline;

}

#bread ol li{

     display:inline;

     margin-right:10px;

     font-size:12px;

}


#bread ol li:before{

    content:"> ";
}

body.cc-page-index #bread{

   display:none;

}

}




/*導入事例　コンテンツ幅
-----------------------------------------------*/

@media screen and (min-width: 767px) {
#page-2449053889 #content {
    width: 80%;
    min-width: 1200px;
    margin: 0 auto 0;
    padding: 0 20px 0 20px;
}

#cc-m-gallery-8072264363{
    width:80%;
    min-width: 1200px;
    margin: 0 auto;
}

}




/*サービス
-----------------------------------------------*/



@media screen and (min-width: 767px) {


#page-1139967358 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 6px;
}





#page-2452023889 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 6px;
}



#page-2451941189 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 6px;
}



#page-2451941289 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 6px;
}




#page-2444212789 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 6px;
}


}







/*サービス ご購入の流れtop
------------------------*/

@media screen and (max-width: 766px) {

.secondary-nav2{
    max-width:400px;
    margin:0 auto;

}

.secondary-nav2 ul{
    list-style: none;
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    padding-left:0;
}



.secondary-nav2 ul li{
    list-style-type: none;
    text-align: center; 
    width: 120px;
    height: auto;
    margin: 5px 0;
    padding: 0 5px 0px 5px;
    font-size: 14px;
    border-bottom: 1px solid #222222;
    border-left: 1px solid #222222;
}


}





/*導入事例
-----------------------------------------------*/











/*アーティスト　コンテンツ幅 
-----------------------------------------------*/
@media screen and (min-width: 767px) {

#page-1140002258 #content {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto 0;
    padding: 0 40px;
}


}








/*展示
-----------------------------------------------*/
@media screen and (min-width: 767px) {

#page-1139967958 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 270px;
}

/*開催中
--------------------------*/
.font-14{
    font-size:14px;
}

#page-2453275389 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 270px;
}





/*今後の展示
--------------------------*/

#page-2456909989 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 270px;
}

}


/*過去の展示
--------------------------*/
#page-2426172689 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 270px;
}


/*板垣展
--------------------------*/
#page-2457009289 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 270px;
}








/*アートコラム
-----------------------------------------------*/

#page-2452026689 #sidebar{
    display:block !important;
}


@media screen and (min-width: 767px) {




#page-2452026689 #nav #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}



#page-2452026689 #content_area{
    width: 700px;
    min-width: 700px;
    margin: 20px 0 0 0;
}


#page-2452026689 #sidebar{
    width: 200px;
    min-width: 200px;
    margin: 20px 0 10px 5%;
}

#page-2452026689 #sidebar ul{
    list-style-type: none;
    padding:0 0 0 10px;

}
}



/*レジデンス紀行
-----------------------------------------------*/
@media screen and (min-width: 767px) {

#page-2449278789 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

#page-2449278789 #mainNav3 {
    position: absolute;
    top: 40px;
    left: 320px;
}

#page-2449279189 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

#page-2449467189 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

#page-2449467289 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}


#page-2449467389 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}
}




/*作家インタビューtop
-----------------------------------------------*/
#page-2455063089 h1{
    text-align: center;
}


@media screen and (min-width: 767px) {
#page-2455063089 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}


}



#page-2455063089 #mainNav3{
    display:none;
}


/*作家インタビュー入江ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2455063889 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}


}


#page-2455063889 #mainNav3{
    display:none;
}



/*作家インタビュー島田ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2455392989 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

}


#page-2455392989 #mainNav3 {
    display:none;
}




/*作家インタビュー堀内ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2455708189 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}


}

#page-2455708189 #mainNav3{
    display:none;
}




/*作家インタビュー杉本ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2455856789 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}


}

#page-2455856789 #mainNav3{
    display:none;
}



/*作家インタビュー武井ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2456028589 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}


}

#page-2456028589 #mainNav3{
    display:none;
}




/*作家インタビュー伊藤ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2456185189 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

}


#page-2456185189 #mainNav3{
    display:none;
}





/*作家インタビュー西川ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2456556189 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

}


#page-2456556189 #mainNav3{
    display:none;
}






/*作家インタビュー須藤ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2456724589 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

}


#page-2456724589 #mainNav3{
    display:none;
}







/*作家インタビュー伊藤早川ページ
-----------------------------------------------*/


@media screen and (min-width: 767px) {
#page-2456858189 #mainNav2 {
    position: absolute;
    top: 40px;
    left: 320px;
}

}


#page-2456858189 #mainNav3{
    display:none;
}













@media screen and (min-width: 767px) {

#footer {
    width: 100%;
    /*min-width:1200px;*/
    margin: 0 auto 0;
}

}

@media only screen and (max-width: 767px) {

#sidebar{
    width: 100%;
    margin: 0 auto 0;
}

#content{
    width: 100%;
    margin: 0 auto 0 ;
}

#footer{
    width: 100%;
    margin: 0 auto 0;
}

}








/* Header
-----------------------------------------------*/
#header h1 {
    margin: 0 0 0 10px;
    color: #222222;
    font-size: 30px;
    font-weight: bold;
}

#header h1 a {
    text-decoration: none;
    color: #222222;
    line-height: 1.2em;
}



#header p{
    float: left;
    margin: 0 0 0 10px;
    font-size: 16px;
    color: #222222
　　 font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}

#header p span {
    font-size: 12px;
}

#header .boxwidth{
     Z-index: 10;
     display:flex;
     align-items:baseline;
     width: 100%;
     /*min-width: 1200px;*/
     margin: -20px 0 20px 0;
}

#header img.logo{
     width: 320px;
     margin: 0 0 6px 0;
     float:left;
}

img.logosp{
  width: 320px;
}

.splogowidth{
    width:320px;
      margin: 60px auto 30px;
}

.sp-icon{
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0px auto 0px;
}


.sp-flex:after {
    content: " ";
    width: 30px;
    margin: 0px;
}




#header .iconbox{
    display: flex;
    float: right;
    justify-content:space-between;
    z-index: 20;
    width: 50px;
    /* width: 140px; */
    height: 30px;
    /*margin-right: -40px;*/
margin-right: 0;
}

.icon{
    z-index: 20;
}




.center{text-align: center;}

.fixed {
  width: 140px;
  position: absolute;
  top: 20px;/*基準を画面の右上に*/
  right: 20px;
  }

.topicon::before{
    content: '';
    display: inline-block;
    width: 80px;
    height: 80px;
    margin:0 10px 0 0; 
    background-image: url(galley-rogo.png);
    background-size: contain;
    vertical-align: middle;
}

.topiconsp::before{
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    margin: 0px auto;
    background-image: url(galley-rogo.png);
    background-size: contain;
}


#header .sp-flex{
    display:flex;
    flex-wrap: wrap;
}

.telicon{
    width: 30px;
    height: 30px;
    float: left;
}

.tleft{
    display: inline-block;
    text-align: left;
}

.telsp{
    margin:5px 0 0 0;
}


.cb{
clear: both;
}


@media screen and (max-width: 766px) {
img.imgsize {
    width: 22px;
    height: 22px;
    margin: 10px;
}
}


@media screen and (min-width: 767px) {
img.imgsize{
    width: 18px;
    hight: 18px;
}

}




/* article
-----------------------------------------------*/






#article .mgr-10{
    margin-right: 20px;

}

#article .text-center{
    text-align: center;

}


#article ul{
    list-style-type: none;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0 0 0;
}

#article li{
    margin:0 20px 10px 0;
}

#article h1 .text-center{
    text-align:center;
}

#article h2{
    margin:0 0 10px 0;
}

#article h2 .text-center{
    text-align:center;
}








@media screen and (min-width: 767px) {
#article .toptext-width{
    width:700px;
    margin:0 auto 0;
    text-align: left;
    line-height:1.5;
}





#article .text-width{
    width:700px;
    margin:0 auto 0;
}

#article .img-center{
    width:571px;
    height:auto;
    object-fit: cover;
    margin: 0 auto;
}

#article .banner-box{
    width:1200px;
    hight:auto;
    margin:0 auto;
}


#article .banner img{
    width:500px;
    height:auto;
}





}


@media screen and (max-width: 767px) {

#article .toptext-width{
    width:90%;
    margin:0 auto 0;
    text-align: left;
    padding:0 20px 0 20px;
}


div .text-width{
    width:80%;
    margin:0 auto;
    padding:0 auto 0 20px;
 }   

#article .img-center{
    width: 90%;
    height:auto;
    object-fit: cover;
    margin: 0 auto;
}


#article img{
    text-align: center;
    width: 100%;
    height: auto;
}


}







/* article 入江LP用
-----------------------------------------------*/

#page-2482791389 #header{
    display: none;
}


#page-2482791389 #content p{
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif !important;
}


#page-2483272689 #header{
    display: none;
}



#page-2482791389 h1{
  display: inline-block;
  font-family:Century Gothic;
  font-size: 4.5em;
  line-height: 1.2em;
  padding: 0em 0.2em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #f5a69f;/*左線*/
  z-index: 5000;
}



#article  h2{
    font-size: 1.5em;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif !important;
  }
#article .recommend-width h2{
  display: inline-block;
  font-size: 1.4em;
  padding: 0em 0.2em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 4px #f5a69f;/*左線*/
}


#article .recommend-width-2 h2{
  font-size: 1.4em;
  margin: 40px auto 40px;
  text-align: center;
}


#article .recommend-width-2 h2{
  font-size: 1.4em;
  margin: 40px auto 40px;
  text-align: center;
}

#article  p{
  font-size: 16px;
  line-height: 1.5;
  margin:0 0 50px 0;
}

#lp-button p{
 margin-bottom: 48px;
 font-size: 24px;
 text-align: center;
}

#lp-button{
  margin-bottom: 96px;
}

#lp-button p{
  margin-bottom: 48px;
  font-size: 24px;
  text-align: center;
}


#page-2482791389　a {
　font-weight:bold;
　text-decoration:none;
　font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif !important;
}




#lp-button a{
  display: block;
  width: 300px;
  height: 80px;
  margin: 0 auto;
  font-size: 16px;
  text-decoration:none;
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif !important;
  background: #e0dfda;
  border-radius: 5px;
  text-align: center;
  line-height: 80px;
}


#lp-button a:link, a:visited {
    text-decoration: none;
    color: #444444;
}

.text-center{
  text-align: center;
}





.group_logo{
  width: 35%;
  height: auto;
  text-align: center;
  margin-right: 10%;
}

.group_logo img{
  width:100%;
  height:auto;

}










@media screen and (min-width: 767px) {

#article .top-ja{
  font-size: 0.9em;

}



#page-2482791389 #content  {
    width: 1000px;
    min-width: 1000px;
    margin: 0 auto 0;
}





#article .toplogo-size {
  height: auto;
  margin: 0px auto 40px;
  padding-left: 20px;
}



#article .toplogo-size img{
  width:25%;
  height: auto;
}


.all-lp-width{
    width:1000px;
}

#article .wrapper{
    position: relative;
    width:1000px;
    margin:0 auto 200px;
    justify-content: center;
}

#article .lp-width{
    position: relative;
    width:700px;
    margin:0 auto 100px;
    text-align: left;
    line-height:1.5;
}

#article .lptop-height{
    height: 800px;
}


#article .recommend-width{
    width:1000px;
    margin:200px auto 100px;
    padding: 0 20px 0;
    text-align: left;
    line-height:1.5;
}


.title-position{
  position:absolute;
  left:-140px;
  top: 100px;
}

.subtitle-position{
  font-size: 22px !important;
  position:absolute;
  left:-110px;
  top: 440px;
  z-index: 5000;
}

.topimg-position{
  position:absolute;
  left: 20px;
  top: 0px;
}

.m-b-200{
  margin-bottom: 260px;
}

.detail p{
    position: absolute;
    right: 180px;
    width: 280px;
    font-size: 14px !important;
    text-align: justify;
}



.group{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

}


.group_item{
  flex-basis:calc((100% - 50px) / 2);
  max-width:calc((100% - 50px) / 2);
  height: auto;
  text-align: center;
  font-size: 14px;
  margin-right: 50px;
  margin-bottom: 10%;
}




.group_item:nth-child(2n){
  margin-right:0;
}



.group_item img{
  width: 100%;
  height: 340px;
  object-fit: contain;
  margin-bottom: 15px;

}



.group_logo:nth-child(2){
margin-right:0;
}


/* article 入江LP用
作品例ページ
-------------------------------------*/




#article .toplogo-size-1 img{
  display:block;
  margin: 0 auto 0;
  width:40%;
  height: auto;
}


#page-2483272689 #footer  {
    min-width: auto;
}

/* 
-------------------------------------*/



}






@media screen and (max-width: 767px) {


#article .top-ja{
  font-size: 0.9em;

}

#page-2482791389 .logosp{
     display:none;
}

#page-2482791389 #footer{
    display:none;

}







#article .lp-width{
    position: relative;
    width: 90%;
    margin: 0 auto 100px;
    text-align: left;
    line-height:1.5;
}


#article .recommend-width{
    width: 90%;
    margin: 200px auto 100px;
    text-align: left;
    line-height:1.5;
}

.detail p{
    font-size: 14px !important;
    text-align: justify;
}

#article h1{
  display: inline-block;
  font-family:Century Gothic;
  font-size: 3.5em;
  line-height: 1.2em;
  padding: 0em 0.2em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 10px #f5a69f;/*左線*/
  z-index: 5000;
  margin:0 0 40px 0;
}




.group{
  display:block;
  text-align: center;

}

.group_item{
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 14px;
  margin-bottom: 100px;

}



.group_item img{
  width: 100%;
  max-height: 400px;
  object-fit: contain;
  margin-bottom: 15px;

}



.group_logo{
  width: 50%;
  height: auto;
  display: block;
  margin: 0 auto 60px;
}

.group_logo img{
  width:100%;
  height:auto;

}

#article .toplogo-size {

  
}



#article .toplogo-size img{
  display:block;
  margin:0 auto 60px;
  width:50%;
  height: auto;
}



/* article 入江LP用
作品例ページ
-------------------------------------*/

#page-2483272689 .logosp{
     display:none;
}

#page-2483272689 #footer{
    display:none;

}

/* 
-----------------------------------*/

}








/* contact
-----------------------------------------------*/


@media screen and (min-width: 767px) {
.cc-m-form{
    width:700px;
    margin:0 auto;
}

.cc-m-form-view-element{
    margin-bottom:40px;
}




}



@media screen and (max-width: 767px) {
.cc-m-form{
    width:80%;
    margin:0 auto;
}

.cc-m-form-view-element{
    margin-bottom:20px;
}



}




/* Nav
-----------------------------------------------*/



   
@media screen and (max-width: 767px) { 
    #container {
        width: 90%;
        display: flex;
        flex-direction: column;
    }
    #header {
        width: 100%;
        order: 0;
        -webkit-order: 0;
    }
    #header h1 {
        clear: both;
        float: none;
        text-align: center;
    }
    #header h1 a { line-height: 1.5 }
    #header h1 img {
        float: none;
        margin: 10px auto 0;
    }
    #header p {
        width: 100%;
        margin: 0;
        font-size: 0.8em;
        text-align: center;
    }
    #header p span { font-size: 0.8em }
 
    
   #nav ul{
    list-style-type: none!important
   }
   
   
     #mainNav1 li a {
        display: block !important;
        padding: 10px 10px;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        text-decoration: none;
        border-bottom: 1px solid #ffffff;
        background: #222222;
    }
    #nav ul #mainNav1 li a:hover { background: none }
    #nav a.current {
        background: #888888;
        border-right: none;
    }
    #nav ul #mainNav1 li a span {
        padding: 0;
        background: none;
        color: #ffffff;
    }
    #nav ul #mainNav1 li:last-child { border: none }
    #nav ul #mainNav2 { background: #222222 }
    #nav ul #mainNav3 { background: #000000 }
    #nav #mainNav2,
    #nav #mainNav3 { border-bottom: none }
    #nav ul #mainNav2 li a { padding: 8px 0 8px 20px }
    #nav ul #mainNav2 li:last-child { border: none }
    #nav ul #mainNav3 li a { padding: 8px 0 8px 40px }
    #nav ul #mainNav3 li:last-child { border: none }
    #visual {
        order: 2;
        -webkit-order: 2;
        height: 100%\0/;
    }
    #visual img {
        max-width: 100%;
        height: auto !important;
    }
    #content {
        clear: both;
        float: none;
        width: 90%;
        margin:0 auto;
        order: 3;
        -webkit-order: 3;
        height: 100%\0/;
        
    }
    #side {
        width: 100%;
        order: 4;
        -webkit-order: 4;
    }
    #side{ display: none;}
    #nav{ display: none;}

    #sidebar {
        width: 100%;
        order: 5;
        -webkit-order: 5;
    }
 
    #footer {
        order: 6;
        -webkit-order: 6;
    }



    
    
    #navToggle {
        display: block !important;
        position: absolute;
        right: 10px;
        top: 20px;
        width: 30px;
        height: 25px;
        cursor: pointer;
        border: 1px solid #c0c0c0;
        padding: 10px;
        border-radius: 2px;
        background: #c0c0c0;
    }
    #navToggle div { position: relative }
    #navToggle span {
        display: block;
        position: absolute;
        width: 100%;
        border-bottom: solid 3px #fff;
        -webkit-transition: 0s ease 0s;
        -moz-transition: 0s ease 0s;
        transition: 0s ease 0s;
    }
    #navToggle span:nth-child(1) { top: 0 }
    #navToggle span:nth-child(2) { top: 11px }
    #navToggle span:nth-child(3) { top: 22px }
    .openNav #navToggle { background: #c0c0c0 }
    .openNav #navToggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-color: #ffffff;
    }
    .openNav #navToggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-color: #ffffff;
    }
    .openNav #navToggle span:nth-child(2),
    .openNav #navToggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        border-color: #ffffff;
    }
    
    

}




/* プルダウンメニュー

---------------------------------------------------------*/
@media only screen and (min-width: 767px) {
#topnavi{
/*
    width:980px;

    margin:0px auto;
*/
}

 

.j-nav-level-0{

    padding:0px;

    margin:0px;

}

 

.j-nav-level-0 li{

    /* z-index:100; */

    display:block;

    float:left;

    height:30px;

    background:#fff;

    position: relative;

    overflow:hidden;

    padding:0px;

    margin:0px;

    margin-right:5px;


    border-top:none;

}

 

.j-nav-level-0 li a{

    font-size:14px;

    color:#333;

    text-decoration:none;

    display:block;

    height:30px;

    line-height:30px;

    padding:0px 10px;

    text-align:center;

}

 

.j-nav-level-0 li:hover{

    overflow:visible;

}

 

.j-nav-level-0 li a:hover{


}

 

.j-nav-level-1{

    padding:0px;

    margin:0px;

    position:absolute;

    top:30px;

    left:0px;

    z-index: 1;
    box-shadow: 0 2px 4px #ddd;
}

 

.j-nav-level-1 li{

    padding:0px;

    margin:0px;

    display:block;

    width:200px;

    height:40px;

    position:relative;

    font-size:12px;


    border-bottom:1px dotted #ccc;

    text-indent:7px;

}

 

.j-nav-level-1 li a{

    padding:12px 0 0 5px;

    margin:0px;

    width:200px;

    height:40px;

    line-height:25px;

    text-align:left;

}

 

.j-nav-level-1 li a:hover{


}

 

.j-nav-level-2{

    padding:0px;

    margin:0px;

    position:absolute;

    border-bottom:0px solid #666;

}

 

.j-nav-level-2 li{

    padding:0px;

    margin:0px;

    display:block;

    font-size:14px;

    /* width:160px; */
width: 10em;

    height:25px;
    /* left:160px; */
left: 8em;
    top:-25px;


}

 

.j-nav-level-2 li a{

    padding:0px;

    margin:0px;

    /* width:160px; */
width: 10em;

    height:25px;

    line-height:20px;

}

li#cc-nav-view-2455454689:hover{

}


}



@media only screen and (max-width: 767px) {
    #header #nav {
        width: 100%;
        padding:10px 0 0 0;
        order: 1;
        -webkit-order: 1;
        margin: 40px 0 20px;
        background: #f5f5f5;
        -webkit-transition: 0 ease;
        -moz-transition: 0 ease;
        transition: 0 ease;
    }
    #nav ul {
        list-style:none;
        display: block;
        font-size: 16px;
        font-weight: lighter;
        color: #1c305c !important;
        text-decoration: none;
        background: none;
    }

     #nav li a{
        list-style:none;
        display: block;
        padding: 5px 5px;
        font-size: 14px;
        font-weight: bold;
        color: #1c305c !important;
        text-decoration: none !important;
        background: none;
    }


    #nav ul #mainNav1 li a:hover {background: #f5f5f5;}
    
    #nav a.current {
        background: #ffffff;
        border-right: none;
    }
    #nav ul #mainNav1 li a span {
        padding: 0;
        background: none;
        color: #ffffff;
    }
    #nav ul#mainNav1 li:last-child { border: none }
    #nav ul#mainNav2 { background: #f5f5f5 }
    #nav ul#mainNav3 { background: #f5f5f5 }
    #nav #mainNav2,
    #nav #mainNav3 { border-bottom: none }
    #nav ul#mainNav2 li a { padding: 8px 0 8px 20px }
    #nav ul#mainNav2 li:last-child { border: none }
    #nav ul#mainNav3 li a { padding: 8px 0 8px 40px }
    #nav ul#mainNav3 li:last-child { border: none }
    #visual {
        order: 2;
        -webkit-order: 2;
        height: 100%\0/;
    }



}




/* Footer
-----------------------------------------------*/
#footer .leftrow { line-height: 2em; }
#footer .leftrow img { vertical-align: middle; }



/* Footer2
-----------------------------------------------*/
#footer2 .fs { font-size: 80%; }
#footer2 a {
text-decoration: none;
}
#footer2 a:hover {
text-decoration: underline;
}





/* blog
-----------------------------------------------------------------------*/
#content .j-blogarticle { margin-bottom: 10px }
#content .blogselection h1 {
    margin: 5px 0;
    padding: 11px 0 17px;
    background: none !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    border-bottom: 1px dotted #ccc;
    outline: none;
}
#content .blogselection h1 a { font-weight: normal !important }
#content .blogselection h1 a:hover { font-weight: bold !important }
.cc-page-blog #content .post h1 {
    margin: 40px 0 0;
    padding: 5px 0 16px;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    background: none !important;
    border-radius: 0 !important;
    border-bottom: 1px dotted #ccc;
    outline: none;
}
.blogselection h1:before,
.cc-page-blog #content .post h1:before { padding: 0 !important }
.cc-page-blog #content .post h1 a {
    text-decoration: none;
    color: 3a3325;
}
.postmeta {
    margin: 5px auto 0;
    border-bottom: 1px dotted #ccc;
    text-align: left;
    color: #aaa;
    font-size: small;
}
.cc-page-blog #content .dt-alignment-right {
    float: left;
    margin: 38px 15px 0 0;
}
#content .dt-alignment-right {
    float: left;
    margin: 5px 15px 0 0;
}
body div.blogselection div.n { padding: 0px }
.cc-page div.datetime.dt-style3.dt-alignment-left { margin: 5px 15px 15px 0px }
.cc-page-blog div.datetime.dt-style3.dt-alignment-left { margin: 35px 10px 10px 3px }
body .skiptoform { margin: 10px }
body ul.com-list,
ul.com-list-noava { margin: 15px 0 0 0 }


/* RSS
-----------------------------------------------------------------------*/
.rssFeed h1 {
	background: none !important;
	margin: 0 !important;
	padding-left: 0 !important;
	font-size: x-large !important;
	font-weight: bold !important;
}
.rssFeed h1 a {
	color: #000 !important;
	font-weight: bold !important;
}



/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media only screen and (min-width: 767px) {
.pc { display: block; }
.sp { display: none !important; }
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }



}




.parent {
    position: relative;
}



/* Top page 
-----------------------------------------*/
#toplink ul{
    list-style-type: none;
}

#toplink  ul li{
    float: left;
    width: auto;
    height: 200px;
    position: relative;
    padding: 0px;
    margin: 20px 100px 20px -40px;
    text-align: center;
}



@media only screen and (min-width: 767px) {
div .interior-list{
    width: 1200px;
    margin: 0 auto 0px;
}

#top-interior  ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:0 0 0 0;
}

#top-interior  ul li{
    width: 270px;
    height: 280px;
    position: relative;
    padding: 0px;
    margin: 20px 10px 20px 10px;
    text-align: center;
    overflow: hidden;
}

#top-interior img{
    margin-bottom: 5px;
    width:300px;
    height:300px;
    object-fit: cover;
}


}


@media only screen and (max-width: 767px) {



#top-interior ul{
    list-style-type: none;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

#top-interior  ul li{
    width: 40%;
    position: relative;
    padding: 0px;
    margin: 0 10% 40px 0;
    text-align: center;
    overflow: hidden;
}

#top-interior img{
    margin-bottom: 5px;
    width:100%;
    height:100%;
    object-fit: cover;
   
}

}




/* Artist page 
-----------------------------------------*/



div .artist-list{
    display:flex;
    width: 100%;
    margin: 0 auto 0;
}


#artist ul{
    list-style-type: none;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

#artist  ul li{
    float: left;
    width: 40%;
    position: relative;
    padding: 0px;
    margin: 0 5% 20px 5%;
    text-align: center;
    overflow: hidden;
}

#artist img{
    margin-bottom: 5px;
    width:100%;
    height:auto;
    object-fit: cover;
}





#artist  ul li a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 120%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}

#artist ul li a:hover{
        opacity:0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha( opacity=60 )";
        background: #fff;
}

#artist img{
    margin-bottom: 5px;
}


#artist .cb{
clear: both;
}







@media only screen and (min-width: 767px) {

div .artist-list{
    display:flex;
    width: 1200px;
    margin: 0 auto 0;
}


#artist  ul{
      padding:0;
      margin:0 auto;
}




#artist  ul li{
    float: left;
    width: 220px;
    position: relative;
    padding: 0px;
    margin: 30px;
    text-align: center;
    overflow: hidden;
}

#artist img{
    margin-bottom: 5px;
    width:220px;
    height:220px;
    object-fit: cover;
}

#artist p{
    font-size:14px;
}


}








/* レジデンス紀行トップ
 アーティストページのulと共通idのため、調節の際は注意
-----------------------------------------*/
#page-2449278789 #article .toptext-width h1{
    text-align:center;
}
#page-2449278789 #article .toptext-width h2{
    text-align:center;
}




#residence a{
    color: #333333;
    text-decoration: none;
}




@media only screen and (min-width: 767px) {
#artist .text-size{
    font-size:14px;
    margin: 0 0 0 -4px;
    }


#artist .re-img{
    margin-bottom: 5px;
    width:220px;
    height:400px;
    object-position: 60% 0;
}

#artist .re-img2{
    margin-bottom: 5px;
    width:220px;
    height:400px;
    object-position: 10% 0;
}





.prof-img{
    width:200px;
    margin:0 30px 0 0;
}

.prof-text{
    display: -webkit-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.75;
    margin-top: -5px;
    text-align: justify;
}


#artist .mg{
    margin:10px 0 0 -200px;
}

}



@media only screen and (max-width: 767px) {
#artist .text-size{
    font-size:14px;
    margin: 0 0 0 -4px;
    }


#artist .re-img{
    margin-bottom: 5px;
    width:100%;
    height:400px;
    object-position: 60%　0;
}

#artist .re-img2{
    margin-bottom: 5px;
    width:100%;
    height:400px;
    object-position: 25% 0;
}




.prof-img{
    width:160px;
    margin:10px auto;
}



#artist .mg{
    margin:10px auto;
}

}






/* Exhibition page 
-----------------------------------------*/


#exh div{border: #ff0000 solid 0px;}

#exh ul{
    list-style-type: none;
}


#exh  ul li{
    float: left;
    width: 300px;
    height:300px;
    position: relative;
    padding: 0px;
    margin: 20px 60px 60px -20px;
    text-align: center;
    overflow: hidden;
}


#exh  ul li a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    text-indent: 120%; /*テキスト非表示*/
    white-space: nowrap; /*テキスト非表示*/
    overflow: hidden; /*テキスト非表示*/
}

#exh ul li a:hover{
        opacity:0.6;
        filter: alpha(opacity=60);
        -ms-filter: "alpha( opacity=60 )";
        background: #fff;
}

#exh img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

#exh p{
    font-size: 16px;
    font-weight: bold;
    color: #222222;
}

#exh h2{
    line-height:1.4;
    color: #222222;
}


#exh a { text-decoration: none; }
#exh a:link { color: #222222; }
#exh a:visited { color: #222222; }
#exh a:hover { color: #222222; }
#exh a:active { color: #222222; }






/*  Jimdo標準ボタン機能スタイル設定（旧レイアウト・独自レイアウト用）
----------------------------------------------- */

.j-calltoaction-align-1 {
    text-align: center;
}

.j-calltoaction-link-style-1 {
    border-radius: 40px !important;
    font-size: 16px !important;
    line-height: 1.3;


}

.j-calltoaction-link
{
        text-decoration: none !important;
        background: #a9a9a9 !important;
        border-radius: 40px!important;
        border-style: none !important;
        padding: 20px 40px!important;
        font-size: 16px !important;
      color: #ffffff !important;
}

#cc-inner .j-calltoaction-wrapper a{
     color: #ffffff !important;
}




.j-calltoaction-link:hover
{
        text-decoration: underline !important;

}





.img-container--absolute-position {
 position: relative;
 width: 300px;
 height: 300px;
 img {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 }
}

div{border: 0px solid #000000;}

/* exhibision BTN font */
#cc-inner .j-calltoaction-wrapper a {
font-size: 120%!important;
}