@media screen and (max-width: 740px){
/*** common ***/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
#main-content{
    width:95%;
    margin:0 auto;
}

/*** global navi ***/

body .global-header{
    width:100%;
    height: 100px;
    overflow: visible;
}
body .global-header.loggedin{
    height: 50px;
}

body#hokkaido   .global-header div.annPresTV a{background-image: url(/assets/default/area/hokkaido/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#aomori     .global-header div.annPresTV a{background-image: url(/assets/default/area/aomori/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#iwate      .global-header div.annPresTV a{background-image: url(/assets/default/area/iwate/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#miyagi     .global-header div.annPresTV a{background-image: url(/assets/default/area/miyagi/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#akita      .global-header div.annPresTV a{background-image: url(/assets/default/area/akita/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#yamagata   .global-header div.annPresTV a{background-image: url(/assets/default/area/yamagata/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#fukushima  .global-header div.annPresTV a{background-image: url(/assets/default/area/fukushima/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#ibaraki    .global-header div.annPresTV a{background-image: url(/assets/default/area/ibaraki/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#tochigi    .global-header div.annPresTV a{background-image: url(/assets/default/area/tochigi/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#gunma      .global-header div.annPresTV a{background-image: url(/assets/default/area/gunma/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#saitama    .global-header div.annPresTV a{background-image: url(/assets/default/area/saitama/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#chiba      .global-header div.annPresTV a{background-image: url(/assets/default/area/chiba/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#tokyo      .global-header div.annPresTV a{background-image: url(/assets/default/area/tokyo/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#kanagawa   .global-header div.annPresTV a{background-image: url(/assets/default/area/kanagawa/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#niigata    .global-header div.annPresTV a{background-image: url(/assets/default/area/niigata/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#toyama     .global-header div.annPresTV a{background-image: url(/assets/default/area/toyama/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#ishikawa   .global-header div.annPresTV a{background-image: url(/assets/default/area/ishikawa/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#fukui      .global-header div.annPresTV a{background-image: url(/assets/default/area/fukui/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#yamanashi  .global-header div.annPresTV a{background-image: url(/assets/default/area/yamanashi/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#nagano     .global-header div.annPresTV a{background-image: url(/assets/default/area/nagano/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#gifu       .global-header div.annPresTV a{background-image: url(/assets/default/area/gifu/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#shizuoka   .global-header div.annPresTV a{background-image: url(/assets/default/area/shizuoka/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#aichi      .global-header div.annPresTV a{background-image: url(/assets/default/area/aichi/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#mie        .global-header div.annPresTV a{background-image: url(/assets/default/area/mie/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#shiga      .global-header div.annPresTV a{background-image: url(/assets/default/area/shiga/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#kyoto      .global-header div.annPresTV a{background-image: url(/assets/default/area/kyoto/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#osaka      .global-header div.annPresTV a{background-image: url(/assets/default/area/osaka/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#hyogo      .global-header div.annPresTV a{background-image: url(/assets/default/area/hyogo/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#nara       .global-header div.annPresTV a{background-image: url(/assets/default/area/nara/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#wakayama   .global-header div.annPresTV a{background-image: url(/assets/default/area/wakayama/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#tottori    .global-header div.annPresTV a{background-image: url(/assets/default/area/tottori/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#shimane    .global-header div.annPresTV a{background-image: url(/assets/default/area/shimane/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#okayama    .global-header div.annPresTV a{background-image: url(/assets/default/area/okayama/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#hiroshima  .global-header div.annPresTV a{background-image: url(/assets/default/area/hiroshima/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#yamaguchi  .global-header div.annPresTV a{background-image: url(/assets/default/area/yamaguchi/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#tokushima  .global-header div.annPresTV a{background-image: url(/assets/default/area/tokushima/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#kagawa     .global-header div.annPresTV a{background-image: url(/assets/default/area/kagawa/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#ehime      .global-header div.annPresTV a{background-image: url(/assets/default/area/ehime/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#kochi      .global-header div.annPresTV a{background-image: url(/assets/default/area/kochi/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#fukuoka    .global-header div.annPresTV a{background-image: url(/assets/default/area/fukuoka/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#saga       .global-header div.annPresTV a{background-image: url(/assets/default/area/saga/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#nagasaki   .global-header div.annPresTV a{background-image: url(/assets/default/area/nagasaki/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#kumamoto   .global-header div.annPresTV a{background-image: url(/assets/default/area/kumamoto/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#oita       .global-header div.annPresTV a{background-image: url(/assets/default/area/oita/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#miyazaki   .global-header div.annPresTV a{background-image: url(/assets/default/area/miyazaki/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#kagoshima  .global-header div.annPresTV a{background-image: url(/assets/default/area/kagoshima/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}
body#okinawa    .global-header div.annPresTV a{background-image: url(/assets/default/area/okinawa/img/hd_logo.png); background-repeat: no-repeat; background-size: contain;}

body   .global-header div.annPresTV a{
    margin: -5px 0 0 -5px
}

