/*----------------------------------------------- */
@media only screen and (max-width: 300px) {
/* tel num
-------------------------------------------------------------------------------*/
.disstel{
	display:block;
}
.disltel{
	display:none;
}
h1.design{padding:0; font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:117px; color:#666; text-align:right; line-height:100%; letter-spacing: 0em; margin:0;}
.telnum{
	margin:5px 0 0 0;
	padding:0;
	font-family: 'EB Garamond', serif;
	font-size: 1.5em;
	font-weight:500;
	text-align:right;
	color:#676666;
}

#ffloat_menu{
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: -4px;
    z-index: 9999;
    text-align: center;
    padding:0 0 4px 0;
	margin:0;
	background:#fff;
}

#ffloat_menu img {
    width: 100%;
	vertical-align:bottom;
	display:block;
}

#ffloat_menu ul{
    width: 100%;
    text-align: center;
	display:table;
    padding: 0;
	margin: 0;
}
#ffloat_menu ul li.fm1{
    width: 17%;
	display:table-cell;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#fff;
	display:block;
	float:left;
}
#ffloat_menu ul li.fm2{
    width: 41.5%;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#202f55;
	display:table-cell;
	float:left;
}
#ffloat_menu ul li.fm3{
    width: 41.5%;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#eee7e0;
	display:table-cell;
	float:left;
}
#ffloat_menu img:hover {
	opacity: 0.5 ;
}
#ffloat_menu ul li.fm2v{
    display:none;
}
#ffloat_menu ul li.fm3v{
    display:none;
}
#ffloat_menu ul li.fmpt{
    display:none;
}
}

