.pc {
    display: none;
}
.sp {
    display: block;
}
#header_g h1 img {
    width: 80%;
}
.h_upper {
    margin: 0 0 1rem;
}
.pnav li.webmemberlogin {
    border-radius: 0;
}
.h_right .search {
    -webkit-flex-basis: 90%;
        -ms-flex-preferred-size: 90%;
            flex-basis: 90%;
    margin: .5rem 0 0;
    padding: 0 .5rem;
}
.h_right .search p {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
}
#mainvisual h2 {
    font-size: 1.3rem;
    left: 40%;
    -webkit-transform: translate(-35%, -50%);
        -ms-transform: translate(-35%, -50%);
            transform: translate(-35%, -50%);
}
#recommend h2 .title {
    font-size: 1.8rem;
}
#recommend h2::before {
    left: 0;
    width: 100%;
}
#mainvisual li span {
    display: block;
    position: relative;
    text-align: center;
}
#mainvisual li img {
    /*height: 20rem;
    width: auto;*/
    height: auto;
/*    width: 150%;
    overflow: hidden;
    max-width: none;
    margin-left: -25%;*/
}
#recommend .bnrspace {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
#recommend .bnrspace .slider {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
}
#recommend .bnrspace .slider:not(:first-of-type) .nav_r {
    margin: 1rem 0 0;
}
#recommend .bnrspace .slider:nth-of-type(n + 4) {
    margin: 0;
}
.nav_c li {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
}
.nav_c li .title {
    font-size: 1.4rem;
}
.nav_c li:nth-of-type(n+4) .icon {
    border-bottom: 1px solid #999;
}
.nav_c li:nth-of-type(n+5) .icon {
    border-bottom: none;
}


/**
footer
**/
footer p {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
}
footer #footernav {
	display: block;
	overflow: hidden;
}
footer #footernav li {
	float: left;
}
#copyright {
    text-align: center;
}


/*********************************************************
固定ページスタイル一覧
**/


/**
共通
**/
.attention {
    padding: 1rem 1.5rem;
}
#sidebar {
	display: none;
}
.page #contents, .single #contents {
    width: 100%;
}
/* .page-header {
    background-position: left center !important;
    background-size: cover !important;
    height: 10rem;
} */
.page-header h1 {
    font-size: 1.8rem;
}
.page #contents .page-detail {
	margin: auto;
	width: 98%;
}
#searchbox form {
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
}
#searchbox #area-input {
    width: 100%;
}

#searchbox #area-input .keyword dt {
    margin: 0 0 1rem;
    width: 30%;
}

#searchbox #area-input .keyword dt:last-of-type {
    margin: 0;
}

#searchbox #area-input .keyword dd {
    margin: 0 0 1rem;
    width: 68%;
}

#searchbox #area-input .keyword dd input {
    width: 80%;
}

#searchbox #area-input .keyword dd:last-of-type {
    margin: 0;
}

#searchbox #area-input .category dt
,#searchbox #area-input .category dd {
    width: 100%;
}

#searchbox #area-btn {
    margin: 10px 0 20px;
    width: 100%;
}

#searchbox #area-btn button {
    padding: 8px 46px;
}
.static #contents h2.ttl-static {
    padding: 1rem 0 1rem 1rem;
}
.page #itemlist .item {
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
}
.page #itemlist .inner-info {
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
}
.page #itemlist .details {
    padding: 0;
    width: 100%;
}
.page #itemlist .btn {
    margin: 2rem 0 0;
    width: 100%;
}
.page #itemlist .btn li a {
    padding: 1.1rem .5rem;
}
.page #itemlist .thumbnail {
    text-align: center;
    width: 100%;
}
.page #itemlist .info {
	margin: auto;
	padding: 0;
    width: 98%;
}
.page #contents .page-detail ul.line {
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
}
.page #contents .page-detail .btn li {
    margin: 0 auto 2rem;
    width: 88%;
}
.page #contents .page-detail dl.list dd {
    margin: .5rem 0 0 1rem;
}



/**
イベント・コンサート一覧
**/
.events.single .wrapper-inner {
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
}
.events.single .slider,
.events.single .info {
    margin: 2rem 0 0;
    overflow: hidden;
    width: 100%;
}
.events.single .info .place .more {
    display: block;
    margin: .5rem 0 0;
}
.events.single .info .place .more a {
    margin: 0;
}
.events.single .info .entrybtn {
    text-align: center;
}
.events.single #infotab {
    margin: 5rem auto 0;
    width: 98%;
}

.archive-artists #itemlist li.item {
    border-bottom: .1rem dotted #ccc;
    width: 100%;
}