.global-header ul{
    display:none;
}
body .global-header .action-buttons{
  position:relative;
  text-align:center;
  width:100%;
  padding-top:10px;
}
body .global-header .action-buttons .button-wrap{
    width:47%;
}
body .global-header .action-buttons .button{
    position: relative;
    border-radius:3px;
}
body .global-header .action-buttons .button.login{
    border-top:1px solid #3a6897;
}
body .global-header h1{
    height:auto;
    float:none;
    margin:0 auto;
    width: 163px;
}
body .global-header h1 a{
    height:auto;
}
body .global-header h1 img{
    width:80px;
}
body .global-header div.annPresTV{
    position: relative;
    top: -35px;
    left: 40px;
    margin: 0 auto;
    width: 78px;
}
body .global-nav{
    background-image:none;
    background:#111;
    height:auto;
}
body .global-header .sp-menu{
    display:block;
    position: absolute;
    top: 68px;
    right: 20px;
    font-size: 1.4em;
    color:#444;
}
body .global-header.loggedin .sp-menu{
    top: 18px;
}
body .global-header ul{
    margin:0;
    z-index:1111;
    position:absolute;
    top:105px;
    width:100%;
    background:#222;
}
body .global-header.loggedin ul{
    top: 55px;
}
body .global-header ul li{
    display:block;
    width:100%;
    border-bottom:1px solid #555;
    float:none;
    background-image:none;
    font-size:0.8em;
    padding:0;
}
body .global-header ul li a{
    color:#eee;
    display:block;
    width:100%;
    padding:10px;
}
body .global-header .action-buttons ul{
    top: 50px;
    left: 0;
    position:absolute;
}
body .global-header .action-buttons ul li{
    top:0;
    border:0;
}
body .global-header .action-buttons ul li a{
    color:#3a6897;
}
.global-nav .global-nav-inner{
    width:100%;
}
.global-nav .global-nav-inner ul{
    float:none;
    padding:0;
}
.global-nav .global-nav-inner .global-search{
    float:none;
    width:100%;
    background:#ccc;
    padding:5px 2%;
    margin:0;
    box-sizing:border-box
}
.global-nav .global-nav-inner .global-search label{
    text-indent:0;
    background-image:none;
    width:30%;
    height:auto;
    line-height:2.1em;
    margin-right:1%;
    font-size:0.7em;
    display:none
}
.global-nav-inner .global-search .global-search-text{
    width:70%;
    font-size:1em;
    border:none;
    padding: 5px;
}
.global-nav .global-nav-inner .global-search-submit{
    text-indent:0;
    background-image:none;
    background:#004DA2;
    color:#fff;
    font-size:0.8em;
    width:25%;
    padding:5px 5px;
    height:auto;
    margin:0;
}
.global-nav .global-nav-inner input[type="button"],
.global-nav .global-nav-inner input[type="submit"] {
    -webkit-appearance: none;
  }
.global-nav li{
    width:24.5%;
    text-align:center;
    border-right:1px solid #555;
    font-size:0.85em!important;
}
body .global-nav li:last-child{
    border-right:none;
}
body .global-nav li:first-child{
    border-left: none;
}
.global-nav .global-nav-inner li a{
    background-image:none;
    text-indent:0;
    color:#fff;
    width:auto;
    height:auto;
    padding:10px;
}
body .billboard{
    padding:0;
    background-image:none;
}
body .billboard-dots{
    top:184px;
    left:0;
    width:100%;
    display:none;
}
.billboard .billboard-inner{
    width:100%;
    height:auto;
}
.billboard .billboard-main{
    position:relative;
    width:100%;
    height:200px;
}
.billboard .billboard-map{
    position:relative;
    width:100%;
    border-top:0;
}
.billboard .billboard-main ul li{
    width:100%;
}
.billboard .billboard-main ul li img{
    width:100%;
    height: auto;
}

/*** new-programs ***/
body .new-programs{
    padding:0;
}
.new-programs .new-programs-inner{
    width:100%;
}
.new-programs .new-programs-inner h2{
    background-image:none;
    background:#111;
    text-indent: 0;
    font-size:0.9em;
}
.new-programs .new-programs-contents{
    width:100% !important;
    height:auto;
    border:0;
}
.new-programs .new-programs-roll{
    width:100%;
    margin:0;
}
.new-programs .new-programs-roll li{
    width:100%;
    height:auto;
    position:relative;
}
.new-programs .new-programs-roll .card{
    background-image:none;
    background:#fff;
    float:none;
    height: 72px;
    border:1px solid #aaa;
    border-left:3px solid #aaa;
    margin:10px auto 0;
    width:90%;
}
.new-programs .new-programs-roll-prev,
.new-programs .new-programs-roll-next{
    display:none;
}
.new-programs .new-programs-roll-dots{
    left:0;
    position:relative;
    width:100%;
    display: block;
    margin-top:5px;
}

/*** pickup-news ***/
body .pickup-news{
    width:100%;
    margin:0 auto;
    box-sizing:border-box
}
.pickup-news .left-column,
.pickup-news .right-column{
    width:100%;
    float:none;
}
.pickup-news .pickup-contents{
    position: static;
    width:100%;
}
body .pickup-contents-list li{
    width:100%;
}
.pickup-news .pickup-contents-list .card{
    background-image:none;
    width:100%;
    border: 1px solid #aaa;
    border-left: 3px solid #aaa;
    box-sizing:border-box;
}
.pickup-news .pickup-contents-list .title{
    width: auto;
    height: 32px;
    overflow: hidden;
}
.pickup-news .pickup-contents-list .keyword{
    background-image:none;
    width:100%;
    height:auto;
    padding:10px;
    padding-top:15px;
    border-top:1px dotted #999;
    background-color:#eaeaea;
    left:0;
    bottom:0;
    box-sizing:border-box;
}
.pickup-contents-list .keyword:before{
    content: "キーワード";
    display:block;
    background:#009933;
    color:#fff;
    position:absolute;
    top:-10px;
    padding:3px 4px;
}
.right-column .news-contents{
    width:100%;
}
.pickup-news .pickup-banner {
    width:100%;
}
.pickup-banner{
    margin-bottom:10px;
}
.pickup-news .pickup-banner img{
    width:100%;
}
.list-expand.section-break .list-expand-list{
    width:90%;
    margin:0 auto;
    padding:0;
}
.list-expand.section-break{
    background-image:none;
    padding-bottom:0px;
}
body .section-title{
    width:100%;
    margin:15px auto 0;
    box-sizing:border-box
}
body .section-title img{
    width: 100%;
}
body .section-sub-title{
    width:100%;
    margin:0 auto;
    margin-top:5px;
    box-sizing:border-box
}
.list-expand.section-break .card.x3{
    background-image:none;
    width:99%;
}
.list-expand.section-break .card.x3 img{
    width:100% !important;
    height:auto;
    position:static;
    left:0;
    top:0;
    box-sizing:border-box;
}
.list-expand.section-break .card.x3 .card-inner{
    background-image:none;
}
.list-expand.section-break .card.x3 .card-contents{
    background-image:none;
    background-color:#fff;
    padding:10px;
    min-height:0 !important;
}
.list-expand.section-break .keyword{
    width:100%;
}
.list-expand.section-break .list-expand-list .title{
    position:static;
    top:0;
    left:0;
    margin-top:10px;
}
.list-expand.section-break .list-expand-list .area{
    position:static;
    top:0;
    left:0;
    width:60px;
    text-align:center;
    display:inline-block;
    margin-top:10px;
}
.list-expand.section-break .list-expand-list strong{
    position:static;
    top:0;
    left:0;
    margin-top:5px;
    min-height:0;
}
.list-expand.section-break .list-expand-list .lead{
    width:100%;
    padding:0;
    margin:0;
    margin-top:10px;
    margin-bottom:40px;
}
.list-expand.section-break .list-expand-list .keyword{
    background-image:none;
    width:100%;
    height:auto;
    padding:10px;
    padding-top:15px;
    border-top:1px dotted #aaa;
    background-color:#eaeaea;
    left:0;
    bottom:0;
    box-sizing:border-box;
}
.list-expand.section-break .list-expand-list .keyword:before{
    content: "キーワード";
    display:block;
    background:#009933;
    color:#fff;
    position:absolute;
    top:-10px;
    padding:3px 4px;
}
/*** photos ***/
body .top-photos p.list-expand-list{
    width:90%;
    margin:0 auto;
    padding:0;
}
body .top-photos .card.x6{
    width:48%;
    margin:0;
    height:117px;
    background:#fff;
    border:1px solid #aaa;
    background-image:none;
    padding: 5px;
    box-sizing:border-box;
    margin-bottom:10px;
    overflow: hidden;
    display: table;
}
body .top-photos .list-expand-list .card.x6:nth-child(odd) {
    margin-right:10px;
}
body .top-photos .card a{
    width:100%;
    height: 105px;
    display:table-cell;
    vertical-align: middle;
}
body .top-photos .list-expand-list img{
    max-width:100%;
}
body .top-footer{
    width:auto;
}
body #introduceForm{
    width:100%;
    box-sizing:border-box;
    float:none;
    height:325px;
}
body .section-title-link{
	width:90%;
	margin:0 auto 10px;
   box-sizing:border-box
}

