@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;
}
}
/* 背景 */
body{
background:#FFFFFF;
}

.pane_head{
background:#FFFFFF;
padding-left:5px;
padding-right:5px;
}

.pane_body{
background:#FFFFFF;
}

.pane_body_mid_1_contents{
background:#FFFFFF;
}

.pane_foot{
background:rgba(255, 255, 255, 0.45);
}

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

.pane_head_mid_1 , .pane_head_mid_3{
display:none;
}
.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_body_mid_2{
flex-basis: 250px;
min-width: 250px;
}
.pane_body_mid_3{
flex-basis: 15%;
min-width: 15%;
}
.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_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_2{
}
@media only screen and (min-width:701px) {
.pane_head_mid_2{
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_2{
order:1
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_2_contents{
display: flex;flex-direction: column;align-items:flex-start;
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_3_contents{
display: flex;flex-direction: column;align-items:center;
}
}
.pane_body_mid_2{
}
@media only screen and (min-width:701px) {
.pane_body_mid_2{
}
}
@media only screen and (max-width: 700px){
.pane_body_mid_2{
order:1
}
}
@media only screen and (max-width: 700px){
.pane_body_mid_2_contents{
display: flex;flex-direction: column;align-items:flex-start;
}
}
.pane_body_mid_3{
}
@media only screen and (min-width:701px) {
.pane_body_mid_3{
}
}
@media only screen and (max-width: 700px){
.pane_body_mid_3{
order:3
}
}
@media only screen and (max-width: 700px){
.pane_body_mid_3_contents{
display: flex;flex-direction: column;align-items:center;
}
}
@media only screen and (max-width: 700px){
.pane_head_top > .contents{
display: flex;flex-direction: column;align-items:flex-start;
}
}
@media only screen and (max-width: 700px){
.pane_head_mid_1_contents{
display: flex;flex-direction: column;align-items:flex-end;
}
}
.pane_body_mid_1{
display: flex;
flex-direction: column;
}
@media only screen and (min-width:701px) {
.pane_body_mid_1{
align-self:flex-start;
}
}
@media only screen and (max-width: 700px){
.pane_body_mid_1{
order:1
}
}
@media only screen and (max-width: 700px){
.pane_foot_top > .contents{
display: flex;flex-direction: column;align-items:center;
}
}
.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:2
}
}
@media only screen and (max-width: 700px){
.pane_foot_bottom > .contents{
display: flex;flex-direction: column;align-items:center;
}
}