/**
KEIBUN文化講座
**/
.cultures .box.kusatsu > h3 span {
    display: block;
}
.cultures .box > h3 a.accessMap {
    display: inline-block;
    margin: .5rem 0 .5rem .5rem;
}
.cultures.single #movie iframe {
    max-width: 100%;
    /*height: auto;*/
}
.page-cultures #contents .culture .btn li a {
    width: 100%;
    text-align: center;
	padding: 1rem 0;
}

.col_left ,
.col_right {
    width: 100%;
    float: none;
    clear: both;
}



/**
文化講座
**/
.cultures.single #infotab #performance .lecturer .inner {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.cultures.single #infotab #performance .lecturer .inner .photo {
    width: 100%;
}
.cultures.single #infotab #performance .lecturer .inner .prof {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 1rem 0 0;
    padding: 0 0 0 1.5rem;
    width: 100%;
}

.page-cultures #contents .information p a.accessMap {
    margin: .5rem 0 0;
    display: block;
    width: 10rem;
}
.page-cultures #contents .information .heed {
    font-size: 1.4rem;
    line-height: 1.3;
    margin: 3px 0 0;
}
.page-cultures #contents .information .tuitionFees,
.page-cultures #contents .information .lessons {
    width: 100%;
}
.page-cultures #contents .information .bloc-column div {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
}
.page-cultures #contents .information .bloc-column div:nth-of-type(2n) {
    margin: 0;
}
.page-cultures #contents .information .cultureFlow table.view-pc {
	display: none;
}
.page-cultures #contents .information .cultureFlow dl.list.view-sp {
	display: block;
    padding: 0 10px;
    margin: 1rem 0;
}
.page-cultures #contents .information .cultureFlow dl.list.view-sp dt {
	color: #c00;
    line-height: 1.2;
}
.page-cultures #contents .information .cultureFlow dl.list.view-sp dd {
	margin: 0;
}

.archive-longiv .item .txt{
    width: auto;
}

.archive-longiv .item .txt .course,
.archive-longiv .item .txt .name{
    text-align: center;
}

/**
友の会
**/
.tomo.ticket.gourmet #read .btn li:not(.menu)
,.tomo.ticket.art #read .btn li:not(.menu)
,.tomo.ticket.cinema #read .btn li:not(.menu)
,.tomo.ticket .common .btn li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 1.5rem 0 0;
    width: 90%;
}
.tomo #itemlist .category li {
    margin: 0 .5rem .5rem 0;
}
.tomo.ticket.gourmet .menu a {
    width: 90%;
}
.tomo.ticket.travel #wrapper-list .wrapper-title .entrybtn {
    display: block;
    margin: 1rem 0;
    width: 100%;
}
.tomo.ticket.travel .post_content .shoplist {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.tomo.ticket.travel .post_content .shoplist ul {
    padding: 0;
    width: 100%;
}
.tomo.ticket.golf #wrapper-list .wrapper-title {
    display: block;
}
.tomo.ticket.golf #wrapper-list .wrapper-title .entrybtn {
    display: block;
    margin: 1.5rem 0;
    text-align: center;
    width: 100%;
}
.tomo.health #itemlist .address dl dt
,.tomo.golf #itemlist .address dl dt
,.tomo.leisure #itemlist .address dl dt
,.tomo.bleague #itemlist .address dl dt
,.tomo.sportsclub #itemlist .address dl dt
,.tomo.culture #itemlist .address dl dt {
    width: 100%;
}
.tomo.health #itemlist .address dl dd
,.tomo.golf #itemlist .address dl dd
,.tomo.leisure #itemlist .address dl dd
,.tomo.bleague #itemlist .address dl dd
,.tomo.sportsclub #itemlist .address dl dd
,.tomo.culture #itemlist .address dl dd {
    margin: 0 0 1rem;
    width: 100%;
}
.tomo.ticket.golf #wrapper-list #itemlist .address dl dd.access {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.tomo.ticket.golf #wrapper-list #itemlist .address dl dd.access span {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    width: 100%;
}
.tomo.ticket.golf #wrapper-list #itemlist .address dl dd.access .tomap {
    margin: 1rem 0 0;
}

/**
セミナー・研修
**/
.business_seminar.static .banner ul li {
    width: 98%;
}
.business_seminar.static .topics li {
    width: 100%;
}
.business_seminar.static .topics li span.date {
    display: block;
    margin: 0 1rem 0 0;
}
.business_seminar.static #offer .inner > div {
    margin: 0 0 1.5rem;
    width: 100%;
}
.page-business_seminar #contents .seminar .bnrArea {
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
}
.page-business_seminar #contents .seminar ul.bt_menu {
    margin: 0;
}
.page-business_seminar #contents .seminar ul.bt_menu li {
	float: left;
    margin: 3px 0 0;
	width: 50%;
}
.page-business_seminar #contents .seminar ul.bt_menu li:not(:first-of-type) {
    margin: 3px 0 0;
}
.business_seminar.entry .first > dt
,.business_seminar.entry .first > dd {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 1.5rem 1rem;
}
.business_seminar.entry #info > dt
,.business_seminar.entry #member dt {
    width: 100%;
}
.business_seminar.entry #info > dd
,.business_seminar.entry #member dd {
    margin: 0 0 1rem;
    width: 100%;
}