/**** Future-page ****/

body .background-cover .section-contents{
    width:90%;
    margin:0 auto;
}
body .card.x06 .card-contents{
    background-image:none;
    padding:0;
}
body .background-cover{
    margin-top:0;
    padding:0;
    background-image:none;
}
body .section-contents{
    width:100%;
}
body .section-contents .left-column{
    width:100%;
}
.section-contents .left-column .news-contents .figure{
    float:none;
    width:100%;
	text-align:center
}
.section-contents .left-column .news-contents .figure a{
	text-align:center
}
.section-contents .left-column .news-contents .text{
    float:none;
    width:100%;
}
.section-contents .left-column .news-contents .event-detail-link{
    display: block;
    text-align: center;
}
.section-contents .left-column .card.x06 {
    display: block;
    width:100%;
    background-color:#fff;
    border:1px solid #aaa;
    background-image:none;
    padding:0;
    box-sizing:border-box;
}
.section-contents .left-column .card.x06 .card-inner{
    background-image:none;
}
.card.x06 .card-title{
    margin-top:10px;
}
.section-contents .left-column .news-contents{
    margin-top:8px;
}
.section-contents .left-column .btn-expand-open{
    width:100% !important;
}
.section-contents .right-column{
    width:95%;
    float:none;
    margin:20px auto 0;
}
.section-contents .left-column{
    float:none;
}
.section-contents .right-column .pickup-banner img{
    width:100%;
}
body .section-title span{
	padding-bottom:8px;
	font-size:0.8em
}
#fb-root {
    display: none;
}
.fb_iframe_widget, .fb_iframe_widget span,
.fb_iframe_widget span iframe[style],
.fb_iframe_widget iframe{
    width: 100% !important;
}
.like-box .fb-like-box{
    background:transparent !important;
}
body .top-footer .like-box{
    min-height:0;
    margin-bottom:20px;
}
body .pop-contents {
    width:100%;
}
.pop-contents #request_form{
    width:100%;
    box-sizing:border-box;
}
.pop-contents #request_form label{
    text-align:left;
}
#IntroduceFormIndexForm{
    padding:10px;
    padding-top:0;
    margin-bottom:5px;
}
body .pop-contents div.rr_send{
    width:100%;
    padding: 80px 0;
}
body .pop-contents #request_form input[type=text],
body .pop-contents #request_form textarea{
    width:100%;
    box-sizing:border-box;
}
body .pop-contents table td input[type=text],
body .pop-contents table td input[type=email],
body .pop-contents table td textarea{
    width:100%;
    box-sizing:border-box;
}
body .btn-expand-open,
body .btn-expand-close{
    width:100%;
}
body .pickup-contents h2{
    width:100%;
}
body .logo-list{
    width:100%;
}
body .sub-footer dd{
    width:100%;
}

/*** footer ***/
body .footer-pmark{
    bottom: 3px;
}
body .footer-pmark,
body .global-footer p,
body .sub-footer .footer-note{
    width:100%;
    box-sizing: border-box;
}
body .sub-footer,
body .sub-footer-inner{
    width:100%;
    box-sizing: border-box;
}
.sub-footer-inner dd{
    display:none;
}
.sub-footer-inner dd span{
    display:block;
    padding-left:10px;
}
body .sub-footer{
    padding-bottom:10px;
}
body .sub-footer dt{
    position:relative;
    text-align:left;
    width:100%;
}
body .sub-footer .footer-note{
    padding-left:0;
}
body .global-footer{
    line-height:1.5em;
}
body .global-footer p:first-child:after{
    content: ' ｜ ';
}
body .global-footer p:first-child,
body .global-footer p:nth-child(2){
    display: inline;
}
body .global-footer .footer-menu{
    position:relative;
    text-align:left;
    width:75%;
    margin:0;
    padding-left:20px;
    margin-bottom:10px;
    box-sizing:border-box;
}
body>iframe{
    display:none;
    height:0;
}
.sub-footer .sub-footer-inner i{
    display:block;
    position:absolute;
    right:5px;
    top:9px;
    color:#666;
}
.sub-footer .sub-footer-inner h2{
    font-size:1em;
}
.sub-footer .sub-footer-inner dl dt,
.sub-footer .sub-footer-inner dl dd{
    font-size:0.8em;
    border-bottom:1px solid #ddd
}
.sub-footer .sub-footer-inner dl dt{
	padding-top:4px
}
body .global-footer .footer-pmark{
    position: static;
    text-align: right;
    margin-top: -20px;
}
body .global-footer .footer-pmark a{
    position: static;
    width:12%;
    display: inline-block;
}
.footer-pmark img{
    width:100%;
    height:auto;
}

