/*全体・フォントを游ゴシックに*/

*{
 font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif !important;  
}

/*letter-spacing広くしたい！！！！！！！！！*/
*{
letter-spacing: 0.1em !important;    
}


/*コンテンツ部上マージン　デザイン準拠*/
#header #whorl .contents{
    /*margin-top:50px;*/
}

/*h2.megumi-title 調整 TOPのデカ文字*/
h2.megumi-title{
    font-size: 20px;
    padding-bottom: 8px;
}

/*ヘッダと見出し？ letter-spacing*/
/*#header, h2 {
    letter-spacing: 1.6px !important;
}
*/

/*ヘッダ部　ソーシャルアイコン幅対応*/
#header .wrapper {
    max-width:1100px;
}

/*パンくず*/
.breadcrumbs{
    padding-left:0px;
    padding-top:28px;
    margin-bottom:-28px;
}

/*ページによって .entry-header が入る　どこに影響が出るか分からない
  padding:1em 0; を消したい*/
body:not(.twentyseventeen-front-page) .entry-header{
    padding:0 !important;
}

/*ナビ右・電話番号箇所 後述処理への対応*/
nav.pc ul.drop li.g_adress:nth-child(7) {
    padding-right:20px;
}

/*アイコンフォント出ない対策*/
.fa{
    font:normal normal normal 14px/1 FontAwesome !important;
}

/*参加モデルページ*/
/*モデル名のサイズ変更*/
#pack-model .box-model p {
    text-align: center;
    font-weight: bold;
    padding: 4px 0 10px 0;
    font-size: 0.8rem;
}

/*recruit-2のいらすとやの崩れへの対応処理*/
#recruit-area #karada {
    width: calc(100% + 20px);
    padding:30px 20px;
    margin-left: -30px;
}

/*いらすとやの野郎を位置調整*/
#recruit-area #karada .illust {
    right:-40px;
}

/*お問い合わせフォーム確認ページ
  背景出ていなかったのを対応*/
.wrap5 {
    background: none;
}

.wrap5 #content2 form {
    background-color: #ffffff;
    padding:20px 40px;
}

/*モデル詳細ページ・レイアウト調整*/
.pack-desc {
    margin-bottom:22px;
}

.pack-txt a img {
    margin-top:20px;
}

#content h3.pack {
    margin-top: -14px;
    margin-bottom: 22px !important;
}

#content-home ul li a .text .name{
    line-height: 1.4;
}

/*ヘッダーソーシャルボタン！！！！！！！！！！！！！！！(アイコン配置する大枠)*/
#header .wrapper .socialBtn {
    width:88px;
    top:-62px;
}

/*ヘッダーラッパーソーシャルボタン！(Tw、Fb、個別アイコンのサイズ)*/
#header .wrapper .socialBtn > span{
    width:38px;
    height:38px;
}

/*フッタのナビの文字サイズいじる*/
.footnav {
    font-size: 14px;
}

/*フッタのナビのパディング左右*/
footer#footer .footnav a {
    padding:0 10px;
}

/*小要素・個別に間隔が開いているので対応し中央寄せ*/
#footer #social {
    padding-left:4px;
}

/*お問い合わせページ*/

/*多少、他のページに近づける*/
.wrap #content2 form {
    padding:0 40px;
}

/*フォームの下線消す*/
.wrap #content2 form tr {
    border-bottom: none;
    
}


/*お問い合わせ・[一般のお問い合わせ]下マージン調整　他で問題あったら消そう*/
.wrap #content2 form p {
    margin-bottom: 4px;
}

/*フォームの外枠・ボーダー色*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
    border: 1px solid #888 !important;
}

/*個別撮影会・個別ページ*/
#profile .schedule{
    background-color:unset;
}

#profile .schedule h2 {
    background: unset;
}

/*キャスト一覧・表示崩れ　穴塞ぎ的　なんかあるかも*/
.schedule-list.sec-block .schedule-cast {
    padding: 15px;
}

.area4　{
    line-height:1.4 !important;
}

#content-home ul li a .text {
    padding: 4px 8px;
}

/*撮影会リクエストページ・h3下線*/
h3.flow-ul {
    text-decoration: underline;
}

/*撮影会リクエストページ・セクション分けて下マージン*/
.request-section{
    margin-bottom: 60px;
}

/*撮影会リクエストページ・フォントサイズ対応*/
#recruit-area .request-txt {
    font-size: 14px;
}

/*撮影会リクエストページ・h2の色*/
.request-h2{
    color:#333333;
}

/*トップ・モデルのリストの白ボーダー削除　margin追加*/

#pack-model {
    border:none;
    margin:4px 0 0 4px;
}

#pack-model .box-model {
    border:none;
    margin:0 4px 4px 0;
}

#pack-model .box-model {
    width: calc(25% - 4px);
}
    

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

/*ヘッダ部　幅の調整*/
    
/*ナビゲーション*/

/*
    ロゴ・html側でmarginが指定されていた。それを消した。
*/
    
/*ヘッダのソーシャルアイコンを右に寄せるためmax-widthを打ち消し*/
.wrapper {
    max-width:auto;
}

/*
masao.css:32の内容を消す・デザインに準拠するため*/
nav.pc > ul > li:nth-child(1) {
    margin-left:0;   
}

/*ナビ右・電話番号箇所のpadding打ち消し*/
nav.pc ul.drop li.g_adress:nth-child(7) {
    padding-left:0;
    padding-right:0;
}

/**/
nav.pc ul.drop li{
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}
    
/*SP表示で中央ずれている対策*/
#footer #social .share:last-child {
    margin-right:0;
}

