@charset "UTF-8";

/*  
THEME NAME: route theme
DESCRIPTION:Wordpress theme of route from Sapporo,Hokkaido,Japan
AUTHOR: Erika Kusumi
AUTHOR URI: https://kusumierika.com/
License:GNU General Public License v2.0
License URI:https://www.gnu.org/licenses/gpl-2.0.html
*/


/*-----------------------------
全体
-----------------------------*/

html, body{
    height:100%;
    font: 400 12px/1.8 YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif !important;
}
.wrapper {
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;}
.wrapper_in {padding-bottom:40px;}

.noto {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.noto_b {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.fotorama__caption {
    font: 400 12px/1.8 YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif !important;
}



/*-----------------------------
個別スタイル
-----------------------------*/


/*ヘッダー*/
#header { padding:1em 0 3% 0; text-align:center; margin:0 auto; }
.post-type-archive-digitalcollage #header {height: 3em;}
#siteDescription{font-size:90%; letter-spacing:0.2em; font-weight:normal;font-style:normal;line-height:18px;display:inline; padding-right: 1em;}
#siteDescription2{font-size:90%; letter-spacing:0.2em; font-weight:normal;font-style:normal;line-height:12px;display:block;bottom: 10px;position: absolute;text-align: left;padding-left: 10px;}
.lstitle {
    font-size: 1.3rem;
    letter-spacing: 0.4rem;
    line-height: normal;
    margin-top: 1em;
}
.mainlogo_n {
    display: block;
    margin: 1.5em 0 2em 0;
}
.mainlogo_n img {    
    width: 61px;
    height: auto;
    margin: 0 auto;
}

/*VR*/
#scene, a-scene {
      width: 100%;
      height: 90vh;
}
@media only screen and (max-width: 767px) {
    #scene, a-scene {
      height: 80vh;
}
}
.page-id-3423 .container {
    width: 100%;
}

/*home profile*/
@media only screen and (min-width: 960px) {
.home .container,
.page-id-2953 .container{
    width: 920px;
}
    }
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .home .container,
.page-id-2953 .container {
    width: 728px;
    }
}

/*DCページ用*/
/*.dc_h { padding:0 !important; }*/
.dc_h #menu-mainmenu { bottom:30px; position:absolute; padding-left: 10px; left: 0; right: 0; margin: auto;}
.fotorama__caption { position:static !important; text-align:left !important; }
.single-degitalcollage h2 { text-align:left;}
.dc_h #header {height:0;}
	@media only screen and (max-width: 479px) {
.dc_h #menu-mainmenu { bottom:20px; position:absolute; padding-bottom:30px; }
}


/*コンテンツ部分*/
	@media only screen and (max-width: 479px) {.content { padding-bottom:20px; }}
.content a { text-decoration:underline;}
.pagetitle h2 { font-size:120%; margin:0; }