/********** map ************/
body .map{
    background:none;
    width:100%;
    height:auto;
}
body .map ul{
    padding:0;
    margin:0;
    height: 241px;
    overflow-y: scroll;
}
body .map li,
body .pop-map li{
    position:static;
    border:none;
    border-bottom:1px solid #ccc;
    background:#eee;
    font-size:1.1em;
    line-height: 2.2em;
}
body .pop-map .lead,
.pop-map h1,
.pop-map h2{
    position:static;
    top:0;
}
body .pop-map .lead{
    width:100%;
    text-align:center;
    margin-bottom:10px
}
.pop-map strong{
    font-size:20px;
}
.pop-map{
    font-size:0.8em;
}
body .pop-map h2{
    width:100%;
    font-size:1.3em;
    margin-bottom:10px;
    position:static
}
iframe{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
}
body .map+p{
    display:none;
}
body .map+p.total{
    display:block;
    background:none;
    background:#ddd;
    border-top:1px solid #eee;
    padding-top:6px;
    padding-bottom:4px;
    color: #000;
}
body .billboard-map iframe{
    width:100%;
}
/*** pop-map ***/
body .pop-map ul{
    background-image:none !important;
    width:100%;
}

/********** about ************/
body .background-cover .section-contents{
    width:100%;
    padding:0;
}
.section-contents .card.x1{
    width:100%;
}
.card.x1 .card-contents{
    padding:0 !important;
}
.section-contents .card.x1 img{
    width:100%;
    height:auto;
}
.top-about .card-panel-none > p{
    text-align:left;
}
.top-about .card-panel-none br{
    display:none;
}
.top-about.panel-break{
    padding-top:10px;
}
.card-panel h2.about-title em{
    display:inline;
    width:auto;
    margin:0;
    background:none
}
.card-panel .about-1 h3,
.card-panel .about-3 h3{
    font-size:1.2em;
    margin-bottom:10px;
    padding-top:10px;
}
.card-panel .about-2 h3{
    width:100%;
    padding:0;
    font-size:1.2em;
    margin-bottom:10px;
    padding-top:10px;
    text-align:center;
}
.card-panel .about-2 img{
    display:none !important;
}
.card-panel .panel-bg p{
    padding:0;
    width:90%;
    margin:0 auto;
    padding-bottom:10px;
}
.card-panel .about-1 p{
    padding-top:20px;
}
.card-panel .about-2 p{
    padding-top:80px;
    padding-bottom:10px;
}
.card-inner .card-panel .panel-bg img{
    display:block;
    float:none;
    width:60%;
    margin:0 auto;
}

