@charset "utf-8"; /* ----------------------------------------------------------- CSS Information File name : contents.css ----------------------------------------------------------- */ /*---------------------------------------------------- COMMON ----------------------------------------------------*/ #tu{ width:100%; background:#000000; color:#ffffff; font-size:111.5%; line-height:2em; font-weight: normal; } #tu img{width:100% !important;} #tu a{font-weight:normal;} /* font */ #tu .tu_inner h4{ text-align: left; color: #e5001c; font-size: 16px; line-height: 2em;} #tu .tu_inner p{ padding-bottom: 28px;} #tu .tu_credit{ font-size: 14px; line-height:2.3em; text-align: right; padding: 0 3.5% 30px;} #tu .tu_name{ font-size: 21px; color: #e5001c; font-weight: bold; padding-bottom: 4px;} #tu .tu_name span{ font-size: 16px; font-style: italic; font-weight: normal;} /* inner */ #tu .tu_inner{ padding: 40px 3.5% 0;} /* pc/sp switch */ #tu .pc{ display: block !important;} #tu .sp{ display: none !important;} /* box1 ----------------------------------------------------*/ #tu .tu_box1 .tu_inner .tu_img{ float: left; width: 44%; margin-right:2.5%;} #tu .tu_box1 .tu_inner .tu_txt1{ float: right; width: 53.5%;} #tu .tu_box1 .tu_inner .tu_txt1_1{ float: left; width: 100%;} /* box2 ----------------------------------------------------*/ #tu .tu_box2 .tu_inner .tu_txt2{ float: left; width: 57%; margin-right:3%;} #tu .tu_box2 .tu_inner .tu_img{ float: left; width: 40%;} #tu .tu_box2 .tu_inner .tu_txt3{ float: left; width: 100%;} /* tu_profBox ----------------------------------------------------*/ #tu .tu_profBox{ width:93%; margin: 0 auto; background:#292929; padding: 2.6%;} #tu .tu_profBox img.tu_img { width: 34% !important; float: left; margin-right: 2.6%;} #tu .tu_profBox h4{ width: 63.4%; float: left; padding:28px 0 16px;} #tu .tu_profBox h4 img{ width: 16% !important;} /* tu_bnr ----------------------------------------------------*/ #tu .tu_bnr{ width:70%; margin: 0 auto; display: block; padding: 50px 0;} #tu .tu_bnr p{ text-align: center; font-size: 14px; padding-top: 28px;} /*---------------------------------------------------- メディアクエリ ----------------------------------------------------*/ @media screen and (max-width: 479px) { /*---------------------------------------------------- COMMON ----------------------------------------------------*/ #tu{ padding-top:45px; /* ヘッダー固定分 */ font-size:111.5%; line-height:1.5em;} /* font */ #tu .tu_inner h4{ font-size:111.5%; line-height: 1.5em;} #tu .tu_inner p{ padding-bottom: 14px; font-size:111.5%;} #tu .tu_credit{ font-size: 12px; line-height:2.3em; padding: 10px 3.5%;} #tu .tu_name{ font-size: 1.0rem; padding-bottom: 2px;} #tu .tu_name span{ font-size: 0.5rem; font-style: normal; letter-spacing: -0.05em;} #tu .tu_profBox .tu_txt{ font-size: 93%; line-height: 1.6em;} /* pc/sp switch */ #tu .pc{ display: none !important;} #tu .sp{ display: block !important;} /* inner */ #tu .tu_inner{ padding: 15px 3.5% 0;} /* box1 ----------------------------------------------------*/ #tu .tu_box1 .tu_inner .tu_img{ float: none; width: 100%; margin-right:0;} #tu .tu_box1 .tu_inner .tu_txt1{ float: none; width: 100%;} #tu .tu_box1 .tu_inner .tu_txt1_1{ float: none; padding-top: 20px; } /* box2 ----------------------------------------------------*/ #tu .tu_box2 .tu_inner .tu_txt2{ float: none; width: 100%; margin-right:0%;} #tu .tu_box2 .tu_inner .tu_img{ float: none; width: 100%;} #tu .tu_box2 .tu_inner .tu_txt3{ float: none; padding-top: 20px;} /* tu_profBox ----------------------------------------------------*/ #tu .tu_profBox{ width:100%; padding: 3%;} #tu .tu_profBox img.tu_img { width: 50% !important; margin-right: 3%;} #tu .tu_profBox h4{ width: 47%; padding:4px 0 16px;} #tu .tu_profBox h4 img{ width: 48% !important;} /* tu_bnr ----------------------------------------------------*/ #tu .tu_bnr{ width:93%; margin: 0 auto; display: block; padding: 25px 0;} #tu .tu_bnr p{ font-size: 10px; padding-top: 14px; line-height: 1.5em;} }