/*----------------------------------------------- */
@media only screen and (min-width: 301px) {

h1, .h1, h2, .h2 {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4em;
        text-shadow: none;
        margin-bottom: 10px;
    }
.diss{
		display:block;
	}
.disl{
		display:none;
	}

.title_wrap{max-width:520px; height:90px; margin:0 auto 60px;}
p.case{width:35%; margin:0; padding:12px 0 10px 0; font-family: Open Sans; font-size:24px; color:#fff; text-align:center; line-height:95%; letter-spacing: 0.1em; font-weight:300; background-color:#666; display:inline-block;}
p.case a{ color:#fff; text-decoration:none;}
.h1smalltxt{font-size:65%;  letter-spacing: 0.2em;}
.h1smalltxt2{font-size:40%;  letter-spacing: 0em;}
	.sname{width:60%; font-size:14px; color:#444; text-align:center; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;  margin:0; padding:15px 0 12px 0; display:inline-block;}
	.snames{width:30%; font-size:12px; color:#444; text-align:center; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;  margin:0; padding:15px 0 12px 0; display:inline-block;}
	h2.stitle{width:70%; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:13px; color:#444; text-align:left; vertical-align: top; line-height:120%; letter-spacing: 0em; font-weight:300; margin:0; padding:5px 0 0 1%; display:inline-block;}
	h2.stitlet{width:70%; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:14px; color:#444; text-align:left; vertical-align: top; line-height:120%; letter-spacing: 0em; font-weight:300; margin:0; padding:3�撰ｽ� 0 0 1%; display:inline-block;}
	h2.stitlesearch{display:none;}
	.sns_nav img{padding:10px 5px;width:20px;}

	.mr40{margin:0 2% 0 0;}
	.btwrap{width:66%; margin:0 auto; display:block;}
	.w300{width:46%; display:inline-block;}
	
.casetitlewrap{
	width:100%;
	text-align:center;
}
.casetitle{
	position:relative;
	top:-75px;
	max-width:800px;
	width:80%;
}
.caselead{
	margin:-15px 0 20px 0;
	width:100%;
	font-size: 14px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:160%;
	display:inline-block;
}

.case_designwrap{
	width:96%;
	height:auto;
	margin:0 2% -3%; 
	background-image:url(../img/case/case_bgsdw.png) ;
	background-size:contain;
	background-repeat: no-repeat;
	position: relative;
	display:inline-block;
}
.case_list{
	width:43%;
	height:auto;
	margin:5px 2%;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
	display:inline-block;}
.case_list:hover{ 
	width:43%;
	height:auto;
	margin:5px 2%;
	-webkit-box-shadow: 0px 2px 5px 0px #fff;
    -moz-box-shadow: 0px 2px 5px 0px #fff;
    box-shadow: 0px 2px 5px 0px #fff;
	border: 1px solid #bbb;
	display:inline-block;}
.caselist_thumb{width:100%; height:auto; margin:0;}
h3.caselist_title{
	margin:5px 0 5px;
	width:100%;
	font-size: 11px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:120%;
	display:inline-block;
}

	.logowrap{width:25%; padding:12px 0 0 0; display:inline-block;}
	.logowrap img{width:100%;}
	.logowrap2{width:35%; padding:12px 0 0 0; display:inline-block;}
	.logowrap2 img{width:100%;}

/* ====================
繝阪ャ繝医Ρ繝ｼ繧ｯ
  ==================== 
-------------------------------------------------------------------------------*/
ul .thumb-item{
	width:100%;
}

img.slickph{
	width:100%;
	height:auto;
}

ul.thumb-item-nav{
	width:94%;
	margin:-40px auto 20px;
}
ul.thumb-item-nav li{
	margin:0 10px 0 0;
}
ul.thumb-item-nav li:last-child{
	margin:0;
}

.network_titlewrap{
	position:relative;
	top:-55px;
	width:95%;
	font-size:27px;
	font-family: 'Cormorant Garamond', serif;
	font-style:italic;
	font-weight:600;
	text-align:right;
	padding:0 5% 0 0;
	color:#fff;
}
.network_titlewrapbk{
	position:relative;
	top:-60px;
	width:95%;
	font-size:24px;
	font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,'Cormorant Garamond',serif; 
	font-style:italic;
	font-weight:600;
	text-align:right;
	padding:0 5% 0 0;
	color:#333;
}


.network_map{
	width:95%;
	hegiht:auto;
	margin:0 auto;
	padding:20px 0 20px 5%;
	text-align:left;
	list-style:none;
	background:#f2f2f2;
}

.network_ereabox{
	width:41%;
	display:inline-block;
	margin:0 4% 5px 0;
	padding:5px 0 2px 10px;
	vertical-align: middle;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:150%;
	color:#676666;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
}
.network_ereabox:nth-child(){
	width:41%;
	display:inline-block;
	margin:0 0 5px 0;
	padding:5px 0 2px 10px;
	vertical-align: middle;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:150%;
	color:#676666;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
}
.net_btwrap{width:90%; margin:0 auto 30px; display:block;}



.w30p{width:30%; display:inline-block;}
.mr2p{margin:0 2% 0 0;}
	
.network_bt_title{
	width:auto;
	margin:0 0 20px 0;
	font-size:20px;
	font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; 
	font-weight:700;
	text-align:center;
	padding:0;
	color:#666;
}
/* ====================
繝阪ャ繝医Ρ繝ｼ繧ｯ繧ｨ繝ｪ繧｢繧ｿ繝�
   ==================== */
.areanav_wrap{
	width:100%;
	margin:0;
	padding:0;
	display:block;
}
ul.areanav{
	width:96%;
	margin:0 2% 20px;
	padding:0;
	text-align:left;
	display:block;
}
ul.areanav li{
	width:30%;
	height:auto;
	margin:5px 1% 5px 0;
	padding:0;
	text-align:center;
	display:inline-block;
	list-style-type:none;
	border:1px solid #b3b3b3;
	}
ul.areanav li:nth-child(3n){
	width:30%;
	height:auto;
	margin:5px 0;
	padding:0;
	display:inline-block;
	list-style-type:none;
	border:1px solid#b3b3b3;
	}
ul.areanav li a{
	vertical-align:middle;
	display:inline-block;
	margin:0;
	font-size:14px;
	text-align:center;
	line-height:1.3em;
	font-weight:700;
	}
ul.areanav li:hover{
	background-color:#f2f2f2;
}
ul.areanav li.on{
	background-color:#f2f2f2;
}
.network_leadwrap{
	width:100%;
	max-width:719px;
	margin:-25px auto 20px;
	padding:0;
}
.network_stitle{
	width:96%;
	margin:0 2% 10px;
	font-size:18px;
	font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,'Cormorant Garamond',serif; 
	font-weight:600;
	text-align:center;
	line-height:140%;
	vertical-align:top;
	color:#333;
	display:inline-block;
}
.network_leadtxt{
	width:96%;
	margin:0 2% 0;
	font-size:12px;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-weight:400;
	text-align:left;
	color:#333;
	display:inline-block;
}
.network_contentwrap{
	width:100%;
	margin:0 0 20px 0;
	padding:10px 0;
	text-align:left;
	display:block;
	background:#f2f2f2;
	border-top:1px solid #b3b3b3;
	overflow:hidden;
}
.network_content{
	width:100%;
	max-width:719px;
	margin:0 auto;
	padding:0;
}

/* select繝峨Ο繝��繝€繧ｦ繝ｳ */
.cp_ipselect {
overflow: hidden;
width: 40%;
margin: 0.5em 1% 0.5em;
text-align: center;
display:inline-block;
}
.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.cp_ipselect select::-ms-expand {
display: none;
}
.cp_ipselect {
position: relative;
border-radius: 2px;
border: 2px solid #aaaaaa;
background: #ffffff;
}
.cp_ipselect:hover {
position: relative;
border-radius: 2px;
border: 2px solid #da3c41;
background: #ffffff;
}

.cp_ipselect::before {
position: absolute;
top: 0.8em;
right: 0.8em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #da3c41;
pointer-events: none;
}
.cp_ipselect select {
padding: 8px 38px 8px 8px;
color: #666666;
}
.cp_ipselect select:hover {
padding: 8px 38px 8px 8px;
color: #da3c41;
}

/* case-R contents
-------------------------------------------------------------------------------*/
div#container{padding: 0px;}

	.main-container{width:100%;  margin-top:70px;}
	.main-container2{width:100%;  margin-top:80px;}

	.mr20{margin:0 0 0 0;}
	.mrb20{margin:0 0 20px 0;}
	.mb20{margin:0 0 20px 0;}
	.mrb40{margin:0 0 40px 0;}

	.main-mt{
	margin-top:100px;
}
	.contents_inner{max-width:100%; margin:0 auto; padding:20px;}
	.case23{width:100%; padding:0; display:inline-block;}
	.spec{margin:20px 0 0; padding:5px 20px; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; background-color:#fff;}
	.specsmall{font-size:95%;}
	.case13{width:100%; padding:0; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:13px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; display:inline-block;}
	.text16m{ font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:170%; letter-spacing: 0em; font-weight:300;}
	.text14g{ padding:5px 0 0 0; font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:14px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;}
img{width:100%;}

/* ====================
蜈ｱ騾夐未菫�
  ==================== */
h1.design{font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:7px; color:#666; text-align:right; line-height:120%; letter-spacing: 0em; margin:0;}

/* case-R contents
-------------------------------------------------------------------------------*/
div#container{padding: 0px;}

/* ====================
繝倥ャ繝€繝ｼ髢｢菫�
  ==================== */
.header{
	top: -100px;
	position: absolute;
	width: 98%;
	margin: 120px auto 0;
	padding: 0;
	font-size:65%;
	z-index: 999;
	background-image:none; 
	background:rgba(255,255,255,0.9);
}
.header.hide{
	transform: translateY(-100%);
}
.header_inner{padding:0; margin:0 auto; width:100%;}
#logo{display:inline-block; width:46%; padding: 20px 1% 0 1%; margin:0; vertical-align:top;}
.logo{width:100%;}
.header-right{display:inline-block; width:50%; padding:1% 0 0 1% ; padding:0; margin:0; text-align:right; vertical-align:top; line-height:1em;}
.telnum{
	margin:15px 0 0 0;
	padding:0;
	font-family: 'EB Garamond', serif;
	font-size: 2.5em;
	font-weight:500;
	text-align:right;
	color:#676666;
}
/* tel num
-------------------------------------------------------------------------------*/
.disstel{
	display:block;
}
.disltel{
	display:none;
}
/* ====================
繝輔ャ繧ｿ繝ｼ髢｢菫�
  ==================== */
.footer_logo{border-bottom:10px solid #eee; text-align:center; padding:0 0 10px 0; margin:0;}
.footer_logo img{width:30%;vertical-align:top;}
.footer{background:#eee; border-top:1px solid #000; padding-bottom:70px;}
.footer_inner{width:94%; margin: 0 auto 1em; padding:0 3%;}
.footer_inner ul{width:90%; font-size:90%; vertical-align:top; display: inline-block; list-style-type:none; border-right:none; padding: 0 2% 0; margin:0 3%;}
.footer_inner ul.border_none{border-right:none;}
.footer_inner ul li{padding:0.3em 0;}
.footer_inner ul li span{display:inline-block; font-size:80%;}
.footer_inner ul li a{color:#000; text-decoration: none;}
.footer_inner ul li a:hover{color:#000; text-decoration: underline;}

.footer_inner ul.design_left{width:90%; padding: 1em 2% 0; margin:0 3%; border-top:none;}
.footer_inner ul.design_left li{width:100%; text-indent:-0.42em; padding:3px 0 3px 1em;}
.footer_inner ul.design_left li span, .footer_inner ul.design_right li span{transform: rotate(0deg)}
.footer_inner ul.design_left li:first-child span{transform: rotate(-90deg);}
.footer_inner ul.design_left li:first-child{text-indent:0; padding-left:0;}
.footer_inner ul.design_right li{text-indent:-0.42em; padding-left:1em;}
.copyright{text-align:center; font-size:70%; padding:0.5em 0;}

}
@media only screen and (max-width: 519px) {
.caselead{
	margin:-15px 0 20px 0;
	width:100%;
	font-size: 14px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:160%;
	display:inline-block;
}
.case_designwrap{
	width:96%;
	height:auto;
	margin:0 2%  -3%; 
	background-image:url(../img/case/case_bgsdw.png) ;
	background-size:contain;
	background-repeat: no-repeat;
	position: relative;
	display:inline-block;
}
.case_stitlepbox .inner h2.genre{
	margin:12% 0 0 6%;
	padding:0;
	color:#fff;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-size: 24px;
    font-weight: 400;
	line-height:65%;
}

.smalltxt{
	font-size: 40%;
}
.diss{
		display:block;
	}
.disl{
		display:none;
	}
table {
	width:96%;
	margin:0 2%;
	padding:5px 0;
    border: none;
  }
table thead {
    display: none;
  }
table tr {
    border-top: 1px solid #bbb;
    display: block;
    margin-bottom: 20px;
  }
table td {
	border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
	font-size:90%;
    display: block;
    padding: 10px;
    text-align: right;
	background-color: #fff;
  }
 table td.topbox {
	border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
	font-size:100%;
	font-weight:600;
	color:#fff;
    display: block;
    padding: 10px;
    text-align: right;
	background-color: #999;
  }
table td.topbox::before {
    content: attr(data-label);
	font-size:90%;
	color:#eee;
    float: left;
    font-weight: bold;
  }
table td::before {
    content: attr(data-label);
	font-size:90%;
	color:#999;
    float: left;
    font-weight: bold;
  }
hr.netline{
	height:1px;
	width:100%;
	background-color:#999;
	border:none;
}

.network_content2{width:100%; margin:0 auto 20px; text-align:left; float:left;}
.network_content2 h3{width:100%; font-size:16px; font-weight:600; margin:0px; padding:0 0 5px 20px; letter-spacing: 0.2em; line-height:28px; color:#333; overflow:hidden; float:left;}
.network_content2 h3.short{clear:both; width:100%; font-size:16px; margin:0px; padding-left:20px; letter-spacing: 0.1em; line-height:28px; color:#333; overflow:hidden; float:left;}

.networkwrap{ width:96%; margin:0px; padding:20px 2%; background:#fff; float:left;}
.networkwrap .netinwrapl{ width:100%; margin:0; font-size:12px; padding:0px; letter-spacing:0em; line-height:24px; color:#2D333C; overflow:hidden; background:#fff; float:left;}
.networkwrap .netinwrapl h4{clear:both; font-size:16px; letter-spacing: 0.2em; line-height:24px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl h4.stitle{clear:both; font-size:16px; letter-spacing: 0em; line-height:24px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl h4 span.stext{clear:both; font-size:12px; letter-spacing: 0em; line-height:24px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl p.title{clear:both; font-size:12px; font-weight:bold; margin:0px; padding:0px; letter-spacing: 0.2em; line-height:21px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl p.stitle{clear:both; font-size:12px; font-weight:bold; margin:0px; padding:0px; letter-spacing: 0em; line-height:21px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapr{width:96%; height:auto; margin:0px 2%; padding:0; border:solid 1px #2D333C; font-size:10px; line-height:15px; text-align:right; background:#fff; float:left;}
.netinwrapall{width:99%; margin:10px 0 10px 1%; padding:0px; border:none; background:#fff;}
.netinwrapall ul li{margin:0; padding-right:10px; font-size:12px; font-weight:600; letter-spacing: 0em; line-height:18px; color:#2D333C; display:inline-block; overflow:hidden;}

/* ====================
蜈ｱ騾夐未菫�
  ==================== */
.footer_inner ul.design_right{width:90%; padding:0 2%; margin:0 3% 1em; border-top:none; border-bottom:1px solid #000;}

h1.design{font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:8px; color:#666; text-align:right; letter-spacing: 0em; margin:0;}

#ffloat_menu{
	display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: -4px;
    z-index: 9999;
    text-align: center;
    padding:0 0 4px 0;
	margin:0;
	background:#fff;
}

#ffloat_menu ul{
    width: 100%;
    text-align:center;
	display:table;
    padding: 0;
	margin: 0;
}
#ffloat_menu ul li.fm1{
    width: 17%;
	display:table-cell;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#fff;
	display:block;
	float:left;
}
#ffloat_menu ul li.fm2{
    width: 41.5%;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#202f55;
	display:table-cell;
	float:left;
}
#ffloat_menu ul li.fm3{
    width: 41.5%;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#eee7e0;
	display:table-cell;
	float:left;
}
#ffloat_menu img:hover {
	opacity: 0.5 ;
}
#ffloat_menu ul li.fm2v{
    display:none;
}
#ffloat_menu ul li.fm3v{
    display:none;
}
#ffloat_menu ul li.fmpt{
    display:none;
}
}
/* =Screen wider than 520
----------------------------------------------- */
@media only screen and (min-width: 520px) {
h1, .h1, h2, .h2 {
        font-size: 12px;
        font-weight: bold;
        line-height: 1.4em;
        text-shadow: none;
        margin-bottom: 10px;
    }
.diss{
		display:block;
	}
.disl{
		display:none;
	}
p.case{width:35%; margin:0; padding:12px 0 10px 0; font-family: Open Sans; font-size:26px; color:#fff; text-align:center; line-height:95%; letter-spacing: 0.2em; font-weight:300; background-color:#666; display:inline-block;}
p.case a{ color:#fff; text-decoration:none;}
.h1smalltxt{font-size:65%;  letter-spacing: 0.2em;}
.h1smalltxt2{font-size:40%;  letter-spacing: 0em;}
h2.stitle{width:70%; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:120%; letter-spacing: 0em; font-weight:300; margin:0; padding:5px 0 0 1%; display:inline-block;}
h2.stitlet{width:70%; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:110%; letter-spacing: 0em; font-weight:300; margin:0; padding:0 0 0 1%; display:inline-block;}
.snames{width:30%; font-size:14px; color:#444; text-align:center; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;  margin:0; padding:15px 0 12px 0; display:inline-block;}
h2.stitlesearch{display:none;}
.logowrap{width:30%; padding:12px 0 0 0; display:inline-block;}
.logowrap img{width:100%;}
	
.sns_nav img{padding:10px 5px;width:30px;}
	
	.mr20{margin:0 2% 0 0;}
	.mrb20{margin:0 2% 20px 0;}
	.mb20{margin:0 0 20px 0;}
	.mrb40{margin:0 2% 40px 0;}
	
	.contents_inner{max-width:100%; margin:0 auto; padding:20px;}
	.case23{width:47%; padding:0; display:inline-block;}
	.spec{margin:20px 0 0; padding:5px 20px; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; background-color:#fff;}
	.specsmall{font-size:95%;}
	.case13{width:47%; padding:0; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:13px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; display:inline-block;}
	.text16m{ font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:170%; letter-spacing: 0em; font-weight:300;}
	.text14g{ padding:5px 0 0 0; font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:14px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;}
	img{width:100%;}
	.casetitle{
	position:relative;
	top:-75px;
	max-width:800px;
	width:80%;
}
	.caselead{
	margin:-15px 0 20px 0;
	width:100%;
	font-size: 14px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:160%;
	display:inline-block;
}
	.caselead{
	margin:-45px 0 30px 0;
	width:100%;
	font-size: 14px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:200%;
	display:inline-block;
}

.case_stitlepbox .inner h2.genre{
	margin:12% 0 0 6%;
	padding:0;
	color:#fff;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-size: 28px;
    font-weight: 400;
	line-height:65%;
}

.smalltxt{
	font-size: 40%;
}
.case_designwrap{
	width:49%;
	height:auto;
	margin:0 1%  -3% 0; 
	background-image:url(../img/case/case_bgsdw.png) ;
	background-size:contain;
	background-repeat: no-repeat;
	position: relative;
	display:inline-block;
	flaot:left;
}
.case_designwrap:nth-child(2n+0){
	width:49%;
	height:auto;
	margin:0 0  -3% 0; 
	background-image:url(../img/case/case_bgsdw.png) ;
	background-size:contain;
	background-repeat: no-repeat;
	position: relative;
	display:inline-block;
	flaot:left;
}
.casetxt{
	max-width:190px;
	width:39%;
	height:auto;
	margin:5% 3% 0 0;
	padding:0;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 11px;
    font-weight: 400;
	line-height:160%;
	color:#676666;
	float:left;
}

/* ====================
繝阪ャ繝医Ρ繝ｼ繧ｯ
  ==================== */
.network_leadwrap{
	width:100%;
	max-width:719px;
	margin:-25px auto 20px;
	padding:0;
}
.network_stitle{
	width:35%;
	margin:15px 0 0 0;
	font-size:16px;
	font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,'Cormorant Garamond',serif; 
	font-weight:600;
	text-align:center;
	line-height:140%;
	vertical-align:top;
	color:#333;
	display:inline-block;
}
.network_leadtxt{
	width:60%;
	font-size:12px;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-weight:400;
	text-align:left;
	color:#333;
	display:inline-block;
}
.network_contentwrap{
	width:100%;
	margin:0 0 20px 0;
	padding:10px 0;
	text-align:left;
	display:block;
	background:#f2f2f2;
	border-top:1px solid #b3b3b3;
	overflow:hidden;
}
.network_content{
	width:100%;
	max-width:719px;
	margin:0 auto;
	padding:0;
}
table {
	color:#333;
	border-top: 1px solid #bbb;
	border-right: none;
	border-collapse: collapse;
	width: 100%;
}
table th,
table td {
	border-left: none;
	border-bottom: 1px solid #bbb;
	padding: 10px;
	font-size:80%;
}
table th {
	background-color: #f2f2f2;
	text-align: left;
	font-size:90%;
}
hr.netline{
	height:1px;
	width:100%;
	background-color:#999;
	border:none;
}

.network_content2{width:100%; margin:0 auto; text-align:left; background:#fff;}
.network_content2 h3{width:100%; font-size:20px; font-weight:600; margin:0px; padding:7px 0 5px 20px; letter-spacing: 0.2em; line-height:28px; color:#333; overflow:hidden;}
.network_content2 h3.short{clear:both; width:100%; font-size:16px; margin:0px; padding-left:20px; letter-spacing: 0.1em; line-height:28px; color:#333; overflow:hidden;}

.networkwrap{ width:96%; margin:0px; padding:20px 2%; background:#fff; float:left;}
.networkwrap .netinwrapl{ width:45%; margin-right:3%; font-size:12px; padding:0px; letter-spacing:0em; line-height:24px; color:#2D333C; overflow:hidden; float:left;}
.networkwrap .netinwrapl h4{clear:both; font-size:16px; letter-spacing: 0.2em; line-height:24px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl h4.stitle{clear:both; font-size:16px; letter-spacing: 0em; line-height:24px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl h4 span.stext{clear:both; font-size:13px; letter-spacing: 0em; line-height:24px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl p.title{clear:both; font-size:13px; font-weight:bold; margin:0px; padding:0px; letter-spacing: 0.2em; line-height:21px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapl p.stitle{clear:both; font-size:13px; font-weight:bold; margin:0px; padding:0px; letter-spacing: 0em; line-height:21px; color:#2D333C; overflow:hidden;}
.networkwrap .netinwrapr{width:45%; height:auto; margin:0px; padding:2px; border:solid 1px #2D333C; font-size:10px; line-height:15px; text-align:right; float:left;}
.netinwrapall{width:100%; margin:10px 0 0 10px; padding:0px; border:none; background:#fff;}
.netinwrapall ul li{margin:0; padding-right:10px; font-size:13px; font-weight:600; letter-spacing: 0em; line-height:18px; color:#2D333C; display:inline-block; overflow:hidden;}

/* ====================
蜈ｱ騾夐未菫�
  ==================== */
h1.design{font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic", sans-serif; font-size:11px; color:#666; text-align:right; letter-spacing: 0em; margin:-5px 0 0 0;}

/* ====================
繝倥ャ繝€繝ｼ髢｢菫�
  ==================== */
.title_wrap{max-width:520px; height:90px; margin:0 auto 60px;}
.sns_nav img{padding:10px 5px;width:30px;}

/* ====================
繝輔ャ繧ｿ繝ｼ髢｢菫�
  ==================== */
.footer_logo{border-bottom:10px solid #eee; text-align:center; padding:0 0 10px 0; margin:0;}
.footer_logo img{width:30%;vertical-align:top;}
.footer{background:#eee; border-top:1px solid #000; padding-bottom:70px;}
.footer_inner{width:90%; margin: 0 auto 1em; padding:0 5% 0; text-align:center;}
.footer_inner ul{width:30%; font-size:80%; vertical-align:top; display: inline-block; list-style-type:none; border-right:none; border-top:1px solid #000; padding: 1em 0 0 0; margin:0; text-align:left;}
.footer_inner ul.border_none{border-right:none;}
.footer_inner ul li{padding:0.3em 0;}
.footer_inner ul li span{display:inline-block; font-size:80%;}
.footer_inner ul li a{color:#000; text-decoration: none;}
.footer_inner ul li a:hover{color:#000; text-decoration: underline;}

.footer_inner ul.design_left{width:45%; padding: 1em 0.5% 0 0; margin:0 0 0 0.5%; border-top:none;}
.footer_inner ul.design_left li{text-indent:-0.42em; padding-left:1em;}
.footer_inner ul.design_left li span, .footer_inner ul.design_right li span{transform: rotate(0deg)}
.footer_inner ul.design_left li:first-child{text-indent:0; padding-left:0;}

.footer_inner ul.design_right{width:100%; }
.footer_inner ul.design_right{width:48%; padding:3em 0.5% 0 0; border-top:none;  border-bottom:none;}
.footer_inner ul.design_right li{text-indent:-0.42em; padding-left:1em;}

.copyright{text-align:center; font-size:70%; padding:0.5em 0;}

#ffloat_menu{
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: -4px;
    z-index: 9999;
    text-align: center;
    padding:0 0 4px 0;
	margin:0;
	background:#fff;
}
#ffloat_menu img {
    width: 100%;
	vertical-align:bottom;
	display:block;
}
#ffloat_menu ul{
    width: 100%;
    text-align: center;
	display:table;
    padding: 0;
	margin: 0;
}
#ffloat_menu ul li.fm1{
    width: 17%;
	display:table-cell;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#fff;
	display:block;
	float:left;
}
#ffloat_menu ul li.fm2{
    width: 41.5%;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#202f55;
	display:table-cell;
	float:left;
}
#ffloat_menu ul li.fm3{
    width: 41.5%;
    text-align: center;
    padding:0;
	margin: 0;
	background-color:#eee7e0;
	display:table-cell;
	float:left;
}
#ffloat_menu img:hover {
	opacity: 0.5 ;
}
#ffloat_menu ul li.fm2v{
    display:none;
}
#ffloat_menu ul li.fm3v{
    display:none;
}
#ffloat_menu ul li.fmpt{
    display:none;
}
}


/* =Screen wider than 720
----------------------------------------------- */
@media only screen and (min-width: 720px) {
.menu-btn{
        display: none !important;
    }

    h1, .h1, h2, .h2 {
        font-size: 14px;
        font-weight: bold;
        line-height: 1.4em;
        text-shadow: none;
        margin-bottom: 10px;
    }
.diss{
		display:none;
	}
.disl{
		display:block;
	}
	p.case{width:14%; margin:0; padding:12px 0 10px 0; font-family: Open Sans; font-size:26px; color:#fff; text-align:center; line-height:95%; letter-spacing: 0.2em; font-weight:300; background-color:#666; display:inline-block;}
	p.case a{ color:#fff; text-decoration:none;}
	.h1smalltxt{font-size:65%;  letter-spacing: 0.2em;}
	.h1smalltxt2{font-size:40%;  letter-spacing: 0em;}
	.sname{width:20%; font-size:12px; color:#444; text-align:center; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; border-right: 2px solid #666;  margin:0; padding:15px 0 12px 0; display:inline-block;}
	.snames{width:20%; font-size:16px; color:#444; text-align:center; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;  border-right: none;  margin:0; padding:19px 0 12px 0; display:inline-block;}
	h2.stitle{width:44%; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; margin:0; padding:12px 0 0 2%; display:inline-block;}
	h2.stitlet{width:44%; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:120%; letter-spacing: 0em; font-weight:300; margin:0; padding:5px 0 0 2%; display:inline-block;}
	h2.stitlesearch{width:34%; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; margin:0; padding:12px 0 0 2%; display:inline-block;}
	.logowrap{width:15%; padding:7px 0 0 0; display:inline-block;}
	.logowrap img{width:100%;}
	
	.sns_nav img{padding:10px 5px;width:35px;}

	.mr20{margin:0 2% 0 0;}
	.mrb20{margin:0 2% 20px 0;}
	.mb20{margin:0 0 20px 0;}
	.mrb40{margin:0 2% 40px 0;}
	
	.contents_inner{max-width:720px; margin:0 auto; padding:20px;}
	.case23{width:65%; padding:0; display:inline-block;}
	.spec{margin:20px 0 0; padding:5px 20px; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; background-color:#fff;}
	.specsmall{font-size:90%;}
	.case13{width:31%; padding:0; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:13px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; display:inline-block;}
	.text16m{ font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:170%; letter-spacing: 0em; font-weight:300;}
	.text14g{ padding:5px 0 0 0; font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:14px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;}
	img{width:100%;}
	.mr40{margin:0 2% 0 0;}
	.btwrap{width:66%; margin:0 auto 30px; display:block;}
	.net_btwrap{width:90%; margin:0 auto 30px; display:block;}
	.w300{width:46%; display:inline-block;}
	.w310{width:28%; display:inline-block;}

/* ====================
譁ｽ蟾･莠倶ｾ九�繝ｼ繧ｸ
   ==================== */
.casetitlewrap{
	width:100%;
	text-align:center;
}
.casetitle{
	position:relative;
	top:-95px;
	max-width:800px;
	width:80%;
}
.caselead{
	margin:-45px 0 30px 0;
	width:100%;
	font-size: 16px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:200%;
	display:inline-block;
}

.casetxt{
	max-width:190px;
	width:39%;
	height:auto;
	margin:5% 3% 0 0;
	padding:0;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:160%;
	color:#676666;
	float:left;
}

.case_stitlepbox .inner h2.genre{
	margin:12% 0 0 6%;
	padding:0;
	color:#fff;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-size: 32px;
    font-weight: 400;
	line-height:65%;
}

.smalltxt{
	font-size: 40%;
}

.case_list{ 
	width:30%;
	height:auto;
	margin:5px 1%; 
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
	display:inline-block;}
.case_list:hover{ 
	width:30%;
	height:auto;
	margin:5px 1%; 
	-webkit-box-shadow: 0px 2px 5px 0px #fff;
    -moz-box-shadow: 0px 2px 5px 0px #fff;
    box-shadow: 0px 2px 5px 0px #fff;
	border: 1px solid #bbb;
	display:inline-block;}

.caselist_thumb{width:100%; height:auto; margin:0;}
h3.caselist_title{
	margin:5px 0 5px 0;
	width:100%;
	font-size: 12px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:130%;
	display:inline-block;
}

/* select繝峨Ο繝��繝€繧ｦ繝ｳ */
.cp_ipselect {
overflow: hidden;
width: 22%;
margin: 1em 1% 1em 0;
text-align: center;
display:inline-block;
}
.cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.cp_ipselect select::-ms-expand {
display: none;
}
.cp_ipselect {
position: relative;
border-radius: 2px;
border: 2px solid #aaaaaa;
background: #ffffff;
}
.cp_ipselect:hover {
position: relative;
border-radius: 2px;
border: 2px solid #da3c41;
background: #ffffff;
}

.cp_ipselect::before {
position: absolute;
top: 0.8em;
right: 0.8em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #da3c41;
pointer-events: none;
}
.cp_ipselect select {
padding: 8px 38px 8px 8px;
color: #666666;
}
.cp_ipselect select:hover {
padding: 8px 38px 8px 8px;
color: #da3c41;
}


.snavwrap{
	position:relative;
	width:100%;
	text-align:right;
	padding:0;
	margin:0 0 40px 0;
}
/* ====================
繝阪ャ繝医Ρ繝ｼ繧ｯ髢｢菫�
   ==================== */
 .network_mainph{
	width: 100%;
	height: auto;
	margin:0 0 0 0;
	padding:0;
 }
 
 /* ====================
繝阪ャ繝医Ρ繝ｼ繧ｯ繧ｨ繝ｪ繧｢繧ｿ繝�
   ==================== */
 
ul.areanav li{
	width:10%;
	padding:0;
	display:inline-block;
	list-style-type:none;
	border:none;
}
ul.areanav li:nth-child(3n){
	width:10%;
	padding:0;
	display:inline-block;
	list-style-type:none;
	border:none;
	border-right:3px solid #b3b3b3;
}
.areanav_wrap{
	width:100%;
	margin:0 0 0 0;
	padding:0;
	display:block;
}
ul.areanav{
	width:100%;
	max-width:990px;
	margin:0 auto;
	padding:0;
	text-align:center;
	display:block;
}
ul.areanav li{
	width:10%;
	height:24px;
	margin:0 0 5px 0;
	padding:0;
	display:inline-block;
	list-style-type:none;
	border-right:3px solid #b3b3b3;
	}
ul.areanav li:nth-last-child(1){
	width:10%;
	height:24px;
	margin:0 0 5px 0;
	padding:0;
	display:inline-block;
	list-style-type:none;
	border-right:3px solid #fff;
	}
ul.areanav li a{
	vertical-align:middle;
	display:inline-block;
	margin:0;
	font-size:14px;
	text-align:center;
	line-height:1.3em;
	font-weight:700;
	}
ul.areanav li:hover{
	position:relative;
	top:3px;
	left:0px;
	width:10%;
	height:25px;
	margin:0;
	padding:2px 0 0 0;
	font-size:14px;
	text-align:center;
	font-weight:700;
	line-height:1.7em;
	background-color:#f2f2f2;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	border-top:1px solid #b3b3b3;
}
ul.areanav li.on{
	position:relative;
	top:3px;
	left:0px;
	width:10%;
	height:25px;
	margin:0;
	padding:2px 0 0 0;
	font-size:14px;
	text-align:center;
	font-weight:700;
	line-height:1.7em;
	background-color:#f2f2f2;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	border-top:1px solid #b3b3b3;
}
/* network page
-------------------------------------------------------------------------------*/
ul.thumb-item{
	margin:0;
	paddint:0;
	width:100%;
}
img.slickph{
	width:100%;
	height:auto;
}

ul.thumb-item-nav{
	width:94%;
	max-width:1100px;
	margin:-75px auto 20px;
}
ul.thumb-item-nav li{
	margin:0 10px 0 0;
}
ul.thumb-item-nav li:last-child{
	margin:0;
}

.network_titlewrap{
	position:relative;
	top:-100px;
	width:95%;
	font-size:47px;
	font-family: 'Cormorant Garamond', serif;
	font-style:italic;
	font-weight:600;
	text-align:right;
	padding:0 5% 0 0;
	color:#fff;
}
.network_titlewrapbk{
	width:95%;
	max-width:1200px;
	margin:-25px auto 0;
	font-size:47px;
	font-family:'Cormorant Garamond',serif; 
	font-style:italic;
	font-weight:600;
	text-align:right;
	padding:0 5% 0 0;
	color:#333;
}

.network_map{
	width:96%;
	hegiht:auto;
	max-width:1000px;
	margin:0 auto;
	padding:20px 2%;
	text-align:center;
	list-style:none;
	background:#f2f2f2 url("../img/network/net_map_bg.png") no-repeat center top;
	background-size:cover;
}
.network_ereawrap{
	width:auto:
	text-align:center;
	margin:0 0 60px 0;
}

.network_ereawrap:nth-child(3){
	width:auto:
	text-align:center;
	margin:0 0 20px 0;
}
.network_ereawrap2{
	width:auto;
	text-align: left;
	margin:0 0 40px 10px;
	display: block;
}
.network_ereatext{
	width:95%;
	font-size:47px;
	font-family: 'Cormorant Garamond', serif;
	font-style:italic;
	font-weight:600;
	text-align:right;
	line-height:90%;
	padding:0;
	color:#b3b3b3;
	margin:0;
}
.network_maptxts{
	font-size:90%;
	font-family: 'Cormorant Garamond', serif;
	font-style:italic;
	font-weight:600;
	text-align:right;
}
.network_ereabox{
	width:24%;
	display:inline-block;
	max-width:200px;
	margin:0 10% 0 0;
	padding:10px 0 7px 10px;
	vertical-align: middle;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:150%;
	color:#676666;
	background-color:#fff;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
}
.network_ereabox:nth-child(3){
	width:24%;
	display:inline-block;
	max-width:200px;
	margin:0 0 0 0;
	padding:10px 0 7px 10px;
	vertical-align: middle;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:150%;
	color:#676666;
	background-color:#fff;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
}
.network_ereabox2{
	width:24%;
	display:inline-block;
	max-width:200px;
	margin:0 46% 0 0;
	padding:10px 0 7px 10px;
	vertical-align: middle;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:150%;
	color:#676666;
	background-color:#fff;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
}
.network_ereabox2:nth-child(2){
	width:24%;
	display:inline-block;
	max-width:200px;
	margin:40px 0 0 0;
	padding:10px 0 7px 10px;
	vertical-align: middle;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:150%;
	color:#676666;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
}
.network_bt_title{
	width:auto;
	margin:0 0 20px 0;
	font-size:26px;
	font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; 
	font-weight:700;
	text-align:center;
	padding:0;
	color:#666;
}
.network_leadwrap{
	width:100%;
	max-width:1100px;
	margin:-10px auto 25px;
	padding:0;
}
.network_stitle{
	width:35%;
	margin:15px 0 0 0;
	font-size:20px;
	font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,'Cormorant Garamond',serif; 
	font-weight:600;
	text-align:center;
	line-height:140%;
	vertical-align:top;
	color:#333;
	display:inline-block;
}
.network_leadtxt{
	width:60%;
	font-size:14px;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	font-weight:400;
	text-align:left;
	color:#333;
	display:inline-block;
}
.network_contentwrap{
	width:100%;
	margin:0 0 40px 0;
	padding:25px 0;
	text-align:left;
	display:block;
	background:#f2f2f2;
	border-top:1px solid #b3b3b3;
	overflow:hidden;
}
.network_content{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0;
}
table {
	color:#333;
	border-top: 1px solid #bbb;
	border-right: none;
	border-collapse: collapse;
	width: 100%;
}
table th,
table td {
	border-left: none;
	border-bottom: 1px solid #bbb;
	padding: 15px;
	font-size:90%;
}
table th {
	background-color: #f2f2f2;
	text-align: left;
	font-size:90%;
}

/* ====================
蜈ｱ騾夐未菫�
  ==================== */
.menu-btn{
	display: none !important;
}
h1, .h1 {
	font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    text-shadow: none;
    margin-bottom: 10px;
}
h1.design{
	font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif;
	font-size:12px;
	color:#666;
	text-align:right;
	letter-spacing: 0em;
	margin: 0px;
	padding:0;
}

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

.main-mt{margin-top:160px;}

.header{
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0;
	background:rgba(255,255,255,0.9) url(../img/header/gnav_back.png) repeat-x left 105px;
	position: fixed;
	top: 0;
	transition: 1s;
	z-index: 9999;
}
.header.hide{
	transform: translateY(-100%);
}

.header_inner{padding:0; margin:0 auto; width:100%;}
#logo{display:inline-block; width:30% ; padding: 20px 1% 0 1%; margin:0; vertical-align:top;}
.logo{width:auto;}
.header-right{display:inline-block; width:66%; padding:1% 0 1% 1% ; padding:0; margin:0; text-align:right; vertical-align:top; line-height:1em;}
.disstel{
	display:none;
}
.disltel{
	display:block;
}
.telnum{
	margin:15px 0 15px 0;
	padding:0;
	font-family: 'EB Garamond', serif;
	font-size: 3.5em;
	font-weight:500;
	text-align:right;
	color:#676666;
}
.teltxt{
	margin: 0;
	padding:0;
	font-size:13px;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; 
	line-height:130%;
	font-weight:500;
	text-align:right;
	color:#676666;
}
/* ====================
繝｡繝九Η繝ｼ髢｢菫ゅリ繝薙�繧ｵ繝悶リ繝�
   ==================== */
.primary-navigation ul.menu li a{
	text-decoration: none;
	vertical-align:top;
	display:inline-block;
	list-style-type:none;
	padding:26px 1.5em 0.5em 1.5em;
	margin:0;text-align:center;
	font-weight:900;
	color:#676666;
	background:url(../img/header/gnav_icon.png) no-repeat center top;
}
.primary-navigation ul.menu li a:hover{
	color:#999;
    background:url(../img/header/gnav_icon_hover.png) no-repeat center top;
}
.primary-navigation ul.menu li a.on{
	background:url(../img/header/gnav_icon_hover.png) no-repeat center top;
}
.primary-navigation ul.menu li a.right2:hover{
	color:#999;
    background:url(../img/header/gnav_icon_hover.png) no-repeat center top;
}

.primary-navigation ul.menu li span{
	display:block;
	font-size:80%;
}縲€
.primary-navigation ul.menu li span:before {
	content:""; 
}
.snavwrap{
	position:relative;
	width:100%;
	text-align:right;
	padding:0;
	margin:0 0 40px 0;
}
ul.snav{
	position:absolute;
	top:0;
	right:0;
	width:420px;
	text-align:center;
	color:#676666;
	text-align:center;
	background:url(../img/header/gnavs_backline.png) 60px 0 no-repeat;
}
ul.snav li{
	margin:0;
	display:inline-block;
	list-style-type:none;
	padding:26px 1.5em 0 0;
	background:url(../img/header/gnav_icon.png) no-repeat center top;
}
ul.snav li a{
	vertical-align:top;
	display:inline-block;
	margin:0;
	font-size:120%;
	text-align:center;
	line-height:1.4em;
	font-weight:700;
}
ul.snav li:hover{
	background:url(../img/header/gnav_icon_hover.png) no-repeat center top;}
ul.snav li.on{
	background:url(../img/header/gnav_icon_hover.png) no-repeat center top;}
p.case{width:14%; margin:0; padding:12px 0 10px 0; font-family: Open Sans; font-size:26px; color:#fff; text-align:center; line-height:95%; letter-spacing: 0.2em; font-weight:300; background-color:#666; display:inline-block;}

/* ====================*/
.sns_nav img{padding:10px 5px;width:35px;}
	

/* ====================
繝輔ャ繧ｿ繝ｼ髢｢菫�
   ==================== */
.footer_logo{clear:both; border-bottom:10px solid #eee; text-align:center; padding:0 0 10px 0; margin:0;}
.footer_logo img{width:250px; vertical-align:top;}
.footer{background:#eee; border-top:1px solid #000;}
.footer_inner{max-width:1100px;margin: 0 auto 1em; text-align:center;}
.footer_inner ul{width:18%; font-size:80%; vertical-align:top; display: inline-block; list-style-type:none; border-right:1px solid #000; border-top:none; padding: 1em 0.5% 0 0; margin:0 0 0 0.5%;}
.footer_inner ul.border_none{border-right:none;}
.footer_inner ul li{padding:0.2em 0; text-align:left;}
.footer_inner ul li span{display:inline-block; font-size:80%;}
.footer_inner ul li a{color:#000; text-decoration: none;}
.footer_inner ul li a:hover{color:#000; text-decoration: underline;}

.footer_inner ul.design_left{width:18%; padding: 1em 0.5% 0 0; margin:0 0 0 0.5%;}
.footer_inner ul.design_left li{text-indent:-0.42em; padding-left:1em;}
.footer_inner ul.design_left li span, .footer_inner ul.design_right li span{transform: rotate(0deg)}
.footer_inner ul.design_left li:first-child span{transform: rotate(-90deg);}
.footer_inner ul.design_left li:first-child{text-indent:0; padding-left:0;}

.footer_inner ul.design_right{width:18%; padding:3em 0.5% 0 0;}
.footer_inner ul.design_right li{text-indent:-0.42em; padding-left:1em;}

.copyright{text-align:center; font-size:90%; padding:0.5em 0;}

/* tel num
-------------------------------------------------------------------------------*/

#ffloat_menu{
	display: block;
    width: 60px;
    position: fixed;
    bottom: -4px;
	left: unset;
	right: 0px;
    z-index: 9999;
    text-align: center;
	margin: 0;
    padding: 0;
	background-color:transparent;
}

#ffloat_menu ul{
    width: 100%;
	max-width:60px;
    text-align: center;
	display:block;
    padding: 0;
	margin: 0;
}
#ffloat_menu ul li.fm1{
	display: none;
}
#ffloat_menu ul li.fm2{
	display: none;
}
#ffloat_menu ul li.fm3{
	display: none;
}
#ffloat_menu ul li.fm2v{
    width: 100%;
	max-width:60px;
    text-align: center;
	vertical-align: middle;
    padding: 0;
	margin: 0;
	background-color:transparent;
	display:block;
	float:left;
}
#ffloat_menu ul li.fm3v{
    width: 100%;
	max-width:60px;
    text-align: center;
	vertical-align: middle;
    padding: 0;
	margin: 0;
	background-color:transparent;
	display:block;
	float:left;
}
#ffloat_menu ul li.fmpt{
     width: 100%;
	max-width:60px;
    text-align: center;
	vertical-align: middle;
    padding: 0;
	margin: 0;
	background-color:transparent;
	display:block;
}
#ffloat_menu img {
    width: 100%;
}
#ffloat_menu img:hover {
	opacity: 0.8 ;
}
.diss2{
	display:none;
}
	
/* ====================
PAGE TOP Scroll
   ==================== */
#floatMenu {
	display:none;
}
#page-top {
display:none;
}

#page-top a {
display:none;
}
}

/* =Screen wider than 960
----------------------------------------------- */

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

    h1, .h1 { 
        line-height: 1.167em;
        margin-bottom:10px;
        color: #333;
        font-size: 20px;
    }
	.diss{
		display:none;
	}
.disl{
		display:block;
	}
	.mr20{margin:0 20px 0 0;}
	.mrb20{margin:0 20px 20px 0;}
	.mb20{margin:0 0 20px 0;}
	.mrb40{margin:0 20px 40px 0;}
	.mr40{margin:0 40px 0 0;}

	p.case{width:140px; height:75px; margin:0; padding:15px 0 0 0; font-family: Open Sans; font-size:32px; color:#fff; text-align:center; line-height:95%; letter-spacing: 0.2em; font-weight:300; background-color:#666; display:inline-block;}
	p.case a{ color:#fff; text-decoration:none;}
	.h1smalltxt{font-size:65%;  letter-spacing: 0.2em;}
	.sname{width:200px; height:70px; font-size:16px; color:#444; text-align:center; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; border-right: 2px solid #666;  margin:0; padding:20px 0 0 0; display:inline-block;}
	h2.stitle{width:45%; height:70px; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:21px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; margin:0; padding:15px 0 0 20px; display:inline-block;}
	h2.stitlet{width:45%; height:70px; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:21px; color:#444; text-align:left; vertical-align: top; line-height:120%; letter-spacing: 0em; font-weight:300; margin:0; padding:10px 0 0 20px; display:inline-block;}
	.logowrap{width: 16%; height:73px; padding:10px 0 0 0; display:inline-block;}
	.logowrap img{width:100%;}
	.contents_inner{max-width:1000px; margin:0 auto; padding:20px;}
	.case23{width:68%; max-width:660px; padding:0; display:inline-block;}
	.spec{margin:20px 0 0; padding:5px 20px; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; background-color:#fff;}
	.specsmall{font-size:95%;}
	.case13{width:28%; max-width:320px; padding:0; font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:13px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300; display:inline-block;}
	.text16m{ font-family: Georgia,貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS譏取悃E,serif; font-size:16px; color:#444; text-align:left; vertical-align: top; line-height:170%; letter-spacing: 0em; font-weight:300;}
	.text14g{ padding:5px 0 0 0; font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:14px; color:#444; text-align:left; vertical-align: top; line-height:150%; letter-spacing: 0em; font-weight:300;}

	
	.btwrap{width:660px; margin:0 auto 30px; display:block;}
	.w300{width:300px; display:inline-block;}
.caselead{
	margin:-45px 0 40px 0;
	width:100%;
	font-size: 18px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:200%;
	display:inline-block;
}

.case_stitlepbox .inner h2.genre{
	margin:12% 0 0 6%;
	padding:0;
	color:#fff;
	text-align:left;
	font-family: 'Raleway', sans-serif;
	font-size: 40px;
    font-weight: 400;
	line-height:65%;
}
.smalltxt{
	font-size: 40%;
}

.casetxt{
	max-width:190px;
	width:39%;
	height:auto;
	margin:5% 3% 0 0;
	padding:0;
	font-family: "貂ｸ繧ｴ繧ｷ繝�け", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", sans-serif;
	text-align:left;
	font-size: 13px;
    font-weight: 400;
	line-height:160%;
	color:#676666;
	float:left;
}
.case_list{
	width:22%;
	margin:5px 1%;
	-webkit-box-shadow: 0px 2px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 2px 5px 0px #4a4a4a;
    box-shadow: 0px 2px 5px 0px #4a4a4a;
	border: 1px solid #eaebe2;
	display:inline-block;}
.case_list:hover{ 
	width:22%;
	margin:5px 1%;
	-webkit-box-shadow: 0px 2px 5px 0px #fff;
    -moz-box-shadow: 0px 2px 5px 0px #fff;
    box-shadow: 0px 2px 5px 0px #fff;
	border: 1px solid #bbb;
	display:inline-block;}
.caselist_thumb{width:100%; margin:0;}
h3.caselist_title{
	margin:5px 0 5px 0;
	width:100%;
	font-size: 12px;
    font-weight: 400;
    font-family: 'EB Garamond', serif;
	text-align:center;
	line-height:130%;
	display:inline-block;
}

.network_ereawrap{
	width:auto;
	text-align:center;
	margin:0 0 40px 0;
}
.network_ereawrap2{
	width:auto;
	text-align: left;
	margin:0 0 40px 60px;
	display: block;
}
table {
	color:#333;
	border-top: 1px solid #bbb;
	border-right: none;
	border-collapse: collapse;
	width: 100%;
}
table th,
table td {
	border-left: none;
	border-bottom: 1px solid #bbb;
	padding: 15px;
	font-size:100%;
}
table th {
	background-color: #f2f2f2;
	text-align: left;
	font-size:90%;
}
h1.design{font-family: "貂ｸ繧ｴ繧ｷ繝�け" , "Yu Gothic" , "貂ｸ繧ｴ繧ｷ繝�け菴�" , "YuGothic" , "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3" , "Hiragino Kaku Gothic Pro" , "繝｡繧､繝ｪ繧ｪ" , Meiryo , "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け" , "MS PGothic" , sans-serif; font-size:13px; color:#666; text-align:right; letter-spacing: 0em; margin:0; padding:0;}
.footer_logo{clear:both; width:100%; border-bottom:10px solid #eee; text-align:center; padding:0 0 10px 0; margin:0;} 
.primary-navigation ul.menu li a{
	text-decoration: none;
	vertical-align:top;
	display:inline-block;
	list-style-type:none;
	padding:26px 2em 0.5em 2em;
	margin:0;
	text-align:center;
	font-weight:900;
	color:#676666;
	background:url("../img/header/gnav_icon.png") no-repeat center top;
}
}

/* =Screen wider than 1024
----------------------------------------------- */

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

}