/******** enterprice ********/
.buzipLp,
#cacheSubArea .section {
    width:100%;
}
.buzipLp .mainCache{
    width:100%;
    height:auto;
    min-height:160px;
    background-size:cover;
}
#cacheSubArea .section .csText{
    width:100%;
    margin:0 auto;
    font-size:0.8em;
    float:none;
    padding:20px;
    box-sizing:border-box;
}
#cacheSubArea2 .section,
#cacheSubArea2 .section h2{
    width:100%;
}
#cacheSubArea2 .section h2{
    background-size: 115%;
    height:auto;
    min-height:70px;
}
#cacheSubArea2 .csbox{
    margin-bottom:0 !important;
}
#cacheSubArea2 .csbox.csbox2{
    margin-top:0px !important;
}
#cacheSubArea2 .csbox .csText,
#cacheSubArea2 .csbox .csImg{
    width:auto;
}
.csbox .csImg img{
    width:90%;
    margin:0 auto;
    height:auto;
}
#cacheSubArea2 .csbox .csText{
    width:100%;
    line-height:1.5em;
    font-size:0.9em;
    margin-left:0px;
    padding:0 20px;
    box-sizing:border-box;
    margin-top:20px;
    margin-bottom:0px;
}
#cacheSubArea2 .csbox.csbox2 .csImg{
    width:100%;
    margin:20px auto;
}
h2.cushion1{
    width:100%;
    height:auto;
    min-height:80px;
    background-size: contain;
    background-position:50%;
}
#whats{
    margin-top:5px !important;
}
#whats .section{
    width:100%;
}
#whats .whats1{
    padding-bottom:270px;
    background-position: right bottom;
    background-size:contain;
}
#whats .wtText{
    width:100%;
    padding:0 20px;
    margin:0;
    box-sizing: border-box;
}
#whats .wtText p{
    font-size:0.9em;
}
#whats .whats1 .txtSkip{
    margin-top:0;
    background-size:contain;
}
#whats .whats2-sp h3{
    height:auto;
    font-size:1.1em;
    padding:15px;
}
#whats .whats2{
    display:none;
}
#whats .whats2-sp{
    display:block;
    width:95%;
    text-align:left;
    padding:10px;
    border-radius:10px;
    background:#3A72AC;
    margin:0 auto 20px;
    box-sizing:border-box;
    color:#fff
}
#whats .whats2-sp img{
    width:90%;
    margin:0 auto;
}
#point .section{
    width:100%;
}
#point .section img{
    width:100%;
    height:auto;
}
#point .section h2.txtSkip{
    width:95%;
    height:auto;
    min-height:113px;
    background-size:contain;
    margin:0 auto;
    box-sizing:border-box;
}
#point .point1{
    margin-bottom:20px;
}
#point .section .point2 h2.txtSkip{
    width:95%;
    margin:0 auto;
}
#point .section .point3 h2.txtSkip{
    width:98%;
    min-height:66px;
    margin:0 auto;
}
#point .section .point4 h2.txtSkip{
    width:98%;
    min-height:66px;
    margin:0 auto;
}
#point .point1 p,
#point .point3 p{
    width:100%;
    line-height:1.5em;
    font-size:0.9em;
    margin-left:0px;
    padding:0 20px;
    box-sizing:border-box;
    margin-bottom:0px;
    text-align:left;
}
#point .point3 p{
    margin-top:10px;
    margin-bottom:10px;
}
#point .point3 p br{
    display:none;
}
#point .p4block .p4Text{
    width:100%;
    padding:0 20px;
    margin:0;
    box-sizing:border-box;
}
#point .p4block{
    margin-bottom:20px;
}
#point .p4block .p4Img{
    width:100%;
    padding:0 20px;
    margin:0;
    box-sizing:border-box;
}
#point .p4block img{
    width:100%;
}
#point .p4block1 img{
    margin-bottom:10px;
}
#point .p4block {
    width:100%;
}
#point .p4block .p4Text h3{
    margin-top:0px;
    font-size:1.5em;
    line-height:1.5em;
    margin-bottom:10px;
}
body .contactBtn{
    margin-bottom:0;
}
#example .section{
    width:100% !important;
}
body #example h2.ex1,
body #example h3.ex3,
body #example h2.ex2{
    width:100% !important;
    background-size:100% !important;
    background-position:50%;
    height:auto;
    margin-top:30px;
    min-height:50px !important;
}
#example .section .exTable,
#example .section .exTable tbody{
    width:100% !important;
    display: block;
}
#example .exTable tr,
#example .exTable td{
    width:100% !important;
    display: block;
}
#example .exTable th{
    display:none;
}
#example .exTable tr .bottom{
    width:50% !important;
    display:table-cell;
}
#example .section .exTable img{
    width:100%;
    height:auto;
}
#example .section img{
    width:100%;
    height:auto;
}
#example .exVoice{
    width:100%;
}
.exVoice .exvImg{
    margin:0 auto;
    text-align:center;
    float:none;
    height:200px;
    margin-bottom:20px;
}
.exVoice .exvImg img{
    width:200px;
    height:200px;
}
#example .exvText{
    width:100%;
    margin-left:0;
    padding:0 20px;
    box-sizing:border-box;
}
#example .exvoice{
    width:100%;
    background-image:none;
    float:none;
    position:static;
    height:auto;
}
#example .exvoice span{
    padding:0;
    top:0;
    position:static;
    left:0;
}
#example .exv2,
#example .exv4,
#example .exv6,
#example .exv8{
    position:relative;
}
#example .exv2 .exvImg,
#example .exv4 .exvImg,
#example .exv6 .exvImg,
#example .exv8 .exvImg{
    position:absolute;
    top:0;
    width:100%;
    text-align:center;
}
#example .exv2 .exvImg img,
#example .exv4 .exvImg img,
#example .exv6 .exvImg img,
#example .exv8 .exvImg img{
    width:200px;
}
#example .exv2 .exvText,
#example .exv4 .exvText,
#example .exv6 .exvText,
#example .exv8 .exvText{
    margin-top:240px;
}
#example .exv2 .exvText{
    margin-top:220px;
}
body #contact2{
    margin-top:0;
}
#contact_form .form form{
	margin:0;
}
#contact2 .section{
    width:100%;
}
#contact2 .invitation{
    height:auto;
    min-height:150px;
}
#contact2 .invitation h2{
    width:100% !important;
    background-size:100% !important;
    background-position:50%;
    height:auto;
    min-height:100px;
}
#contact2 .contactTel{
    background:none;
    width:100%;
    font-size:1.2em;
}
#contact2 .contactTel p{
    font-size:1.3em;
    margin-top:10px
}
#contact2 .contactTel span{
    font-size:0.5em;
}
#contact2 .contactTel h4.txtSkip{
    text-indent:0;
    color:#4672AA;
    text-align:center;
    font-weight:bold;
    width:80%;
    padding:15px 10px 10px;
    border:8px solid #DAE7F7;
    margin:0 auto;
}
#contact2 .contactTel h4{
    text-align:center;
    min-height:80px;
}
#contact2 .contactTel .txtSkip.dlBtn{
    text-indent:-9999px;
    top:160px;
    left: 50%;
    margin-left: -120px;
}
#movie .section{
    width:100%;
}
#movie{
    margin-top:100px !important;
    margin-bottom:20px !important;
}
body #movie h2{
    width: 100% !important;
    background-size: 100% !important;
    background-position: 50%;
    height: auto;
    margin-top: 30px;
    min-height: 50px !important;
}
#movie #vjs_video_3{
    width:100% !important;
    height:auto !important;
    min-height:250px;
}
#movie .section #movieContent{
    width:100%;
}
/***** contact_form *****/
body .bgblue{
	padding-bottom:10px
}
body #contact_form{
    width:100%;
    padding:0 10px;
    box-sizing:border-box;
}
body #contact_form .form{
	padding:10px;
   box-sizing:border-box;
}
body #contact_form img{
    width:100%;
    height:auto;
}
body #contact_form .form table{
    width:100%;
    display:block;
    box-sizing:border-box;
    font-size:0.7em
}
body #contact_form .form tbody,
body #contact_form .form table th,
body #contact_form .form table tr{
    width:100%;
    display:block;
    box-sizing:border-box;
    border:none;
}
body #contact_form .form table th{
    border-bottom:1px solid #bbb;
    padding:8px;
}
body #contact_form .form table tr{
    width:100%;
    display:block;
}
body #contact_form .form table td{
    width:100%;
    display:block;
    border:none;
    border-bottom:1px solid #bbb;
    box-sizing:border-box;
    padding:8px;
}
body #contact_form .form table td input.w4{
	width:100%;
	box-sizing:border-box
}
body #contact_form .form table td textarea.w6{
    width:100%;
}
body #contact_form .form table th.must{
    background-position: right 15px center;
}
body #contact_form form input.pop-confirm{
    width:100%;
    height:50px;
    background-size:contain;
}

/********* company *********/
#mainCover.main,
#mainCover.main .coverImage,
#mainCover.main .company_title,
section.president_nav,
.president_nav .linemask,
body .w940,
body #wrap,
#wrap .leftcolumn,
#wrap .rightcolumn{
    width:100%;
}
#wrap{
    overflow: hidden;
}
#mainCover.main .coverImage{
    height:auto;
}
#mainCover.main {
    overflow:hidden;
}
#mainCover.main img{
    width:100%;
    height:auto;
}
#mainCover.main .company_title{
    position: static;
    background: none;
    color: #000;
}
#mainCover.main .company_title .noLogo{
    padding-left: 5px !important;
}
section.president_nav .logo{
    top: -58px;
}
#mainCover.main h1{
    font-size:1.2em;
    text-shadow: none;
}
#mainCover.main h1,
#mainCover.main p{
    padding-left:70px;
}
.more img{
    width:100%;
    height:auto;
}
.clear.ml0{
    clear:none;
}
section.president_nav{
    margin-bottom:0px;
    border:none;
}
section.president_nav .logo{
    width:50px;
    height:50px;
    left:10px;
}
section.president_nav ul{
    left:0;
    width:100%;
}
section.president_nav li{
    text-align:center;
}
section.president_nav li a{
    padding: 0 5px;
    box-sizing: border-box;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    height: 46px !important;
    text-align: center;
    border:none !important;
    width:inherit;
}
section.president_nav li a.focus{
    height:24px;
}
.president_nav .logo img{
    width:100%;
    height:auto;
}
.president_nav li{
    width:20%;
    box-sizing:border-box;
    font-size:0.8em;
    font-weight:bold;
}
section.president_nav li ul li{
    width: 100%;
    text-align: left;
    padding: 12px 10px;
    background: #529AE0;
    border-bottom: 1px solid #375F88 !important;
    border-left: 10px solid #003467 !important;
    margin: 0;
    color: #fff;
    z-index: 10000;
}
section.president_nav li ul li a{
    font-weight: normal;
    height: auto !important;
    font-size: 0.8rem;
    text-align: left;
    text-decoration: underline;
}

