@charset "utf-8";

/*@media screen and (max-width: 767px) {*/
/* タブレット・スマートフォンのスタイルここから */

.ifItemOut { display:none; }
.smpHeader { display:block; }

html{
width:100%;
background:none;
background-attachment:scroll;
background-size:auto;
padding: 0;
margin: 0;
}

body#intvCO2 { background: #ffffff; color:#555555; font-family: 'Noto Sans JP', sans-serif; font-size: 100%; line-height:1.7; width:100%; margin:0 auto; padding:0 15px; }
body#intvCO2 #intvCont { width: 100%; margin: 0 auto; }
img { max-width: 100%; width:100%; }
h1 { font-size:20px; width:100%;}
h2 { font-size:18px; background-color:#eee9e4; }

/* スマートフォンでは非表示 */
.pc_show { display:none; }
/* スマートフォンでは表示 */
.sp_show { display:block; }

/* float */
.fl_l { float:none; }
.fl_r { float:none; }
.mr30 { margin-right:0; }

.mb_pc3rem_sp1rem { margin-bottom: 1rem; }

.m0a { margin:0 auto; }

/*----- コンテンツ中のスタイル -----*/
.curious_description {
text-align: left;
font-size:.9rem;
font-weight: 400;;
margin-bottom: 1.5rem;
/*background-color:#fafafa;
padding:12px;
border:1px solid #e9e9e9;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;*/
}

.que,
.que_mb3rem {
  font-size:.9rem;
 	color:#bf0000;
 	padding-left:1em;
 	text-indent: -1em;
  margin-bottom: 1rem;
}
 .que:before,
 .que_mb3rem:before {
  content:"― ";
/*  color:#bf0000;  */
}
.que_mb3rem {
margin-bottom: 3rem;
}


.photo_cap {
font-size:.8rem;
text-align: left;
}
.capR { font-size: 12px; line-height:1.5; margin-bottom: 1rem; width: 100%; text-align: right; }

/* インタビューメンバーのスタイル
============================================================*/
#intvMember {
font-size:.9rem;
/*padding:20px;*/
width:100%;
margin:0 auto;
box-sizing: border-box;
margin-bottom: .8rem;
}
#intvMember .member_tit {
float:none;
font-size:.9rem;
width:100%;
/*background-color: #f00;*/
margin-bottom: .5rem;
}
#intvMember .member {
padding:10px;
border:1px solid #eee;
background-color:#f6f6f6;
float:none;
width:100%;
text-align: left;
/*background-color: #e99;*/
line-height: 1.3;
display:table;
border-radius: 3px;
/*margin-bottom: .9rem;*/
}
#intvMember .member li {
display: table-cell;
vertical-align: middle;
/*background-color:#e9e;*/
}
#intvMember .member li:last-child {
width:80%;/*196px;*/
padding-left:15px;
}

#intvMember .member+.member{
margin-left:0;
margin-top:.9rem;
/*background-color: #d9d*/
}
#intvMember .member li img {
width:100%;
}


/* Curiousシリーズコンセプト */
blockquote {
    position: relative;
    padding: 0 15px 10px 45px;
    box-sizing: border-box;
    font-style: italic;
/*  border: solid 2px #464646; */
    color: #464646;
    margin-left:0;
    margin-right:0;
    font-size:.9rem;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 15px;
    vertical-align: middle;
    content: "\f10d";
    font-family: FontAwesome;
    color: #eee9e4;
    font-size: 25px;
    line-height: 1;
}

/* インタビュー本文のスタイル


#intvCO2 .comment_wrap {
positon:relative;
}
*/
#intvCO2 .avatar{ width:12%; }/* figureタグに.avatar */ 
#intvCO2 .avatar img {
 width:100%;
 height:auto;
}
#intvCO2 .avatar figcaption {
 text-align: center;
 font-size:10px;
 margin-top:-6px;
}
#intvCO2 .comment_text {
font-size:.9rem;
padding:.5rem;
border:1px solid #ccc;
background: #fff;
width:86%;
float:right;
position:relative;
border-radius: 6px;
margin-bottom: 1rem;
}
/* 吹き出しの三角部分 */
#intvCO2 .comment_text::before {
content: "";
width:6px;
height:6px;
display: inline-block;
background: #fff;
/*border: 20px solid transparent;*/
border-top:1px solid #ccc;
border-left:1px solid #aaa;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
/*border-right-color: #666;*/
position: absolute;
left: -4px;
top: 17px;
margin-top:0;
}

}
/* Curiousコンセプト写真のスタイル */
#intvCO2 .curious_collection {
/* width: 100%; 
 margin: 0 auto;*/
}
#intvCO2 .curious_collection img {
max-width: 100%;
text-align:center;
}

/* gallery
============================================================*/
#intvCO2 #galleryWrap { width:100%; margin-bottom:48px; }
#intvCO2 #galleryWrap .row4 { background-color:#fff; display:block; float:left; overflow:hidden; position:relative; width:49%; height:auto; }

/* .galleryはimgタグに記述しているclass */
#intvCO2 #galleryWrap .row4 .gallery { width:100%; height: auto; }


/*職人の皆様のお声  .artisanWrap
============================================================*/
#intvCO2 .artisanWrap { width:100%; margin-bottom:1em; }
#intvCO2 .artisan { width: 100%; margin-bottom: 24px; }
/*#intvCO2 .artisan img { margin-bottom:1em; }*/
#intvCO2 .artisan p.last { margin-bottom:1.5em; }
#intvCO2 .artisan p span { color: #774400; margin-right: .5em; font-weight: bold; }
#intvCO2 .artisan p { margin-bottom: .6em; }

#intvCO2 .artisanWrap p { margin-bottom:.75em; }
#intvCO2 .artisanWrap .imgFull { width:100%; margin-bottom:18px; }
#intvCO2 .artisanWrap .imgFull img { width:99%; }

/* 職人様写真 2列 Ver. */
#intvCO2 .artisan_img2_fL { width: 99%; margin: 0 0 18px 0; float: none; }
#intvCO2 .artisan_img2_fR { width: 99%; margin: 0 0 0 0; float: none; }
#intvCO2 .artisan_img2_fL img,
#intvCO2 .artisan_img2_fR img {
max-width: 100%;
border: 5px solid #ffffff;
box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.3);
-o-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.3);
-ms-box-shadow:2px 2px 3px 2px rgba(0, 0, 0, 0.3);
}
/* 下から出てくる TOPへ戻るボタン */
#backTopPC { bottom:0px; right:6px; position:fixed; z-index:10; display:none; }
#backTopPC a img { opacity:.3; width:44px; height:44px; }
#backTopPC a:hover img { opacity:.3; }
}
/* タブレット・スマートフォンのスタイルここまで */