.business_seminar.entry form input {
    max-width: 100%;
    width: 95%;
}
form .btn01 {
    margin: 1rem 0 0 0;
}
.business_seminar.entry form .tel {
    width: 25%;
}
.business_seminar.entry form .knowbox input[type=checkbox] {
    width: 2rem;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    display: block;
    margin-left: 0;
}
.business_seminar.entry #member dd .itembox {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}

.business_seminar.entry #member dd .itembox:last-of-type {
    margin: 1rem 0 0;
}
.business_seminar.entry #member dd.sex
,.business_seminar.entry #member dd.sex .mwform-radio-field.horizontal-item label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.business_seminar.entry #member dd.sex {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}
.business_seminar.entry #member dd.sex .mwform-radio-field.horizontal-item {
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    width: 48%;
}
.business_seminar.entry #member dd.sex .mwform-radio-field.horizontal-item label {
    padding: 1.5rem 0;
    text-align: center;
}
.business_seminar.entry #member dd.sex .mwform-radio-field.horizontal-item input {
    width: 2rem;
}

.business_seminar.single .info {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.business_seminar.single .info .txt {
    width: 100%;
}

.business_seminar.single .feature .wrapper-voice {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.business_seminar.single #chart {
    width: 100%;
}

/**
講師派遣オリジナルプラン
**/
.page #contents .page-detail .bloc-column.orijinalplanText {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
}
.page-business_seminar #contents .orijinalplan .orijinalplanText div:first-of-type {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    margin: 0 0 3rem;
}

.page-business_seminar #contents .orijinalplan .trainingTheme div:first-of-type,
.page-business_seminar #contents .orijinalplan .trainingTheme div:nth-of-type(2) {
	background: none;
}

.page-business_seminar #contents .orijinalplan #strength ul.line li {
    width: 80%;
    margin: 0 auto 2rem;
}

.page-business_seminar #contents .orijinalplan #flow ul.line li {
    width: 80%;
    margin: 0 auto 2rem;
}

.page-business_seminar #contents .orijinalplan #flow ul.line li {
    min-height: initial;
}

.page-business_seminar #contents .orijinalplan #flow ul.line li:not(:last-of-type):after {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    right: inherit;
    top: inherit;
    bottom: -25px;
    left: 48%;
    font-size: 3rem;
    font-weight: bold;
}

.page-business_seminar #contents .orijinalplan #manager > p:first-of-type span:nth-of-type(2) {
    padding: .7rem 3px;
}

.page-business_seminar #contents .orijinalplan #manager > p:first-of-type span:nth-of-type(3) {
    display: inline-block;
    text-align: left;
}

.page-business_seminar #contents .orijinalplan #manager #theme dt {
    float: inherit;
    width: 100%;
}
.page-business_seminar #contents .orijinalplan #manager #theme dd {
	margin: 0;
}

.page-business_seminar #contents .orijinalplan #manager > p:first-of-type {
    max-width: 100%;
    width: 59rem;
}

/**
ビジネスレポート
**/
.archive-business_reports #contents #wrapper-list {
	margin: auto;
	width: 98%;
}

/**
定期刊行物
**/
.archive-periodicals #wrapper-list li {
    width: calc(100% / 3);
}

.periodicals #relative li {
    width: calc(100% / 3);
}

/**
会社案内
**/
.page #contents .company .bloc-column:first-of-type {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-flex-direction: column-reverse; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         reverse;
	    -ms-flex-direction:         column-reverse;
	        flex-direction:         column-reverse;
}

.page #contents .company .bloc-column:nth-of-type(2) {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-flex-direction: column; /* Safari */
	-webkit-box-orient:         vertical;
	-webkit-box-direction:         normal;
	    -ms-flex-direction:         column;
	        flex-direction:         column;
	margin: 7rem 0 0;
}

.page #contents .company .bloc-column div:first-of-type {
    margin: 0;
}


/**
部署のご案内
**/
.page #contents .department dl.list dt {
	border-bottom: 1px dotted #229fe2;
}
.page #contents .department .bloc-column div.photo {
	display: none;
}
.page #contents .department .bloc-column div.text {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
}