video.video{
    width: 100% !important;
    height: auto !important;
}

.president_page .btns a{
	width:100%
}
#wrap .leftcolumn>section,
#wrap .rightcolumn>section{
    width:95%;
    margin:0 auto;
}
#wrap section.top_company{
    margin-top:20px;
}
#wrap .leftcolumn>section img{
    width:100%;
}
#wrap .top_photo figure,
#wrap .top_product figure{
    width:auto;
    height:auto;
}
#wrap .top_photo li,
#wrap .top_product li{
    width:48%;
    margin-left:1% !important;
    box-sizing:border-box;
    height:215px;
}
#wrap .top_product li{
    height:220px;
}
#wrap .top_product .lead{
    padding-bottom:5px;
}
#wrap .top_product h3{
    margin:0;
}
#wrap.mb70{
    padding-top: 10px !important;
    padding-bottom:0 !important;
}
#wrap .president-social-btn{
    position:static;
    width:100%;
    padding:6px 0;
    box-sizing:border-box;
    margin-bottom:20px;
}

div.fancybox-outer .president-social-btn.popup_album{
    width: 100%;
    z-index: 100000;
}
div.fancybox-outer .president-social-btn.popup_album div{
    float: none;
    display: inline-block;
    margin: 3px 10px;
    text-align: center;
}
div.fancybox-outer .president-social-btn.popup_album .facebook{
    width: 45%;
    margin-right: 0;
}
div.fancybox-outer .president-social-btn.popup_album .twitter-button {
    width: 45%;
    margin-right: 0;
}
div.fancybox-outer .president-social-btn.popup_album .g-plus {
    clear: both;
    width: 45%;
    margin-right: 0;
}
div.fancybox-outer .president-social-btn.popup_album .hatena-b {
    width: 45%;
    margin-right: 0;
}

#wrap .top_news dl{
    margin-bottom:20px;
    height:auto;
    max-height: 150px;
}
#wrap section.top_president{
    margin-bottom:20px;
}
#wrap section.btns{
	margin-bottom:20px
}
#wrap section.btns .support p a{
    width: 80%;
}
#wrap section.btns .support p.done{
    width: 80%;
}
#wrap #recommend_count{
	right: 0px;
	width:55px;
	background-size:contain;
	font-size:15px;
	top:0px;
	line-height:26px;
	padding-right: 8px;
}
#wrap section.top_staff{
	margin-bottom:20px
}
#wrap .pagetop{
    width:95%;
    margin:0 auto 10px;
    float:none;
    text-align:right;
}
#wrap .rightcolumn .pickup-banner{
    margin-top:10px;
}
#wrap .rightcolumn .pickup-banner img{
    width:100%;
}
body .pagebottom{
    padding-top:10px;
}
/*********  president **********/
#wrap .inner_leftcolumn,
#wrap .inner_rightcolumn,
#wrap .products_catch{
    width:95%;
    margin:0 auto;
    float:none;
}
#wrap .inner_leftcolumn{
    margin-top:15px;
}
#wrap .moviebox video,
#wrap .moviebox object,
#wrap .moviebox embed{
    width:100%;
    height:auto;
}
#wrap .president_movie .moviebox div#share_wrap{
    width:100%;
    height: 100$;
}
#wrap .president_movie .moviebox div#share_close{
    position: absolute;
    left: initial;
    right: 10px;
    top: 5px;
    font-size: 24px;
    cursor: pointer;
    left: none;
}
#wrap .president_movie .moviebox div.share_title{
    width: 97%;
    padding: 10px 1% 10px 2%;
    background-color: #000;
}
#wrap .president_movie .moviebox div#share{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#wrap .president_movie .moviebox div#share .share_body{
  width: auto;
  max-width: 360px;
  margin: 10% auto 0;
}
#wrap .president_movie .moviebox div#share .share_body dl{
  float: left;
  width: 33%;
  max-width: 120px;
}
#wrap .president_movie .moviebox div#share .share_body dl dt{
  text-align: center;
}
#wrap .president_movie .moviebox div#share .share_body dl dt img{
    width: 50%;
}
#wrap .president_movie .moviebox div#share .share_body dl dd{
  padding: 10px 15px ;
  text-align: center;
}

#wrap .president_movie .number{
    height:auto;
    padding-bottom:10px;
}
#wrap .president_movie #president-video .repeat-form{
    width: auto !important;
}
#wrap .president_movie #president-video img{
    width: 100%;
}
#wrap .number li{
    float: none;
}
#wrap .president_profile{
    margin-top:50px;
}
#wrap .president_profile-profile_box{
    background:#eee;
    height:auto;
}
#wrap .president_profile dt{
    background:#ddd;
}
#wrap .president_profile dt,
#wrap .president_profile dd{
    width:100%;
    display:block;
    box-sizing:border-box;
    float:none;
    padding:8px;
}
#wrap .president_profile dt br,
#wrap .president_profile dd br{
    display:none;
}
#wrap section.btns img{
    width:100%;
}
#wrap .section-break{
    padding-top:10px;
}
#wrap .office-image{
    width:95%;
    margin:0 auto;
    padding:0;
}
#wrap .office-image p{
    width:100%;
    padding:0;
}
#wrap .recommend-comment{
    background:#fff;
    border: 1px solid #999;
    padding:10px;
    box-sizing:border-box;
}
#wrap .card.x06 .card-inner{
    background:none;
}
#wrap .recommend-letter{
    margin-top:10px !important;
    background:#fff;
    border: 1px solid #999;
    padding:10px;
    box-sizing:border-box;
}
#wrap .recommend-letter img{
    width:60px !important;
    height:auto;
}
#wrap .staff_shadowbox{
    margin:0 1% 10px;
    width:48%;
    box-sizing:border-box;
    overflow: hidden;
}
#wrap .staff_shadowbox a{
    width: 100%;
    display: block;
    height:128px;
}
#wrap .staff_shadowbox img{
    max-width:100%;
    height: 128px;
}
#wrap .mb70{
    padding-bottom:0 !important;
}

