/*
Theme Name:Opinion child
Theme URI:
Description:WordPressテーマ「source」の自作子テーマです。
Template:source_tcd045
Author:T K
Author URI:https://unithink.jp/
Version:1
*/


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height:0;
}

/*wpのログイン時のヘッダーを消去*/
#wpadminbar {
    display: none;
}
.pc .admin-bar {
    padding-top: 0!important;
}
/*SP版ロゴ*/
.mobile_logo_image {
    width: 40%;
    max-width: 400px;
}
/*PC版ヘッダーメニュー*/
div#logo_image {
    display: none;
}
@media (max-width: 1199px) {
   div#logo_image {
        display: block;
    }
}
.pc #global_menu > ul {
    text-align: center;
    height: 20px !important;
        top: 30px;
}

.pc #global_menu > ul > li {
    background-color: #fff;
    padding: 10px 0;
}

.pc #global_menu > ul > li > a {
    font-size: 15px;
    font-weight:bold;
    padding: 0 20px;
    color:#000!important;
    height: 20px !important;
    line-height: 20px !important;
}

/*PC版グローバルメニューのお問い合わせボタン*/
.pc #global_menu li:last-child{
    background-color: #00acba;
}
.pc #global_menu li:last-child a{
    color: #fff !important;
}

.pc #global_menu {
    float: none;
}

div .index_free_content {
    max-width: 945px;
    margin-left: auto !important;
    margin-right: auto !important;
}


/*top音研のサービス*/
.topMidashi1 {
    width: 100%;
    max-width: 600px !important;
    height: auto !important;
    display: block !important;
    margin: auto auto 0.5% auto !important;
}
.topMidashi1Under {
    width: 120px;
    height: auto;
    display: block;
    margin: auto;
}
.topMidashi1P{
    margin-bottom: 0% !important;
}

.topServiceDIV{
display: flex;
flex-wrap: wrap;
flex-diretion: row;
justify-content: center;
align-items: stretch;
width:100%;
  margin:auto;
}
.topServiceDIV2 {
    width: 29%;
    background-color: #f8f8f8;
    margin: 2em 2.16666%;
    padding: 0 0 1.8em 0!important;
}
.topServiceIcon1{
width:100%;
margin:auto;
display:block;
background:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/top-service-icon-bg.png);
background-size: contain;
background-position: center center;
background-repeat: repeat-x;


}
.topServiceIcon1 img{
width:50%;
margin:auto;
display:block;



}
.topServiceP1 {
   text-align: center;
    font-size: 1.8em;
    color: #1b224c;
    padding: 0.75em 1em 0.5em 1em !important;
    margin: 0 !important;
    line-height: 1.2em !important;
    font-weight: bold;
}
.topServiceP2 {
    width: calc(100% - 2em);
    padding: 0.5em 1em 0.5em 1em;
    margin: 0.0em 0 0 0 !important;
    color: #1b224c;
    font-size: 1.1em;
     line-height: 1.7em !important;
    min-height: 4.5em;
    font-weight: normal;
    text-align: center;
}
.topServiceInsatsuP{
    line-height: 1.5em !important;
}
@media (max-width: 990px) {
    /*アセンブリとの高さをあわせるために印刷だけパディングを追加*/
    .topServiceInsatsu {
        margin: 0.6em !important;
    }
}

a.topServiceBTN1 {
    width: 8em;
    background-color: #1b224c;
    padding: 0.75em 2em;
    border: #1b224c 1px solid;
    color: #fff !important;
    margin: auto;
    display: block;
    text-align: center;
    border-radius: 6px;
}
a.topServiceBTN1:hover {
     background-color: #fff;
    color: #1b224c !important;
  text-decoration:none;
}
@media (max-width: 1280px) {

  .topServiceDIV2{
      
   }

.topServiceIcon1{
   
   }
}
@media (max-width: 990px) {
.topServiceDIV{
    max-width:600px;
    margin:auto;
   
}
.topServiceDIV2 {
     width:45%;
      margin:2em 2.5%;
}
  .topServiceP1 {
    font-size: 1.7em;
}
}
@media (max-width: 599px) {
.topServiceDIV{
    max-width:450px;
    margin:auto;
   
}
.topServiceDIV2 {
     width:96%;
      margin:2em 2%;
  
}
  .topServiceP1 {
    font-size: 1.6em;
    margin: 0 !important;
}
  .topServiceP2 {

    font-size: 1em;
    min-height: initial;
    padding: 0 1em 1em 1em;
}
}
/*トップページニュース*/
#index_news_list {
    max-width: 900px;
}
.news_list .title{
    width: initial;
}
.news_list .category {
    display: none;
}
/*topページ音研のソリューション*/
#index_work_list {
    max-width: 900px;
}
.topsolutionDIV{
    display: flex;
    flex-wrap: wrap;/*アイテムの折り返し 折り返さない:nowrap 折り返す:wrap*/
    flex-diretion: row;/*アイテムの並び順 左：row 右：row-reverse*/
    justify-content: center;/*水平方向の位置を指定() 中央:center 左揃:flex-start 右揃:flex-end 両端の余白を空けずに均等:space-between*/
    align-items: stretch;/*垂直方向の位置 上下埋:stretch 上揃え:flex-start 上下中央揃:center*/
    max-width: 900px;
    margin: auto;
    position: relative;
    text-align: center;
}
.topsolution{
    width: 30%;
    height: 265px;
    margin: 1em 1.666666%;
    background-size: 99.5% 100%;
    background-position: top center;
    background-repeat: no-repeat;
}

