@charset "utf-8";
@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
    div#contents {
        width: 950px;
    }
    div#pagetop_link {
        width: 950px;
    }
    div#container {
        width: 700px;
        float: right;
    }
    div#container h2.category {
        width: 700px;
    }
    div#header_bottom div.header_box {
        width: 950px;
    }
    div#header_bottom div.header_box p {
        width: 700px;
        float: right;
    }
    body#detail div.item_detail_top div.item_info {
        width: 440px;
        float: right;
    }
    body#detail div.item_detail_bottom div.confirmation {
        width: 440px;
        text-align: left;
        float: right;
    }
    body#detail div.item_detail_bottom div.confirmation p.confirmbtn button {
        width: 423px;
    }
    body#detail div.item_detail_top div.item_photo {
        width: 250px;
        margin-right: 10px;
        float: left;
    }
    body#detail div.item_detail_bottom div.variation {
        width: 250px;
        float: left;
    }
    body#support div#contents {
        width: 830px;
    }
    body#support div#contents div.support_menu {
        width: 830px;
    }
    body#guide div#contents p.text {
        width: 400px;
    }
    .fl {
        float: left;
    }
}

@media (min-width: 992px) {
    div#contents {
        width: 950px;
    }
    div#pagetop_link {
        width: 950px;
    }
    div#container {
        width: 700px;
        float: right;
    }
    div#container h2.category {
        width: 700px;
    }
    div#header_bottom div.header_box {
        width: 950px;
    }
    div#header_bottom div.header_box p {
        width: 700px;
        float: right;
	}
    body#detail div.item_detail_top div.item_info {
        width: 440px;
        float: right;
    }
    body#detail div.item_detail_bottom div.confirmation {
        width: 440px;
        text-align: left;
        float: right;
    }
    body#detail div.item_detail_top div.item_photo {
        width: 250px;
        float: left;
    }
    body#detail div.item_detail_bottom div.variation {
        width: 250px;
        float: left;
    }
    body#support div#contents {
        width: 830px;
    }
    body#support div#contents div.support_menu {
        width: 830px;
    }
    body#guide div#contents p.text {
        width: 400px;
    }
    .fl {
        float: left;
    }
}

@media (max-width: 992px) {
	#header h1 {
		width: 100%;
		text-align: center;
	}
	#header .text-right {
		margin-top: 0px;
	}
	#header .btn {
		margin-bottom: 10px;
	}


    .navbar-header {
      float: none;
    }
    .navbar-left,
    .navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
    }
    .navbar-nav > li {
      float: none;
    }
    .collapse.in {
      display:block !important;
    }
	div#header_bottom div.header_box dl {
		margin-bottom: 10px;
		text-align: center;
		width: 185px;
	}
	div#header_bottom div.header_box dl dt {
		float: left;
	}
	div#header_bottom div.header_box dl dd {
		font-size: 1em;
	}
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
	body {
		background: url(../img/img_bodybg_sm.jpg) no-repeat center 0;
	}
	#loginform h1 {
		margin: 20px auto;
		padding: 0;
	}
	#loginform h1 img {
		width: 100px;
	}
	#loginform .loginarea {
		width: 100%;
		margin: auto;
	}
	#loginform .education {
	}
	#loginform .footercol {
		border-top: none;
		padding: 0;
	}
/*
	.form-control {
		padding: 0;
	}
*/
	.block {
		display: block;
	}
	.radio-inline.block {
		margin-left: 0;
	}
	.list-group-item {
		padding: 5px;
	}
	#header h1 {
		margin: 10px auto;
		background: none;
		padding: 0;
	}
	#header h1 span {
		margin: 0;
	}
	#header h1 span.logo img {
		max-height:50px;
	}
	#header h1 span.school {
		line-height: 1.2em;
		font-size: 24px;
	}
	#header h1 span.team {
		line-height: 28px;
	}
	#header .text-right {
		margin-top: 0;
	}
	#header .text-right span.logout {
	}
	#main h4.bg {
		background: #f5f5f5;
		padding: 3px;
		border-radius: 3px;
		display: block;
	}
	#header p {
		padding-top: 0;
		padding-bottom: 5px;
	}
	#header .user {
	}
	#main h3 {
		font-size: 1.2em;
	}
	#main h3 .btn.btn-sm {
		padding: 0 10px;
		margin-right: 0;
	}
	#main h3 .search-burger.btn.btn-sm {
	}
	ul.topTeamlist li {
		display: block;
		width: 100%;
		margin: 5px 0;
	}
	input[type="radio"],input[type="checkbox"] {
	}
	.form-control.inline {
		width: auto;
		display: inline-block;
	}
	.search-box .form-control {
		display: inline-block;
		width: auto;
	}
	.search-box .row.search-koumoku {
		padding-left: 0;
		padding-right: 0;
	}
	.search-box .title {
		display: block;
		border-bottom: none;
		margin-bottom: 0;
		line-height: 26px;
		margin-top: 5px;
	}
	.search-box .form-control {
		width: 100%;
	}
	.search-box .icon-bg {
		display: none;
	}
	#main .calendar input {
		margin-right: 0;
	}
	.search-box .input-group.calendar {
		display:inline-table;
	}
	span.name {
		font-size: 1.2em;
	}
	.col-xs-1.padding-none,
	.col-xs-2.padding-none,
	.col-xs-3.padding-none,
	.col-xs-4.padding-none,
	.col-xs-5.padding-none,
	.col-xs-6.padding-none,
	.col-xs-7.padding-none,
	.col-xs-8.padding-none,
	.col-xs-9.padding-none,
	.col-xs-10.padding-none,
	.col-xs-11.padding-none {
		padding-left: 0;
		padding-right: 0;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
		padding: 2px;
	}

	/* ■■■ cal ■■■ */
	.cal-month td {
		height:50px;
		min-height: 50px;
		color: #999;
		text-align: center;
		margin: auto;
	}
	.cal-month td.today p.day {
		text-align: center;
	}
	.cal-month td .label {
		font-size: 85%;
		margin-right: 0;
	}
	.cal-month td .day {
		font-size: 1.2em;
		height: 26px;
	}
	.cal-month td p {
		text-align: center;
		word-break:break-all;
	}
	td.today {
		text-align: center;
	}
	td p {
		white-space: normal;
		word-break:break-all;
	}

    .form-inline .form-control {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    #main h3.f-14{
        font-size: 1.0em;
    }

    .xs-left {
        text-align: left;
    }
	#privacy ol {
		margin-left: 1em;
	}
}
@media (max-width: 480px) {
	.consent .card-body p {
		text-align: left;
	}
    .form-inline .form-control {
        display: block;
    }
    .side_by_side .form-control {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    input.txt_field.form-control.w20-15 {
        width: 15em;
    }
    #main h3.f-14{
        font-size: 1.0em;
    }
    .xs-mb-5 {
        margin-bottom: 5px;
    }
	#privacy h2 {
		font-size: 22px;
		margin-bottom: 1em;
	}
	
}