#wrap #president_story_box.card.x0{
    width: 100%;
}
#wrap #president_story_box .card-contents .columninphoto_r,
#wrap #president_story_box .card-contents .columninphoto_l{
    float: none;
}
#wrap #president_story_box .card-contents ul li div.story img{
    width: 100%;
    height: auto;
}
/********** staff **********/
body .head_staff_icon,
body .head_product_icon{
    margin-top:0;
    height:auto;
    margin-bottom:20px;
}
body .head_staff_icon figure,
body .head_product_icon figure{
    display:none;
}
body .staff_main_l,
body .staff_main_r,
body .product_main_l,
body .product_main_r{
    width:auto;
    float:none;
}
body .staff_main_r{
	width:95%;
	margin:0 auto
}
.staff_main_r .staff_profile{
	width:100%;
	position:static;
	top:0;
	left:0;
	margin-top:10px
}
.staff_profile .staff_profile-box{
	height:auto;
	background:none
}
.staff_profile .staff_profile-box th{
	background:#eee
}
.staff_profile .staff_profile-box td{
	background:#f7f7f7
}
.staff_main_l .staff_mainimg_wrap{
    width: 95% !important;
    margin:0 auto 5px;
}
.staff_main_l .staff_mainimg,
.product_main_l .products_mainimg,
.products_mainimg .products_img{
    width:100% !important;
    margin:0 auto;
    height:auto !important;
    display:block;
}
.staff_main_l .staff_mainimg img,
.products_mainimg .products_img img{
    width:100%;
}
.staff_mainimg #vjs_video_3,
.products_mainimg #vjs_video_3{
    width:100% !important;
    height:auto !important;
    min-height:190px;
}
.pagebottom .staff_undercolumn_left,
.pagebottom .product_undercolumn_left{
    width:100%;
}
.pagebottom .staff_undercolumn_txt,
.pagebottom .product_undercolumn_txt{
    width:95%;
    margin:0 auto 10px;
    padding:20px 15px;
    box-sizing:border-box;
}
.pagebottom .staff_undercolumn_txt br{
    display:none;
}
#head_staff_slider .head_staff_list,
#head_product_slider .head_product_list{
    padding-left:0 !important;
}

body .staff_table .staff_table_time,
body .staff_table .staff_table_ivent{
    width: auto;
}

#wrap .products_catch h2{
    font-size:1.1em;
    font-weight:normal;
    padding-bottom:6px;
}
#wrap .products_catch h3{
    padding-top:6px;
    margin-bottom:10px;
    text-align:left;
}
body .head_staff_icon .head_staff_list .on p,
body .head_product_icon .head_product_list .on p{
    background:#369;
}
body .head_staff_icon .head_staff_list p,
body .head_product_icon .head_product_list p{
    width:100%;
    text-align:left;
    padding:10px;
    background:#467DB3;
    border-bottom:1px solid #375F88;
    margin:0;
    color:#fff;
}
body .head_staff_icon .head_staff_list p br,
body .head_product_icon .head_product_list p br{
    display:none;
}
body .head_staff_icon .head_staff_list div.staff_item,
body .head_product_icon .head_product_list div.product_item{
    width:100%;
    margin:0;
    float:none;
}
#wrap .rightcolumn .president-social-btn{
    width:95%;
    margin:20px auto 20px;
}
#wrap .product_main_r .president-social-btn{
    width:95%;
    margin:10px auto 0;
}
#wrap .product_profile{
    width:95% !important;
    margin:0 auto;
    margin-top:20px;
}
#wrap .products_txtarea{
    min-height:auto;
}
#wrap .products_topbtn{
    width:100%;
}
#wrap .products_topbtn a{
    width:100%;
    float: none;
}
#wrap .products_topbtn #pop-contact{
    float: none;
    width:100%;
}
#wrap .products_column_img{
    width:200px;
    margin:0 auto 20px;
    float:none;
}
#wrap .products_column_img img{
    width:100%;
}
/************* recruit *************/
#wrap .recruit_main{
    width:95%;
    margin:0 auto;
}
#wrap .recruit_main_top{
    margin-top:15px;
    padding-bottom:10px;
    margin-bottom:10px;
    text-align:center
}
#wrap .recruit_ttl_main{
    float: none;
	text-align:left;
	width:100%
}
#wrap .recruit_btn_entry{
    margin: 0;
    width: 100%;
}
#wrap .recruit_table tr,
#wrap .recruit_table th,
#wrap .recruit_table td,
body .pop-contents tr,
body .pop-contents th,
body .pop-contents td,
body .inquiry-form tr,
body .inquiry-form th,
body .inquiry-form td{
    display:block;
    width:100%;
    box-sizing:border-box;
}
body .pop-contents td p{
    width: auto;
}
#wrap table.recruit_table{
    margin-bottom:20px;
}
#wrap .h-sp{
    background:#fafafa;
    border:1px solid #ccc;
    border-top:3px solid #003F98;
    display:block;
    padding:15px;
    margin-bottom:10px;
}
#wrap .h-pc{
    display:none;
}
#wrap .recruit_btn_bottomentry{
    margin-bottom:20px;
}
#wrap .recruit_btn_bottomentry a{
    width: 100%;
}
#wrap.recruit-wrap .president-social-btn{
    width:95%;
    margin:0 auto 10px;
}
/********** sub-page **********/
body .section-contents{
    width:95%;
    margin:20px auto 20px;
    padding:0;
}
body .section-contents .left-column,
body .section-contents .right-column{
    float:none;
}
.section-contents .about-company li{
    width:100%;
    box-sizing:border-box;
}
.section-contents .left-column h2{
    margin-bottom:10px;
}
.about-company .slim{
    border:1px solid #aaa;
    border-top:none;
}
.about-company .slim span{
    background:#555;
    display:block;
    width:100%;
}
.section-contents .about-company ul{
    background:none;
    border:none;
    border-top:1px solid #aaa;
}
.section-contents .about-company .access-map{
    position:static;
    width:100%;
    padding:0;
    top:0;
    right:0;
    margin-top:10px;
}
.section-contents .about-company .access-map iframe{
    width:100%;
    box-sizing:border-box;
}
body #agency.section-contents{
    box-sizing:border-box;
}
.section-contents .card.x0{
    width:100%;
    border:1px solid #ccc;
    background:none;
    box-sizing:border-box;
}
#agency .card.x0 .card-contents{
    background:none;
    padding-bottom:20px;
}
#agency .card.x0 .card-inner{
    background:none;
}
#agency .main-image img{
    width:100%;
}
#agency .catch{
    margin-bottom:10px;
}
#agency .card-contents .card-panel-none{
    margin-bottom:30px;
}
#agency .card-contents .card-panel-none img{
    width: 100%;
}
#agency .card-contents .left-column.agency{
    width:100%;
}
#agency .card-contents h2,
.inquiry h2{
    font-size:1.4em;
    padding-bottom:5px;
}
#agency .card .card-contents .inquiry-lead,
.inquiry .inquiry-lead{
    margin-top:0px !important;
}
body .inquiry-form tr,
body .inquiry-form th,
body .inquiry-form td{
    border-top:0;
}
#about_privacy .footer-pmark img{
    width:auto;
}
.section-contents .pop-contact-info .item-left,
.section-contents .pop-contact-info .item-right{
    width:100%;
    margin-bottom:15px;
}
.left-column .inquiry-notice{
    padding:0;
    width:95%;
    margin:0 auto;
}
/****** search ******/
div .search-box.card.x1{
	width:95%;
	margin:0 auto;
	background:none;
	padding:0 !important;
	font-size:1.1em
}
body .search-box,
body .keyword-table{
    padding-right: 0 !important;
}
body .search-box table,
body .keyword-table table{
	border-bottom:0
}
body .keyword-table td div.plus{
    display: block;
}
body .keyword-table td div.plus input{
    vertical-align: top;
}
body .keyword-table #condition-adds p span{
    width: auto;
}
.search-box.card.x1 .card-inner{
	background:none;
	padding-top:10px
}
.search-box.card.x1 .card-contents{
	background:none;
	padding:10px 10px 0 !important;
	background:#fff;
	border:1px solid #ccc;
	box-sizing:border-box
}
body .search-box td{
	padding-bottom:10px
}
.search-box .keyword-input label{
}
.search-box .keyword-input input{
	display:block;
	margin-top:10px;
	width:90%;
	box-sizing:border-box
}
.search-box .keyword-input span{
	display:block;
	margin-top:10px
}
.keyword-table table th,
.keyword-table table tbody,
.keyword-table table tr,
.keyword-table table td,
.search-box table th,
.search-box table tbody,
.search-box table tr,
.search-box table td
{
    display:block;
    width:100%;
    box-sizing:border-box;
}
.keyword-table table td{
	padding:8px 8px 15px;
}
.keyword-table table td label{
	width: 48%;
   display: inline-block;
   overflow:hidden
}
.keyword-table table td b{
	width:100%;
	text-align:left;
	background:#ddd;
	margin-bottom:5px;
	padding:5px
}
body .search-box td span, .keyword-table td span{
	font-size:1.05em;
	display:inline-block;
	float:none;
	line-height: 2em;
}
.keyword-table tbody td span{
	width:100%;
}
.search-box table th{
	text-align:left;
	padding:5px;
	border-top:0
}
.search-box table td{
	border-top:0
}
.search-box .area-row dl{
	display:inline-block
}