@media (max-width: 949px) {
    .topsolution{
        height: calc(29.5vw - 13px);
    }
}
@media (max-width: 639px) {
    .topsolution{
        width: 48%;
    height: calc(46vw - 13px);
    margin: 1em 1%;
        
    }
}
.topSolution1{
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/top-solution-icon1.gif);
}
.topSolution2{
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/top-solution-icon2.gif);
}
.topSolution3{
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/top-solution-icon3.gif);
}
.topSolution4{
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/top-solution-icon4.gif);
}
.topSolution5{
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/top-solution-icon5.gif);
}
.topSolution6{
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/top-solution-icon6.gif);
}


.topsolution img{
    width: 90%;
    display: block;
    position: relative;
    top: 21%;
    margin: auto;
}
.topsolutionDIV a {
    position: relative;
    display: block;
    margin: 6.3em auto 0 auto;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em !important;
}
@media (max-width: 949px) {
    .topsolutionDIV a{
        font-size: 1.5vw !important;
        margin: 6.8em auto 0 auto;
    }
}
@media (max-width: 639px) {
    .topsolutionDIV a{
        font-size: 2.4vw !important;
    }
}

/*topページ採用バナー*/
.topRecruitBanner{
display:block;
margin:auto;
width:100%;
max-width:800px;
}
#main_contents{
  display: flex;
  flex-direction: column
}
.index_free_content {
    margin: 0 auto 50px;
}
#index_free_content1{
    order: 1;
}
#index_free_content2{
    order: 2;
}
#index_free_content3{
    order: 4;
}
#index_news_list{
    order: 5;
}
#index_free_content4{
    order: 6;
}
#index_work_list{
    order: 3;
    display: none;
}

/*フッター*/
#footer_image .title{
    font-weight: bold;
}
#footer_image .button{
    font-weight: bold;
}
#footer_image .wide_image {
    height: 300px;
}
@media only screen and (max-width: 767px){
    div.wide_image .caption .title {
        font-size: 30px!important;
    }
}
#footer_menu li {
    font-size: 15px;
    font-weight: bold;
}
#footer_menu ul {
    margin: 0;
    width: auto;
    margin: 0 0 0 0;
    padding: 0 35px;
}



@media only screen and (max-width: 991px){
    #footer_menu ul, #footer_menu ul:last-child {
       padding: 0;
       height: 110px;
    }
}
@media only screen and (max-width: 991px){
    #footer_menu {
        margin: 0 0 50px 20px !important;
    }
}
#footer_menu a:hover {
    color: #ccc!important;
}
.menu-item-1040{
     line-height: 1.5em !important;
      font-size: 16px !important;
      margin-bottom: 1.5em !important;
}
.menu-item-1040 img{
    height: 19px;
    width: auto;
    position: relative;
    bottom: -5px;
   
}
.menu-item-1040 span{
    font-size: 80%;
    font-weight: normal;
}

.logo img {
    width: 180px !important;
}
#footer_bottom{
  background-color:#fff !important;
  color:#1b224c !important;
}
#copyright a{
  color:#1b224c !important;
}
#copyright{
  background-color:#fff !important;
}
#footer_address li {
    display: block;
    font-size: 14px;
  line-height: initial;
   margin: 0.5em 0.5em !important;
}

