@charset "UTF-8";

/* 共通カラム */
div.pane_head_mid,
div.pane_body_mid,
div.pane_foot_mid {
display: flex;
justify-content: space-between;
}
.pane_head_mid_1,
.pane_body_mid_1,
.pane_foot_mid_1 {
order: 1;
flex-grow: 1;
flex-shrink: 1;
box-sizing:border-box;
}
.pane_head_mid_2,
.pane_body_mid_2,
.pane_foot_mid_2 {
order: 0;
flex-grow: 1;
flex-shrink: 1;
box-sizing:border-box;
}
.pane_head_mid_3,
.pane_body_mid_3,
.pane_foot_mid_3 {
order: 2;
flex-grow: 1;
flex-shrink: 1;
box-sizing:border-box;
}
.pane_head_mid_2, .pane_head_mid_3,
.pane_body_mid_2, .pane_body_mid_3,
.pane_foot_mid_2, .pane_foot_mid_3 {
padding: 0 10px;
}
@media only screen and (max-width:700px) {
.pane_head_mid,
.pane_body_mid,
.pane_foot_mid {
flex-direction: column;
}
.pane_head_mid_1,.pane_head_mid_2,.pane_head_mid_3,
.pane_body_mid_1,.pane_body_mid_2,.pane_body_mid_3,
.pane_foot_mid_1,.pane_foot_mid_2,.pane_foot_mid_3 {
padding: 0;
}
}
/* 背景 */
.pane_head{
}

.pane_body{
}

.pane_body_mid_1_contents{
}

.pane_foot{
background:#000066;
}

/* 画面幅固定 */
@media only screen and (min-width:701px) {
}

.pane_head_mid_2 , .pane_head_mid_3 , .pane_head_bottom{
display:none;
}
.pane_body_mid_2 , .pane_body_mid_3 , .pane_body_top , .pane_body_bottom{
display:none;
}
.pane_foot_mid_2 , .pane_foot_mid_3 , .pane_foot_top{
display:none;
}
@media only screen and (min-width:701px) {
.pane_head_mid_2{
flex-basis: 224px;
min-width: 224px;
}
.pane_head_mid_3{
flex-basis: 224px;
min-width: 224px;
}
.pane_head_mid_1{
flex-basis: 100%;
}
.pane_body_mid_2{
flex-basis: 224px;
min-width: 224px;
}
.pane_body_mid_3{
flex-basis: 224px;
min-width: 224px;
}
.pane_body_mid_1{
flex-basis: 100%;
width: 1px;
}
.pane_foot_mid_2{
flex-basis: 33%;
min-width: 33%;
}
.pane_foot_mid_3{
flex-basis: 33%;
min-width: 33%;
}
.pane_head_mid_2,.pane_head_mid_3,.pane_body_mid_2,.pane_body_mid_3,.pane_foot_mid_2,.pane_foot_mid_3{
flex-grow: 0;
flex-shrink: 1;
}
.pane_foot_mid_1{
flex-basis: 100%;
}
}.pane_head_mid_1{
}
@media only screen and (min-width:701px) {
.pane_head_mid_1{
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_1{
order:1
}
}
.pane_body_mid_1{
}
@media only screen and (min-width:701px) {
.pane_body_mid_1{
}
}
@media only screen and (max-width: 700px){
.pane_body_mid_1{
order:1
}
}
.pane_foot_mid_1{
}
@media only screen and (min-width:701px) {
.pane_foot_mid_1{
}
}
@media only screen and (max-width: 700px){
.pane_foot_mid_1{
order:1
}
}