/*パンくず・サイズ*/
.breadcrumbs {
        width:1100px;
}
    
}

@media only screen and (max-width: 1100px) {
    
/*このパンくずは右に20px動く*/
.breadcrumbs {
    padding-left:20px;
}
    
}


/*980px以上*/
@media only screen and (min-width: 980px) {

/*paddingデザイン準拠*/
#container .wrap {
    padding:30px 40px;
   /* background: rgba(255, 255, 255, 0.85);*/
}

/*トップ・システム等　BG白いところcontent*/
#content {
    width:680px;
	padding:20px;
	border:1px solid #DDDDDD;
	background:#FFF;
}
/*個撮・団体・お問い合わせ等　BGないところcontent2*/
#content2 {
    width:1100px;
    margin-top:38px;
    background: rgba(255, 255, 255, 0.85);
    height: -webkit-fill-available;
    padding-top: 30px;
    display:table;
}

}

/*979px～768px*/
@media only screen and (max-width:979px) {

/*幅はみ出し抑止・margin打ち消し*/
nav.pc{
    margin-left:0;
    margin-right:0;
}
#pack-model .box-model {
    width: calc(33% - 4px);
}


/*btn-schedule・幅98%で左に寄ってたので幅100%にする*/
#content-home ul li.btn-schedule, .sec-block ul li.btn-schedule{
    width:100%;
}

/*このサイズ帯での画像100%表示対策　980px以上ならちゃんと出るんじゃないですか*/
    
    #recruitBnr img {
    width:980px;
    margin-left: 1%;
    margin-top: 46px;
}

#content-home ul, .sec-block ul {
    overflow: visible;
}
    
#content-home ul li a, .sec-block ul li a {
    overflow: visible;
}

/*無理やり*/
#content-home ul li a, .sec-block ul li a{
    overflow: visible;
}
    
#recruitBnr {
    margin-left:1%;
}
    
#recruitBnr ul {
    width: 98%;
    margin-left: 2%;
}

/*よくわからないbackground:fff;を消す*/
.schedule-list.sec-block .schedule-cast {
    background: none;
}

/*evenだけが対象になっていたのを全体にする*/
    .schedule-list.sec-block .schedule-cast > li {
    background: #FFFFF8;
}

/*背景色なかったのをつけました　と　padding入れといたと
  これ以上は大変そうなので諦めた*/
/*あと多分幅100%無理やり対応*/

.wrap3, .wrap4 {
    width:100% !important;    
}
    
.wrap3 #content {
    background: #ffffff;
    padding:15px;
}
    
.wrap4 #content{
    width:97vw !important;
    padding:0 !important;
}

/*イベントオフ会リストの表示崩れ対策*/
.dantaibox_phs {
        min-height:48vw;
}

.dantaibox2{
    margin-bottom: 20px;
}

.wrap3 #content {
    margin-bottom:20px;
    margin-top: -24px;
}
 
/*コンテンツ部上マージンなくす*/
#header #whorl .contents{
    margin-top:0;
}

/*#recruit-area #karada 980px以下の処理
  無理やり出した数字への対応*/
#recruit-area #karada {
    width: calc(100%);
    padding:30px 20px;
    margin-left:0;
}

/*ソーシャルアイコン中央寄せ対策*/

#footer #social {
    padding-left:8px !important;
}

#opentime-area {
    letter-spacing: 0 !important;
}
    
h2#system-price_h2 {
    margin-top: -24px;
}

.wrap {
    background: #ffffff;
    padding-top: 20px;
}

.wrap3 {
    display:table;
    background: #ffffff;
}
    
.wrap4 {
    display: table;
    background: #ffffff;
}

.breadcrumbs{
    margin-bottom:0;
}
    
}


@media screen and (min-width: 48em){

/*個別・詳細ページのコンテンツ部上マージン*/    
.wrap3{
    margin-top:33px !important;
    background: rgba(255, 255, 255, 0.85) !important;
}
 
/*団体・詳細ページのコンテンツ部上マージン*/
.wrap4{
    margin-top:37px !important;
    background: rgba(255, 255, 255, 0.85) !important;
}
    
}

/*タブレットサイズ*/
@media only screen and (max-width: 767px) {

/*パンくず幅*/
.breadcrumbs {
    width:auto;
    padding:32px 0 18px 0;
    margin:auto;
    font-size: 11px;
    letter-spacing: 0 !important;
    }

/*ハンバーガーからのメニュー
  current-pageのborder-bottomの色が出ていなかったのを直す処理*/
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link {
    border-color: #666666 !important;
}

/*表示幅767px近辺で表示が崩れる現象への対応*/
    .schedule-list.sec-block .schedule-cast .image > img {
    max-width: 93%;
}

/*詳細ページ見出し幅*/
h2#system-price_h2 {
    width: 100%;
    margin-top: 10px;
}

footer#footer .footnav a{
    padding:0;
}

.footnav .smnone{
    display:inline;
}

#content-home ul li a .text {
    padding: 0;
}

}


/*SPサイズ*/
@media only screen and (max-width: 479px){

/*対応*/
h2#system-price_h2 {
    margin-top:0;    
}
    
/*無理やり*/
#content-home ul li a, .sec-block ul li a{
    overflow: visible;
}

#recruitBnr {
    margin-left: 0;
}
    
#recruitBnr ul {
    width: 98%;
    margin-left: 2%;
}

/*個別　写真サイズ対応
  だいたいあってればいい精神で*/
.package-img .photo .image:last-child {
    height: auto;
    width: 39vw;
}
    .package-img .photo .image {
    width: 45%;
    margin: 12px 2vw 16px 2vw;
}
 
.wrap4 {
    
}
    
}