#footer_top_inner {
    padding: 75px 0 30px !important;
}
#footer_social_link li.twitter:before {
       color: #1b224c !important;
}
#footer_social_link li.facebook:before {
       color: #1b224c !important;
}
#footer_social_link li.insta:before {
       color: #1b224c !important;
}
#copyright {
    margin: 10px 0;
    background-image:url('https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/footer-marl.png');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 899px){
     #copyright {
        margin: 10px 0;
        background-size: 62px;
        background-position: center top;
        background-repeat: no-repeat;
        padding: 40px 0 0 0;
    }



}



@media only screen and (max-width: 767px){
#footer_social_link {
  background-color:initial !important;
  margin: 0 !important;
  padding: 10px 0 5px 0 !important;
}
}

/*トップのニュース*/
.index_list_header{
  display:none;
}
#index_free_content3 {
    margin: 0em auto 1em auto !important;
}
#index_news_list {
    margin: 0 auto 2em !important;
}
.topNewsBTN {
   width:100%;
  margin:3em 0 0 0;
  height: 100px;
}
.topNewsBTN a{
   display: block;
    margin: auto;
    width: 200px;
   
    border-radius: 6px;
  border: #1b224c 1px solid;
    color:#fff !important;
  
  display:block;
   text-align: center;
    background-color: #1b224c;
    padding: 1em;
}
.topNewsBTN a:hover {
     background-color: #fff;
    color:#1B224C !important;
  text-decoration:none;
}
#index_news_list .mobile_archive_link {
    display: none;
}

/*トップページ強み*/
/*
.wide_image_strong {
    width: 100%;
    min-height: 600px;
    position: relative;
}
div#index_free_content2 {
    width: 100%;
    margin: 0 auto 100px 0;
}
img.topMidashi3 {
    width: 80% !important;
    max-width: 500px !important;
    height: auto !important;
    display: block !important;
    margin: 3% auto 3% auto !important;
}
*/

}
.topStrongWrap {
    padding: 5em 0.5em 5em 0.5em;
}
.topStrongDIV1{
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 0;
}
.topMidashi3 {
    width: 100%;
    max-width: 450px !important;
    height: auto;
    margin: auto;
    display: block;
}
.topStrongWrap h3{
    font-size: 36px;
    text-shadow: 0px 0px 4px #333333; 
    color: #ffffff;
    margin: 0.8em auto 0.6em auto;
    text-align: center;
}
.topStrongWrap p{
    font-size: 16px; 
    text-shadow: 0px 0px 4px #333333; 
    color: #ffffff;
}

.topTsuyomiBTN a{
   display: block;
    margin: auto;
    width: 200px;
   
    border-radius: 6px;

  background-color: #fff;
    color: #1b224c !important;
  
  display:block;
   text-align: center;
   
    padding: 1em;
}


/*newsページ*/
.page_navi {
    margin: 2em auto 0 auto;
}

.formDIV{
    width: 100%;
    max-width: 600px;
    margin: 2em auto;
}
.formP1{
    font-size: 1em;
    line-height: 1.8em !important;
    margin: 0 !important;
}
.formTel1{
    display: block;
    width: 90%;
    max-width: 400px !important;
    margin: 1.5em 0 3em 0 !important;
}
.formInput1 p{
    font-size: 1.1em;
    margin: 0;
}
.formInput1 input{
    width: 100%;
    max-width: 800px;
    margin: 0.0em auto 1.5em auto;
    border: 1px solid #555;
    padding: 1em;
}
.formInput2{
    margin: 0.0em auto 1.5em auto;
}
.form-contacttype{
    width: initial !important;
}
.formP2{
    margin: 0 0 0.5em 0 !important;
}
.formInput1 textarea{
    width: 100%;
    max-width: 800px;
    margin: 0.0em auto 1.5em auto;
    border: 1px solid #555;
    padding: 1em;
}
.formInput3{
    width: 100%;
    margin: 1em auto 0 auto;
    text-align: center;
}
.formInput3 a{
    color: #2fbbc6 !important;
    text-decoration: underline !important;
}
.formInput4{
    width: 100%;
    margin: 1em auto 0 auto;
    text-align: center;
}
.formsubmit,.formback{
    width: 150px;
    background-color: #dd6f11;
    color: #fff;
    padding: 1em;
    border: none;
    margin: 1em auto;
    border-radius: 8px;
}
.mw_wp_form_input .inputOFF{
    display: none !important;
}
.mw_wp_form_preview .previewOFF{
    display: none !important;
}
.mw_wp_form_confirm .formInput1{
    border-bottom: 1px dotted #000;
    margin: 1em auto 1em;
    padding: 0 0 1em 0;
} 
.mw_wp_form_confirm .formInput2{
    border-bottom: 1px dotted #000;
} 