/*メニュー部分*/
.menu ul { text-align: center;}
.menu li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding-right: 10px;
}
.menu li a { color:#333 !important;}
.menu li a:hover, a:focus { color: #663 !important; }

/*ロゴ*/
.mainlogo2 {position: absolute;top: 1em;right: 1em;z-index: 1; width:50px; opacity: 0.3;}	


/*パンくずリスト*/
#secondImage{height:70px;clear:both;background-color:#333;margin-bottom:20px;}
#breadcrumb{color:#fff;clear:both;padding-top:20px;font-size:12px;line-height:30px;}
#breadcrumb a{color:#fff;text-decoration:none;}


/*ページナビゲーション*/
.navigation{clear:both;padding:0;line-height:27px;text-align:center;overflow:hidden;padding:20px 0;}
.navigation a{padding:5px 10px; border:#333 1px solid;}
.navigation div.alignleft{float:left;}
.navigation div.alignright{float:right;}
.navigation div.alignleft a,
.navigation div.alignright a{margin:0;}
.navigation span{padding:5px 10px; border:#333 1px;}


/*画像*/
.thumbnail-align img{ padding:1px;background-color:#eee;}
img.alignleft{float:left;margin:0 20px 20px 0;}
img.alignright{float:right;margin:0 0 20px 20px;}
.aligncenter{clear:both;display:block;margin:auto;}
.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;text-align:center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img{margin:0;}
.wp-caption .wp-caption-text{color:#333;font-size:12px;margin:7px 0 0;}
#content .gallery{margin:0 auto 18px;padding:0 0 25px;}
#content .gallery-caption{color:#888;font-size:12px;margin:0;line-height:17px;padding:8px;}
#content .gallery img.attachment-thumbnail{border:1px solid #ccc;padding:5px;}

.fotorama__thumb-border {border-color: rgb(129, 178, 195) !important;}


/*画像　メインとウィジェットの画像をマウスオーバーで半透明*/
#header a:hover img,
#mainMenu a:hover img, 
.homeWidget a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*画像を可変に*/
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}


/*カテゴリ表示　リスト*/
.categorylist ul { padding-top:20%;}
.categorylist li { float:left; padding-right:10px;}


/* NEWS */
.post-type-archive-news dt,
.post-type-archive-news dd,
.single-news dt, .single-news dd {
	display: inline-block;
}
.post-type-archive-news dt,
.single-news dt {
	width: calc( 15% - 15px );
}
.post-type-archive-news dd,
.single-news dd {
	width: calc( 85% - 15px );
}
#mainMenu {
    padding-left: 1em;
}
.side_menu_recent {
    margin-top: 0.5em;
    border: 1px solid #aaa;
    border-right: none;
    border-left: none;
    padding: 1em 0 0.8em 0;
}
@media only screen and (max-width: 767px) {
    #mainMenu {
    padding-left: 0;
    }
}
.side_menu_archive {
    border: 1px solid #aaa;
    border-right: none;
    border-left: none;
    padding: 1em 0 0.8em 0;
    margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
    .side_menu_archive > li {
        display: inline-block;
        padding-right: 0.8em;
    }
}
@media only screen and (min-width: 960px) {
.post-type-archive-news .eleven.columns,
.single-news .eleven.columns {
    width:  calc(640px - 20px) !important;
    margin-left: 20px;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px) {
.post-type-archive-news .eleven.columns,
.single-news .eleven.columns {
    width: calc(508px - 20px) !important;
    margin-left: 20px;
}
}


/*Degitalcollage*/
.archive-dc { padding:15px 5px 15px 0px;}
.thumbnail-dc img { width: 100%; height:auto; max-width: 1000px; }
/*.post-type-archive-degitalcollage .wrapper_in { background:url(img/dctop2.png) no-repeat fixed right bottom; background-size: auto;}*/
.container2 {text-align: center;}
.post-type-archive-degitalcollage h2 { text-align:left; }
.single_dc {
    margin: 2em 0;
}


/* exhibition*/
.post-type-archive-exhibition a { 
	color:#333 !important;
	text-decoration: none;
}
.post-type-archive-exhibition .attachment-thumbnail {
    width: 100%;
    height: auto;
}
.post-type-archive-exhibition a:hover, .post-type-archive-exhibition a:focus { 
	color: #663 !important;
}
.exh3 {
	font-size: 15px;
}
@media only screen and (min-width: 480px) {
.post-type-archive-exhibition .four {
    height: calc(174px + 10em);
}
}
@media only screen and (max-width: 767px) {
	.post-type-archive-exhibition .four {
	width: 30% !important;
	padding-right: 1em;
	min-height: 210px;
	}
	.post-type-archive-exhibition .four br {
	display: none !important;
	}
}
@media only screen and (max-width: 479px) {
	.post-type-archive-exhibition .four {
	width: 100% !important;
	text-align: center;
	}
	.post-type-archive-exhibition .four img {
	width: 200px;
	}
	.post-type-archive-exhibition .four br {
	display: block !important;
	}
}



/*ホームウィジェット*/
#homeWidgetLeft{float:left; padding:10px 0 10px 0;}
#homeWidgetCenter{float:left; padding:10px 0 10px 0;}
#homeWidgetRight{float:right; padding:10px 0 10px 0;}
.homeWidget{overflow:hidden; color:#FFF; text-align:left;}
.homeWidget ul{margin:0;}
.homeWidget li{margin:0 0 10px;overflow:hidden;border-bottom:1px solid #999;font-size:12px;line-height:22px;}
.homeWidget li:last-child{border-style:none;padding:0;margin:0 0 -10px;}
.homeWidget th{padding:0;text-align:center;background-color:#333;color:#fff;font-size:11px;font-weight:normal;font-style:normal;line-height:19px;}
.rsswidget img{margin:7px 3px 0 0;}
.homeWidget td{padding:0;text-align:center;}
.homeWidget a{color:#FFF !important;text-decoration:none;}
.homeWidget a:hover{color:#FFF;text-decoration:underline;}

.homeWidget .textwidget{ padding:0.5em; }
.widgetarea { 
    background: url(img/patern.png) repeat;
    overflow:hidden;
    opacity: 0.85;
    padding: 0.5rem 1rem;
}
@media only screen and (max-width: 767px) {
.widgetarea .nine.columns,
.widgetarea .six.columns {
    width: 100% !important;
}
    }

/*サイドウィジェット*/
.sideWidget{font-size:90%; line-height:18px;}
.sideWidget .widgetTitle{ display:none;}
.sideWidget ul,
.sideWidget ol{margin:0;}
.sideWidget li ul,
.sideWidget li ol{margin:0;padding:0 0 0 10px;}
.sideWidget p{margin:0;}
.sideWidget img{max-width:100%;height:auto;}
.sideWidget th,
.sideWidget td{padding:0;text-align:center;}


/*検索*/
#searchform{overflow:hidden;}
#searchform #s{padding:4px;font-size:13px;line-height:15px;width:159px;float:left;margin:0;border-radius:0;border:1px solid #999;box-shadow: inset 1px 2px 4px #ddd;}
#searchform #searchsubmit{float:left;text-indent:-9090px;border-style:none;width:35px;height:26px;padding:0;margin:0;background:#999 url(img/search_btn.png) no-repeat center center;border-width:0;border-radius:0;cursor:pointer;}


/*フッター*/
#footerBottom{
	overflow:hidden;
	color:#333;
	padding: 0px;
	bottom: 0px;
	width:100%;
	text-align: left;
	position: absolute;
	height:20px;
	clear:both;
}
#copyright{text-align: center;font-size:80%;line-height:20px;padding-right:1em; letter-spacing: 0.2em; }
#copyright a{color:#333;text-decoration:none;}

p span.displaynone { display:none; }　/*メルアドカクシ*/


/*フッターウィジェット*/
#footerWrap{clear:both;margin:0 auto;overflow:hidden;}
#footerWidgetArea{}
.footerWidget{}
.footerWidget .widgetTitle{}
.footerWidget ul{margin:0;}
.footerWidget hr{margin:10px 0;background-color:#fff;}
.footerWidget p{margin-bottom:10px;}
.footerWidget .textwidget{min-height:230px;}
.footerWidget .textwidget { display: none; }
.footerWidget img { display: none; }


/*フッターナビ*/
#footer-menu{clear:both;}
#footer-menu ul{float:left;margin:0;padding:0;}
#footer-menu li{float:left;margin-right:10px;}
#footer-menu a{float:left;font-size:12px;line-height:20px;color:#333;text-decoration:none;}
#footer-menu a:hover{text-decoration:underline;}


/*送信フォーム*/
.wpcf7-form{border:1px solid #ddd;margin:0 auto 20px;padding:20px 30px;background-color:#f4f4f4;}
.wpcf7-form input{margin:0 5px 0 0;font-size:13px;padding:3px;line-height:20px;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;padding:3px;font-size:13px;line-height:20px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;font-size:12px;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#4d8e36;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#fc4d51;color:#fff;}
.wpcf7-spam-blocked{background-color:#fead5f;color:#000;}



/*
.wpcf7-validation-errors{background-color:#f8e48e;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;height:52px;border-style:none;text-indent:-9999px;display:block;cursor:pointer;background:transparent url(img/submit_btn.png) center top;padding:0;}
input.wpcf7-submit:hover{background:transparent url(img/submit_btn.png) center bottom;}*/



/*SNSボタン*/
.wp_social_bookmarking_light{height:15px;}


/*テーブル*/
.hentry table {
	margin: 0 auto 5px;
	width: 100%;
	text-align:left;
}
.hentry table th,
.hentry table td {
	padding: 0;
	line-height: 1.8;
	font-size: 100%;
	vertical-align:middle;
}
.hentry table th {
	font-weight: normal;
	width:25%;
	height: 120px;
	border: solid 1px #333;
	padding-left: 2%;
}
.hentry table td {
	padding-left: 15px;
}
.tdborder { border-right: solid 2px #333; width:5px; }
.beaf {	background-color:#f4f4f4; text-align:center; padding: 10px 0 10px 0;}
.beaf img { padding-top:5px;}
.gllr_single_image_text { display:none;}


/*引用*/
blockquote, blockquote p {
	font-size: 100% !important;
}

/* Profile */
.page-id-2953 h2 {
    display: none;
}
.profilepage b {
    font-weight: 600;
    background: #eee;
}
.profilepage .extitle {
    display: inline-block;
    font-weight: 600;
    background: #eee;
    margin: 15px 0;
}
.profilepage h3 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
    text-align: center;
}
.profilepage h4 {
    margin-bottom: 20px;
    text-align: center;
}
.profilepage h5 {
    border-bottom: 1px solid #7f7f7f;
    font-weight: 600;
    margin-bottom: 2rem;
    padding-bottom: 0.5rem;
}
.profilepage dl.jp {
    margin-bottom: 10px;
}
.profilepage dl.eg {
    border-top: 1px  dotted #ccc;
    padding-top: 10px;
    margin-bottom: 2.5rem;
}
.profilepage dt {
    width: 50px;
    float: left;
}
.profilepage dd {
    margin: 0 0 5px 60px;
}

/*-----------------------------
位置調整
-----------------------------*/

.lefty { float:left;}
.righty { float:right;}
.vaTop { vertical-align:top;}
.vaMiddle { vertical-align:middle}



/*-----------------------------
padding
-----------------------------*/
.pTop00{padding-top:0px !important;}
.pTop05{padding-top:05px !important;}
.pTop10{padding-top:10px !important;}
.pTop15{padding-top:15px !important;}
.pTop20{padding-top:20px !important;}
.pTop30{padding-top:30px !important;}
.pTop40{padding-top:40px !important;}
.pTop50{padding-top:50px !important;}
.pTop80{padding-top:80px !important;}

.pRight00{padding-right:0px !important;}
.pRight05{padding-right:5px !important;}
.pRight10{padding-right:10px !important;}
.pRight12{padding-right:12px !important;}
.pRight15{padding-right:15px !important;}
.pRight20{padding-right:20px !important;}
.pRight30{padding-right:30px !important;}

.pleft02{padding-left:2px !important;}
.pleft05{padding-left:5px !important;}
.pleft10{padding-left:10px !important;}
.pleft20{padding-left:20px !important;}
.pleft30{padding-left:30px !important;}
.pleft40{padding-left:40px !important;}
.pleft45{padding-left:45px !important;}

.pBottom00{padding-bottom:0px !important;}
.pBottom02{padding-bottom:2px !important;}
.pBottom05{padding-bottom:5px !important;}
.pBottom10{padding-bottom:10px !important;}
.pBottom15{padding-bottom:15px !important;}
.pBottom20{padding-bottom:20px !important;}
.pBottom25{padding-bottom:25px !important;}
.pBottom30{padding-bottom:30px !important;}
.pBottom40{padding-bottom:40px !important;}
.pBottom60{padding-bottom:60px !important;}
.pBottom110{padding-bottom:110px !important;}
.pBottom140{padding-bottom:140px !important;}




/*-----------------------------
margin
-----------------------------*/
.mTop-20{margin-top:-20px !important;}
.mTop-10{margin-top:-10px !important;}
.mTop00{margin-top:0px !important;}
.mTop05{margin-top:05px !important;}
.mTop10{margin-top:10px !important;}
.mTop20{margin-top:20px !important;}
.mTop30{margin-top:30px !important;}
.mTop40{margin-top:40px !important;}

.mRight00{margin-right:0px !important;}
.mRight05{margin-right:5px !important;}
.mRight10{margin-right:10px !important;}
.mRight15{margin-right:15px !important;}
.mRight20{margin-right:20px !important;}
.mRight30{margin-right:30px !important;}

.mleft02{margin-left:2px !important;}
.mleft05{margin-left:5px !important;}
.mleft10{margin-left:10px !important;}
.mleft20{margin-left:20px !important;}
.mleft30{margin-left:30px !important;}

.mBottom00{margin-bottom:0px !important;}
.mBottom05{margin-bottom:5px !important;}
.mBottom10{margin-bottom:10px !important;}
.mBottom15{margin-bottom:15px !important;}
.mBottom20{margin-bottom:20px !important;}
.mBottom25{margin-bottom:25px !important;}
.mBottom30{margin-bottom:30px !important;}
.mBottom40{margin-bottom:40px !important;}
.mBottom60{margin-bottom:60px !important;}

.mBottom-20{margin-bottom:-20px !important;}
.mBottom-10{margin-bottom:-10px !important;}