/**
お問い合わせ
**/
.page #contents .inquiry table {
	margin: 3rem auto 0;
    width: 100%;
}
.page #contents .inquiry table th {
    padding: 10px 0px;
    width: 20%;
}
.page #contents .inquiry table td.required {
    width: 18%;
    padding: 0;
}
.page #contents .inquiry table input {
    width: 90%;
}
.page #contents .inquiry table .mwform-tel-field input {
    width: 20%;
}
.page #contents .inquiry table textarea {
    width: 90%;
}
.page #contents .inquiry .btn input {
    padding: 1rem 0;
    width: 40%;
}

/**
ねっとも会員とは
**/
.webmember.static .read .inner {
    display: block;
}

.webmember.static .read .inner p {
    width: 100%;
}

.webmember.static .read .inner p:last-of-type {
    text-align: center;
    width: 100%;
}
.webmember.static .btn ul {
    display: block;
}
.webmember.static .btn ul li {
    width: 100%;
}
.webmember.static .btn ul li a {
    padding: 1.5rem 0;
    width: 90%;
}
.webmember.static .btn ul li:first-of-type {
    margin: 0 0 1.5rem;
}
.webmember.static .offer .inner {
    display: block;
}
.webmember.static .offer .txt
,.webmember.static .offer .photo {
    padding: 0 2rem 0 0;
    width: 100%;
}
.webmember.static .offer .photo {
    display: none;
}

/**
ブログ
**/
.blog #contents iframe {
    max-width: 100%;
}

/**
ウォークオン
**/
.archive-walkon #item-list .item {
    display: block;
}
.archive-walkon #item-list .item .thumbnail {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    width: 100%;
}
.walkon.single #contents:before {
	display: none;
}
.walkon.single #contents:after {
	display: none;
}
.walkon.single .post-content {
    padding: 2rem;
}
.walkon.single .gallery-main,
.walkon.single .gallery-sub,
.walkon.single .map {
    margin: 5rem 0 0;
    padding: 0 2rem;
}
.walkon.single .gallery-main .gallery-item,
.walkon.single .gallery-sub .gallery-item {
    max-width: inherit;
    width: 100%;
}
.walkon.single .gallery-main .gallery-item:nth-child(2n) {
    margin: 2rem 0;
}
.walkon .post-content img, .walkon .gallery-sub img {
    margin: 0;
	width: 100%;
}
.walkon.single table.walkdata {
    background: #fff;
    border: 1px solid #f7931d;
    position: static;
    right: 0;
    top: 0;
    width: 98%;
    margin: 0 0 3rem;
}
.walkon.single h2 {
    margin: 0 0 .5rem;
}
.walkon.single .entry-title {
    padding-bottom: 0;
}

/**
サイトマップ
**/
.sitemap .outer-sitemap section {
    margin: 0 0 3rem;
    padding: 0 1rem 0 0;
    width: 100%;
}

/**
special -culture
**/
.cultures #special .wrap-read span:first-of-type::after {
    content: "\A";
    white-space: pre;
}

.cultures #special .infomation .keibun .title {
    display: block;
}

.cultures #special .infomation .keibun dt
,.cultures #special .infomation .biwakokisen dt
,.cultures #special .infomation .keibun dd
,.cultures #special .infomation .biwakokisen dd {
    width: 100%;
}

.cultures #special .infomation .keibun dd
,.cultures #special .infomation .biwakokisen dd {
    margin: 0 0 1rem;
}

.cultures #special .infomation .keibun dd.place a {
    width: 25%;
}

.cultures #special .infomation .keibun .wrap-info .inner {
    width: 100%;
}

.cultures #special .wrap-read .imgPos {
    display: none;
}

.cultures #special .wrap-read p:first-of-type {
    margin: 2rem 0 0 0;
    padding: 0;
}

.cultures #special .wrap-read h2 {
    font-size: 2.4rem;
    width: 95%;
    padding: 10px 0 10px 0;
}

.cultures #special .wrap-read h2 span {
    display: inline-block;
    text-align: center;
}

.cultures #special p:nth-of-type(2) {
    padding: 0 1rem;
}

.cultures #special .infomation .keibun > .imgPos {
    display: none;
}

.cultures #special .infomation .keibun .title {
    padding: 0 1rem;
}

.cultures #special .infomation .keibun .wrap-info .imgPos {
	display: none;
}

.cultures #special .infomation .keibun .wrap-info p.btn {
	flex-direction: column;
}

.cultures #special .infomation .keibun .btn a {
    width: 80%;
}

.cultures #special .infomation .keibun dl.date {
	width: 100%;

}

/* トップページ緊急用フィールド追加 */
.notice{
    width: 94%;
}