/*プライバシーポリシー*/
.privacyMidashi1{
    text-align: center;
    font-size: 2em;
    line-height: 1em;
}
.privacyUL1 {
    margin: 4em 0 0 1.5em;
}
.privacyUL1 li{
    text-align: left;
    font-size: 1.1em;
    line-height: 1.7em;
    list-style-type: decimal;
    margin: 1.3em 0 1.3em 0;
}

.privacyP1{
    text-align: right;
    font-size: 1.0em;
    margin: 2em 0 0 0 !important;
}

/*音研の5つのサービス*/
.serviceTitle{
    margin: auto;
}
.serviceTitle img{
    display: block;
    margin: auto;
    width: 80%;
    max-width: 400px;
}
.serviceTitleUnder{
    display: block;
    margin: auto;
    width: 86px;
    padding-bottom: 20px;
}
.serviceVisualWrap{
    width: 100%;
    height: 20vw;
    max-height: 250px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: table;
    
}
.serviceVisualWrapA{
    margin: 2em 0 1em 0;
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/service_mainvisual_logistics.jpg);
}
.serviceVisualWrapB{
    margin: 7em 0 1em 0;
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/service_mainvisual_media.jpg);
}
.serviceVisualWrapC{
    margin: 7em 0 1em 0;
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/service_mainvisual_printing.jpg);
}
.serviceVisualWrapD{
    margin: 7em 0 1em 0;
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/service_mainvisual_assembly.jpg);
}
.serviceVisualWrapE{
    margin: 7em 0 1em 0;
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/service_mainvisual_novelty.jpg);
}
.serviceVisualWrap2{
    width: 100%;
    height: 100%;
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/service_mainvisual_mask.png);
    
    background-size: 3125px 30px;
    background-position: center bottom;
    background-repeat: repeat-x;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.serviceMidashi1 img{
     max-width: 625px;
    width: 100%;
    height: auto;
    display: block;
    margin: auto auto 2em auto;
}
.serviceMidashi2 img{
     max-width: 620px;
    width: 100%;
    height: auto;
    display: block;
    margin: auto auto 2em auto;
}
.serviceTextArea{
    width: calc(100% - 30px);
    max-width: 830px;
    padding: 0 15px;
    margin: auto;
}
.serviceIcon1{
    width: 87px;
    height: auto;
    display: block;
    margin: 2em auto 0 auto;
}
.serviceMidashi1{
    width: 100%;
    max-width: 772px;
    margin: 2em auto 3em auto !important;
}
.serviceP1{
    font-size: 15px;
    line-height: 2em;
    color: #555;
    font-weight: normal;
    text-align: center;
    margin: 2.5em auto 0 auto;
}
.serviceIconTokuchou img{
     width: 113px;
    height: auto;
    display: block;
    margin: 3.5em auto 0 auto;
}
.serviceTokuchouDIV1{
     width: calc(100% - 40px);
    padding: 20px;
    background-color: #f2f6fa;
    margin: 1em auto 0 auto;
}
@media (max-width: 499px) {
    .serviceTokuchouDIV1{
         width: calc(100% - 20px);
        padding: 10px;
    }
}
.serviceJissekiDIV1{
    width: calc(100% - 80px);
    padding: 20px 40px;
    background-color: #f2f6fa;
    margin: 1em auto 0 auto;
}
@media (max-width: 499px) {
    .serviceJissekiDIV1{
         width: calc(100% - 20px);
        padding: 10px;
    }
}
.serviceTokuchouP2 {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 1em auto !important;
}
.serviceTokuchouUL1{
    margin: 0;
}
.serviceTokuchouUL1 li{
    color: #00529b;
    font-weight: bold;
    font-size: 1.2em;
    margin: 1.0em 0;
    list-style-type: none;
    background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/onken_service_check.gif);
    background-size: 30px 30px;
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 40px;
}
.serviceTokuchouUL1 li span{
    border-bottom: 3px solid #ff0;
}
.serviceTokuchouP1{
    font-size: 0.8em;
    line-height: 1.8em;
    color: #000;
    font-weight: normal;
    text-align: left;
    margin: 0.5em 0 20px 60px !important;
}
@media (max-width: 499px) {
.serviceTokuchouP1 {
    margin: 0.5em 0 20px 10px !important;
}
}