.search-result-form{
    margin-top: 20px;
}

.search-result-form-inner,
.result-count{
    width: 90% !important;
}
.search-result-inner{
    width: 98% !important;
    padding: 15px 0 0 !important;
}

.btn-submit{
    text-align: center;
}
.search-result-form .keyword-table,
.search-result-form .search-close{
    background: none !important;
    border: 1px solid #AAA !important;
    padding-right: 0 !important;
}

.search-result li.card:nth-child(2n+1){
    clear: left;
}
.search-result li.left-card{
    clear: none !important;
}

.search-result .card-contents{
    width: 100% !important;
}
.search-result table{
    width: 94% !important;
}

div.photo_detail{
    padding-top: 20px;
}
div.photo_detail .inner_centercolumn{
    width: 100%;
}

div.photo_detail .inner_centercolumn .president-social-btn{
    width: 100%;
    z-index: 100000;
}
div.photo_detail .inner_centercolumn .president-social-btn div{
    float: none;
    display: inline-block;
    margin: 3px 10px;
    text-align: center;
}
div.photo_detail .inner_centercolumn .president-social-btn .facebook{
    width: 45%;
    margin-right: 0;
}
div.photo_detail .inner_centercolumn .president-social-btn .twitter-button {
    width: 45%;
    margin-right: 0;
}
div.photo_detail .inner_centercolumn .president-social-btn .g-plus {
    clear: both;
    width: 45%;
    margin-right: 0;
}
div.photo_detail .inner_centercolumn .president-social-btn .hatena-b {
    width: 45%;
    margin-right: 0;
}

div.photo_detail .president-social-btn .facebook{
    width: 100px;
}
div.photo_detail .inner_centercolumn .staff_mainimg{
    height: auto;
}
div.photo_detail .inner_centercolumn .staff_mainimg img{
    width: 100%;
}

#wrap.form-basic-page.form-type-b #main-content{
  width:90%;
  padding:30px 0;
}
#wrap.form-basic-page #main-content.form-inner-a {
    padding:20px;
}
#wrap.form-type-b .form-inner-b{
    padding:20px;
}

#main-content .button{
    display:inline-block;
    margin-bottom:10px;
    min-width:70%;
}
.form-page #main-content table,
.form-page #main-content tbody,
.form-page #main-content tr,
.form-page #main-content td,
.form-page #main-content th{
    width:100%;
    display:block;
}
.form-page #main-content th{
    padding:10px;
}
.form-page #main-content td{
    padding:10px 0;
}
#wrap.form-type-b .form-inner-b tr:last-child{
    margin-bottom:10px;
}
#wrap.form-type-b .form-inner-b th{
    padding:0;
}
#wrap.form-type-b .form-inner-b td{
    padding:0;
}
.example{
    margin-top:5px;
    display:block;
}
.form-page #main-content .form input[type="text"],
.form-page #main-content .form input[type="email"],
.form-page #main-content .form input[type="password"]{
    width:100%;
}

}