.serviceJissekiTable1{
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto 0;
}
.serviceJissekiTD1{
    width: 40%;
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle;
    padding: 0.5em 1em;
    line-height: 1.3em !important;
    text-align: left;

}
.serviceJissekiTD2{
    width: 30%;
    border-top: 1px solid #f2f6fa !important;
    border-bottom: 1px solid #f2f6fa !important;
    vertical-align: bottom;
    padding: 0.5em 1em;
    line-height: 1.3em !important;
    text-align: center;
    background-color: #00529b !important;
    color: #ff0 !important;
    font-size: 1.8em !important;
    font-weight: bold;

}
.serviceJissekiTD3{
    width: 30%;
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-left: none !important;
    border-right: none !important;
    vertical-align: middle;
    padding: 0.5em 1em;
    line-height: 1.3em !important;
    text-align: center;

}
.serviceJissekiTD2 span{
    font-size: 60%;
}
@media (max-width: 639px) {
    .serviceJissekiTD2 {
        vertical-align: middle;
        font-size: 1.0em !important;
    }
}

.serviceMediaServiceDIV1{
    width: 100%;
    margin: 1em auto 0 auto;
    display: flex;
    flex-wrap: wrap;/*アイテムの折り返し 折り返さない:nowrap 折り返す:wrap*/
    flex-diretion: row;/*アイテムの並び順 左：row 右：row-reverse*/
    justify-content: space-between;/*水平方向の位置を指定() 中央:center 左揃:flex-start 右揃:flex-end 両端の余白を空けずに均等:space-between*/
    align-items: stretch;/*垂直方向の位置 上下埋:stretch 上揃え:flex-start 上下中央揃:center*/
}
.serviceMediaServiceDIV2{
    width: calc(48% - 60px);
    padding: 10px 30px 30px 30px;
    background-color: #f2f6fa;
}

@media (max-width: 639px) {
    .serviceMediaServiceDIV2{
        width: calc(100% - 60px);
        padding: 10px 30px 30px 30px;
        margin: 1em auto;
    }
}


.serviceTokuchouMidashi{
   width: 100%;
    border-bottom: 3px solid #ff0;
    font-size: 24px !important;
    line-height: 1.7em !important;
    color: #00529b;
    font-weight: bold !important;
}
.serviceTokuchouMidashi img{
    width: 27px;
    height: 44px;
    display: block;
    float: left;
    margin-right: 10px;
}
@media (max-width: 639px) {
    .serviceTokuchouMidashi{
        font-size: 18px !important;
        line-height: 1.7em !important;
    }
   .serviceTokuchouMidashi img{
        width: 21px;
        height: 33px;
    }
}
.serviceMediaServiceP1{
    font-size: 1em;
    line-height: 1.8em;
    color: #000;
    font-weight: normal;
    text-align: left;
    margin: 1em auto 0 auto;
}
.serviceTokuchouDIV10{
     width: calc(100% - 60px);
    padding: 10px 30px 30px 30px;
    background-color: #f2f6fa;
    margin: 1.5em auto;
}
@media (max-width: 499px) {
    .servicepcbr{
        display: none;
    }
}


/*5つのサービスページ*/
#work_header{
background-image:url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/solution_header-bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
height: 160px !important;
}
#work_header_inner{
    position: relative;
}
#work_header .title{
    float: initial !important;
    background-image: url(https://onken.co.jp/wordpress/wp-content/themes/source_tcd045-child/images/solution_header-title.png);
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    width: 250px;
    height: 80px;
    position: absolute;
    right: 20%;
    margin: 40px 0 0 0;
    color: rgba(0,0,0,0);
}
@media (max-width: 767px){
#work_header .title {
    margin: 20px auto 0 auto !important; 
    float: initial !important; 
    height: 80px !important; 
    line-height: initial !important; 
    right: 15% !important;
}
}


/*6つのソリューションページ*/
.solutionEditorP1{
font-size:1.3em;
}
.solutionHeadMarkP{
    margin: 0 auto !important;
}
.solutionHeadMark{
    width: 160px;
    max-width: 40% !important;
    margin: auto;
}
@media (max-width: 639px){
    .solutionEditorP1{
    font-size:1.0em;
    }
    .solutionEditorP1 br{
    display:none;
    }
}
/*ニュースページ*/
#post_meta_top .category a {
    display: none !important;
}
#post_meta_top .date {
    margin: 0 !important;
}